:root{--bg:#0e1114;--panel:#14191d;--panel-2:#191f24;--panel-3:#20272d;--line:#2a333a;--line-soft:#222a30;--text:#eef1ec;--muted:#99a39f;--faint:#69746f;--sage:#95b7a4;--sage-bright:#b9d3c2;--gold:#d2aa68;--blue:#86a8ca;--purple:#a995cf;--red:#d7847f;--green:#78bc8b;--shadow:0 18px 60px rgba(0,0,0,.36);--sidebar:236px;--radius:10px;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"SFMono-Regular",Consolas,monospace}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px}button,input,textarea{font:inherit}button{color:inherit}.spec-ribbon{height:30px;display:flex;align-items:center;gap:12px;padding:0 18px;background:#211d29;border-bottom:1px solid #3a304a;color:#cabde0;font-size:11px;letter-spacing:.035em}.spec-ribbon strong{font-size:10px;padding:2px 6px;border:1px solid #67557f;border-radius:4px}.spec-ribbon a{margin-left:auto;color:#e6dcf5;text-decoration:none}.app-shell{height:calc(100vh - 30px);display:grid;grid-template-columns:var(--sidebar) 1fr}.sidebar{display:flex;flex-direction:column;border-right:1px solid var(--line);background:#101418;padding:18px 12px 12px;min-height:0}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 18px}.brand-mark{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--sage);color:#101714;font-weight:800;font-family:Georgia,serif;font-size:18px}.brand>div{display:flex;flex-direction:column}.brand strong{font-family:Georgia,serif;font-size:18px;letter-spacing:.04em}.brand small,.runtime-state small{color:var(--faint);font-size:10px;margin-top:2px}.workspace-switcher{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:9px 10px;cursor:pointer}.workspace-switcher:hover{border-color:#405047}.workspace-switcher span:nth-child(2){display:flex;flex-direction:column;min-width:0}.workspace-switcher small{color:var(--faint);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.workspace-switcher strong{font-size:12px}.project-dot{width:8px;height:8px;border-radius:50%;background:var(--sage)}nav{margin-top:18px;overflow:auto}.nav-label,.kicker{margin:16px 8px 7px;color:var(--faint);font-weight:700;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.nav-item{position:relative;width:100%;height:38px;display:grid;grid-template-columns:24px 1fr auto;align-items:center;text-align:left;border:0;background:transparent;color:#aab3af;border-radius:7px;padding:0 10px;cursor:pointer}.nav-item>span{color:#75807b;font-size:15px}.nav-item em{font-style:normal;font-size:10px;color:#82908a}.nav-item em.attention{background:#744442;color:#f6d9d6;padding:2px 6px;border-radius:9px}.nav-item:hover{background:#171d21;color:var(--text)}.nav-item.active{background:#1b2422;color:var(--sage-bright)}.nav-item.active:before{content:"";position:absolute;left:0;width:2px;height:19px;background:var(--sage);border-radius:0 2px 2px 0}.nav-item.active>span{color:var(--sage)}.sidebar-foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--line-soft);display:grid;grid-template-columns:32px 32px 1fr;gap:6px;align-items:center}.icon-button{height:30px;border:1px solid var(--line);background:transparent;border-radius:6px;color:var(--muted);cursor:pointer;font-size:11px}.runtime-state{display:flex;align-items:center;gap:7px;margin-left:2px}.runtime-state>span{width:7px;height:7px;background:var(--sage);border-radius:50%;box-shadow:0 0 0 3px rgba(149,183,164,.12)}.runtime-state>div{display:flex;flex-direction:column}.runtime-state strong{font-size:9px;font-weight:600}.main-area{overflow:auto;min-width:0;background:var(--bg)}.topbar{height:83px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--line-soft);position:sticky;top:0;background:rgba(14,17,20,.96);backdrop-filter:blur(14px);z-index:10}.eyebrow{color:var(--faint);font-size:9px;text-transform:uppercase;letter-spacing:.12em;margin:0 0 5px}.topbar h1{font-family:Georgia,serif;font-size:24px;font-weight:500;margin:0;letter-spacing:-.02em}.top-actions,.hero-actions{display:flex;align-items:center;gap:8px}.quiet-button,.primary-button,.danger-quiet,.text-button,.preview-button{border:1px solid var(--line);background:var(--panel);border-radius:7px;height:34px;padding:0 12px;cursor:pointer}.quiet-button:hover{border-color:#47534d;background:var(--panel-2)}.primary-button{background:var(--sage);border-color:var(--sage);color:#111713;font-weight:700}.primary-button:hover{background:var(--sage-bright)}.danger-quiet{background:transparent;color:#dfa6a1;border-color:#513432}.text-button{border:0;background:transparent;color:var(--sage-bright);padding:0;height:auto}.screen{display:none;max-width:1440px;margin:0 auto;padding:28px 30px 46px}.screen.active{display:block}.home-intro{display:flex;justify-content:space-between;align-items:end;padding:4px 0 24px}.home-intro h2,.architecture-intro h2,.roadmap-intro h2{font-family:Georgia,serif;font-size:27px;font-weight:500;margin:0 0 7px}.home-intro p,.architecture-intro p,.roadmap-intro p{color:var(--muted);margin:0;max-width:690px;line-height:1.55}.status-key{display:flex;gap:14px;color:var(--muted);font-size:10px}.status-key span{display:flex;align-items:center;gap:6px}.status-key i{width:7px;height:7px;border-radius:50%}.status-key .tbi{background:var(--gold)}.status-key .tbd{background:var(--purple)}.attention-strip{border-top:1px solid #694d32;border-bottom:1px solid var(--line);padding:18px 0 16px;margin-bottom:26px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:12px}.section-heading .kicker{margin:0 0 5px}.section-heading h3{font-size:15px;margin:0;font-weight:650}.attention-row,.project-row,.run-row{width:100%;border:1px solid #493926;background:#181817;border-radius:8px;padding:12px 14px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;text-align:left;cursor:pointer}.attention-row:hover{border-color:#755c39}.attention-row>span:nth-child(2),.project-row>span:nth-child(2),.run-row>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.attention-row small,.project-row small,.run-row small,.outcome-row small{color:var(--muted)}.risk-badge{font-size:9px;font-weight:800;letter-spacing:.08em;color:#f0c781;border:1px solid #694e2d;padding:5px 6px;border-radius:4px;background:#2b2116}.row-meta{color:var(--muted);font-size:11px}.row-meta b{color:var(--gold);margin-left:10px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:30px}.plain-section{min-width:0}.project-row{background:transparent;border-color:var(--line-soft);margin-bottom:8px}.project-row:hover,.run-row:hover{background:var(--panel);border-color:var(--line)}.project-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;font-family:Georgia,serif;font-weight:700;color:#101514}.project-avatar.green{background:#8db8a0}.project-avatar.gold{background:#c6a86e}.project-avatar.blue{background:#88a9c8}.project-avatar.large{width:58px;height:58px;font-size:25px;border-radius:12px}.progress-ring{--p:50;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;font-size:8px;color:var(--sage-bright);background:radial-gradient(closest-side,var(--bg) 73%,transparent 74%),conic-gradient(var(--sage) calc(var(--p)*1%),var(--line) 0)}.state-chip{font-size:9px;padding:4px 7px;border:1px solid var(--line);border-radius:10px;color:var(--muted);white-space:nowrap}.tbd-chip{border-color:#56456e;color:#bba8dc;background:#211c29}.verified{border-color:#305840;color:#9dd5ac;background:#14231a}.run-row{background:transparent;border-color:var(--line-soft);margin-bottom:8px}.agent-pulse{width:9px;height:9px;border-radius:50%;background:var(--sage);box-shadow:0 0 0 4px rgba(149,183,164,.12);animation:pulse 1.8s infinite}.thin-progress{display:block;width:100%;height:2px;background:#26302c;margin-top:6px}.thin-progress i{display:block;height:100%;background:var(--sage)}@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(149,183,164,0)}}.outcome-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line-soft)}.outcome-row>span{color:var(--green)}.outcome-row div{display:flex;flex-direction:column;gap:4px}.outcome-row button,.file-tree button,.conversation-list button,.mini-files button{border:0;background:transparent;color:var(--sage-bright);cursor:pointer}.recent-section{margin-top:28px}.outcome-table{border-top:1px solid var(--line);font-size:11px}.outcome-table>div{display:grid;grid-template-columns:2fr 1fr 1fr 80px;align-items:center;gap:14px;padding:12px 4px;border-bottom:1px solid var(--line-soft)}.outcome-table .table-head{color:var(--faint);text-transform:uppercase;font-size:9px;letter-spacing:.08em}.outcome-table span:first-child{display:flex;flex-direction:column;gap:3px}.outcome-table small{color:var(--muted)}.project-hero{display:flex;align-items:flex-start;gap:18px;padding:8px 0 26px;border-bottom:1px solid var(--line)}.title-line{display:flex;align-items:center;gap:9px}.title-line h2,.task-header h2{font-family:Georgia,serif;font-size:28px;font-weight:500;margin:0}.project-hero p,.task-header p{color:var(--muted);max-width:700px;line-height:1.5}.project-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:28px;margin-top:25px}.wide-block,.context-block{min-width:0}.label-tbi{font-size:8px;font-weight:800;letter-spacing:.1em;color:#f0c981;border:1px solid #5b492e;border-radius:4px;padding:4px 6px;background:#211d16}.task-line{width:100%;display:grid;grid-template-columns:auto 1fr 100px auto;align-items:center;gap:12px;padding:14px 4px;border:0;border-top:1px solid var(--line-soft);background:transparent;text-align:left;cursor:pointer}.task-line>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.task-line small{color:var(--muted)}.task-line.static{cursor:default}.decision-icon{width:22px;height:22px;display:grid;place-items:center;border:1px solid #5d4c75;color:var(--purple);border-radius:50%}.tbd-text{color:var(--purple);font-size:10px}.context-block{border-left:1px solid var(--line);padding-left:24px}.context-block dl,.run-inspector dl,.memory-detail dl,.decision-context dl{margin:0}.context-block dl>div,.run-inspector dl>div,.memory-detail dl>div,.decision-context dl>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--line-soft)}dt{color:var(--muted);font-size:11px}dd{margin:0;text-align:right;font-size:11px;max-width:70%;word-break:break-word}.context-block .text-button{margin-top:14px}.conversation-list button{width:100%;display:grid;grid-template-columns:1fr auto;text-align:left;padding:11px 3px;border-top:1px solid var(--line-soft)}.conversation-list span{display:flex;flex-direction:column;gap:4px}.conversation-list small,.conversation-list time,.mini-files small{color:var(--muted)}.mini-files button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:9px 0;border-bottom:1px solid var(--line-soft)}.mini-files button>span{width:25px;color:var(--sage)}.mini-files div{display:flex;flex-direction:column;gap:3px}.conversation-screen{padding-bottom:150px;max-width:1000px}.conversation-thread{max-width:780px;margin:0 auto}.date-rule{text-align:center;border-top:1px solid var(--line-soft);margin:10px 0 28px}.date-rule span{position:relative;top:-8px;background:var(--bg);color:var(--faint);padding:0 10px;font-size:9px}.message{margin-bottom:30px}.message header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.message header time{margin-left:auto;color:var(--faint);font-size:9px}.user-avatar{width:25px;height:25px;border-radius:6px;background:#314047;display:grid;place-items:center;font-size:10px}.brand-mark.tiny{width:25px;height:25px;border-radius:6px;font-size:13px}.message>p{font-size:15px;line-height:1.7;margin-left:33px}.route-pill{font-size:8px;color:var(--muted);border:1px solid var(--line);border-radius:9px;padding:3px 6px}.proposal{margin:18px 0 12px 33px;border:1px solid #3a4a41;background:#131b17;border-radius:9px;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:20px}.proposal>div{display:flex;align-items:center;gap:10px}.proposal-icon{width:25px;height:25px;border:1px solid #456550;border-radius:50%;display:grid;place-items:center;color:var(--green)}.proposal p{color:var(--muted);margin:3px 0 0;font-size:11px}.hue-message details{margin-left:33px;color:var(--muted);font-size:10px}.hue-message summary{cursor:pointer}.composer{position:fixed;bottom:18px;left:calc(var(--sidebar) + (100vw - var(--sidebar) - 760px)/2);width:760px;background:#12171a;border:1px solid var(--line);border-radius:11px;padding:8px;box-shadow:var(--shadow);z-index:8}.context-chips{display:flex;align-items:center;gap:6px;padding:0 4px 7px}.context-chips button{font-size:9px;color:var(--muted);border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:3px 7px}.context-chips span{margin-left:auto;color:var(--faint);font-size:9px}.composer-box{display:flex;align-items:flex-end;background:var(--panel);border-radius:7px;padding:8px 8px 7px 12px}.composer textarea{flex:1;resize:none;border:0;outline:0;background:transparent;color:var(--text);line-height:1.5}.composer-box>div{display:flex;gap:5px}.composer-box button{width:29px;height:29px;border:0;background:transparent;color:var(--muted);border-radius:6px}.composer-box .send-button{background:var(--sage);color:#111713}.task-header{display:flex;justify-content:space-between;align-items:flex-start;padding:5px 0 24px;border-bottom:1px solid var(--line)}.running-pill{font-size:8px;color:var(--sage-bright);letter-spacing:.1em}.running-pill i{display:inline-block;width:6px;height:6px;background:var(--sage);border-radius:50%;margin-right:5px}.task-header h2{margin-top:10px}.task-layout{display:grid;grid-template-columns:minmax(500px,1.7fr) minmax(280px,.8fr);gap:32px;margin-top:24px}.plan-list{list-style:none;margin:0;padding:0}.plan-list li{display:grid;grid-template-columns:29px 1fr auto;gap:10px;align-items:center;padding:15px 3px;border-top:1px solid var(--line-soft);color:#75807b}.plan-list li>span:first-child{width:23px;height:23px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:9px}.plan-list li>div{display:flex;flex-direction:column;gap:4px}.plan-list small{color:var(--faint)}.plan-list button{border:0;background:transparent;color:var(--sage-bright);font-size:10px}.plan-list .done{color:var(--muted)}.plan-list .done>span{color:var(--green);border-color:#365442}.plan-list .active{color:var(--text);background:#141a18}.plan-list .active>span{border-color:var(--sage)}.plan-list .active>span i{width:7px;height:7px;background:var(--sage);border-radius:50%;animation:pulse 1.8s infinite}.run-inspector{border-left:1px solid var(--line);padding-left:25px}.inspector-block{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--line-soft)}.inspector-block .kicker{margin:0 0 10px}.worker-card{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.worker-symbol{width:34px;height:34px;background:#23302b;border:1px solid #3a5046;border-radius:7px;display:grid;place-items:center;color:var(--sage)}.worker-card>div:nth-child(2){display:flex;flex-direction:column;gap:3px}.worker-card small{color:var(--muted)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green)}.worker-action{color:var(--muted);font-size:10px;line-height:1.5}.worker-action code{color:#c6d6ce}.run-inspector details{font-size:10px;color:var(--muted);margin-top:10px}.file-delta{list-style:none;padding:0;margin:0}.file-delta li{display:flex;justify-content:space-between;padding:6px 0;font-size:10px}.file-delta b{color:var(--green);font-weight:500}.inbox-tabs,.memory-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:23px}.inbox-tabs button,.memory-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:10px 13px;cursor:pointer}.inbox-tabs button.active,.memory-tabs button.active{color:var(--text);border-color:var(--sage)}.inbox-tabs span,.memory-tabs span{font-size:9px;margin-left:5px;color:var(--faint)}.approval-layout{display:grid;grid-template-columns:330px 1fr;gap:32px}.approval-list{border-right:1px solid var(--line);padding-right:22px}.approval-list .kicker{margin:0 0 9px}.approval-list .past{margin-top:26px}.approval-list-item{width:100%;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;border:1px solid transparent;background:transparent;padding:12px 9px;text-align:left;border-radius:7px}.approval-list-item.active{background:#191915;border-color:#4b402b}.approval-list-item>span:last-child{display:flex;flex-direction:column;gap:4px}.approval-list-item small{color:var(--muted)}.resolved-icon{color:var(--green)}.approval-detail{max-width:760px}.approval-title{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:20px}.approval-title h2{font-family:Georgia,serif;font-size:26px;margin:11px 0 5px}.approval-title p{color:var(--muted);margin:0}.large-risk{display:inline-block}.decision-context{padding:22px 0}.decision-context h3{font-size:13px}.decision-context>p{color:var(--muted);line-height:1.55}.preview-button{width:100%;margin-top:15px;display:flex;justify-content:space-between;align-items:center;color:var(--sage-bright);background:#151c19}.approval-scope{border:0;padding:0;margin:0}.approval-scope legend{font-weight:700;margin-bottom:8px}.approval-scope label{display:flex;gap:9px;padding:10px 8px;border-top:1px solid var(--line-soft)}.approval-scope label>span{display:flex;flex-direction:column;gap:4px}.approval-scope small{color:var(--muted)}.approval-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.artifact-toolbar{display:flex;justify-content:space-between;margin-bottom:18px}.artifact-toolbar>div{display:flex;gap:7px;align-items:center}.segmented{border:1px solid var(--line);border-radius:7px;padding:3px}.segmented button{height:27px;border:0;background:transparent;color:var(--muted);border-radius:5px;padding:0 10px}.segmented .active{background:var(--panel-3);color:var(--text)}.diff-layout{display:grid;grid-template-columns:260px 1fr;border:1px solid var(--line);min-height:620px}.file-tree{background:#101418;border-right:1px solid var(--line);padding:15px 10px}.file-tree .kicker{margin:0 8px 9px}.file-tree button{width:100%;height:36px;display:grid;grid-template-columns:24px 1fr auto;gap:5px;align-items:center;text-align:left;padding:0 8px;border-radius:5px;color:var(--muted);font-size:10px}.file-tree button.active{background:#1b2422;color:var(--text)}.file-tree b{font-size:8px;color:var(--green)}.evidence-list{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.evidence-list button{grid-template-columns:24px 1fr}.evidence-list button>span{color:var(--green)}.evidence-list button>small{grid-column:2;color:var(--faint)}.diff-view{min-width:0;background:#111518}.diff-view>header{height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line)}.diff-view>header div{display:flex;flex-direction:column;gap:3px}.diff-view>header small{color:var(--muted)}.diff-view>header>span{color:var(--green);font-size:10px}.code-grid{display:grid;grid-template-columns:45px 1fr;font-family:var(--mono);font-size:11px;line-height:1.8;padding:14px 0}.code-grid>div{padding:1px 12px}.line-num{text-align:right;color:#56615d;user-select:none}.code-grid .add{background:#14241a;color:#b8d9c1}.code-grid .del{background:#28191a;color:#e0aaa7}.code-grid .ctx{color:#a7b1ad}.review-note{margin:20px;border-left:2px solid var(--purple);background:#1a1820;padding:12px}.review-note span{color:var(--purple);font-size:9px;text-transform:uppercase}.review-note p{margin:7px 0;line-height:1.5}.review-note button{border:0;background:transparent;padding:0;color:#cbbce5;font-size:10px}.memory-layout{display:grid;grid-template-columns:390px 1fr;gap:30px}.memory-list{border-right:1px solid var(--line);padding-right:22px}.filter-row{display:flex;gap:5px;margin-bottom:14px}.filter-row input{flex:1;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:6px;padding:8px}.filter-row button{border:1px solid var(--line);background:transparent;border-radius:6px;color:var(--muted)}.memory-item{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:6px;border:1px solid transparent;border-bottom-color:var(--line-soft);background:transparent;text-align:left;padding:13px 10px;border-radius:6px}.memory-item.active{background:#171d1b;border-color:#34433d}.memory-item small{color:var(--muted)}.memory-type{font-size:8px;color:var(--purple);letter-spacing:.08em}.memory-type.fact{color:var(--gold)}.memory-type.preference{color:var(--blue)}.memory-detail{max-width:760px}.memory-detail h2{font-family:Georgia,serif;font-weight:500;font-size:25px;margin:0}.memory-detail blockquote{margin:22px 0;padding:3px 0 3px 18px;border-left:2px solid var(--sage);font-size:15px;line-height:1.65;color:#d3dad6}.context-manifest{margin-top:22px;padding:15px;background:#121817;border:1px solid #2b3a34;border-radius:8px}.context-manifest .kicker{margin:0 0 10px}.context-manifest ol{list-style:none;padding:0;margin:0}.context-manifest li{display:flex;gap:10px;padding:7px;color:var(--muted);font-size:10px}.context-manifest li span{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--panel-3)}.context-manifest li.highlight{color:var(--sage-bright);background:#1a2420}.memory-actions{display:flex;gap:7px;margin-top:18px}.memory-actions button{border:1px solid var(--line);background:transparent;border-radius:6px;padding:7px 10px;color:var(--muted)}.architecture-intro,.roadmap-intro{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.logic-map{display:grid;grid-template-columns:1fr 50px 1.15fr 50px 1fr;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0}.logic-column{display:flex;flex-direction:column;gap:8px}.logic-column>p{text-transform:uppercase;color:var(--faint);font-size:9px;letter-spacing:.1em;margin:0 0 3px}.logic-node{border:1px solid var(--line);background:var(--panel);border-radius:7px;padding:12px;display:flex;flex-direction:column;gap:4px}.logic-node small{color:var(--muted)}.logic-column.core{border:1px solid #3d4d46;background:#121815;padding:14px;border-radius:10px}.logic-column.core .logic-node{background:#18211d}.logic-node.accent{border-color:#364a41}.logic-arrow{text-align:center;color:var(--sage);font-size:22px}.architecture-bottom{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;margin-top:28px}.architecture-bottom .kicker{margin:0 0 12px}.state-flow{display:flex;align-items:center;gap:8px}.state-flow span{padding:7px 9px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:10px}.state-flow .live{border-color:#50685d;color:var(--sage-bright)}.state-flow .done-state{border-color:#34563d;color:var(--green)}.state-flow b{color:var(--faint)}.flow-note{color:var(--muted);font-size:10px}.layer-stack{list-style:none;margin:0;padding:0;counter-reset:layers}.layer-stack li{counter-increment:layers;padding:7px 10px;margin-left:calc(var(--i,0)*8px);border:1px solid var(--line);border-bottom:0;color:var(--muted);font-size:10px}.layer-stack li:last-child{border-bottom:1px solid var(--line);color:var(--sage-bright)}.roadmap-stats{display:flex;border:1px solid var(--line);border-radius:8px}.roadmap-stats div{padding:10px 15px;border-right:1px solid var(--line);display:flex;flex-direction:column}.roadmap-stats div:last-child{border:0}.roadmap-stats strong{font-family:Georgia,serif;font-size:20px}.roadmap-stats span{font-size:8px;text-transform:uppercase;color:var(--faint)}.milestone-timeline{position:relative;padding-left:32px}.milestone-timeline:before{content:"";position:absolute;left:13px;top:10px;bottom:10px;width:1px;background:var(--line)}.milestone{position:relative;border-top:1px solid var(--line);padding:14px 0 18px}.milestone:before{content:"";position:absolute;left:-24px;top:19px;width:9px;height:9px;border-radius:50%;background:var(--bg);border:2px solid var(--sage)}.milestone.decision:before{border-color:var(--purple)}.milestone.final:before{background:var(--sage)}.milestone header{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:start}.milestone header>span{color:var(--sage);font-weight:800}.milestone.decision header>span{color:var(--purple)}.milestone h3{margin:0 0 3px;font-size:13px}.milestone p{margin:0;color:var(--muted);font-size:11px}.milestone header>b{font-size:8px;color:var(--gold);border:1px solid #5b492e;padding:3px 5px;border-radius:3px}.milestone.decision header>b{color:var(--purple);border-color:#4f4264}.milestone ul{display:grid;grid-template-columns:1fr 1fr;margin:12px 0 0 52px;padding-left:15px;color:var(--muted);font-size:10px;gap:5px}.milestone-exit{margin:9px 0 0 52px;color:var(--faint);font-size:9px}.roadmap-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px}.roadmap-footer p{color:var(--muted)}.project-popover{position:fixed;top:107px;left:12px;width:280px;background:#171d21;border:1px solid var(--line);border-radius:9px;padding:8px;box-shadow:var(--shadow);z-index:30}.project-popover>p{font-size:9px;color:var(--faint);text-transform:uppercase;margin:5px 8px}.project-popover button{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;text-align:left;background:transparent;border:0;padding:8px;border-radius:6px}.project-popover button:hover{background:var(--panel-3)}.project-popover button>span:nth-child(2){display:flex;flex-direction:column}.project-popover small{color:var(--faint)}.project-popover .new-project{display:block;border-top:1px solid var(--line);border-radius:0;color:var(--sage-bright);margin-top:6px}dialog{width:min(680px,calc(100vw - 30px));background:#161c20;border:1px solid var(--line);border-radius:11px;color:var(--text);box-shadow:var(--shadow);padding:25px}dialog::backdrop{background:rgba(3,5,6,.72);backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:var(--muted);font-size:24px}.dialog-lead{color:var(--muted);line-height:1.5}.dialog-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:20px}.dialog-grid>div{display:flex;flex-direction:column;gap:5px;padding:12px 10px;border-bottom:1px solid var(--line-soft)}.dialog-grid small{color:var(--faint);text-transform:uppercase;font-size:8px}.green-text{color:var(--green)}.mock-event-log{margin-top:16px;background:#0f1316;padding:10px 13px;font-family:var(--mono);font-size:10px;color:var(--muted)}.mock-event-log p{margin:5px 0}.mock-event-log span{color:var(--sage);margin:0 8px}.dialog-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:18px}.command-input{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding-bottom:12px;color:var(--faint)}.command-input input{border:0;outline:0;background:transparent;color:var(--text);font-size:16px;width:100%}.command-results>p{color:var(--faint);text-transform:uppercase;font-size:8px}.command-results button{width:100%;display:grid;grid-template-columns:26px 1fr auto;align-items:center;text-align:left;padding:10px;border:0;background:transparent;border-radius:6px}.command-results button:hover{background:var(--panel-3)}.command-results small{color:var(--faint)}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#223029;border:1px solid #405849;color:#d7e7dc;border-radius:7px;padding:10px 14px;box-shadow:var(--shadow);transition:.2s;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}body.compact{font-size:13px}body.compact .screen{padding-top:19px}body.compact .task-line,body.compact .plan-list li{padding-top:10px;padding-bottom:10px}@media(max-width:1050px){:root{--sidebar:196px}.topbar,.screen{padding-left:20px;padding-right:20px}.project-grid,.task-layout{grid-template-columns:1fr}.context-block,.run-inspector{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.composer{left:calc(var(--sidebar) + 20px);width:calc(100vw - var(--sidebar) - 40px)}.approval-layout{grid-template-columns:260px 1fr}.logic-map{grid-template-columns:1fr}.logic-arrow{transform:rotate(90deg)}.architecture-bottom{grid-template-columns:1fr}}@media(max-width:760px){.spec-ribbon span{display:none}.app-shell{display:block}.sidebar{position:fixed;z-index:20;left:0;bottom:0;right:0;height:58px;min-height:0;border:0;border-top:1px solid var(--line);padding:5px 8px;display:block}.brand,.workspace-switcher,.nav-label,.sidebar-foot{display:none}.sidebar nav{margin:0;display:flex;justify-content:space-around;overflow:visible}.nav-item{display:flex;flex-direction:column;gap:2px;justify-content:center;width:auto;height:48px;padding:0 8px;font-size:8px}.nav-item>span{font-size:15px}.nav-item em{position:absolute;right:3px;top:2px}.nav-item:nth-of-type(n+6){display:none}.nav-item.active:before{left:50%;top:-5px;width:18px;height:2px;transform:translateX(-50%)}.main-area{padding-bottom:60px}.topbar{height:68px;padding:0 14px}.topbar h1{font-size:19px}.top-actions .quiet-button{display:none}.top-actions .primary-button span{display:none}.screen{padding:18px 14px 35px}.home-intro,.architecture-intro,.roadmap-intro,.task-header{display:block}.status-key,.task-header .hero-actions,.roadmap-stats{margin-top:15px}.two-column,.project-grid,.task-layout,.approval-layout,.memory-layout,.diff-layout{grid-template-columns:1fr}.project-hero{display:block}.project-hero>.project-avatar{margin-bottom:12px}.context-block,.run-inspector,.approval-list,.memory-list,.file-tree{border:0;padding:20px 0 0}.project-grid{gap:18px}.outcome-table>div{grid-template-columns:1.5fr 1fr 70px}.outcome-table>div>span:nth-child(3){display:none}.composer{left:10px;bottom:67px;width:calc(100vw - 20px)}.context-chips span{display:none}.proposal{display:block;margin-left:0}.proposal>div:last-child{margin-top:12px}.message>p,.hue-message details{margin-left:0}.approval-list{display:none}.artifact-toolbar{display:block}.artifact-toolbar>div:last-child{margin-top:8px}.file-tree{display:none}.logic-map{padding:15px 0}.architecture-bottom{grid-template-columns:1fr}.state-flow{flex-wrap:wrap}.milestone header{grid-template-columns:34px 1fr auto}.milestone ul{grid-template-columns:1fr;margin-left:44px}.roadmap-footer{display:block}.project-popover{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Notification attention surface — SPEC / TBI. */
.notification-bell{position:relative;min-width:44px;padding-inline:11px}.notification-count{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:4px;border-radius:999px;background:var(--red);color:#fff;font-size:10px;font-weight:800}.notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.notification-toolbar .inbox-tabs{margin:0;border:0;flex:1}.notification-toolbar>div:last-child{display:flex;gap:8px}.notification-layout{display:grid;grid-template-columns:minmax(270px,340px) minmax(0,1fr);min-height:600px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel)}.notification-list{padding:18px 12px;background:#11161a;border-right:1px solid var(--line)}.notification-list>.kicker{padding:0 8px;margin:2px 0 8px}.notification-item{position:relative;width:100%;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 10px;margin-bottom:5px;text-align:left;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer}.notification-item:hover{background:var(--panel-2)}.notification-item.active{border-color:#415047;background:var(--panel-2)}.notification-item.unread:after{content:"";position:absolute;right:7px;top:7px;width:6px;height:6px;border-radius:50%;background:var(--sage)}.notification-item>span:nth-child(2){min-width:0}.notification-item strong,.notification-item small{display:block}.notification-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-item small{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.35}.notification-item time{align-self:start;padding-right:8px;color:var(--faint);font-size:10px}.notification-symbol{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);font-weight:800}.notification-symbol.success{border-color:#3f6b4c;background:#1b2c21;color:#9ed6ab}.notification-symbol.attention{border-color:#72593a;background:#2c251a;color:#e5bf83}.notification-symbol.quiet{color:var(--muted)}.notification-symbol.large{width:46px;height:46px;font-size:20px;flex:0 0 auto}.notification-detail{min-width:0;padding:26px}.notification-detail-head{display:flex;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}.notification-detail-head h2{margin:10px 0 6px;font-family:Georgia,serif;font-size:27px}.notification-detail-head p{margin:0;color:var(--muted)}.completion-summary{display:flex;align-items:center;gap:14px;margin:20px 0;padding:16px;border:1px solid #365743;border-radius:9px;background:#17231b}.completion-summary>div{min-width:0;flex:1}.completion-summary p{margin:5px 0 0;color:var(--muted);line-height:1.45}.delivery-card,.notification-policy-card{margin-top:16px;padding:18px;border:1px solid var(--line);border-radius:9px;background:var(--panel-2)}.delivery-card .section-heading{margin-bottom:10px}.delivery-list{list-style:none;margin:0;padding:0}.delivery-list li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--line-soft)}.delivery-list li>span{display:grid;place-items:center;width:26px;height:26px;border-radius:6px;background:var(--panel-3);color:var(--sage-bright)}.delivery-list strong,.delivery-list small{display:block}.delivery-list small{margin-top:3px;color:var(--muted);font-size:11px}.delivery-list b{font-size:11px}.notification-policy-card dl{margin:12px 0 0}.notification-policy-card dl>div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:8px 0;border-top:1px solid var(--line-soft)}.notification-policy-card dt{color:var(--faint);font-size:11px}.notification-policy-card dd{margin:0;color:var(--muted);font-size:12px}.notifications-screen .state-chip{font-size:9px}
@media(max-width:1050px){.notification-toolbar{align-items:flex-start;flex-direction:column}.notification-layout{grid-template-columns:280px minmax(0,1fr)}}
@media(max-width:760px){.notifications-screen{max-width:100%;overflow-x:hidden}.notification-toolbar{min-width:0;max-width:100%}.notification-toolbar>div:last-child{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;min-width:0}.notification-toolbar>div:last-child button{min-width:0;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline:8px}.notification-layout{display:block;width:100%;max-width:100%;min-height:0}.notification-list{min-width:0;overflow:hidden;border-right:0;border-bottom:1px solid var(--line)}.notification-item:not(.active){display:none}.notification-detail{min-width:0;overflow:hidden;padding:18px 14px}.notification-detail-head{align-items:flex-start;flex-wrap:wrap}.notification-detail-head h2,.notification-detail p,.delivery-list small{overflow-wrap:anywhere}.completion-summary{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:flex-start}.completion-summary .primary-button{grid-column:1/-1;width:100%;justify-content:center}.delivery-card,.notification-policy-card{padding:14px}.delivery-list li{grid-template-columns:28px minmax(0,1fr)}.delivery-list li>b{grid-column:2}.notification-policy-card dl>div{grid-template-columns:1fr;gap:4px}.notifications-screen .notification-toolbar .inbox-tabs{display:flex;min-width:0;width:100%;max-width:100%;overflow-x:auto}.notifications-screen .notification-toolbar .inbox-tabs button{flex:0 0 auto;white-space:nowrap}.notification-bell{display:none!important}.top-actions .primary-button{width:42px;padding:0;font-size:0}.top-actions .primary-button:after{content:"＋";font-size:18px}.sidebar .nav-item{display:none}.sidebar .nav-item:nth-of-type(1),.sidebar .nav-item:nth-of-type(2),.sidebar .nav-item:nth-of-type(3),.sidebar .nav-item:nth-of-type(8),.sidebar .nav-item:nth-of-type(9){display:flex}}