*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font-body),"DM Sans",sans-serif;background:var(--bg-subtle);color:var(--text);-webkit-font-smoothing:antialiased}:root{--bg:#FFFFFF;--bg-subtle:#F7F8FA;--bg-sunken:#F1F3F7;--surface:#FFFFFF;--line:#E4E7EE;--line-strong:#CDD3E0;--text:#0E1420;--text-2:#4A536B;--text-3:#78829A;--accent:#2B59E8;--accent-hover:#1F45C4;--accent-soft:#EEF2FE;--accent-line:#C9D6FD;--ready:#0F8A5F;--ready-soft:#E8F6F0;--warn:#B4690E;--warn-soft:#FDF3E6;--danger:#D64A3A;--danger-soft:#FCEDEA;--track:#EDF0F5;--shadow:0 1px 2px rgba(14,20,32,.05);--shadow-lift:0 8px 30px -12px rgba(14,20,32,.18);--font-head:"Space Grotesk", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--font-mono:"DM Mono", ui-monospace, monospace;--indigo:var(--accent);--indigo-light:var(--accent-soft);--indigo-mid:var(--accent-line);--near-black:var(--text);--text-secondary:var(--text-2);--text-tertiary:var(--text-3);--border:var(--line);--border-light:var(--line);--bg-canvas:var(--bg-subtle);--correct:var(--ready);--correct-bg:var(--ready-soft);--correct-border:var(--ready);--wrong:var(--danger);--wrong-bg:var(--danger-soft);--wrong-border:var(--danger);--warn-bg:var(--warn-soft);--warn-border:var(--warn);--bg-primary:var(--surface);--bg-secondary:var(--bg-subtle);--bg-tertiary:var(--bg-sunken);--text-primary:var(--text);--text-muted:var(--text-2);--text-subtle:var(--text-3);--border-color:var(--line);--indigo-subtle:var(--accent-soft);--indigo-subtle-border:var(--accent-line)}html.dark{--bg:#0B0E14;--bg-subtle:#10141C;--bg-sunken:#080B10;--surface:#131822;--line:#232A38;--line-strong:#374156;--text:#F2F5FA;--text-2:#A8B2C5;--text-3:#7C8699;--accent:#7096FF;--accent-hover:#8DACFF;--accent-soft:#161F35;--accent-line:#2C3A60;--ready:#3ECB94;--ready-soft:#0F2620;--warn:#D9A038;--warn-soft:#251C0C;--danger:#F1705F;--danger-soft:#2A1512;--track:#222A38;--shadow:0 1px 2px rgba(0,0,0,.4);--shadow-lift:0 12px 40px -14px rgba(0,0,0,.6)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::-webkit-scrollbar-track{background:transparent}button{font-family:inherit;cursor:pointer;border:none;background:none}a{text-decoration:none;color:inherit}#app{height:100%;display:flex;overflow:hidden;background:var(--bg-secondary)}.app-left{width:224px;min-width:224px;height:100%;border-right:1px solid var(--border-color);display:flex;flex-direction:column;background:var(--bg-primary);flex-shrink:0}.app-main{flex:1;min-width:0;height:100%;overflow:hidden;display:flex;flex-direction:column}.app-brand{padding:18px 20px 16px;border-bottom:1px solid var(--border-color)}.app-brand a{display:flex;align-items:center;gap:8px}.app-brand-mark{width:26px;height:26px;border-radius:7px;background:var(--accent);display:flex;align-items:center;justify-content:center}.app-brand-name{font-family:var(--font-head);font-weight:700;font-size:15px;letter-spacing:-.02em}.app-nav{flex:1;padding:12px;overflow-y:auto}.app-sec{font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-subtle);padding:0 12px;margin-bottom:6px;font-family:var(--font-head)}.app-item{display:flex;align-items:center;gap:9px;width:100%;padding:8px 12px;border-radius:8px;margin-bottom:1px;background:transparent;color:var(--text-muted);font-size:13.5px;font-weight:400;font-family:var(--font-body);transition:all .15s;text-align:left}.app-item:hover{background:var(--border-color);color:var(--text)}.app-item[aria-current=page]{background:var(--indigo-subtle);color:var(--accent);font-weight:600}.app-item[aria-current=page] svg{stroke:var(--accent)}.app-item-label{flex:1}.app-badge{font-size:10px;font-family:var(--font-head);font-weight:700;background:var(--accent);color:#fff;padding:1px 6px;border-radius:10px}.app-divider{height:1px;background:var(--bg-tertiary);margin:12px 0}@media print{.app-left,.app-ham,.app-overlay{display:none!important}#app{display:block!important;overflow:visible!important}html,body{height:auto!important;overflow:visible!important}}html[data-hide-app-nav] .app-left,html[data-hide-app-nav] .app-ham,html[data-hide-app-nav] .app-overlay{display:none!important}.app-overlay{display:none;position:fixed;inset:0;background:#00000073;z-index:299}.app-ham{display:none;position:fixed;top:12px;left:12px;z-index:301;width:34px;height:34px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-secondary);align-items:center;justify-content:center}@media(max-width:768px){.app-left{position:fixed;top:0;bottom:0;left:0;z-index:300;transform:translate(-100%);transition:transform .25s ease;box-shadow:4px 0 24px #0003}.app-left.open{transform:translate(0)}.app-overlay.open{display:block}.app-ham{display:flex}}