:root,:root[data-theme=dark]{--bg:#0f0e0c;--bg-2:#1a1815;--surface:#201d19;--surface-2:#272420;--border:#2f2b25;--border-strong:#3d3830;--text:#f2ede5;--text-muted:#8a847a;--text-dim:#5d584f;--accent:#d4a061;--accent-soft:#5a4528;--success:#7fa87f;--warning:#e0a040;--danger:#c87a70;--info:#7a9bc8;--status-todo:#6e6a62;--status-progress:#d4a061;--status-review:#7a9bc8;--status-done:#7fa87f;--status-blocked:#c87a70;--status-parked:#5d584f;--brief-tint-a:#d4a0610d;--bg-glow-a:#d4a0610a;--bg-glow-b:#7a9bc808;--font-serif:"Fraunces", Georgia, serif;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sidebar-width:240px;--radius:12px;--radius-sm:8px}:root[data-theme=light]{--bg:#faf7f2;--bg-2:#f2ede3;--surface:#fff;--surface-2:#f6f1e8;--border:#e6ddcc;--border-strong:#cfc4ad;--text:#201d19;--text-muted:#6b655a;--text-dim:#9a9280;--accent:#a87a3b;--accent-soft:#f0e0c5;--success:#4a7a4a;--warning:#c07820;--danger:#a04a40;--info:#4a6b9a;--status-todo:#a39a88;--status-progress:#a87a3b;--status-review:#4a6b9a;--status-done:#4a7a4a;--status-blocked:#a04a40;--status-parked:#9a9280;--brief-tint-a:#a87a3b14;--bg-glow-a:#a87a3b0d;--bg-glow-b:#4a6b9a0a}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:16px;line-height:1.55}body{background-image:radial-gradient(ellipse at top, var(--bg-glow-a), transparent 50%), radial-gradient(ellipse at bottom right, var(--bg-glow-b), transparent 50%);background-attachment:fixed}a{color:inherit;text-decoration:none}button{font-family:inherit}h1,h2,h3,h4{font-family:var(--font-serif);letter-spacing:-.01em;margin:0;font-weight:500}h1{font-size:38px;line-height:1.15}h2{font-size:26px;line-height:1.2}h3{font-size:19px;line-height:1.3;font-family:var(--font-sans);font-weight:600}@media (width<=720px){h1{font-size:30px}h2{font-size:22px}}code,.mono{font-family:var(--font-mono);font-size:14px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid var(--bg);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.stack{flex-direction:column;display:flex}.row{align-items:center;display:flex}.grow{flex:1}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.mono{font-family:var(--font-mono)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.btn{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;align-items:center;gap:8px;padding:10px 16px;font-size:15px;font-weight:500;transition:border-color .12s,background .12s;display:inline-flex}.btn:hover{border-color:var(--border-strong);background:var(--surface)}.btn-icon{justify-content:center;width:36px;height:36px;padding:8px}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}.dot{background:var(--text-dim);border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.tag{background:var(--surface-2);border:1px solid var(--border);font-size:13px;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-radius:6px;padding:4px 10px;display:inline-flex}@keyframes spin{to{transform:rotate(360deg)}}.spin{transform-origin:50%;animation:1s linear infinite spin}.app-shell{grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--bg-2);flex-direction:column;gap:6px;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-foot{border-top:1px solid var(--border);gap:6px;margin-top:auto;padding-top:14px;display:flex}.topbar{z-index:20;background:var(--bg-2);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 14px;display:none;position:sticky;top:0}.topbar .brand{font-family:var(--font-serif);font-size:15px}.topbar .brand .mark{color:var(--accent);margin-right:6px}.topbar .spacer{flex:1}.backdrop{z-index:30;background:#00000073;display:none;position:fixed;inset:0}.sidebar-brand{font-family:var(--font-serif);letter-spacing:.02em;color:var(--text);padding:8px 12px 24px;font-size:18px}.sidebar-brand .mark{color:var(--accent);margin-right:6px}.sidebar-brand .sub{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);margin-top:4px;font-size:12px;display:block}.nav-section{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);padding:20px 12px 8px;font-size:12px}.nav-link{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;align-items:center;gap:12px;padding:10px 12px;font-size:15px;text-decoration:none;transition:background .12s,color .12s;display:flex}.nav-link:hover,.nav-link.active{background:var(--surface);color:var(--text)}.nav-link .count{font-family:var(--font-mono);color:var(--text-dim);margin-left:auto;font-size:13px}.content{width:100%;max-width:1240px;padding:40px 48px 96px}@media (width<=860px){.app-shell{grid-template-columns:1fr}.topbar{display:flex}.sidebar{z-index:40;width:240px;transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:0 0 30px #0006}.sidebar.open{transform:translate(0)}.backdrop.show{display:block}.content{padding:18px 16px 60px}.kanban{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:10px}.app-grid{grid-template-columns:1fr}.row-item{padding:12px 14px}}@media (width>=861px) and (width<=1100px){.kanban{grid-template-columns:repeat(2,1fr)}}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;display:flex}.page-header .eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--text-dim);margin-bottom:8px;font-size:13px}.app-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.app-card{cursor:pointer;padding:22px;transition:border-color .12s,transform .12s}.app-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.app-card h3{margin-bottom:4px}.app-card .slug{font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px;font-size:13px}.app-card .desc{color:var(--text-muted);min-height:44px;margin-bottom:20px;font-size:15px;line-height:1.5}.app-progress{margin-bottom:14px}.app-progress-head{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);justify-content:space-between;margin-bottom:8px;font-size:12px;display:flex}.app-progress-head .dim{color:var(--text-dim)}.app-progress-bar{background:var(--bg-2);border-radius:999px;height:6px;overflow:hidden}.app-progress-fill{background:linear-gradient(90deg, var(--accent), var(--success));border-radius:999px;height:100%;transition:width .3s}.app-card .metrics{border-top:1px solid var(--border);gap:18px;padding-top:14px;display:flex}.app-card .metric{flex-direction:column;gap:2px;display:flex}.app-card .metric .n{font-family:var(--font-serif);color:var(--text);font-size:24px}.app-card .metric .l{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);font-size:12px}.brief{background:linear-gradient(135deg, #d4a0610d, transparent 60%), var(--surface);border-left:3px solid var(--accent);border-radius:var(--radius);margin-bottom:32px;padding:24px 26px}.brief .label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin-bottom:10px;font-size:12px}.brief h2{margin-bottom:12px;font-size:22px}.brief p{color:var(--text-muted);margin:0 0 10px;font-size:15px;line-height:1.6}.kanban{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.column{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;min-height:400px;padding:12px;display:flex}.column-head{border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:4px;padding:4px 4px 10px;display:flex}.column-head .title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:13px}.column-head .count{font-family:var(--font-mono);color:var(--text-dim);margin-left:auto;font-size:13px}.item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:12px 14px;transition:border-color .12s}.item:hover{border-color:var(--border-strong)}.item .t{color:var(--text);margin-bottom:10px;font-size:15px;line-height:1.4}.item .meta{font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;font-size:12px;display:flex}.os-progress{background:var(--bg-2);border-radius:999px;height:4px;margin-bottom:18px;overflow:hidden}.os-progress-fill{background:var(--accent);height:100%;transition:width .3s}.os-list{flex-direction:column;gap:10px;display:flex}.os-section{padding:0;overflow:hidden}.os-section-head{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:14px 18px;transition:background .12s;display:flex}.os-section-head:hover{background:var(--bg-2)}.os-num{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.1em;font-size:13px}.os-title{font-family:var(--font-serif);flex:1;font-size:19px;font-weight:500}.os-count{font-family:var(--font-mono);color:var(--text-muted);font-size:13px}.os-body{border-top:1px solid var(--border);flex-direction:column;gap:4px;padding:4px 18px 18px 42px;display:flex}.os-summary{color:var(--text-muted);margin:10px 0 6px;font-size:14px;font-style:italic}.os-sub{border-bottom:1px dashed var(--border);gap:10px;padding:8px 0;display:flex}.os-sub:last-child{border-bottom:none}.os-sub.done .os-sub-text{color:var(--text-dim);text-decoration:line-through}.os-check{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px 0 0}.os-check:hover{color:var(--accent)}.os-sub-main{flex:1;min-width:0}.os-sub-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.os-sub-id{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.08em;font-size:10px}.os-sub-text{color:var(--text);flex:1;min-width:180px;font-size:16px;line-height:1.45}.os-owner{border:1px solid var(--border);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;display:inline-flex}.os-note-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;transition:color .12s,border-color .12s;display:inline-flex}.os-note-btn:hover,.os-note-btn.has-note{color:var(--accent);border-color:var(--accent)}.os-note-input{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font-family:var(--font-sans);resize:vertical;margin-top:8px;padding:10px 12px;font-size:15px}.os-note-input:focus{border-color:var(--accent);outline:none}.os-note-display{background:var(--bg-2);border-left:2px solid var(--accent);color:var(--text-muted);cursor:pointer;white-space:pre-wrap;border-radius:6px;margin-top:8px;padding:10px 12px;font-size:14px;line-height:1.5}@media (width<=860px){.os-body{padding-left:18px}.os-sub-text{min-width:100%}}.principles-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;display:grid}.principle{flex-direction:column;gap:10px;padding:18px 20px;display:flex}.principle-head{justify-content:space-between;align-items:center;display:flex}.principle-num{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.1em;font-size:13px}.principle-title{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--text);font-size:19px;font-weight:500}.principle-lines{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.principle-lines li{color:var(--text-muted);padding-left:16px;font-size:15px;line-height:1.55;position:relative}.principle-lines li:before{content:"";background:var(--text-dim);width:6px;height:1px;position:absolute;top:10px;left:0}.status-pill{border:1px solid var(--border);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:12px;transition:background .12s,border-color .12s;display:inline-flex}.status-pill:hover{background:var(--surface-2)}.voice-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.voice-col{padding:18px 20px}.voice-col-head{border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:10px;padding-bottom:12px;display:flex}.col-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-size:13px}.voice-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.voice-list li{color:var(--text-muted);padding-left:16px;font-size:15px;line-height:1.55;position:relative}.voice-list li:before{content:"·";color:var(--text-dim);font-size:18px;position:absolute;top:-2px;left:2px}@media (width<=860px){.principles-grid,.voice-grid{grid-template-columns:1fr}}.filter-bar{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.filter-chip{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:15px;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.filter-chip:hover{background:var(--surface-2);color:var(--text)}.filter-chip.active{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.filter-chip .mono{color:var(--text-dim);font-size:13px}.item-list{flex-direction:column;gap:8px;display:flex}.item-row{padding:0;overflow:hidden}.item-row.is-done .item-row-title{color:var(--text-dim);text-decoration:line-through}.item-row-head{cursor:pointer;align-items:center;gap:12px;padding:16px 20px;transition:background .12s;display:flex}.item-row-head:hover{background:var(--bg-2)}.item-row-title{color:var(--text);flex:1;min-width:120px;font-size:17px;line-height:1.45}.status-dot-btn{cursor:pointer;border:none;border-radius:50%;flex-shrink:0;width:10px;height:10px;transition:transform .12s}.status-dot-btn:hover{transform:scale(1.4)}.item-row-progress{align-items:center;gap:8px;min-width:110px;display:flex}.item-row-progress .bar{background:var(--bg-2);border-radius:999px;flex:1;min-width:60px;height:4px;overflow:hidden}.item-row-progress .fill{background:var(--accent);height:100%;transition:width .25s}.item-row-progress .mono{color:var(--text-dim);font-size:13px}.chip{border:1px solid var(--border);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;background:0 0;border-radius:999px;align-items:center;gap:5px;padding:4px 11px;font-size:13px;display:inline-flex}.item-row-body{border-top:1px solid var(--border);background:var(--bg-2);flex-direction:column;gap:4px;padding:8px 18px 16px 42px;display:flex}@media (width<=860px){.item-row-head{flex-wrap:wrap;gap:8px}.item-row-title{flex-basis:100%;order:-1}.item-row-progress{min-width:100px}.item-row-body{padding-left:18px}}.intake-composer{align-items:flex-start;gap:14px;margin-bottom:14px;padding:18px 20px;display:flex}.intake-input{color:var(--text);font-family:var(--font-sans);resize:vertical;background:0 0;border:none;flex:1;min-height:56px;font-size:16px;line-height:1.5}.intake-input:focus{outline:none}.intake-input::placeholder{color:var(--text-dim)}.intake-actions{flex-shrink:0;align-self:flex-end;gap:6px;display:flex}.intake-examples{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.example-chip{border:1px dashed var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;padding:5px 12px;font-size:14px;transition:border-color .12s,color .12s}.example-chip:hover{border-color:var(--accent);color:var(--text)}.intake-row{flex-direction:column;gap:12px;padding:18px 22px;display:flex}.intake-row-head{align-items:flex-start;gap:12px;display:flex}.intake-text{color:var(--text);flex:1;font-size:16px;line-height:1.5}.intake-meta{font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;font-size:12px;display:flex}.intake-meta span{align-items:center;gap:4px;display:inline-flex}.intake-take{background:linear-gradient(135deg, var(--brief-tint-a), transparent 70%), var(--bg-2);border-left:2px solid var(--accent);border-radius:6px;padding:10px 12px}.intake-take-head{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--accent);align-items:center;gap:8px;margin-bottom:6px;font-size:12px;display:flex}.intake-take-body{color:var(--text-muted);font-size:15px;line-height:1.55}.intake-row-actions{flex-wrap:wrap;gap:6px;display:flex}.row-item{border-bottom:1px solid var(--border);cursor:pointer;gap:18px;padding:18px 22px;transition:background .12s;display:flex}.row-item:hover{background:var(--bg-2)}.row-item:last-child{border-bottom:none}.row-item .main{flex:1}.row-item .main .t{color:var(--text);margin-bottom:6px;font-size:16px;line-height:1.4}.row-item .main .sub{color:var(--text-muted);font-size:14px;line-height:1.5}.row-item .right{font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-size:13px}.app-card-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:6px;display:flex}.btn-launch{border:1px solid var(--border);color:var(--text);background:var(--surface-2,var(--surface));white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:7px 12px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13px;text-decoration:none;transition:all .12s;display:inline-flex}.btn-launch:hover{border-color:var(--accent);color:var(--accent)}.rook-feed{flex-direction:column;gap:8px;display:flex}.rook-event{cursor:pointer;padding:16px 18px;transition:border-color .12s}.rook-event:hover{border-color:var(--accent)}.rook-event-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.rook-kind{color:var(--accent);margin-right:8px;font-size:13px}.rook-badge{letter-spacing:.5px;text-transform:uppercase;border:1px solid;border-radius:6px;padding:2px 8px;font-size:12px;display:inline-block}.rook-event-text{color:var(--text);font-size:16px;line-height:1.5}.rook-event-detail{border-top:1px dashed var(--border);margin-top:10px;padding-top:10px}.rook-pre{background:var(--bg);border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;border-radius:6px;max-height:300px;margin:4px 0 0;padding:8px 10px;font-size:11px;line-height:1.4;overflow:auto}