:root{--bg: #0d1117;--bg-elev: #161b22;--bg-elev-2: #1c2330;--bg-graph: #0b0e14;--border: #262d38;--fg: #c9d1d9;--fg-dim: #8b949e;--fg-mute: #5a6472;--accent-listen: #58a6ff;--accent-read: #56d364;--accent-warn: #d29922;--mono: ui-monospace, "JetBrains Mono", "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:14px;line-height:1.45}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;color:var(--fg);background:var(--bg-elev);border:1px solid var(--border);padding:6px 12px;cursor:pointer;border-radius:4px}button:hover{background:var(--bg-elev-2)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea{font-family:inherit;font-size:inherit;color:var(--fg);background:var(--bg-elev);border:1px solid var(--border);padding:8px 10px;border-radius:4px;outline:none}input:focus,textarea:focus{border-color:var(--accent-listen)}.app{display:flex;height:100%;width:100%}.sidebar{width:220px;flex:0 0 220px;border-right:1px solid var(--border);background:var(--bg-elev);display:flex;flex-direction:column}.sidebar-title{padding:14px 16px;font-family:var(--mono);font-size:13px;letter-spacing:.08em;color:var(--fg-dim);border-bottom:1px solid var(--border);text-transform:uppercase}.nav{padding:10px 6px;flex:1 1 auto;display:flex;flex-direction:column;gap:2px}.nav-link{display:block;padding:8px 12px;border-radius:4px;color:var(--fg-dim);cursor:pointer}.nav-link:hover,.nav-link.active{background:var(--bg-elev-2);color:var(--fg)}.status{border-top:1px solid var(--border);padding:10px 14px;font-family:var(--mono);font-size:12px;color:var(--fg-dim);display:flex;flex-direction:column;gap:3px}.status .status-label{color:var(--fg-mute)}.status .status-val{color:var(--fg)}.status-row{display:flex;justify-content:space-between}.main{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.page-header{padding:12px 20px;border-bottom:1px solid var(--border);font-size:14px;color:var(--fg-dim);font-family:var(--mono)}.page-body{flex:1 1 auto;min-height:0;display:flex;overflow:hidden}.chat-col{flex:1 1 50%;min-width:320px;display:flex;flex-direction:column;border-right:1px solid var(--border)}.chat-history{flex:1 1 auto;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:8px}.chat-msg{max-width:80%;padding:8px 12px;border-radius:6px;word-wrap:break-word;white-space:pre-wrap}.chat-msg.user{align-self:flex-end;background:var(--accent-listen);color:#0d1117}.chat-msg.brain{align-self:flex-start;background:var(--bg-elev-2);color:var(--fg);border:1px solid var(--border);font-family:var(--mono);font-size:13px}.chat-msg.pending{opacity:.6;font-style:italic}.chat-msg.notice{opacity:.55;font-style:italic;background:transparent;border-color:transparent}.chat-msg.brain.draft{border-color:var(--accent, #58a6ff);box-shadow:0 0 0 1px var(--accent, #58a6ff) inset}.draft-cursor{display:inline-block;margin-left:2px;color:var(--accent, #58a6ff);animation:draft-cursor-blink .9s steps(1) infinite}@keyframes draft-cursor-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.chat-speaking{min-height:18px;padding:0 20px 2px;font-family:var(--mono);font-size:11px;color:var(--fg-mute);letter-spacing:.06em}.chat-speaking .speaking-dot{animation:speaking-blink 1s steps(2,end) infinite}@keyframes speaking-blink{0%,to{opacity:.4}50%{opacity:1}}.status-val.status-speaking{color:var(--accent-listen, #6cf);animation:speaking-blink 1s steps(2,end) infinite}.chat-input{border-top:1px solid var(--border);padding:12px 16px;display:flex;gap:8px;background:var(--bg-elev)}.chat-input input{flex:1}.graph-col{flex:1 1 50%;min-width:360px;display:flex;flex-direction:column;background:var(--bg)}.graph-header{padding:10px 16px;font-family:var(--mono);font-size:12px;color:var(--fg-mute);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.08em}.graph-wrap{flex:1 1 auto;min-height:0;overflow:hidden;position:relative;display:block;background:var(--bg-graph);cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none}.graph-wrap.dragging{cursor:grabbing}.graph-wrap>.graph-canvas{display:block;pointer-events:none;position:absolute;top:0;left:0}.graph-wrap>.graph-canvas-overlay{z-index:1}.graph-zoom-buttons{position:absolute;right:12px;bottom:30px;z-index:3;display:flex;flex-direction:column;gap:4px}.graph-zoom-buttons button{width:28px;height:28px;padding:0;font-size:14px;line-height:1;background:#161b22d9;border:1px solid var(--border);color:var(--fg-dim);cursor:pointer;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.graph-zoom-buttons button:hover{color:var(--fg);border-color:#3a4352;background:#1c2330f2}.graph-tooltip{position:fixed;z-index:10;min-width:200px;padding:8px 10px;background:#0d1117d1;border:1px solid #2c3340;border-radius:6px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 6px 20px #00000073;font-family:var(--mono);font-size:11px;color:var(--fg-dim);pointer-events:none;line-height:1.4;animation:graph-tooltip-fade-in .12s ease-out}@keyframes graph-tooltip-fade-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.graph-tt-row{display:flex;justify-content:space-between;gap:12px;padding:1px 0}.graph-tt-head .graph-tt-val{color:var(--fg);font-weight:600}.graph-tt-label{color:var(--fg-mute)}.graph-tt-val{color:var(--fg)}.graph-tt-ch-listen{color:var(--accent-listen)}.graph-tt-ch-read{color:var(--accent-read)}.graph-tt-ch-none{color:var(--fg-mute)}.graph-selection-chip{position:absolute;top:12px;right:12px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:4px 8px 4px 10px;background:#161b22e0;border:1px solid #3a4352;border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:var(--mono);font-size:11px;color:var(--fg-dim)}.graph-selection-chip .mono{color:#ffe35b;font-weight:600}.graph-selection-clear{width:18px;height:18px;padding:0;margin-left:2px;background:transparent;border:none;color:var(--fg-mute);font-size:14px;line-height:1;cursor:pointer;border-radius:50%}.graph-selection-clear:hover{color:var(--fg);background:#3a4352b3}.graph-webgl-unavailable{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--fg-mute);font-family:var(--mono);font-size:12px;padding:16px;text-align:center;z-index:2}.materials-col{flex:1 1 50%;min-width:360px;display:flex;flex-direction:column;border-right:1px solid var(--border)}.materials-list{flex:1 1 auto;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.material{padding:10px 12px;border:1px solid var(--border);background:var(--bg-elev);border-radius:6px;display:flex;flex-direction:column;gap:6px}.material-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.material-name{font-family:var(--mono);font-size:13px;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-meta{font-family:var(--mono);font-size:11px;color:var(--fg-mute);display:flex;justify-content:space-between}.material-progress{height:3px;background:var(--bg-elev-2);border-radius:2px;overflow:hidden}.material-progress-bar{height:100%;background:var(--accent-read);transition:width .3s ease}.state-badge{font-family:var(--mono);font-size:10px;padding:2px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.05em}.state-badge.idle{background:#21262d;color:var(--fg-mute)}.state-badge.reading{background:#1a3a22;color:var(--accent-read)}.state-badge.paused{background:#3a2d1a;color:var(--accent-warn)}.state-badge.done{background:#1f2b3a;color:var(--accent-listen)}.dropzone{margin:12px 16px;padding:22px;border:1px dashed var(--border);border-radius:6px;text-align:center;color:var(--fg-dim);font-family:var(--mono);font-size:12px;cursor:pointer}.dropzone.dragover{border-color:var(--accent-listen);color:var(--accent-listen);background:#58a6ff0d}.mono{font-family:var(--mono)}.dim{color:var(--fg-dim)}.mute{color:var(--fg-mute)}.material-link{text-decoration:none;color:inherit;transition:border-color .15s ease,background .15s ease}.material-link:hover{border-color:#3a4352;background:var(--bg-elev-2)}.material-progress-dim{height:2px;opacity:.55}.material-detail-header{display:flex;align-items:center;gap:14px}.back-link{color:var(--fg-mute);font-family:var(--mono);font-size:12px}.back-link:hover{color:var(--fg-dim)}.material-detail-title{font-family:var(--mono);font-size:13px;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:45%}.material-detail-controls{display:flex;gap:6px}.material-detail-status{padding:6px 20px;border-bottom:1px solid var(--border);font-family:var(--mono);font-size:11px;color:var(--fg-mute);display:flex;gap:8px;align-items:center}.material-detail-body{flex:1 1 auto;min-height:0;display:flex;overflow:hidden}.reading-col{flex:1 1 55%;min-width:360px;display:flex;flex-direction:column;border-right:1px solid var(--border);position:relative;background:var(--bg)}.reading-viewport{flex:1 1 auto;min-height:0;overflow-y:auto;padding:24px 44px;background:var(--bg);scroll-behavior:smooth}.reading-text{max-width:760px;margin:0 auto;font-family:Georgia,Iowan Old Style,Times New Roman,serif;font-size:16px;line-height:1.75;color:var(--fg);white-space:pre-wrap;word-wrap:break-word}.reading-future{color:#7a8694;opacity:.78}.reading-cursor{display:inline-block;position:relative;width:0;vertical-align:baseline}.reading-cursor-bar{position:absolute;left:-1px;top:-.15em;bottom:-.15em;width:2px;background:var(--accent-read);box-shadow:0 0 6px #56d364b3;animation:sense-cursor-pulse 1.2s ease-in-out infinite;border-radius:1px}@keyframes sense-cursor-pulse{0%,to{opacity:1}50%{opacity:.35}}.reading-controls{border-top:1px solid var(--border);padding:10px 20px;display:flex;align-items:center;gap:16px;background:var(--bg-elev);flex:0 0 auto}.follow-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-family:var(--mono);font-size:12px;color:var(--fg-dim);-webkit-user-select:none;user-select:none}.follow-toggle input{width:auto;margin:0;cursor:pointer}.snap-back-btn{position:absolute;right:24px;bottom:64px;padding:8px 14px;border-radius:20px;background:var(--accent-read);color:#0d1117;border:none;font-family:var(--mono);font-size:12px;font-weight:600;box-shadow:0 4px 14px #0006;cursor:pointer;z-index:5}.snap-back-btn:hover{background:#6ee378}