:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--text-sm:13px;--text-md:15px;--text-lg:18px;--text-xl:22px;--shadow-sm:0 8px 18px #0000000f}
:root{--bg:#f3f6fb;--surface:#fff;--surface-2:#f8fafc;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--primary:#1e40af;--primary-hover:#1e3a8a;--danger:#dc2626;--warning:#d97706;--input-bg:#fff;--input-border:#cbd5e1}@media (prefers-color-scheme:dark){:root{--bg:#0b1220;--surface:#111827;--surface-2:#0f172a;--text:#e5e7eb;--muted:#9ca3af;--border:#ffffff1f;--primary:#60a5fa;--primary-hover:#3b82f6;--danger:#f87171;--warning:#fbbf24;--input-bg:#ffffff0d;--input-border:#fff3}}
.container{max-width:1120px;padding:var(--space-6);margin:0 auto}.header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);display:flex}.brand h1{font-size:var(--text-xl);color:var(--text);margin:0}.brand p{color:var(--muted);font-size:var(--text-sm);margin:0}.nav{gap:var(--space-3);display:flex}.nav a{border:1px solid var(--border);background:var(--surface-2);font-size:var(--text-sm);color:var(--text);border-radius:999px;padding:8px 14px;transition:background .2s,border .2s}.nav a:hover{background:#eef2f7}.main{margin-top:var(--space-5)}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,sans-serif}a{color:inherit;text-decoration:none}:root{--accent:#3b82f6;--accent-soft:#3b82f624;--accent-border:#3b82f659}[data-theme=dark]{--accent-soft:#60a5fa29;--accent-border:#60a5fa66}html,body{height:100%;margin:0}.container{flex-direction:column;min-height:100vh;display:flex}
.AppHeader-module__QhslZW__header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.AppHeader-module__QhslZW__brand{align-items:center;gap:12px;display:flex}.AppHeader-module__QhslZW__logoWrap{place-items:center;width:44px;height:44px;display:grid}.AppHeader-module__QhslZW__title h1{margin:0;font-size:18px;line-height:1.2}.AppHeader-module__QhslZW__title p{opacity:.8;margin:4px 0 0;font-size:13px}.AppHeader-module__QhslZW__right{align-items:center;gap:14px;display:flex}.AppHeader-module__QhslZW__nav{flex-wrap:wrap;justify-content:flex-end;gap:14px;display:flex}.AppHeader-module__QhslZW__nav a{opacity:.9;font-size:14px;text-decoration:none}.AppHeader-module__QhslZW__nav a:hover{opacity:1;text-decoration:underline}.AppHeader-module__QhslZW__mascot{place-items:center;width:70px;height:70px;display:grid}
.AppFooter-module__WlDzxa__footer{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding:16px 18px;display:flex}.AppFooter-module__WlDzxa__left{opacity:.8;align-items:center;gap:8px;font-size:13px;display:flex}.AppFooter-module__WlDzxa__separator{opacity:.4}.AppFooter-module__WlDzxa__nav{flex-wrap:wrap;justify-content:flex-end;gap:14px;display:flex}.AppFooter-module__WlDzxa__nav a{opacity:.9;font-size:14px;text-decoration:none}.AppFooter-module__WlDzxa__nav a:hover{opacity:1;text-decoration:underline}