:root{--bg:#fff;--bg-soft:#f6f7f9;--active-button:#014d56;--buton-text-color:#fff;--surface:#fff;--text:#1a1a1b;--muted:#6b6f76;--line:#d4d6da;--accent:#538d4e;--danger:#c0392b;--surface-2:#f3f4f6;--control-track:#1a1a1b12;--tile-empty:#fff;--tile-absent:#787c7e;--tile-present:#c9b458;--tile-correct:#6aaa64;--key-bg:#d3d6da;--key-text:#1a1a1b;--control-height:42px;--app-page-bg:#f6f7f9;--glass-border:#ffffff80;--glass-bg:linear-gradient(145deg,#ffffff8f,#ffffff47),linear-gradient(180deg,#ffffff29,transparent);--header-glass-bg:linear-gradient(145deg,#ffffffc7,#ffffff94),linear-gradient(180deg,#ffffff42,transparent);--glass-shadow:inset 0 1px 0 #ffffffc7,0 24px 44px #00000014;--glass-soft-bg:#ffffff6b;--glass-soft-border:#ffffff8a;--glass-soft-shadow:inset 0 1px 0 #ffffffbd,0 10px 22px #7a81a10f;--heading-strong:#111b35;--heading-medium:#172038;--copy-muted:#5f687d;--copy-soft:#7c8292;--overlay-bg:radial-gradient(circle at 14% 18%,#ff5c9138,transparent 24%),radial-gradient(circle at 84% 14%,#5f90db33,transparent 24%),radial-gradient(circle at 78% 82%,#ef985630,transparent 24%),linear-gradient(180deg,#fff8fb8f,#f7f8fee0);--menu-panel-bg:#fff;--menu-button-bg:#ffffff80;--menu-button-border:#ffffff75;--menu-button-text:#182133;--menu-icon-bg:#ffffff7a}html[data-theme=dark]{--bg:#121213;--bg-soft:#121213;--surface:#1a1a1b;--text:#f8f8f8;--muted:#9ea1a8;--line:#3a3a3c;--accent:#6aaa64;--danger:#e06c5c;--surface-2:#222325;--control-track:#f8f8f817;--tile-empty:#121213;--tile-absent:#3a3a3c;--tile-present:#b59f3b;--tile-correct:#538d4e;--key-bg:#818384;--key-text:#f8f8f8;--app-page-bg:#121213;--glass-border:#ffffff14;--glass-bg:linear-gradient(145deg,#1a1a1be6,#161617c2),linear-gradient(180deg,#ffffff0a,transparent);--header-glass-bg:linear-gradient(145deg,#1a1a1bf5,#161617e6),linear-gradient(180deg,#ffffff0f,transparent);--glass-shadow:inset 0 1px 0 #ffffff14,0 24px 44px #00000042;--glass-soft-bg:#ffffff0d;--glass-soft-border:#ffffff14;--glass-soft-shadow:inset 0 1px 0 #ffffff0f,0 10px 22px #0000002e;--heading-strong:#f3f6ff;--heading-medium:#e6ebf7;--copy-muted:#a4aec3;--copy-soft:#8d97ac;--overlay-bg:radial-gradient(circle at 14% 18%,#ff5c9124,transparent 24%),radial-gradient(circle at 84% 14%,#5f90db1f,transparent 24%),radial-gradient(circle at 78% 82%,#ef98561f,transparent 24%),linear-gradient(180deg,#070a10a3,#0a0e16e6);--menu-panel-bg:#1a1a1b;--menu-button-bg:#ffffff0f;--menu-button-border:#ffffff14;--menu-button-text:#eef2fb;--menu-icon-bg:#ffffff14}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{scrollbar-width:none;-ms-overflow-style:none;min-height:100%}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none}body{font-family:var(--font-body),sans-serif;color:var(--text);background:linear-gradient(180deg,var(--bg)0%,var(--bg-soft)100%)}a{color:inherit;text-decoration:none}button,input{font:inherit}input,select{border:1px solid var(--line);width:100%;color:var(--text);background:var(--surface);border-radius:8px;padding:.66rem .8rem}button{border:1px solid var(--line);color:var(--text);background:var(--surface);cursor:pointer;border-radius:8px;padding:.6rem .85rem}button.primary{background:var(--accent);border-color:var(--accent);color:var(--buton-text-color)}main{align-content:start;gap:1rem;width:min(1120px,94vw);min-height:calc(100dvh - 3.2rem);margin:1.2rem auto 2rem;display:grid}:root{--tab-bar-space:0px}@media (max-width:1023px){body[data-has-tab-bar=true]{--tab-bar-space:calc(5.6rem + env(safe-area-inset-bottom))}}@media (max-width:768px){.app-auto-header{transition:transform .22s cubic-bezier(.33,1,.68,1)}.app-auto-header[data-hidden=true]{transform:translate(-50%)translateY(-150%)}}@media (prefers-reduced-motion:reduce){.app-auto-header{transition:none}}:root{--app-nav-width:0px}@media (min-width:1024px){body[data-has-nav=true]{--app-nav-width:16.5rem;padding-left:var(--app-nav-width)}}.app-desktop-header{display:contents}@media (max-width:768px){.app-desktop-header{display:none}}@media (min-width:1024px){.app-desktop-header{display:none}}