@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--material-bg:#f6f3ec;--material-bg-elev:#fff;--material-surface:#fff;--material-surface-2:#f0ece2;--material-fg:#1a1814;--material-fg-dim:#45413a;--material-muted:#706a60;--material-faint:#706a60;--material-accent:#bb5c22;--material-accent-soft:#bb5c221a;--material-accent-glow:#bb5c2238;--material-sage:#2f7258;--material-sage-soft:#2f72581a;--material-danger:#bd432f;--bg:var(--material-bg);--surface-0:var(--material-surface-2);--surface-1:var(--material-surface);--surface-2:#faf7f0;--surface-3:#ebe5da;--surface-hover:#f1eadf;--border-subtle:#14120e14;--border:#14120e1f;--border-strong:#14120e2e;--text-primary:var(--material-fg);--text-secondary:var(--material-fg-dim);--text-muted:var(--material-muted);--text-faint:var(--material-faint);--accent:var(--material-accent);--accent-soft:var(--material-accent-soft);--accent-strong:#8d3f16;--accent-glow:var(--material-accent-glow);--positive:var(--material-sage);--positive-soft:var(--material-sage-soft);--warning:#9a6818;--warning-soft:#9a68181f;--danger:var(--material-danger);--danger-soft:#bd432f1a;--danger-border:#bd432f38;--danger-hover:#bd432f29;--info:#486e77;--info-soft:#486e771a;--layer-1:#bb5c22;--layer-2:#c7832e;--layer-3:#7b7a43;--layer-4:var(--material-sage);--font-serif:"Instrument Serif", "GT Sectra", "Times New Roman", serif;--font-sans:"IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "JetBrains Mono", monospace;--brand-avatar-bg:linear-gradient(135deg, var(--material-fg) 0%, var(--material-accent) 100%);--brand-avatar-fg:#fffaf3;--radius-sm:6px;--radius:8px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 0 #ffffffb3 inset, 0 1px 2px #1a181414;--shadow-md:0 4px 16px #1a18141a;--shadow-lg:0 18px 48px #1a181424;--radius-shadcn:.625rem;--background:var(--bg);--foreground:var(--text-primary);--card:var(--surface-1);--card-foreground:var(--text-primary);--popover:var(--surface-2);--popover-foreground:var(--text-primary);--primary:var(--text-primary);--primary-foreground:var(--bg);--secondary:var(--surface-2);--secondary-foreground:var(--text-primary);--muted:var(--surface-2);--muted-foreground:var(--text-muted);--accent-foreground:var(--accent-strong);--destructive:var(--danger);--input:var(--border);--ring:var(--accent)}*{box-sizing:border-box}html,body{background-color:var(--bg);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-sans);letter-spacing:0;margin:0;font-size:14px;line-height:1.45}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100dvh}h1,h2,h3,h4,h5,h6,p{font-weight:inherit;margin:0}h1{font-family:var(--font-serif)}a{color:inherit;text-decoration:none}button{font:inherit}:where(a,button,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#1a18142e;border-radius:8px}::-webkit-scrollbar-track{background:0 0}.app-shell{background:var(--bg);height:100dvh;min-height:0;color:var(--text-primary);grid-template-columns:56px 1fr;display:grid}.app-shell-content{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.app-shell-content>*{flex:auto;min-width:0;min-height:0}.app-shell-content>main{flex-direction:column;display:flex}.icon-rail{background:var(--bg);border-right:1px solid var(--border-subtle);flex-direction:column;align-items:center;gap:4px;padding:14px 0;display:flex}.rail-logo{width:32px;height:32px;color:var(--material-fg);place-items:center;margin-bottom:14px;display:grid}.rail-btn{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;transition:all .12s;display:grid;position:relative}.rail-btn:hover,.rail-btn.active{color:var(--text-primary);background:var(--surface-2)}.rail-btn.active:before{content:"";background:var(--accent);border-radius:2px;width:2px;height:18px;position:absolute;top:50%;left:-10px;transform:translateY(-50%)}.rail-spacer{flex:1}@media (max-width:900px){.app-shell{grid-template-rows:minmax(0,1fr) 56px;grid-template-columns:1fr}.app-shell-content{grid-row:1}.icon-rail{border-top:1px solid var(--border-subtle);z-index:60;border-right:0;flex-direction:row;grid-row:2;justify-content:center;padding:8px 14px}.rail-logo{width:36px;height:36px;margin:0 auto 0 0}.rail-spacer{flex:0}.rail-btn.active:before{width:18px;height:2px;top:auto;bottom:-8px;left:50%;transform:translate(-50%)}}.status-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:2px 7px;font-size:10px;font-weight:500;display:inline-flex}.status-badge .sb-dot{border-radius:50%;width:5px;height:5px}.status-badge.draft{background:var(--surface-2);color:var(--text-muted)}.status-badge.draft .sb-dot{background:var(--text-muted)}.status-badge.planning{background:var(--info-soft);color:var(--info)}.status-badge.planning .sb-dot{background:var(--info)}.status-badge.active{background:var(--positive-soft);color:var(--positive)}.status-badge.active .sb-dot{background:var(--positive);animation:2s infinite status-pulse}.status-badge.wip,.status-badge.work_in_progress{background:var(--warning-soft);color:var(--warning)}.status-badge.wip .sb-dot,.status-badge.work_in_progress .sb-dot{background:var(--warning)}.status-badge.finalizing{background:var(--accent-soft);color:var(--accent-strong)}.status-badge.finalizing .sb-dot{background:var(--accent-strong)}.status-badge.completed{background:var(--surface-2);color:var(--text-secondary)}.status-badge.completed .sb-dot{background:var(--text-secondary)}@keyframes status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.btn{font:inherit;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary);white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .12s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--text-primary);color:var(--bg);border-color:var(--text-primary)}.btn-primary:hover:not(:disabled){background:#2b271f}.btn-secondary{background:var(--surface-2);border-color:var(--border);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong)}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text-primary)}.btn-danger{background:var(--danger-soft);color:var(--danger);border-color:var(--danger-border)}.btn-danger:hover:not(:disabled){background:var(--danger-hover)}.btn-icon{justify-content:center;width:28px;height:28px;padding:6px}.btn-sm{padding:4px 8px;font-size:12px}kbd{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);border-radius:4px;justify-content:center;align-items:center;padding:1px 5px;font-size:10px;display:inline-flex}.divider{background:var(--border-subtle);height:1px;margin:8px 0}.app-shell.app-shell-workspace{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}