.layout{flex-direction:column;min-height:100vh;display:flex}.layout__header{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.layout__header-inner{justify-content:space-between;align-items:center;max-width:1100px;height:56px;margin:0 auto;padding:0 20px;display:flex}.layout__logo{align-items:center;gap:8px;text-decoration:none;display:flex}.layout__logo-icon{background:var(--color-primary);color:#fff;font-family:var(--font-serif);border-radius:4px;padding:4px 8px;font-size:14px;font-weight:700}.layout__logo-text{color:var(--color-text);font-size:18px;font-weight:700}.layout__nav{gap:16px;display:flex}.layout__nav-link{color:var(--color-text-secondary);border-bottom:2px solid #0000;padding:4px 0;font-size:14px;transition:all .15s}.layout__nav-link:hover{color:var(--color-primary)}.layout__nav-link--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.layout__user{align-items:center;gap:12px;display:flex}.layout__theme-btn{color:var(--color-text-secondary);background:var(--color-muted);border:1px solid var(--color-border);cursor:pointer;border-radius:999px;padding:4px 10px;font-size:12px;transition:all .15s}.layout__theme-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.layout__user-name{color:var(--color-text);font-size:14px;font-weight:600}.layout__user-login{color:var(--color-accent);border:1px solid var(--color-accent);border-radius:999px;padding:4px 12px;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s}.layout__user-login:hover{background:var(--color-accent);color:#0a0a0a}.layout__user-logout{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:11px}.layout__user-logout:hover{color:var(--color-danger)}.layout__main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:20px}.layout__main--full{max-width:none;margin:0;padding:0}.layout__footer{text-align:center;padding:16px;font-size:12px}.layout__footer a{color:var(--color-text-muted);text-decoration:none}.layout__footer a:hover{color:var(--color-primary)}@media (width<=767px){.layout__header-inner{flex-wrap:wrap;row-gap:8px;height:auto;padding:8px 12px}.layout__nav{-webkit-overflow-scrolling:touch;flex-basis:100%;order:3;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.layout__nav::-webkit-scrollbar{display:none}.layout__nav-link{white-space:nowrap;background:var(--color-surface-secondary,#80808014);border-bottom:none;border-radius:999px;flex-shrink:0;padding:6px 12px}.layout__nav-link--active{background:var(--color-primary);color:#fff}.layout__user{margin-left:auto}.layout__main{padding:12px}}:root{--brand-red:#dd503f;--brand-gold:#d4a574;--brand-blue:#4a90d9;--accent-hue:7;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-pill:999px;--font-sans:"Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:"Noto Serif SC", "Source Serif 4", Georgia, "STSong", serif;--font-mono:"IBM Plex Mono", "SF Mono", "Cascadia Code", monospace;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:22px;--font-size-2xl:28px;--font-size-3xl:36px;--line-height-base:1.5;--line-height-reading:1.8;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1)}[data-theme=light]{--color-bg:#faf8f5;--color-surface:#fff;--color-surface-raised:#faf7f2;--color-text:#1a1a1a;--color-text-secondary:#5c5c5c;--color-text-muted:#999;--color-border:#e8e4dc;--color-border-visible:#d8d2c8;--color-muted:#f5f2ec;--color-primary:oklch(.52 .18 var(--accent-hue));--color-primary-hover:oklch(.45 .18 var(--accent-hue));--color-primary-light:oklch(.52 .18 var(--accent-hue) / .1);--color-accent:#b8860b;--color-accent-hover:#9a7000;--color-accent-light:#b8860b1a;--color-success:#16a34a;--color-success-light:#dcfce7;--color-warning:#d97706;--color-warning-light:#fef3c7;--color-danger:#dc2626;--color-danger-light:#fee2e2;--shadow-xs:0 1px 2px #00000008;--shadow-sm:0 1px 3px #0000000a, 0 1px 2px #00000008;--shadow-md:0 4px 12px #0000000d, 0 2px 4px #00000008;--shadow-lg:0 10px 30px #0000000f, 0 4px 10px #00000008;--color-exam-bg:#f6f4f0;--color-exam-surface:#fff;--color-exam-border:#e8e4dc;--color-exam-highlight:#fff8e8;--color-exam-nav-bg:#f0ede7;--color-exam-answered:#4a90d9;--color-exam-current:#dd503f;--color-exam-review:#ffb800;--card-border:1px solid var(--color-border);--card-hover-lift:none;--card-glow:none;--grain-opacity:0;--skeleton-stop:#e8e4dc}[data-theme=dark]{--color-bg:#0a0a0a;--color-surface:#111118;--color-surface-raised:#18181f;--color-text:#f5efe6;--color-text-secondary:#8a8a96;--color-text-muted:#565661;--color-border:#ffffff0f;--color-border-visible:#ffffff1a;--color-muted:#18181f;--color-primary:oklch(.55 .18 var(--accent-hue));--color-primary-hover:oklch(.48 .18 var(--accent-hue));--color-primary-light:oklch(.55 .18 var(--accent-hue) / .12);--color-accent:#d4a574;--color-accent-hover:#c09663;--color-accent-light:#d4a7741f;--color-success:#22c55e;--color-success-light:#22c55e1f;--color-warning:#f59e0b;--color-warning-light:#f59e0b1f;--color-danger:#ef4444;--color-danger-light:#ef44441f;--shadow-xs:none;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--color-exam-bg:#0d0d0d;--color-exam-surface:#16161e;--color-exam-border:#ffffff0f;--color-exam-highlight:#1a1a0a;--color-exam-nav-bg:#12121a;--color-exam-answered:#4a90d9;--color-exam-current:#dd503f;--color-exam-review:#ffb800;--card-border:1px solid var(--color-border);--card-hover-lift:none;--card-glow:none;--grain-opacity:.03;--skeleton-stop:#1e1e2a}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);font-size:var(--font-size-base);line-height:var(--line-height-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}a{color:#4a90d9;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea{outline:none;font-family:inherit}.page-loading{justify-content:center;align-items:center;min-height:100vh;display:flex}.page-loading__spinner{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite page-loading-spin}@keyframes page-loading-spin{to{transform:rotate(360deg)}}