:root{--bg:#0e0f13;--surface:#15171c;--panel:#1b1e25;--panel-2:#23262e;--border:#2a2e37;--text:#e8e9ec;--muted:#a6acb8;--muted-2:#7d838f;--accent:#ff6b00;--accent-text:#ffffff;--link:#6aa7ff;--success:#46c46e;--danger:#ff6b6b;--chip-bg:#23262e;--chip-border:#333845;--live-bg:#14241a;color-scheme:dark}[data-theme=light]{--bg:#ffffff;--surface:#fafafa;--panel:#ffffff;--panel-2:#f5f5f7;--border:#e3e3e3;--text:#1f2430;--muted:#666666;--muted-2:#999999;--accent:#ff6b00;--accent-text:#ffffff;--link:#1a73e8;--success:#137333;--danger:#b00020;--chip-bg:#f1f1f4;--chip-border:#e0e0e6;--live-bg:#f1f8f1;color-scheme:light}body,html{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,sans-serif}input,select,textarea{background:var(--panel);color:var(--text)}::placeholder{color:var(--muted-2)}a{color:var(--link)}.app-nav{position:fixed;z-index:200;background:var(--panel);display:flex;left:0;right:0;bottom:0;height:56px;border-top:1px solid var(--border)}.app-nav a{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px;color:var(--muted);text-decoration:none}.app-nav a .ico{font-size:19px;line-height:1}.app-nav a.active{color:var(--accent)}body:has(.app-nav){padding-bottom:56px}@media (min-width:880px){.app-nav{top:0;bottom:0;right:auto;width:64px;height:100vh;flex-direction:column;justify-content:flex-start;gap:4px;padding-top:14px;border-top:none;border-right:1px solid var(--border)}.app-nav a{flex:0 0 auto;height:56px}body:has(.app-nav){padding-bottom:0;padding-left:64px}}*{scrollbar-color:var(--border) transparent}