.community-page{padding-top:26px;padding-bottom:38px}.cc-eyebrow{display:block;font-size:10px;letter-spacing:1.9px;font-weight:750;color:var(--accent,#479b68);margin-bottom:8px}.cc-page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:26px 0 22px}.cc-page-heading h1{font-size:clamp(28px,3vw,38px);letter-spacing:-1.1px;margin:0}.cc-page-heading .btn{gap:8px;font-size:13px}.cc-page-heading svg,.cc-side svg,.cc-chat svg{width:18px;height:18px;flex-shrink:0}.cc-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start}.cc-chat{height:min(780px,calc(100dvh - 268px));min-height:500px;background:var(--panel,#fff);border:1px solid var(--line,#e0e7e1);border-radius:22px;display:flex;flex-direction:column;overflow:hidden;position:relative;box-shadow:0 14px 45px #233b2b07}.cc-top{padding:18px 22px;display:flex;align-items:center;gap:12px;background:var(--panel,#fff);border-bottom:1px solid var(--line,#e5ece6);flex-shrink:0}.cc-group-avatar{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:linear-gradient(140deg,#72c88e,#328555);color:white;font-size:18px;font-weight:800;letter-spacing:-1px;box-shadow:0 4px 14px #459c6722}.cc-top h2{font-size:15px;margin:0 0 4px}.cc-top p{display:flex;align-items:center;gap:6px;margin:0;font-size:11px;color:var(--muted,#84948b)}.cc-top i{width:6px;height:6px;border-radius:50%;background:#acb7b0}.cc-top .is-live i{background:#4fa96d;box-shadow:0 0 0 3px #63b78218}.cc-private{margin-left:auto;color:var(--muted,#84948b);display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line,#e5ece6);border-radius:10px}.cc-feed{overflow:auto;flex:1;min-height:0;overscroll-behavior:contain;padding:16px 24px 24px;background:var(--soft,#f3f6f3);scrollbar-width:thin}.cc-date{width:max-content;max-width:100%;margin:10px auto 22px;color:var(--muted,#89978f);font-size:10px;font-weight:600;letter-spacing:.2px}.cc-message{display:flex;gap:9px;align-items:flex-end;margin:0 0 18px}.cc-avatar{display:grid;place-items:center;width:31px;height:31px;flex-shrink:0;border-radius:11px;background:hsl(var(--avatar-hue) 30% 89%);color:hsl(var(--avatar-hue) 30% 35%);font-size:13px;font-weight:750}.cc-bubble{max-width:85%;padding:11px 14px 7px;border:1px solid var(--line,#e5ece6);border-radius:15px 15px 15px 4px;background:var(--panel,#fff);box-shadow:0 2px 6px #12291b03;min-width:120px;overflow-wrap:anywhere}.cc-message-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:7px}.cc-message-head>a,.cc-message-head>b{font-size:12px;font-weight:700;color:var(--ink,#22352a);text-decoration:none}.cc-message-head>a:hover{text-decoration:underline}.cc-origin{font-size:9px;color:#738d9c;background:#e9f1f6;padding:2px 6px;border-radius:5px;font-weight:600}.cc-origin-site{color:#39704c;background:#e7f2e9}.cc-text{white-space:pre-wrap;font-size:14px;line-height:1.55;color:var(--ink,#25372d)}.cc-message-foot{display:flex;align-items:center;gap:8px;margin-top:5px;color:var(--muted,#92a095)}.cc-message-foot time{font-size:9px;margin-left:auto}.cc-message-foot svg{width:12px;height:12px}.cc-message-foot button{padding:3px;border:0;color:inherit;background:none;cursor:pointer;display:flex}.cc-message-foot button:hover{color:var(--accent,#459b65)}.cc-mine{flex-direction:row-reverse}.cc-mine .cc-bubble{background:#edf7ef;border-color:#d6e9db;border-radius:15px 15px 4px 15px}.cc-mine .cc-message-foot{color:#659575}.cc-quote{display:block;width:100%;padding:8px 10px;margin:4px 0 10px;text-align:left;border:0;border-left:3px solid #80b992;background:#8bae9a12;color:inherit;border-radius:3px 7px 7px 3px;cursor:pointer}.cc-quote b,.cc-quote span{display:block;font-size:11px;line-height:1.5}.cc-quote span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:320px}.cc-compose{padding:14px 20px 13px;background:var(--panel,#fff);border-top:1px solid var(--line,#e5ece6);flex-shrink:0}.cc-compose form{display:flex;gap:10px;align-items:flex-end}.cc-compose textarea{display:block;resize:none;width:100%;min-width:0;min-height:46px;max-height:140px;padding:13px 14px;border:1px solid var(--line,#e0e7e1);border-radius:12px;background:var(--soft,#f7f9f7);color:var(--ink,#22352a);font-size:13px;line-height:1.5;font-family:inherit;outline:none}.cc-compose textarea:focus{border-color:#73b58a;box-shadow:0 0 0 3px #58a77512}.cc-compose textarea::placeholder{color:var(--muted,#93a298)}.cc-compose form>button{border:0;background:#4d9d69;color:#fff;display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border-radius:13px;cursor:pointer;box-shadow:0 5px 15px #40935c22}.cc-compose form>button:hover{background:#398754}.cc-compose form>button:disabled{opacity:.45;cursor:not-allowed}.cc-compose-note{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-size:9px;color:var(--muted,#98a59d)}.cc-reply{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:#5c9970}.cc-reply>span{min-width:0;flex:1}.cc-reply b,.cc-reply small{display:block;font-size:11px}.cc-reply small{color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cc-reply button{background:none;border:0;color:var(--muted);padding:5px;cursor:pointer}.cc-new{position:absolute;bottom:104px;left:50%;transform:translateX(-50%);background:var(--panel,#fff);color:var(--accent,#418959);box-shadow:0 3px 15px #20342822;border:1px solid var(--line,#d9e5dc);border-radius:30px;padding:8px 14px;font:600 11px system-ui;display:flex;gap:6px;align-items:center;white-space:nowrap;cursor:pointer}.cc-new[hidden],.cc-reply[hidden],.cc-error[hidden]{display:none}.cc-error{font-size:12px;line-height:1.4;color:#bd5353;margin:8px 0 0}.cc-older{display:block;margin:0 auto 20px;background:transparent;color:var(--accent,#459764);border:0;font:600 11px system-ui;cursor:pointer}.cc-pending .cc-bubble{opacity:.7}.cc-pending-status{font-size:10px;color:var(--muted);margin-top:6px}.cc-pending-status button{border:0;background:none;color:var(--accent);cursor:pointer;text-decoration:underline}.cc-pending small{font-size:10px}.cc-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;min-height:100%;padding:28px;color:var(--muted)}.cc-empty>svg{width:36px;height:36px;color:#68a67b}.cc-empty h3{font-size:17px;color:var(--ink);margin:14px 0 4px}.cc-empty p{font-size:13px;max-width:290px}.cc-side{padding:0}.cc-about{border:1px solid var(--line,#e0e7e1);border-radius:22px;padding:26px 23px;background:linear-gradient(150deg,#b4d8bf20,transparent 60%),var(--panel,#fff)}.cc-about-art{display:grid;place-items:center;position:relative;width:60px;height:60px;border-radius:20px;background:#e1f1e6;color:#498c5e;margin-bottom:25px}.cc-about-art>svg{width:30px;height:30px}.cc-about-art i{position:absolute;right:-12px;top:-8px;font-style:normal;color:#91b485;font-size:25px}.cc-about-art b{position:absolute;left:-8px;bottom:-7px;font-size:20px;color:#b9c799}.cc-about h2{font-size:21px;margin:8px 0 10px;letter-spacing:-.4px}.cc-about>p{font-size:12px;line-height:1.7;color:var(--muted,#829187);margin-bottom:28px}.cc-fact{display:flex;gap:10px;align-items:flex-start;margin-top:23px}.cc-fact>svg{width:16px;height:16px;color:#6d9b7c;margin-top:2px}.cc-fact b{font-size:11px;display:block;margin-bottom:5px}.cc-fact small{display:block;font-size:10px;line-height:1.7;color:var(--muted,#8a998f)}.cc-side-link{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:10px;color:var(--muted);padding:20px 8px;text-decoration:none}.cc-side-link svg{width:13px;height:13px}.cc-media{min-width:140px;min-height:120px;max-width:360px;margin:8px 0;border-radius:12px;background:#d7e4dc33;overflow:hidden;display:grid;place-items:center}.cc-media img{width:100%;max-height:380px;object-fit:contain;display:block}.cc-sticker{max-width:160px;background:transparent}.cc-media-label,.cc-media a{font-size:11px;padding:14px;color:var(--muted)}.cc-play button,.cc-attachment{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.5;background:#a3c5b01a;border:1px solid #9cc3a733;padding:12px;border-radius:10px;color:var(--ink);cursor:pointer;text-decoration:none;margin:8px 0}.cc-play audio,.cc-play video{max-width:100%;width:280px}.community-gate{max-width:650px;margin:6vh auto;text-align:center;padding:44px 30px;background:var(--panel,#fff);border:1px solid var(--line);border-radius:26px}.cc-gate-icon{display:grid;place-items:center;margin:0 auto 22px;width:74px;height:74px;background:#e5f2e8;color:#4b9364;border-radius:24px}.cc-gate-icon svg{width:38px;height:38px}.community-gate h1{font-size:36px;line-height:1.2;letter-spacing:-1px;margin:15px 0}.community-gate p{font-size:15px;line-height:1.7;color:var(--muted);max-width:420px;margin:0 auto 24px}.community-gate small{display:flex;justify-content:center;align-items:center;gap:6px;color:var(--muted);font-size:11px;margin-top:20px}.community-gate small svg{width:13px;height:13px}[data-theme=dark] .cc-mine .cc-bubble{background:#203b30;border-color:#365b43}[data-theme=dark] .cc-origin{background:#263d49;color:#adc8d7}[data-theme=dark] .cc-origin-site{background:#2b4736;color:#adcfb8}
@media(min-width:1500px){.community-page{max-width:1440px}.cc-layout{grid-template-columns:minmax(0,1fr) 290px}.cc-chat{height:min(820px,calc(100dvh - 285px))}.cc-about{padding:30px}}
@media(max-width:1000px){.cc-layout{grid-template-columns:1fr}.cc-side{display:none}}
@media(max-width:760px){.community-page{padding:12px 12px 16px}.community-page>.crumbs{display:none}.cc-page-heading{margin:5px 4px 14px}.cc-page-heading .cc-eyebrow{font-size:8px;letter-spacing:1.2px}.cc-page-heading h1{font-size:24px;letter-spacing:-.6px}.cc-page-heading .btn{padding:9px;font-size:0;min-width:38px}.cc-page-heading .btn svg{width:19px;height:19px}.cc-chat{height:calc(100dvh - 174px - var(--tabs-h,0px));min-height:390px;border-radius:17px}.cc-top{padding:13px 14px}.cc-top h2{font-size:13px}.cc-top p{font-size:9px}.cc-group-avatar{width:36px;height:36px;border-radius:12px;font-size:16px}.cc-private{width:30px;height:30px}.cc-feed{padding:12px 11px 18px}.cc-bubble{max-width:calc(100% - 33px);padding:10px 11px 5px}.cc-message{gap:7px;margin-bottom:15px}.cc-avatar{width:25px;height:25px;font-size:11px;border-radius:9px}.cc-message-head{gap:7px}.cc-message-head>a,.cc-message-head>b{font-size:11px}.cc-text{font-size:13px}.cc-compose{padding:11px 12px max(10px,env(safe-area-inset-bottom))}.cc-compose textarea{font-size:16px;padding:11px;min-height:44px}.cc-compose form>button{width:44px;height:44px}.cc-compose-note{font-size:8px}.cc-key-hint{display:none}.cc-origin{font-size:8px}.community-gate{margin:30px auto;padding:30px 20px}.community-gate h1{font-size:28px}.cc-quote span{max-width:220px}}

/* Readable chat text and comfortable touch targets. */
.cc-text{font-size:15px;line-height:1.6}.cc-message-head>a,.cc-message-head>b{font-size:13px}.cc-message-foot time{font-size:11px}.cc-message-foot button{min-width:28px;min-height:28px;align-items:center;justify-content:center}.cc-message-foot svg{width:14px;height:14px}.cc-compose-note{font-size:11px}.cc-about>p{font-size:14px}.cc-fact b{font-size:13px}.cc-fact small{font-size:12px}.cc-side-link{font-size:12px}.cc-top p{font-size:12px}.cc-origin{font-size:10px}.cc-chat{min-height:430px}@media(max-width:760px){.cc-text{font-size:15px}.cc-message-head>a,.cc-message-head>b{font-size:12px}.cc-compose-note{font-size:10px}.cc-top p{font-size:11px}.cc-page-heading .btn{font-size:12px}.cc-page-heading .btn svg{width:16px}.cc-chat{min-height:360px}.cc-message-foot button{min-width:32px;min-height:32px}}

.cc-message-foot:has(.cc-delete-confirm){flex-wrap:wrap}.cc-delete-confirm{flex-basis:100%;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink)}.cc-delete-confirm button{font:inherit;padding:6px 9px;border:1px solid var(--line);border-radius:8px}.cc-delete-confirm [data-confirm-delete]{color:#bf5252}

.cc-avatar{overflow:hidden;background-color:hsl(var(--avatar-hue,145) 30% 89%);background-position:center;background-size:cover}.cc-avatar img{display:block;width:100%;height:100%;object-fit:cover}.cc-avatar.img{background-position:center;background-size:cover}

/* The scroll viewport stays mounted while individual message rows update. */
.cc-feed{overflow-anchor:none;scrollbar-gutter:stable}.cc-items{min-height:100%;display:flex;flex-direction:column}.cc-items>.cc-empty{flex:1}.cc-message,.cc-date,.cc-older{flex-shrink:0}.cc-enter{animation:cc-arrive .2s ease-out both}@keyframes cc-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.cc-message-foot button:disabled,.cc-pending-status button:disabled{opacity:.35;cursor:default}.cc-compose{position:relative}.cc-access{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;border:1px solid var(--line,#dfe7e2);border-radius:12px;background:var(--soft,#f3f6f3);margin-bottom:12px;color:var(--ink,#25372d);font-size:13px;line-height:1.5}.cc-access>svg{margin-top:2px;flex-shrink:0;color:var(--muted)}.cc-access>span{flex:1}.cc-access small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.cc-access button{background:none;border:0;color:var(--accent,#459b65);font:inherit;font-size:12px;padding:4px;cursor:pointer}.cc-access[hidden],.cc-emoji-panel[hidden]{display:none}.cc-compose textarea:disabled{opacity:.65;cursor:not-allowed}.cc-compose form>.cc-emoji-toggle{width:42px;height:46px;background:transparent;color:var(--muted);box-shadow:none;border:1px solid var(--line,#dfe7e2)}.cc-compose form>.cc-emoji-toggle:hover,.cc-compose form>.cc-emoji-toggle[aria-expanded=true]{background:var(--soft,#edf5ef);color:var(--accent,#459b65)}.cc-emoji-toggle svg{width:22px;height:22px}.cc-emoji-panel{position:absolute;z-index:8;left:20px;bottom:calc(100% + 8px);width:320px;max-width:calc(100% - 24px);max-height:min(330px,48dvh);overflow:auto;overscroll-behavior:contain;padding:13px;background:var(--panel,#fff);color:var(--ink,#25372d);border:1px solid var(--line,#dfe7e2);border-radius:16px;box-shadow:0 12px 40px #0a231e26}.cc-emoji-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:14px}.cc-emoji-heading button{display:grid;place-items:center;border:0;background:transparent;color:var(--muted);padding:5px;cursor:pointer}.cc-emoji-panel h3{margin:10px 4px 7px;font-size:11px;font-weight:600;color:var(--muted)}.cc-emoji-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}.cc-emoji-grid button{display:grid;place-items:center;min-height:38px;padding:4px;border:0;border-radius:9px;background:transparent;color:inherit;font-size:25px;line-height:1.2;cursor:pointer;transition:background .12s,transform .12s}.cc-emoji-grid button:hover,.cc-emoji-grid button:focus-visible{background:var(--soft,#edf5ef);transform:scale(1.1);outline:2px solid var(--accent,#459b65);outline-offset:-2px}.cc-emoji-heading button:focus-visible,.cc-emoji-toggle:focus-visible{outline:2px solid var(--accent,#459b65);outline-offset:2px}.cc-new{z-index:5}.cc-message-foot button,.cc-older,.cc-pending-status button{transition:color .12s,background .12s}
@media(max-width:760px){.cc-compose form{gap:7px}.cc-compose form>.cc-emoji-toggle{width:37px;height:44px}.cc-emoji-panel{left:12px;padding:10px}.cc-access{font-size:12px;padding:10px;gap:8px}.cc-access button{font-size:11px}.cc-compose-note{line-height:1.4}.cc-emoji-grid button{min-height:38px}}
@media(prefers-reduced-motion:reduce){.cc-enter{animation:none}.cc-emoji-grid button{transition:none}.cc-feed{scroll-behavior:auto}}

.cc-emoji-grid button{min-width:0;padding:3px;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.cc-emoji-panel{overflow-x:hidden}