:root{--ink: #1c1917;--muted: #78716c;--line: #e7e5e4;--canvas: #ffffff;--sunken: #f5f5f4;--hover: #f4f3f2;--accent: #0f766e;--accent-ink: #115e59;--accent-soft: #e6f4f1;--danger: #b42318;--danger-soft: #fef3f2;--warn: #b54708;--warn-soft: #fffaeb;--rail: #121417;--sidebar: #1c1f24;--sidebar-text: #f5f5f4;--sidebar-muted: #a8a29e;--sidebar-hover: rgba(255, 255, 255, .06);--sidebar-active: rgba(255, 255, 255, .12);--shadow: 0 16px 40px rgba(18, 20, 23, .18);--mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;color:var(--ink);background:var(--sunken);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.45}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}h1,h2,p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sidebar :focus-visible,.rail :focus-visible{outline-color:#9be7d3}.icon{width:18px;height:18px;display:block}.icon path,.icon circle,.icon polyline,.icon line,.icon rect{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.auth{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);background:#fff}.auth-brand{display:flex;flex-direction:column;justify-content:flex-end;gap:16px;padding:48px;background:radial-gradient(900px 420px at 0% 100%,rgba(15,118,110,.45),transparent 60%),var(--rail);color:#f5f5f4}.auth-mark{font-size:28px;font-weight:700;letter-spacing:-.04em}.auth-lead{max-width:28ch;font-size:22px;line-height:1.35;letter-spacing:-.03em;color:#e7e5e4}.auth-card{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:48px 40px;max-width:460px}.auth-card h1{font-size:24px;letter-spacing:-.03em}.auth-loading{min-height:100dvh;display:grid;place-items:center;background:var(--rail);color:#f5f5f4}.shell{height:100dvh;display:grid;grid-template-columns:68px 260px minmax(0,1fr);background:var(--canvas);overflow:hidden}.rail{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 0;background:var(--rail);min-height:0}.rail-spacer{flex:1}.rail-rule{width:32px;height:2px;margin:2px 0 6px;border:0;border-radius:999px;background:#ffffff24}.workspace-badge,.rail-button{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;border:0;text-decoration:none;position:relative}.workspace-badge{background:var(--accent);color:#fff;font-weight:700}.rail-button{background:transparent;color:#d6d3d1}.rail-button .icon{width:20px;height:20px}.rail-button:hover{background:#ffffff14;color:#fff}.rail-button[aria-current=page]{background:var(--accent);color:#fff}.badge{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#e11d48;color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center}.rail-menu{position:relative}.rail-menu summary{list-style:none;cursor:pointer;border-radius:50%}.rail-menu summary::-webkit-details-marker{display:none}.sidebar{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--sidebar);color:var(--sidebar-text)}.sidebar-head,.sidebar-scroll{padding-left:12px;padding-right:12px}.sidebar-head{display:flex;align-items:center;gap:8px;min-height:56px;padding-top:10px}.sidebar-head strong{display:block;font-size:16px;letter-spacing:-.02em}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sidebar-muted)}.version{text-transform:none;letter-spacing:0;font-weight:600}.sidebar-scroll{flex:1;overflow:auto;padding-bottom:16px}.sidebar .icon-button{color:var(--sidebar-text)}.sidebar .icon-button:hover{background:var(--sidebar-hover)}.sidebar-head .sidebar-close{display:none;margin-left:auto}.section-label{display:flex;align-items:center;gap:8px;margin:14px 4px 4px;color:var(--sidebar-muted);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.section-label span{flex:1}.nav-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border:0;border-radius:6px;background:transparent;color:var(--sidebar-text);text-align:left;font-size:14.5px}.nav-item:hover{background:var(--sidebar-hover)}.nav-item.active{background:var(--sidebar-active);font-weight:600}.nav-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar .nav-score,.sidebar .nav-tag,.sidebar .hash,.sidebar .nav-item .icon{color:var(--sidebar-muted)}.stage-title .hash,.stage-title .icon{color:var(--muted)}.nav-item.active .hash,.nav-item.active .icon{color:#99f6e4}.hash{width:18px;text-align:center;font-weight:700}.nav-score,.nav-tag{font-size:12px}.sidebar-note{margin:8px;color:var(--sidebar-muted);font-size:13px}.stage{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--canvas)}.stage-body{flex:1;min-height:0;display:flex}.conversation{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.stage-head{display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 16px;border-bottom:1px solid var(--line);background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.stage-title{min-width:0}.stage-title h1{display:flex;align-items:center;gap:6px;font-size:16px;letter-spacing:-.02em}.stage-title p{color:var(--muted);font-size:13px}.stage-actions{margin-left:auto;display:flex;align-items:center;gap:8px;flex:none}.stage-head .menu-toggle{display:none}.stage-scroll{flex:1;min-height:0;overflow:auto}.page{width:min(820px,100%);margin:0 auto;padding:8px 20px 48px}.transcript{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;overflow-anchor:none}.transcript-inner{margin-top:auto;display:flex;flex-direction:column;padding:12px 0 8px;width:100%}.day-divider{display:flex;align-items:center;gap:12px;margin:16px 20px 8px;color:var(--muted);font-size:12px;font-weight:700}.day-divider:before,.day-divider:after{content:"";height:1px;background:var(--line);flex:1}.thread{display:flex;flex-direction:column}.resolved-fold .summary{margin-top:4px}.summary{margin:8px 0 2px;padding:8px 10px;border-radius:8px;background:var(--sunken);color:var(--ink);font-size:14px}.summary-label{display:block;margin-bottom:2px;color:var(--accent-ink);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.summary p{margin:0;white-space:pre-wrap}.replies{margin-left:48px;border-left:2px solid var(--line)}.message{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;padding:8px 20px}.message:hover{background:var(--hover)}.message[data-spotlight]{border-radius:8px;animation:message-spotlight 2.4s ease-out}@keyframes message-spotlight{0%,55%{box-shadow:inset 0 0 0 2px var(--accent);background:var(--accent-soft)}to{box-shadow:inset 0 0 0 2px transparent;background:transparent}}.message.grouped{padding-top:2px;padding-bottom:2px}.gutter{width:36px}.message.grouped .gutter{height:8px}.meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}.meta strong{font-size:14px}.meta time,.quiet{color:var(--muted)}.meta time{font-size:12px}.body{margin:2px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.hoverbar{position:absolute;top:6px;right:12px;z-index:2;display:flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 4px 14px #1c191714;opacity:0}.message:hover .hoverbar,.message:focus-within .hoverbar{opacity:1}.hover-time{display:none;padding:0 6px;color:var(--muted);font-size:12px}.message.grouped .hover-time{display:inline}.composer-dock,.join-dock{padding:8px 16px 16px}.composer{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 1px 2px #1c19170a}.composer:focus-within{border-color:#99d5cb;box-shadow:0 0 0 3px #0f766e29}.composer textarea{width:100%;min-height:24px;max-height:180px;padding:0;border:0;resize:none;background:transparent;outline:none;line-height:1.45}.composer-context,.composer-bar,.row{display:flex;align-items:center;gap:8px}.composer-context{justify-content:space-between;padding-bottom:8px;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px}.composer-bar{justify-content:space-between}.hint{color:var(--muted);font-size:12px;font-weight:400}.join-dock{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 16px 16px;padding:12px 14px;border-radius:14px;background:var(--sunken)}.details{width:300px;flex:none;overflow:auto;padding:16px;border-left:1px solid var(--line);background:#fafaf9;display:flex;flex-direction:column;gap:14px}.details header,.member{display:flex;align-items:center;gap:8px}.details header h2{flex:1;font-size:15px}.member{padding:6px 0}.member div{flex:1;min-width:0;display:flex;flex-direction:column}.priority-field{width:88px}.priority-field input{width:100%}.member strong,.member span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex:none;color:#fff;font-size:12px;font-weight:700}.avatar.lg{width:36px;height:36px;font-size:13px}.pill,.chip,.link{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;font-size:12px;line-height:1.4}.pill{padding:2px 8px;background:var(--accent-soft);color:var(--accent-ink);font-weight:600}.pill.quiet{background:var(--sunken);color:var(--muted)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.chip,.link{gap:4px;padding:2px 8px;border:0;background:var(--sunken);color:var(--ink)}.link{cursor:pointer}.link:hover,.chip:hover{background:#e7e5e4}.score{min-width:1.4em;text-align:center;font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted)}.score.up{color:var(--accent-ink)}.score.down{color:var(--danger)}.vote-cluster{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--line);border-radius:10px;background:#fff}.dot{width:8px;height:8px;border-radius:50%;background:var(--accent);display:inline-block}.feed-item{display:grid;grid-template-columns:36px minmax(0,1fr);gap:4px 12px;padding:12px 0;border-bottom:1px solid var(--line)}.feed-item.unread{background:#f3faf7;margin:0 -12px;padding:12px;border-radius:12px;border-bottom-color:transparent}.feed-open{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:0;border:0;background:transparent;text-align:left;color:inherit}.feed-open p{color:var(--ink)}.feed-actions{grid-column:2;display:flex;gap:8px;opacity:0}.feed-item:hover .feed-actions,.feed-item:focus-within .feed-actions{opacity:1}.watch-board{display:flex;flex-direction:column;gap:28px;padding-top:8px}.watch-section{border:1px solid var(--line);border-radius:16px;background:var(--canvas);overflow:hidden}.watch-section-head{padding:16px 18px 14px;background:var(--sunken);border-bottom:1px solid var(--line)}.watch-section-head h2{font-size:17px;font-weight:650;letter-spacing:-.02em}.watch-section-head p{margin-top:4px;color:var(--muted);font-size:13px}.watch-section-body{padding:4px 18px 12px}.watch-empty{padding:14px 0 8px}.watch-item{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:14px 0;border-bottom:1px solid var(--line)}.watch-section .watch-item:last-child{border-bottom:0;padding-bottom:6px}.watch-open{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:0;border:0;background:transparent;text-align:left;color:inherit}.watch-open:disabled{cursor:default}.radius-stats,.ceiling-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.radius-stats{color:var(--muted);font-size:12px}.ceiling-form{align-items:end;padding:14px 0 6px}.ceiling-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.section-title{margin:18px 0 0;color:var(--muted);font-size:12px;letter-spacing:.04em;text-transform:uppercase}.excerpt{color:#44403c}.meta-line{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.person{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.person div{min-width:0;display:flex;flex-direction:column;gap:2px}.inline-name{width:100%;padding:4px 6px;border:1px solid transparent;border-radius:8px;background:transparent;font-weight:650}.inline-name:hover,.inline-name:focus{border-color:var(--line);background:#fff}.banner{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid #99d5cb;border-radius:14px;background:var(--accent-soft)}.token,.code,.artifact{display:block;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--mono);font-size:12.5px;line-height:1.5}.code,.artifact{margin:6px 0 0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--sunken)}.artifact{background:#f3f7f6}.banner .code{background:#fff}.stack{display:flex;flex-direction:column;gap:12px}.pager{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.pager button[aria-current=page]{background:var(--ink);color:#fff;border-color:var(--ink);opacity:1}.ellipsis{color:var(--muted);padding:0 2px}.empty{margin:48px auto;max-width:360px;text-align:center;color:var(--muted)}.alert{display:flex;align-items:center;gap:8px;margin:8px 16px 0;padding:8px 10px;border-radius:10px;background:var(--danger-soft);color:var(--danger);font-size:13px}.alert span{flex:1}.error{color:var(--danger)}.icon-button,.ghost,.primary,.danger{border-radius:8px;border:1px solid transparent}.icon-button{width:32px;height:32px;display:inline-grid;place-items:center;padding:0;border:0;background:transparent;color:var(--ink)}.icon-button:hover{background:var(--hover)}.icon-button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-ink)}.ghost,.primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px}.ghost{border-color:var(--line);background:#fff}.ghost:hover{background:var(--hover)}.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.primary:hover{background:#0d6b63}.danger{color:var(--danger)}.older{align-self:center;margin:8px auto 12px}label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:650}input,textarea{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;font-weight:400}.dialog{width:min(440px,calc(100vw - 32px));padding:0;border:0;border-radius:14px;color:var(--ink);background:#fff;box-shadow:var(--shadow)}.dialog::backdrop{background:#12141780}.dialog form{display:flex;flex-direction:column;gap:14px;padding:18px}.dialog header{display:flex;align-items:center;gap:8px}.dialog h2{flex:1;font-size:18px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:10px;background:var(--sunken)}.segmented.thirds{grid-template-columns:repeat(3,1fr)}.segmented label{align-items:center;justify-content:center;padding:8px;border-radius:8px;font-size:14px;cursor:pointer}.segmented input{position:absolute;opacity:0;pointer-events:none}.segmented label.selected{background:#fff;box-shadow:0 1px 2px #1c191714}.menu-panel{position:absolute;z-index:40;display:flex;flex-direction:column;gap:6px;width:220px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);box-shadow:var(--shadow)}.rail-menu .menu-panel{left:calc(100% + 10px);bottom:0}.create-row{display:flex;gap:8px;align-items:end}.create-row label{flex:1}.sidebar-scroll,.transcript,.stage-scroll,.details{scrollbar-width:thin;scrollbar-color:rgba(120,113,108,.4) transparent}.scrim{display:none}@media(hover:none){.hoverbar{position:static;opacity:1;width:fit-content;margin-top:6px;box-shadow:none}.feed-actions{opacity:1}}@media(max-width:860px){.auth{grid-template-columns:1fr}.auth-brand{min-height:28vh;padding:28px 24px}.auth-lead{font-size:18px}.auth-card{padding:28px 20px 40px}.shell{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.rail{grid-row:2;flex-direction:row;justify-content:space-around;width:100%;height:calc(56px + env(safe-area-inset-bottom));padding:6px 8px env(safe-area-inset-bottom)}.workspace-badge,.rail-button{width:36px;height:36px;border-radius:12px}.rail-spacer,.rail-rule{display:none}.sidebar{position:fixed;z-index:30;top:0;bottom:calc(56px + env(safe-area-inset-bottom));left:0;width:min(300px,88vw);transform:translate(-105%);transition:transform .16s ease;box-shadow:var(--shadow)}.sidebar.open{transform:none}.sidebar-head .sidebar-close,.stage-head .menu-toggle{display:inline-grid}.scrim{display:block;position:fixed;z-index:25;inset:0 0 calc(56px + env(safe-area-inset-bottom)) 0;padding:0;border:0;background:#0c0c0e7a}.rail-menu .menu-panel{left:auto;right:0;bottom:calc(100% + 8px)}.details{position:fixed;z-index:28;top:0;right:0;bottom:calc(56px + env(safe-area-inset-bottom));width:min(320px,100%);box-shadow:var(--shadow)}.composer-bar,.join-dock{align-items:stretch;flex-direction:column}}@media(prefers-reduced-motion:reduce){.sidebar{transition:none}.message[data-spotlight]{animation:none;box-shadow:inset 0 0 0 2px var(--accent);background:var(--accent-soft)}}