:root{--bg-primary:#1a1a1e;--bg-secondary:#222226;--bg-tertiary:#2a2a2e;--bg-hover:#303036;--border:#333338;--border-light:#2a2a2e;--text-primary:#ececec;--text-secondary:#b0b0b8;--text-muted:#6b6b78;--accent:#5b67f6;--green:var(--accent);--green-dim:#3946f4;--green-bright:#8089f8;--red:#f95c4b;--yellow:#fbbf24;--blue:#5b67f6;--purple:#dbb8ff;--cyan:#67e8f9;--success:#4ade80;--accent-fg:#000;--danger-fg:#fff;--font-mono:"JetBrains Mono", "Fira Code", "SF Mono", "Cascadia Code", "Consolas", monospace}[data-theme=light] .otis-logo{filter:invert()}[data-theme=light]{--bg-primary:#d2d6e3;--bg-secondary:#dfe2ec;--bg-tertiary:#c7ccdd;--bg-hover:#c2c8db;--border:#a6adca;--border-light:#bfc5d8;--text-primary:#20243a;--text-secondary:#454b6b;--text-muted:#535975;--accent:#3946f4;--green:var(--accent);--green-dim:#2c37ce;--green-bright:#5b67f6;--red:#a82b1b;--yellow:#854d0e;--blue:#3946f4;--purple:#6f33d6;--cyan:#155e75;--success:#166534;--accent-fg:#f4f5fb;--danger-fg:#f4f5fb}*{box-sizing:border-box}html,body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:15px;line-height:1.6}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}.icon-link{width:30px;height:30px;color:var(--text-muted);border-radius:4px;justify-content:center;align-items:center;text-decoration:none;transition:color .15s,background .15s;display:inline-flex}.icon-link:hover{color:var(--text-primary);background:var(--bg-hover);text-decoration:none}.nav-item{color:var(--text-secondary);border-radius:4px;align-items:center;gap:10px;padding:7px 12px;font-size:15px;text-decoration:none;display:flex}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary);text-decoration:none}.nav-active{color:var(--accent);font-weight:600}.nav-active:hover{color:var(--accent)}::selection{background:var(--green);color:var(--bg-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}button{font-family:var(--font-mono)}input,select,textarea{font-family:var(--font-mono);background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border);border-radius:4px;padding:8px 10px;font-size:13px}input:focus,select:focus,textarea:focus{border-color:var(--green);outline:none}.btn{background:var(--green);color:var(--accent-fg);cursor:pointer;border:none;border-radius:4px;padding:9px 16px;font-size:13px;font-weight:700;transition:background .15s}.btn:hover{background:var(--green-bright)}.btn:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:16px 18px}.tag{letter-spacing:.08em;text-transform:uppercase;border-radius:3px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}
