:root{--accent:#f07010;--font-family:Roboto, system-ui, sans-serif;--nav-width:220px;--radius:14px;--radius-lg:24px;--green:#3dba6f;--red:#e5484d;--amber:#f0a030;--blue:#1a73e8}:root,:root[data-theme=dark]{--surface:#0f1923;--surface-2:#16222e;--surface-3:#1e2d3a;--border:#243341;--text:#ecf1f5;--text-muted:#8a9aa8}:root[data-theme=light]{--surface:#f5f7fa;--surface-2:#fff;--surface-3:#edf1f5;--border:#dce3ea;--text:#131c24;--text-muted:#5c6b78}:root[data-theme=oled]{--surface:#000;--surface-2:#0a0a0a;--surface-3:#141414;--border:#1e1e1e;--text:#ecf1f5;--text-muted:#8a9aa8}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--surface);color:var(--text);font-family:var(--font-family);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}a{color:inherit}input,textarea,button,select{font-family:var(--font-family)}.app-main{margin-left:var(--nav-width);max-width:920px;min-height:100vh;padding:28px 28px 40px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:8px}@media (max-width:768px){.page-h1{display:none}}