:root{--bg:#0a0e16;--bg-elev:#121824;--bg-elev-2:#1a2233;--border:#232d42;--border-glow:#2a8fa3;--text:#e8ecf4;--text-dim:#a8b3c7;--text-mute:#6b7688;--cyan:#4ddbf0;--cyan-dim:#2a8fa3;--cyan-glow:#4ddbf040;--gold:#d4af37;--gold-glow:#d4af3733;--success:#4ade80;--danger:#f87171;--warning:#fbbf24;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}::selection{background:var(--cyan-glow);color:var(--text)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.login-screen{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.bg-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}@keyframes card-pulse{0%,to{box-shadow:0 0 60px #4ddbf00f,0 20px 60px #00000080}50%{box-shadow:0 0 80px #4ddbf01f,0 20px 60px #00000080}}.login-card{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);background:#121824e0;border-radius:12px;width:100%;max-width:380px;padding:48px 40px;animation:4s ease-in-out infinite card-pulse;position:relative}.login-wordmark{text-align:center;margin-bottom:40px}.wordmark-glow{font-family:var(--font-display);letter-spacing:.14em;color:var(--text);text-shadow:0 0 24px var(--cyan-glow), 0 0 4px #4ddbf066;font-size:28px;font-weight:700;display:block}.login-tagline{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-mute);margin-top:8px;font-size:11px;display:block}.login-field{margin-bottom:20px}.login-field label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute);margin-bottom:8px;font-size:11px;display:block}.login-field input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-body);border-radius:6px;outline:none;padding:12px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.login-field input:focus{border-color:var(--cyan-dim);box-shadow:0 0 0 3px var(--cyan-glow)}.login-error{color:var(--danger);margin-bottom:16px;font-size:13px}.login-submit{background:var(--cyan);color:#0a0e16;width:100%;font-family:var(--font-body);cursor:pointer;border:none;border-radius:6px;padding:13px;font-size:15px;font-weight:600;transition:filter .15s,transform .1s}.login-submit:hover:not(:disabled){filter:brightness(1.1)}.login-submit:active:not(:disabled){transform:scale(.98)}.login-submit:disabled{opacity:.5;cursor:not-allowed}.boot-screen{min-height:100vh;font-family:var(--font-display);color:var(--text-mute);letter-spacing:.1em;justify-content:center;align-items:center;display:flex}.app-shell{flex-direction:column;height:100vh;display:flex}.app-topbar{border-bottom:1px solid var(--border);background:var(--bg-elev);align-items:center;gap:16px;padding:12px 20px;display:flex}.app-wordmark-small{font-family:var(--font-display);letter-spacing:.12em;color:var(--text);text-shadow:0 0 16px var(--cyan-glow);font-size:15px;font-weight:700}.mode-toggle{gap:4px;margin-left:12px;display:flex}.mode-toggle button{background:var(--bg);border:1px solid var(--border);color:var(--text-mute);font-family:var(--font-mono);letter-spacing:.05em;cursor:pointer;border-radius:6px;padding:6px 12px;font-size:11px}.mode-toggle button.active{color:var(--cyan);border-color:var(--cyan-dim);background:var(--cyan-glow)}.topbar-right{gap:8px;margin-left:auto;display:flex}.icon-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;padding:8px;display:flex}.icon-btn:hover{border-color:var(--cyan-dim);color:var(--cyan)}.app-body{flex:1;min-height:0;display:flex}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.app-sidebar{border-left:1px solid var(--border);background:var(--bg-elev);flex-shrink:0;width:280px;padding:16px;overflow-y:auto}@media (width<=800px){.app-sidebar{z-index:10;position:fixed;top:49px;bottom:0;right:0}}.chat-view{flex-direction:column;flex:1;min-height:0;display:flex}.chat-scroll{flex-direction:column;flex:1;gap:4px;padding:24px;display:flex;overflow-y:auto}.chat-empty{text-align:center;color:var(--text-mute);margin:auto}.chat-empty-glyph{color:var(--cyan-dim);margin-bottom:12px;font-size:32px}.chat-row{flex-direction:column;max-width:640px;margin-bottom:16px;display:flex}.chat-row.user{align-self:flex-end;align-items:flex-end}.chat-row.assistant{align-self:flex-start;align-items:flex-start}.agent-badge{font-family:var(--font-mono);letter-spacing:.05em;color:var(--cyan);text-transform:uppercase;align-items:center;gap:6px;margin-bottom:6px;font-size:11px;display:flex}.canon-dot{background:var(--gold);width:6px;height:6px;box-shadow:0 0 6px var(--gold-glow);border-radius:50%}.chat-bubble{white-space:pre-wrap;border-radius:10px;padding:12px 16px;font-size:15px;line-height:1.55}.chat-bubble.user{background:var(--cyan);color:#0a0e16;border-bottom-right-radius:2px}.chat-bubble.assistant{background:var(--bg-elev-2);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:2px}.chat-bubble.error{border-color:var(--danger);color:var(--danger)}.thinking{align-items:center;gap:8px;padding:12px 16px;display:flex}.thinking-dot{background:var(--cyan);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite think-pulse}.thinking-dot:nth-child(2){animation-delay:.15s}.thinking-dot:nth-child(3){animation-delay:.3s}@keyframes think-pulse{0%,to{opacity:.25}50%{opacity:1}}.thinking-label{font-family:var(--font-mono);color:var(--text-mute);margin-left:4px;font-size:12px}.chat-input-bar{border-top:1px solid var(--border);background:var(--bg-elev);gap:10px;padding:16px 24px;display:flex}.chat-input-bar input{background:var(--bg);border:1px solid var(--border);color:var(--text);font-family:var(--font-body);border-radius:8px;outline:none;flex:1;padding:12px 16px;font-size:15px}.chat-input-bar input:focus{border-color:var(--cyan-dim);box-shadow:0 0 0 3px var(--cyan-glow)}.chat-input-bar button{background:var(--cyan);cursor:pointer;color:#0a0e16;border:none;border-radius:8px;justify-content:center;align-items:center;width:44px;display:flex}.chat-input-bar button:disabled{opacity:.4;cursor:not-allowed}.panel-block{margin-bottom:24px}.panel-block h4{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-mute);margin:0 0 10px;font-size:11px}.panel-loading,.panel-muted{color:var(--text-mute);font-size:13px;font-style:italic}.agent-row{color:var(--text-dim);align-items:center;gap:8px;padding:5px 0;font-size:13px;display:flex}.status-dot{border-radius:50%;width:7px;height:7px}.status-dot.ok{background:var(--success);box-shadow:0 0 6px #4ade8080}.status-dot.bad{background:var(--danger);box-shadow:0 0 6px #f8717180}.hw-bar{align-items:center;gap:8px;margin-bottom:8px;font-size:12px;display:flex}.hw-bar-label{color:var(--text-mute);flex-shrink:0;align-items:center;gap:4px;width:50px;display:flex}.hw-bar-track{background:var(--bg);border-radius:3px;flex:1;height:5px;overflow:hidden}.hw-bar-fill{background:var(--cyan);border-radius:3px;height:100%}.hw-bar-value{color:var(--text-dim);text-align:right;flex-shrink:0;width:36px}.model-row{color:var(--text-dim);justify-content:space-between;padding:5px 0;font-size:12px;display:flex}.model-countdown{font-family:var(--font-mono);color:var(--cyan-dim)}.link-btn{background:var(--bg);border:1px solid var(--border);color:var(--text-dim);border-radius:6px;align-items:center;gap:6px;margin-bottom:6px;padding:9px 12px;font-size:13px;text-decoration:none;display:flex}.link-btn:hover{border-color:var(--cyan-dim);color:var(--cyan)}.reader-footer{border-top:1px solid var(--border);background:var(--bg-elev);padding:16px 24px}.conv-sidebar{border-right:1px solid var(--border);background:var(--bg-elev);flex-direction:column;flex-shrink:0;width:240px;padding:14px;display:flex}.conv-new{background:var(--cyan-glow);border:1px solid var(--cyan-dim);color:var(--cyan);font-family:var(--font-body);cursor:pointer;border-radius:8px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.conv-new:hover{background:#4ddbf02e}.conv-list{flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.conv-item{cursor:pointer;color:var(--text-dim);border-radius:6px;align-items:center;gap:8px;padding:9px 10px;font-size:13px;display:flex}.conv-item:hover{background:var(--bg-elev-2)}.conv-item.active{background:var(--bg-elev-2);color:var(--text);border-left:2px solid var(--cyan)}.conv-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.conv-time{font-family:var(--font-mono);color:var(--text-mute);flex-shrink:0;font-size:10px}.conv-delete{color:var(--text-mute);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px;display:none}.conv-item:hover .conv-delete{display:flex}.conv-delete:hover{color:var(--danger)}.conv-empty{color:var(--text-mute);padding:8px 10px;font-size:12px;font-style:italic}@media (width<=800px){.conv-sidebar{z-index:10;width:260px;position:fixed;top:49px;bottom:0;left:0}}.sources-panel{max-width:640px;margin-top:4px}.sources-toggle{color:var(--text-mute);font-family:var(--font-mono);letter-spacing:.03em;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:4px 2px;font-size:11px;display:flex}.sources-toggle:hover{color:var(--cyan)}.sources-list{flex-direction:column;gap:4px;margin-top:6px;display:flex}.source-item{border:1px solid var(--border);background:var(--bg-elev-2);border-radius:6px;overflow:hidden}.source-item.canon{border-color:#d4af3759}.source-item-head{cursor:pointer;color:var(--text-dim);align-items:center;gap:6px;padding:7px 10px;font-size:12px;display:flex}.source-kind{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--text-mute);font-size:10px}.source-item.canon .source-kind{color:var(--gold)}.source-code{font-family:var(--font-mono);color:var(--text);font-weight:500}.source-score{font-family:var(--font-mono);color:var(--cyan-dim);margin-left:auto;font-size:10px}.source-text{color:var(--text-dim);white-space:pre-wrap;border-top:1px solid var(--border);padding:8px 10px 10px 28px;font-size:12.5px;line-height:1.55}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05070cb3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;width:100%;max-width:420px;max-height:85vh;overflow-y:auto;box-shadow:0 0 60px #4ddbf00f,0 20px 60px #00000080}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.modal-header h3{font-family:var(--font-display);letter-spacing:.04em;margin:0;font-size:16px}.modal-body{padding:20px}.account-identity{background:var(--bg);border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 14px;display:flex}.account-username{font-family:var(--font-mono);color:var(--text);font-size:14px}.role-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;border-radius:10px;margin-left:auto;padding:3px 8px;font-size:10px}.role-badge.admin{color:var(--gold);background:var(--gold-glow)}.role-badge.reader{color:var(--cyan);background:var(--cyan-glow)}.modal-section{margin-bottom:24px}.modal-section:last-child{margin-bottom:0}.modal-section h4{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute);align-items:center;gap:6px;margin:0 0 12px;font-size:11px;display:flex}.modal-section form{flex-direction:column;gap:10px;display:flex}.modal-section input{background:var(--bg);border:1px solid var(--border);color:var(--text);font-family:var(--font-body);border-radius:6px;outline:none;padding:10px 12px;font-size:14px}.modal-section input:focus{border-color:var(--cyan-dim);box-shadow:0 0 0 3px var(--cyan-glow)}.modal-submit{background:var(--cyan);color:#0a0e16;cursor:pointer;border:none;border-radius:6px;padding:10px;font-size:14px;font-weight:600}.modal-submit:disabled{opacity:.4;cursor:not-allowed}.modal-error{color:var(--danger);font-size:12.5px}.modal-success{color:var(--success);align-items:center;gap:5px;font-size:12.5px;display:flex}.reader-create-form{flex-direction:row!important;gap:8px!important}.reader-create-form input{flex:1}.reader-create-form button{background:var(--cyan-glow);border:1px solid var(--cyan-dim);color:var(--cyan);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:0 14px;font-size:13px;display:flex}.reader-create-form button:disabled{opacity:.4;cursor:not-allowed}.reader-list{flex-direction:column;gap:4px;margin-top:12px;display:flex}.reader-row{background:var(--bg);color:var(--text-dim);border-radius:6px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:13px;display:flex}.reader-delete{color:var(--text-mute);cursor:pointer;background:0 0;border:none;padding:2px}.reader-delete:hover{color:var(--danger)}