:root{color-scheme:dark;--ink:#f5f0ff;--muted:#aaa3ba;--paper:#17151f;--panel:#201d2a;--panel2:#292536;--line:#454054;--acid:#d5ff67;--violet:#ad8cff;--coral:#ff8e78;--focus:#fff4a8;font-family:ui-rounded,"SF Pro Rounded","Segoe UI",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:var(--paper)}button,input,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.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}.skip-link{position:fixed;z-index:30;top:8px;left:8px;transform:translateY(-150%);background:var(--acid);color:#111;padding:.6rem 1rem;border-radius:9px}.skip-link:focus{transform:none}[hidden]{display:none!important}.eyebrow{margin:0 0 .25rem;color:var(--acid);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.loading-state,.welcome{min-height:100vh;display:grid;place-content:center;padding:2rem;text-align:center}.welcome{max-width:42rem;margin:auto}.welcome-mark{color:var(--acid);font-size:6rem;line-height:.8;transform:rotate(-12deg)}.welcome h1{margin:.2rem 0;font-size:clamp(3rem,10vw,7rem);letter-spacing:-.07em}.welcome p:not(.eyebrow){color:var(--muted);font-size:1.2rem}.app-shell{min-height:100vh;display:grid;grid-template:68px 1fr/260px minmax(360px,760px) minmax(300px,420px);justify-content:center}.topbar{grid-column:1/-1;position:sticky;top:0;z-index:8;display:flex;align-items:center;gap:1rem;padding:0 1.25rem;background:#17151feb;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.wordmark{border:0;background:none;color:var(--ink);font-size:1.35rem;font-weight:900;cursor:pointer}.wordmark span{color:var(--acid);font-size:1.8rem}.topbar-note{color:var(--muted);font-size:.85rem}.identity{margin-left:auto;display:flex;align-items:center;gap:.5rem;font-weight:700}.connection-dot{width:9px;height:9px;border-radius:50%;background:var(--acid);box-shadow:0 0 14px var(--acid)}.connection-dot.offline{background:var(--coral);box-shadow:none}.lens-panel,.context-panel{min-height:calc(100vh - 68px);padding:1.4rem 1rem;border-right:1px solid var(--line);background:#1b1823}.panel-heading,.river-heading,.context-heading,.dialog header{display:flex;align-items:center;justify-content:space-between;gap:1rem}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2{margin:0;letter-spacing:-.035em}.icon-button,.quiet-button{border:1px solid var(--line);background:var(--panel2);color:var(--ink);border-radius:999px;min-width:2.45rem;min-height:2.45rem;cursor:pointer}.quiet-button{padding:.45rem .9rem;min-height:auto}.lens{width:100%;margin-top:.55rem;display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;align-items:center;padding:.7rem;border:1px solid transparent;border-radius:14px;color:var(--ink);background:transparent;text-align:left;cursor:pointer}.lens:hover{background:var(--panel)}.lens.active{border-color:var(--violet);background:linear-gradient(110deg,#342b4a,#22202c)}.lens-glyph{grid-row:1/3;font-size:1.3rem;color:var(--violet)}.river-glyph{color:var(--acid)}.lens span:nth-child(2){font-weight:750}.lens small{color:var(--muted)}.templates{margin-top:2rem;padding-top:1rem;border-top:1px dashed var(--line)}.template-card{margin-top:.65rem;padding:.7rem;border:1px dashed var(--line);border-radius:12px}.template-card p{margin:.25rem 0;color:var(--muted);font-size:.82rem}.river-panel{padding:2rem clamp(1rem,4vw,3rem) 5rem;min-width:0}.river-heading h1{font-size:clamp(2.2rem,6vw,4.2rem)}.composer{margin:1.5rem 0 2rem;padding:1rem;background:linear-gradient(120deg,#282337,#21202a);border:1px solid #514967;border-radius:18px;box-shadow:0 14px 40px #0003}.composer label,.reply-composer label{display:block;margin-bottom:.55rem;font-weight:800}.composer textarea,.reply-composer textarea,.dialog input{width:100%;border:1px solid var(--line);border-radius:11px;background:#14121a;color:var(--ink);padding:.8rem;resize:vertical}.composer-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.65rem;color:var(--muted);font-size:.8rem}.button{display:inline-flex;justify-content:center;align-items:center;gap:.4rem;border:1px solid var(--line);border-radius:999px;padding:.65rem 1rem;background:var(--panel2);color:var(--ink);text-decoration:none;cursor:pointer;font-weight:800}.button.primary{background:var(--acid);color:#17151f;border-color:var(--acid)}.button:disabled{opacity:.5;cursor:wait}.message-list{list-style:none;margin:0;padding:0}.message-card{position:relative;margin:0 0 1rem;padding:1rem 1rem 1rem 1.25rem;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.message-card:before{content:"";position:absolute;left:-.26rem;top:1rem;width:.5rem;height:2.6rem;border-radius:1rem;background:var(--violet)}.message-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;color:var(--muted);font-size:.78rem}.message-author{color:var(--ink);font-weight:850}.message-body{white-space:pre-wrap;line-height:1.55}.tag-row,.membership-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.7rem}.tag,.membership{padding:.18rem .5rem;border-radius:999px;font-size:.73rem}.tag{color:var(--acid);background:#303523;border:1px solid #53612d}.membership{color:#dfd2ff;background:#332b46}.message-actions{display:flex;gap:.5rem;margin-top:.85rem}.message-actions button{border:0;padding:.3rem .5rem;color:var(--muted);background:none;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.empty-card,.view-state{padding:2rem;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:18px}.load-more{width:100%;margin-top:.7rem}.context-panel{border-right:0;border-left:1px solid var(--line);background:#1d1926}.context-panel h3{margin-top:1.5rem;font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.context-panel .message-card{border-radius:13px}.context-breadcrumbs{display:flex;gap:.4rem;margin:1rem 0}.crumb{border:0;background:none;color:var(--violet);text-decoration:underline;cursor:pointer}.reply-composer{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.reply-composer .button{margin-top:.6rem}.dialog{width:min(92vw,520px);padding:0;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--ink);box-shadow:0 30px 80px #0009}.dialog::backdrop{background:#0c0911cc;backdrop-filter:blur(4px)}.dialog form{padding:1.25rem}.dialog label{display:block;margin:1rem 0 .4rem;font-weight:750}.dialog label small{color:var(--muted);font-weight:400}.dialog fieldset{margin:1rem 0;padding:.8rem;border:1px dashed var(--line);border-radius:12px}.filter-note{color:var(--muted);font-size:.82rem}.dialog-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.2rem}.compact{max-width:460px}.status-toast{position:fixed;z-index:30;left:50%;bottom:1rem;transform:translate(-50%,150%);max-width:min(90vw,600px);padding:.8rem 1rem;border-radius:999px;background:var(--ink);color:var(--paper);font-weight:750;transition:transform .2s}.status-toast.visible{transform:translate(-50%,0)}.status-toast.error{background:var(--coral);color:#1b0c09}.mobile-only{display:none}
.sibling-list{display:grid;width:100%;gap:.45rem}.sibling-control{display:grid;gap:.2rem;width:100%;padding:.65rem;border:1px solid var(--line);border-radius:11px;background:var(--panel2);color:var(--ink);text-align:left;cursor:pointer}.sibling-control span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sibling-control small{color:var(--violet)}
.call-link{margin-top:.75rem;width:100%}
@media(max-width:1050px){.app-shell{grid-template-columns:220px minmax(360px,1fr)}.context-panel{position:fixed;z-index:10;inset:68px 0 0 auto;width:min(92vw,440px);overflow:auto;box-shadow:-20px 0 60px #0009}}
@media(max-width:720px){html,body{max-width:100%;overflow-x:clip}.app-shell{display:block;width:100%;max-width:100%;padding-top:68px}.topbar{position:fixed;inset:0 0 auto;height:68px;min-width:0}.topbar-note{display:none}.mobile-only{display:inline-grid;place-items:center}.identity{min-width:0;font-size:.82rem}.identity span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lens-panel{position:fixed;z-index:12;inset:68px auto 0 0;width:min(88vw,310px);overflow:auto;transform:translateX(calc(-100% - 2rem));visibility:hidden;pointer-events:none;transition:transform .2s,visibility 0s linear .2s;box-shadow:none}.lens-panel.open{transform:none;visibility:visible;pointer-events:auto;transition-delay:0s;box-shadow:20px 0 60px #0009}.river-panel{width:100%;max-width:100%;padding-top:1.25rem}.river-heading>*{min-width:0}.context-panel{inset:68px 0 0;width:100%}.river-heading h1{font-size:clamp(2rem,10vw,2.5rem)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}
@media(prefers-contrast:more){:root{--muted:#ddd7e8;--line:#aaa1ba;--acid:#e6ff9f}.message-card,.composer,.dialog{border-width:2px}}