:root{color:#f2f0e9;background:#101210;font-family:Inter,Noto Sans JP,Yu Gothic UI,Meiryo,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;letter-spacing:0}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}button,input{font:inherit}button{color:inherit}.app-shell{display:grid;grid-template-columns:72px minmax(230px,272px) minmax(0,1fr) minmax(220px,252px);width:100%;height:100dvh;overflow:hidden;background:#101210}.community-rail{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 10px;background:#0b0c0b;border-right:1px solid #282b27}.brand-mark,.rail-button,.icon-button,.member-actions button{display:grid;place-items:center;border:0;cursor:pointer}.brand-mark,.rail-button{width:44px;height:44px;border-radius:8px;background:#232722;color:#c8ccc3;transition:background-color .14s ease,color .14s ease}.brand-mark{font-family:Georgia,serif;font-size:23px;font-weight:700}.brand-mark.is-active{background:#2f8074;color:#fff}.rail-button:hover,.rail-button:focus-visible{background:#d4a949;color:#15130d}.rail-rule{width:32px;height:1px;background:#343832}.channel-panel,.member-panel{min-width:0;background:#181b18}.channel-panel{display:flex;flex-direction:column;border-right:1px solid #30342e}.community-header,.conversation-header{height:64px;flex:0 0 64px;border-bottom:1px solid #30342e}.community-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px}.community-header div{min-width:0}.community-header strong,.community-header .eyebrow{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-header strong{margin-top:3px;font-size:16px}.eyebrow,.section-label{color:#8f978c;font-size:11px;font-weight:700;letter-spacing:0}.channel-navigation{flex:1;padding:20px 10px}.section-label{margin:0 8px 8px}.channel-button{display:flex;align-items:center;gap:10px;width:100%;height:40px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:#aeb4aa;cursor:pointer;text-align:left}.channel-button:hover,.channel-button:focus-visible{background:#242824;color:#f2f0e9}.channel-button.is-active{background:#2d332e;color:#fff}.service-state{display:grid;grid-template-columns:10px minmax(0,1fr) 18px;align-items:center;gap:10px;min-height:72px;padding:12px 16px;border-top:1px solid #30342e;background:#141614}.service-state strong,.service-state span{display:block}.service-state strong{font-size:12px}.service-state div span{margin-top:3px;color:#858d82;font-size:11px}.status-dot,.online-indicator{width:9px;height:9px;border-radius:50%;background:#d4a949}.status-dot.is-live,.online-indicator{background:#4bb69d}.conversation-panel{display:flex;min-width:0;flex-direction:column;background:#20231f}.conversation-header{display:flex;align-items:center;gap:12px;padding:0 18px;background:#20231f}.channel-title{display:flex;min-width:0;flex:1;align-items:baseline;gap:12px}.channel-title span{overflow:hidden;color:#929990;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.search-field{display:flex;width:clamp(160px,22vw,280px);height:36px;align-items:center;gap:8px;padding:0 10px;border:1px solid #3b4039;border-radius:6px;background:#151715;color:#8b9288}.search-field:focus-within{border-color:#4da293}.search-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#f2f0e9;font-size:13px}.icon-button,.member-actions button{width:34px;height:34px;flex:0 0 34px;border-radius:6px;background:transparent;color:#aeb4aa}.icon-button:hover,.icon-button:focus-visible,.member-actions button:hover,.member-actions button:focus-visible{background:#30352f;color:#fff}.message-stream{flex:1;overflow-y:auto;padding:28px clamp(18px,4vw,56px) 40px}.channel-intro{max-width:760px;margin-bottom:30px}.channel-intro-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:8px;background:#d4a949;color:#18150e;font-size:23px;font-weight:800}.channel-intro h1{margin:14px 0 8px;font-family:Georgia,Yu Mincho,serif;font-size:28px;letter-spacing:0}.channel-intro p{margin:0;color:#aeb4aa;line-height:1.7}.message{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;max-width:860px;padding:14px 0;border-top:1px solid #30342e}.avatar{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:#2f8074;color:#fff;font-size:14px;font-weight:800}.message-content header{display:flex;align-items:baseline;gap:9px}.message-content time{color:#80877e;font-size:11px}.message-content p{margin:6px 0 0;color:#e4e2dc;font-size:14px;line-height:1.75;white-space:pre-wrap}.empty-search{display:grid;min-height:200px;place-items:center;align-content:center;color:#969d93}.empty-search p{margin:10px 0 0}.composer-preview{display:flex;min-height:58px;align-items:center;gap:10px;margin:0 clamp(18px,4vw,56px) 18px;padding:0 16px;border:1px solid #3b4039;border-radius:6px;background:#292d28;color:#8e968b;font-size:13px}.member-panel{position:relative;padding:22px 14px;border-left:1px solid #30342e}.member-row{display:grid;grid-template-columns:38px minmax(0,1fr) 9px;align-items:center;gap:10px;padding:10px 8px}.member-avatar{width:36px;height:36px;background:#9f623f}.member-row strong,.member-row div span{display:block}.member-row strong{font-size:13px}.member-row div span{margin-top:3px;overflow:hidden;color:#858d82;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.member-notes{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;margin-top:22px;padding:14px;border-left:3px solid #d4a949;background:#20231f;color:#b4bab1}.member-notes p{margin:0;font-size:12px;line-height:1.65}.member-actions{position:absolute;right:14px;bottom:14px;display:flex;gap:4px}.loading-state,.fatal-state{display:grid;width:100%;height:100%;place-items:center;align-content:center;background:#101210;color:#f2f0e9;text-align:center}.loading-mark{display:grid;width:52px;height:52px;place-items:center;border-radius:8px;background:#2f8074;font-family:Georgia,serif;font-size:28px;font-weight:700}.loading-state p,.fatal-state p{color:#aeb4aa}.fatal-state h1{margin:14px 0 0;font-size:21px}.fatal-state button{min-width:120px;height:40px;margin-top:10px;border:0;border-radius:6px;background:#2f8074;color:#fff;cursor:pointer}.mobile-only,.panel-backdrop{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1080px){.app-shell{grid-template-columns:64px minmax(220px,252px) minmax(0,1fr)}.member-panel{display:none}}@media(max-width:760px){.app-shell{grid-template-columns:52px minmax(0,1fr)}.community-rail{padding-inline:4px}.brand-mark,.rail-button{width:40px;height:40px}.channel-panel{position:fixed;z-index:30;top:0;bottom:0;left:52px;width:min(84vw,300px);transform:translate(-115%);transition:transform .18s ease}.channel-panel.is-open{transform:translate(0)}.conversation-panel{grid-column:2}.mobile-only{display:grid}.desktop-only,.channel-title span{display:none}.conversation-header{gap:8px;padding-inline:10px}.search-field{width:42px;margin-left:auto}.search-field input{opacity:0}.search-field:focus-within{position:absolute;z-index:5;right:52px;width:calc(100% - 120px)}.search-field:focus-within input{opacity:1}.message-stream{padding-inline:16px}.channel-intro h1{font-size:24px}.composer-preview{margin-inline:12px;font-size:12px}.panel-backdrop{position:fixed;z-index:20;inset:0;display:block;border:0;background:#00000094}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}