:root{--bg-base:#0a0e1a;--surface-1:#111726;--surface-2:#182033;--border:#223049;--text-primary:#e8ecf4;--text-muted:#8a94a8;--text-secondary:#a6b1c3;--accent:#2dd4a8;--accent-glow:#2dd4a847;--accent-2:#38bdf8;--warn:#fbbf24;--danger:#f4607a;--success:#34d399;--font-ui:"Inter", -apple-system, "Segoe UI", sans-serif;--font-write:Georgia, "Times New Roman", serif;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--reader-width:720px;--line-height-write:1.75}[data-mood=cyber-violet]{--bg-base:#0b0b14;--surface-1:#14141f;--surface-2:#1e1e2c;--border:#2a2a34;--text-primary:#e7e5e4;--text-muted:#9ca3af;--accent:#2dd4ff;--accent-glow:#2dd4ff4d;--accent-2:#a78bfa;--success:#34d399;--danger:#fb607f}[data-mood=neon-noir]{--bg-base:#0d0a12;--surface-1:#16121d;--surface-2:#211a2c;--border:#2e2438;--text-primary:#ece6f2;--text-muted:#a193b0;--accent:#e84ad2;--accent-glow:#e84ad24d;--accent-2:#9d7bff;--warn:#fbbf24;--danger:#fb607f;--success:#34d399}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-ui);font-size:14px;line-height:1.5;overflow-x:hidden}.app{grid-template:"topbar topbar"48px"sidebar main"1fr/220px 1fr;height:100%;display:grid}.topbar{align-items:center;gap:var(--space-4);padding:0 var(--space-4);background:var(--surface-1);border-bottom:1px solid var(--border);grid-area:topbar;display:flex}.brand{letter-spacing:.12em;color:var(--accent);text-shadow:0 0 12px var(--accent-glow);font-size:15px;font-weight:700}.usage-meter{color:var(--text-primary);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:8px;margin-left:auto;padding:4px 12px;font-size:12px;font-weight:600;display:flex}.mode-tabs{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);gap:2px;padding:3px;display:flex}.mode-tab{color:var(--text-muted);font-family:var(--font-ui);border-radius:calc(var(--radius-md) - 3px);cursor:pointer;background:0 0;border:none;padding:6px 16px;font-size:13px;font-weight:600;transition:color .15s,background .15s,box-shadow .15s}.mode-tab:hover{color:var(--text-primary)}.mode-tab.active{background:var(--surface-1);color:var(--accent);box-shadow:0 0 0 1px var(--border), 0 0 14px var(--accent-glow)}.sidebar{background:var(--surface-1);border-right:1px solid var(--border);padding:var(--space-3);grid-area:sidebar;overflow-y:auto}.sidebar-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-2);font-size:11px}.sidebar .btn{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);text-align:left;justify-content:flex-start;padding:7px 12px;font-size:12px}.tree-item{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary);padding:6px 10px;font-size:13px}.tree-item:hover{background:var(--surface-2)}.tree-item.active{background:var(--surface-2);color:var(--accent);box-shadow:inset 2px 0 0 var(--accent)}.tree-item.depth-1{margin-left:var(--space-3)}.tree-item.depth-2{margin-left:var(--space-5)}.tree-item.depth-3{margin-left:calc(var(--space-5) + var(--space-3))}.tree-item.depth-4{margin-left:calc(var(--space-5) + var(--space-5))}.tree-item.depth-5{margin-left:calc(var(--space-5) + var(--space-5) + var(--space-3))}@media (width<=900px){.app{grid-template:"topbar"48px"sidebar""main"1fr/minmax(0,1fr)}.sidebar{display:none}.topbar{gap:var(--space-2);padding:6px var(--space-3);flex-wrap:wrap;min-width:0;height:auto;min-height:48px}.brand{flex:none}.mode-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:100%;width:100%;min-width:0;max-width:100%;overflow-x:auto}.mode-tabs::-webkit-scrollbar{display:none}.mode-tab{white-space:nowrap;flex:none;padding:5px 10px;font-size:12px}.chat-pane,.manuscript{max-width:100%;padding:var(--space-3)}.chat-msg{max-width:95%}.board{padding:var(--space-3);grid-template-columns:1fr}}@media (width<=560px){.usage-meter{display:none}.brand{font-size:13px}}.main{background:var(--bg-base);grid-area:main;min-width:0;overflow-y:auto}.manuscript{max-width:var(--reader-width);padding:var(--space-5);font-family:var(--font-write);font-size:16px;line-height:var(--line-height-write);color:var(--text-primary);margin:0 auto}.manuscript h1{margin-bottom:var(--space-5);color:var(--text-primary);font-size:28px}.cm-editor{color:var(--text-primary)!important;font-family:var(--font-write)!important;font-size:16px!important;line-height:var(--line-height-write)!important;background:0 0!important}.cm-editor .cm-content{caret-color:var(--accent)}.cm-editor .cm-cursor{border-left-color:var(--accent)}.cm-editor .cm-selectionBackground{background:var(--accent-glow)!important}.chat-pane{height:100%;max-width:var(--reader-width);padding:var(--space-4);flex-direction:column;margin:0 auto;display:flex}.chat-messages{gap:var(--space-3);padding-bottom:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-msg{border-radius:var(--radius-lg);max-width:85%;padding:10px 14px;font-size:14px;line-height:1.6}.chat-msg.user{background:var(--surface-2);border:1px solid var(--border);border-bottom-right-radius:4px;align-self:flex-end}.chat-msg.ai{background:var(--surface-1);border:1px solid var(--border);border-bottom-left-radius:4px;align-self:flex-start}.chat-msg.generating{border-color:var(--accent);box-shadow:0 0 16px var(--accent-glow)}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink{background:var(--accent);vertical-align:text-bottom;width:2px;height:1em;margin-left:2px;animation:.9s step-end infinite cursor-blink;display:inline-block}.chat-input-row{gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border);display:flex}.chat-input{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-ui);outline:none;flex:1;padding:10px 14px;font-size:14px}.chat-input:focus{border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.btn{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-ui);cursor:pointer;padding:8px 18px;font-size:13px;font-weight:600;transition:all .15s}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#0a0e1a}.btn.primary:hover{box-shadow:0 0 16px var(--accent-glow)}.btn.danger{color:var(--danger)}.btn.danger:hover{border-color:var(--danger)}.board{gap:var(--space-3);padding:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-width:1100px;margin:0 auto;display:grid}.scene-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);cursor:pointer;transition:border-color .15s,box-shadow .15s}.scene-card:hover{border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.scene-card .scene-title{color:var(--text-primary);margin-bottom:6px;font-size:13px;font-weight:700}.scene-card .scene-summary{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.scene-card .scene-meta{align-items:center;gap:6px;margin-top:8px;display:flex}.badge{letter-spacing:.04em;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:600}.badge.drafting{color:var(--warn);background:#fbbf2426}.badge.pending{color:var(--accent-2);background:#38bdf826}.badge.done{color:var(--success);background:#34d39926}.codex-grid{gap:var(--space-3);padding:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));max-width:1000px;margin:0 auto;display:grid}.codex-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3)}.codex-card .codex-type{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:4px;font-size:10px}.codex-card .codex-name{font-size:14px;font-weight:700}.usage-meter{align-items:center;gap:var(--space-2);color:var(--text-muted);margin-left:auto;font-size:12px;display:flex}.usage-bar{background:var(--surface-2);border-radius:999px;width:90px;height:6px;overflow:hidden}.usage-bar-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .3s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-track{background:0 0}html{scrollbar-color:var(--border) transparent;scrollbar-width:thin}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}