:root,[data-scheme=light]{color-scheme:light;--bg: #f7f3ea;--bg-2: #f7f3ea;--text: #0a0a0a;--muted: #6b6b6b;--ink: #0a0a0a;--accent: #c04a3d;--accent-2: #a33a30;--marsala: #c04a3d;--violet: #645b9c;--pink: #b06a6a;--amber: #d6a129;--mint: #2f8168;--blue: #2f5d92;--coral: #bf5c3c;--good: #2b7d5c;--bad: #bf3f3c;--purple: #645b9c;--accent-lift: #d9776a;--amber-lift: #e3b64f;--mint-lift: #5fa98f;--blue-lift: #7ba3cf;--surface: #ffffff;--surface-2: #efe9dc;--border: #0a0a0a;--border-strong: #0a0a0a;--top-edge: transparent;--ring-track: #e5ddcd;--grad-brand: var(--accent);--grad-primary: var(--ink);--grad-warm: var(--amber);--grad-ring: var(--accent);--e0: 2px 2px 0 0 color-mix(in srgb, var(--ink) 20%, transparent);--e0-hover: 4px 4px 0 0 color-mix(in srgb, var(--ink) 30%, transparent);--e1: 4px 4px 0 0 var(--border);--e2: 8px 8px 0 0 var(--border);--e-blue: 6px 6px 0 0 var(--border);--glow-coral: 6px 6px 0 0 var(--border);--ec-accent: 4px 5px 0 0 var(--accent);--ec-amber: 4px 5px 0 0 var(--amber);--ec-mint: 4px 5px 0 0 var(--mint);--ec-bad: 4px 5px 0 0 var(--bad);--ec-accent-lg: 7px 8px 0 0 var(--accent);--hair: color-mix(in srgb, var(--ink) 20%, transparent);--hair-hover: color-mix(in srgb, var(--ink) 38%, transparent);--spring: cubic-bezier(.34, 1.56, .64, 1);--ease: cubic-bezier(.22, 1, .36, 1);--font-display: "Rubik", "Manrope", "Onest", system-ui, sans-serif;--font-body: "Onest", "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--t-hero: clamp(40px, 9.5vw, 78px);--t-h2: clamp(28px, 5vw, 44px);--t-title: clamp(22px, 3.2vw, 26px);--t-h3: 20px;--t-num: clamp(30px, 5.6vw, 52px);--t-lead: clamp(16px, 2.4vw, 20px);--t-body: 16px;--t-meta: 12.5px;--t-micro: 11px;--text-body: #2a2a2a;--r-sm: 8px;--r-md: 14px;--r-lg: 22px;--r-full: 999px;--r-xl: var(--r-lg);--r-btn: 8px;--bd-w: 1px;--bd-c: var(--hair);--sk1: #eee8db;--sk2: #ddd4c2;--tg-text: var(--text);--tg-hint: var(--muted);--tg-secondary-bg: var(--surface-2);--tg-section-bg: var(--surface);--surface-border: var(--border)}[data-theme=brut]{--bg: #f4f2ee;--bg-2: #f4f2ee;--surface: #ffffff;--surface-2: #f0eee9;--text: #111110;--text-body: #1c1b19;--muted: #6f6b64;--ink: #111110;--border: #111110;--border-strong: #111110;--accent: #e0523d;--accent-2: #c33f2c;--marsala: #e0523d;--coral: #e0523d;--amber: #d9f21f;--mint: #d9f21f;--good: #2f8168;--bad: #b23a26;--violet: #111110;--blue: #111110;--pink: #e0523d;--purple: #111110;--bd-w: 2px;--bd-c: var(--border);--hair: var(--border);--hair-hover: var(--border);--e0: 6px 6px 0 0 var(--border);--e0-hover: 9px 9px 0 0 var(--border);--e1: 6px 6px 0 0 var(--border);--e2: 9px 9px 0 0 var(--border);--e-blue: 6px 6px 0 0 var(--border);--glow-coral: 6px 6px 0 0 var(--border);--ec-accent: 6px 6px 0 0 var(--border);--ec-amber: 6px 6px 0 0 var(--border);--ec-mint: 6px 6px 0 0 var(--border);--ec-bad: 6px 6px 0 0 var(--border);--ec-accent-lg: 9px 9px 0 0 var(--border);--r-sm: 2px;--r-md: 2px;--r-lg: 2px;--r-btn: 2px;--ring-track: #e4e0d8;--sk1: #eceae4;--sk2: #dcd8cf;--font-display: "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif}[data-theme=brut] .landing{--bg: #f7f3ea;--surface: #ffffff;--surface-2: #efe9dc;--text: #0a0a0a;--text-body: #2a2a2a;--muted: #6b6b6b;--ink: #0a0a0a;--border: #0a0a0a;--accent: #c04a3d;--accent-2: #a33a30;--marsala: #c04a3d;--coral: #bf5c3c;--amber: #d6a129;--mint: #2f8168;--good: #2b7d5c;--bad: #bf3f3c;--violet: #645b9c;--blue: #2f5d92;--pink: #b06a6a;--purple: #645b9c;--bd-w: 1px;--hair: color-mix(in srgb, var(--ink) 20%, transparent);--hair-hover: color-mix(in srgb, var(--ink) 38%, transparent);--bd-c: var(--hair);--e0: 2px 2px 0 0 color-mix(in srgb, var(--ink) 20%, transparent);--e0-hover: 4px 4px 0 0 color-mix(in srgb, var(--ink) 30%, transparent);--e1: 4px 4px 0 0 var(--border);--e2: 8px 8px 0 0 var(--border);--ec-accent: 4px 5px 0 0 var(--accent);--ec-accent-lg: 7px 8px 0 0 var(--accent);--r-sm: 8px;--r-md: 14px;--r-lg: 22px;--r-btn: 8px;--font-display: "Rubik", "Manrope", "Onest", system-ui, sans-serif;--font-body: "Onest", "Manrope", -apple-system, system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}*{scrollbar-width:thin;scrollbar-color:var(--ink) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--ink);border:3px solid var(--bg);border-radius:var(--r-full)}::-webkit-scrollbar-track{background:transparent}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--t-body);line-height:1.5;overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-wrap:break-word}.aurora{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--bg)}button,.tile,.option,.spoiler,.grade,.chip,.navbtn{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}svg{display:block}::selection{background:color-mix(in srgb,var(--accent) 24%,transparent)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;pointer-events:none;opacity:.05;will-change:transform;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px}@media (prefers-reduced-motion: reduce){body:after{display:none}}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}:focus:not(:focus-visible){outline:none}.app{max-width:480px;margin:0 auto;padding-top:calc(20px + env(safe-area-inset-top));padding-right:calc(18px + env(safe-area-inset-right));padding-bottom:calc(116px + env(safe-area-inset-bottom));padding-left:calc(18px + env(safe-area-inset-left));min-height:var(--app-height, 100vh)}.surface,.card,.tile,.mini,.result,.option,.spoiler{background:var(--surface);border:var(--bd-w) solid var(--bd-c);box-shadow:var(--e0)}.grad-text{color:var(--accent)}.highlight{background:var(--accent);color:#fff;padding:2px 12px;border-radius:var(--r-sm);display:inline-block;border:2px solid var(--border);box-shadow:var(--e1)}.hero{position:relative;border-radius:var(--r-lg);padding:28px 24px;overflow:hidden;background:var(--surface);border:var(--bd-w) solid var(--bd-c);box-shadow:var(--e0);color:var(--text)}.hero h1{margin:10px 0 0;font-family:var(--font-display);font-size:var(--t-h2);font-weight:600;letter-spacing:-1px;line-height:1.15;color:var(--text)}.hero h1 .highlight{padding:1px 14px;border-radius:var(--r-sm)}.hero-badge{position:absolute;top:22px;right:22px;width:58px;height:58px;display:grid;place-items:center;background:var(--amber);border:2px solid var(--border);border-radius:var(--r-md);box-shadow:var(--e1);transform:rotate(7deg);color:var(--border)}.hero .sub{margin:0;font-size:var(--t-body);font-weight:600;color:var(--muted)}.hero-chips{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}.chip{background:var(--surface-2);border:2px solid var(--border);border-radius:var(--r-btn);padding:7px 14px;font-size:var(--t-meta);font-weight:700;color:var(--text);display:inline-flex;align-items:center;gap:6px}.section-label{font-size:var(--t-meta);font-weight:800;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted);margin:30px 4px 14px}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:13px}.tile{position:relative;text-align:left;font-family:inherit;color:var(--text);border-radius:var(--r-lg);padding:18px;cursor:pointer;display:flex;flex-direction:column;gap:10px;min-height:126px;transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease);overflow:hidden}.tile:hover{transform:translate(-2px,-3px);border-color:var(--hair-hover);box-shadow:var(--e0-hover)}.tile:active{transform:translateY(-1px) scale(.98);box-shadow:var(--e0)}.tile .tile-ic{width:50px;height:50px;display:grid;place-items:center;border-radius:var(--r-md);background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);border:var(--bd-w) solid var(--bd-c)}.tile .tile-t{font-weight:700;font-size:var(--t-h3);letter-spacing:-.3px}.tile .tile-d{font-size:var(--t-meta);color:var(--muted);font-weight:500}.tile.span2{grid-column:span 2}.tile.feature{grid-column:span 2;flex-direction:row;align-items:center;gap:16px;min-height:auto;background:var(--marsala);border:2px solid var(--border);color:#fff;box-shadow:var(--ec-amber)}.tile.feature:hover{border-color:var(--border)}.tile.feature.warm{background:var(--amber);color:#2a1e02;box-shadow:var(--ec-accent)}.tile.feature .tile-ic{width:54px;height:54px;background:#ffffff3d;color:#fff;border-color:#fff}.tile.feature.warm .tile-ic{background:#0000001f;color:#2a1e02;border-color:var(--border)}.tile.feature .tile-d{color:#ffffffe6}.tile.feature.warm .tile-d{color:#2a1e02bf}.tile .grow{flex:1}.tile .arrow{display:grid;place-items:center}.stagger>*{opacity:0;animation:fadeUp .55s var(--ease) forwards}.btn{border:2px solid var(--border);border-radius:var(--r-btn);padding:15px 22px;font-size:var(--t-body);font-weight:700;font-family:inherit;letter-spacing:-.2px;cursor:pointer;transition:transform .15s var(--ease),box-shadow .15s var(--ease);color:#fff;background:var(--ink);box-shadow:var(--ec-accent);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{transform:translate(-2px,-3px);box-shadow:var(--ec-accent-lg)}.btn:active{transform:translate(1px,1px);box-shadow:2px 2px 0 0 var(--accent)}.btn:disabled{opacity:.35;box-shadow:none;transform:none}.btn-block{width:100%}.btn.secondary{background:#fff;color:var(--text);box-shadow:var(--e0);border:var(--bd-w) solid var(--bd-c)}.btn.secondary:hover{background:var(--surface-2);border-color:var(--hair-hover);box-shadow:var(--e0-hover);transform:translate(-2px,-2px)}.btn.secondary:active{transform:translate(0);box-shadow:var(--e0)}.btn.good{background:var(--mint);color:#fff;box-shadow:var(--ec-mint)}.btn.good:hover{box-shadow:7px 8px 0 0 var(--mint)}.btn.good:active{box-shadow:2px 2px 0 0 var(--mint)}.progress{height:10px;border-radius:var(--r-full);background:var(--surface-2);border:var(--bd-w) solid var(--bd-c);overflow:hidden}.progress>i{display:block;height:100%;border-radius:var(--r-full);background:var(--accent);transition:width .6s var(--ease)}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.topbar .meta{font-size:var(--t-meta);font-weight:700;color:var(--muted)}.topbar .counter{font-weight:800;font-size:var(--t-meta);padding:5px 12px;border-radius:var(--r-btn);background:var(--amber);border:2px solid var(--border);color:var(--text);font-variant-numeric:tabular-nums}.card{border-radius:var(--r-lg);padding:22px}.qtext{font-family:var(--font-display);font-size:var(--t-title);font-weight:700;margin:4px 0 20px;letter-spacing:-.4px;line-height:1.28;color:var(--text)}.speak-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:20px}.speak-row .qtext{flex:1;margin:0}.speak-row.center{flex-direction:column;align-items:center;gap:12px;margin:14px 0 22px}.speak-row.center .vocab-word{flex:none;margin:0;max-width:100%}.speak-btn{flex:none;width:40px;height:40px;border-radius:50%;border:var(--bd-w) solid var(--bd-c);display:grid;place-items:center;background:#fff;color:var(--accent);cursor:pointer;box-shadow:var(--e0);transition:transform .15s var(--ease),border-color .15s var(--ease),box-shadow .15s var(--ease)}.speak-btn:hover{transform:translate(-1px,-1px);border-color:var(--hair-hover);box-shadow:var(--e0-hover)}.speak-btn:active{transform:translate(0) scale(.94);box-shadow:var(--e0)}.options{display:flex;flex-direction:column;gap:12px}.option{display:flex;align-items:center;gap:14px;text-align:left;width:100%;color:var(--text);border-radius:var(--r-md);padding:16px;font-size:var(--t-body);font-weight:600;font-family:inherit;cursor:pointer;transition:transform .15s var(--ease),background .15s ease,color .15s ease,border-color .15s var(--ease),box-shadow .15s var(--ease)}.option:hover{background:var(--surface-2);transform:translate(-2px,-2px);border-color:var(--hair-hover);box-shadow:var(--e0-hover)}.option:active{transform:translateY(0);box-shadow:var(--e0)}.option.correct:hover,.option.wrong:hover,.option.dim:hover{transform:none;cursor:default}.option.dim:hover{background:var(--surface);border-color:var(--hair);box-shadow:var(--e0)}.option .lt{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:var(--t-body);font-weight:800;background:var(--surface-2);color:var(--muted);border:var(--bd-w) solid var(--bd-c);transition:all .18s ease}.option.correct{background:var(--mint);border:2px solid var(--border);color:#fff}.option.correct .lt{background:#ffffff4d;color:#fff;border-color:#fff}.option.wrong{background:var(--bad);border:2px solid var(--border);color:#fff}.option.wrong .lt{background:#00000038;color:#fff;border-color:#fff}.option.dim{opacity:.45}.opt-speak{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:transparent;color:inherit;opacity:.55;border:1px solid currentColor;cursor:pointer;transition:opacity .15s ease,transform .15s var(--ease)}.opt-speak:hover{opacity:1;transform:scale(1.08)}.opt-speak:active{transform:scale(.94)}.answer-box{margin-top:18px;padding:18px 20px 20px;background:color-mix(in srgb,var(--mint) 8%,var(--surface));border:var(--bd-w) solid var(--bd-c);border-radius:var(--r-md);box-shadow:var(--e0);color:var(--text);text-align:center}.answer-tag{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:var(--r-btn);background:var(--mint);color:#fff;font-size:var(--t-micro);font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.answer-text{font-family:var(--font-display);font-size:var(--t-title);font-weight:700;letter-spacing:-.3px;line-height:1.3;overflow-wrap:anywhere}.explain{margin-top:14px;padding:14px 16px;border-radius:var(--r-md);background:var(--surface-2);border:var(--bd-w) solid var(--bd-c);font-size:var(--t-body);color:var(--muted);font-weight:500}.explain b{color:var(--accent-2)}.grade-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:11px}.grade{border:2px solid var(--border);border-radius:var(--r-md);padding:16px 6px;font-size:var(--t-body);font-weight:700;font-family:inherit;color:#fff;cursor:pointer;transition:transform .15s var(--ease),box-shadow .15s var(--ease);box-shadow:var(--e1);display:flex;flex-direction:column;align-items:center;gap:4px}.grade:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--border)}.grade:active{transform:translate(1px,1px);box-shadow:1px 1px 0 0 var(--border)}.grade .e{font-size:var(--t-title)}.grade .gsub{font-size:var(--t-micro);font-weight:600;opacity:.9}.grade.g1{background:var(--bad);box-shadow:var(--ec-bad)}.grade.g1:hover{box-shadow:7px 8px 0 0 var(--bad)}.grade.g1:active{box-shadow:1px 1px 0 0 var(--bad)}.grade.g2{background:var(--amber);color:#2a1e02;box-shadow:var(--ec-amber)}.grade.g2:hover{box-shadow:7px 8px 0 0 var(--amber)}.grade.g2:active{box-shadow:1px 1px 0 0 var(--amber)}.grade.g3{background:var(--mint);color:#fff;box-shadow:var(--ec-mint)}.grade.g3:hover{box-shadow:7px 8px 0 0 var(--mint)}.grade.g3:active{box-shadow:1px 1px 0 0 var(--mint)}.vocab-word{font-family:var(--font-display);font-size:var(--t-h2);font-weight:700;text-align:center;letter-spacing:-.5px;line-height:1.1;margin:14px 0 22px;color:var(--text);max-width:100%;overflow-wrap:anywhere}.spoiler{text-align:center;border-radius:var(--r-md);padding:22px 16px;cursor:pointer}.spoiler .reveal{transition:filter .3s ease}.spoiler.hidden .reveal{filter:blur(11px)}.spoiler .ru{font-size:var(--t-title);font-weight:800;color:var(--text)}.spoiler .note{font-size:var(--t-body);color:var(--muted);margin-top:8px;font-weight:500}.spoiler .tap{font-size:var(--t-meta);color:var(--muted);margin-top:12px;font-weight:600}.result{text-align:center;padding:32px 24px;border-radius:var(--r-lg)}.result .emoji{display:flex;justify-content:center;color:var(--accent);animation:pop .45s var(--spring)}.result .ttl{font-family:var(--font-display);font-size:var(--t-title);font-weight:700;margin-top:16px;letter-spacing:-.4px}.result .line{margin-top:6px;font-size:var(--t-body);color:var(--muted);font-weight:500}.ring{position:relative;display:inline-grid;place-items:center;margin:0 auto}.ring svg{display:block}.ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-pct{font-family:var(--font-display);font-size:var(--t-h2);font-weight:600;letter-spacing:-1px;font-variant-numeric:tabular-nums}.ring-sub{font-size:var(--t-meta);font-weight:700;color:var(--muted);margin-top:-2px;text-transform:lowercase}.stat-hero{display:flex;align-items:center;gap:18px}.stat-hero-side{flex:1;display:flex;flex-direction:column;gap:10px}.mini{display:flex;align-items:baseline;justify-content:space-between;padding:13px 15px;border-radius:var(--r-md)}.mini .v{font-family:var(--font-display);font-size:var(--t-title);font-weight:700;color:var(--accent-2);font-variant-numeric:tabular-nums}.mini .k{font-size:var(--t-meta);color:var(--muted);font-weight:600}.bar-row{margin:15px 0}.bar-row:first-child{margin-top:0}.bar-row .lab{display:flex;justify-content:space-between;font-size:var(--t-body);font-weight:700;margin-bottom:8px}.bar-row .lab .pc{color:var(--muted);font-weight:600}.history-item{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:var(--bd-w) solid var(--bd-c)}.history-item:last-child{border-bottom:none}.history-item .ic{font-size:var(--t-title)}.history-item .grow{flex:1}.history-item .sc{font-weight:700}.history-item .dt{font-size:var(--t-meta);color:var(--muted);font-weight:500}.spacer{height:14px}.center-col{display:flex;flex-direction:column;gap:12px}.muted{color:var(--muted)}.actionbar{margin-top:14px}.focus-close{display:none}.gate-back{position:fixed;top:16px;left:16px;z-index:60;display:inline-flex;align-items:center;gap:6px;padding:9px 16px 9px 12px;border:var(--bd-w) solid var(--bd-c);border-radius:var(--r-full);background:#fff;color:var(--text);font-family:inherit;font-size:var(--t-meta);font-weight:800;cursor:pointer;transition:transform .14s var(--ease),border-color .14s var(--ease)}.gate-back:hover{transform:translateY(-1px);border-color:var(--hair-hover)}.gate-back:active{transform:translateY(0) scale(.96)}.gate-app{padding-top:76px}.auth-card{max-width:440px;width:100%;margin:0 auto}.auth-title{font-family:var(--font-display);font-size:var(--t-title);font-weight:700;letter-spacing:-.5px;margin:0 0 4px}.auth-sub{margin:0 0 18px;font-size:var(--t-meta);font-weight:500;color:var(--muted)}.auth-tabs{display:flex;border:2px solid var(--border);border-radius:var(--r-full);overflow:hidden;margin-bottom:18px}.auth-tabs button{flex:1;padding:11px 8px;border:none;background:#fff;font-family:inherit;font-size:var(--t-meta);font-weight:800;color:var(--muted);cursor:pointer;transition:background .15s ease,color .15s ease}.auth-tabs button.active{background:var(--ink);color:#fff}.field{display:block;margin-bottom:14px}.field-label{display:inline-flex;align-items:center;gap:6px;font-size:var(--t-meta);font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin:0 2px 7px}.input{width:100%;border:var(--bd-w) solid var(--bd-c);border-radius:var(--r-md);padding:13px 15px;font-family:inherit;font-size:16px;font-weight:600;color:var(--text);background:#fff;transition:border-color .15s var(--ease)}.input::placeholder{color:#b9b6b0;font-weight:500}.input:focus{outline:none;border:1px solid var(--ink)}.field-hint{display:block;margin:6px 2px 0;font-size:var(--t-meta);font-weight:500;color:var(--muted)}.auth-err{margin:2px 0 14px;padding:11px 14px;border:1px solid color-mix(in srgb,var(--bad) 45%,transparent);border-radius:var(--r-sm);background:color-mix(in srgb,var(--bad) 12%,#fff);color:var(--bad);font-size:var(--t-body);font-weight:700}.auth-card .btn{margin-top:4px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}button.chip{cursor:pointer;font-family:inherit;transition:transform .14s var(--spring)}button.chip:active{transform:scale(.95)}.skeleton{background:linear-gradient(90deg,var(--sk1) 25%,var(--sk2) 37%,var(--sk1) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--r-md)}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.empty{text-align:center;padding:52px 20px;color:var(--muted)}.empty .e{display:grid;place-items:center;width:92px;height:92px;margin:0 auto 16px;border-radius:50%;background:var(--surface-2);border:var(--bd-w) solid var(--bd-c);color:var(--accent)}.fade-in{animation:fade .32s var(--ease)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.pop{animation:pop .4s var(--spring)}@media (prefers-reduced-motion: reduce){.skeleton,.stagger>*,.fade-in,.pop{animation:none}}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;background:#0a0a0a73;animation:fade .25s var(--ease)}.sheet{position:relative;width:100%;max-width:480px;background:var(--bg-2);border-radius:var(--r-lg) var(--r-lg) 0 0;padding:44px 24px calc(28px + env(safe-area-inset-bottom));border:2px solid var(--border);border-bottom:none;box-shadow:0 -8px 0 0 var(--border);animation:sheetUp .4s var(--spring) both}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{position:absolute;top:12px;left:50%;transform:translate(-50%);width:40px;height:4px;border-radius:var(--r-full);background:var(--border)}.badge-circle{width:116px;height:116px;border-radius:50%;background:var(--accent);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;margin:0 auto 26px;border:2px solid var(--border);box-shadow:var(--glow-coral);animation:pop .5s var(--spring) .1s both}.badge-num{font-family:var(--font-display);font-size:var(--t-num);font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.sheet-headline{font-family:var(--font-display);font-size:var(--t-h2);font-weight:600;letter-spacing:-.6px;text-align:center;margin:0 0 8px}.sheet-sub{font-size:var(--t-body);font-weight:600;color:var(--muted);text-align:center;margin:0 0 28px}.bottomnav{position:fixed;inset-inline:0;bottom:0;z-index:50;padding:8px 16px calc(12px + env(safe-area-inset-bottom));pointer-events:none}.bottomnav-inner{max-width:460px;margin:0 auto;display:flex;gap:2px;padding:8px;border-radius:var(--r-lg);pointer-events:auto;background:#fff;border:2px solid var(--border);box-shadow:var(--e1)}.navbtn{position:relative;z-index:0;flex:1;border:none;background:transparent;font-family:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 2px;border-radius:var(--r-md);color:var(--muted);transition:color .2s ease,transform .12s var(--spring)}.navbtn .nav-ic{display:grid;place-items:center}.navbtn .nav-l{font-size:var(--t-micro);font-weight:700;letter-spacing:-.2px}.navbtn.active{color:#fff}.navbtn.active:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-md);background:var(--ink);z-index:-1}.navbtn:active{transform:scale(.92)}.nav-brand{display:none}.lang-switch{position:fixed;top:14px;left:14px;z-index:45;display:inline-flex;border:2px solid var(--border);border-radius:var(--r-btn);overflow:hidden;background:#fff;box-shadow:3px 3px 0 0 var(--border)}.lang-switch button{border:none;background:transparent;padding:7px 12px;font-family:inherit;font-weight:800;font-size:var(--t-micro);letter-spacing:.3px;color:var(--muted);cursor:pointer;transition:background .15s ease,color .15s ease}.lang-switch button.active{background:var(--ink);color:#fff}@media (min-width: 900px){.bottomnav{top:0;bottom:0;left:0;right:auto;width:150px;padding:22px 0 22px 22px;display:flex;align-items:center}.bottomnav-inner{flex-direction:column;width:112px;max-width:none;margin:0;gap:6px;padding:14px 10px;border-radius:var(--r-lg)}.nav-brand{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:4px auto 12px;border-radius:var(--r-md);background:var(--accent);border:2px solid var(--border);box-shadow:var(--glow-coral)}.navbtn{padding:13px 4px;border-radius:var(--r-md)}.navbtn .nav-l{font-size:var(--t-micro)}.bottomnav-inner .lang-switch{position:static;flex-direction:column;width:100%;margin-top:8px;box-shadow:none}.bottomnav-inner .lang-switch button{padding:8px 4px}.app{max-width:720px;margin:0 0 0 max(172px,calc((100vw - 720px)/2));padding:24px 24px 40px}.tile{min-height:138px}body.focus .bottomnav{display:none}body.focus .app{max-width:640px;margin:0 auto;padding:clamp(40px,10vh,104px) 24px 132px;display:flex;flex-direction:column}body.focus .app>.center-col{margin:auto 0}.focus-close{display:none}body.focus .focus-close{display:grid;place-items:center;position:fixed;top:20px;left:20px;z-index:60;width:46px;height:46px;border-radius:var(--r-md);background:var(--surface);border:2px solid var(--border);box-shadow:var(--e1);color:var(--text);cursor:pointer;transition:transform .14s var(--ease),box-shadow .14s var(--ease)}body.focus .focus-close:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 0 var(--border)}body.focus .focus-close:active{transform:translate(1px,1px);box-shadow:1px 1px 0 0 var(--border)}.actionbar{position:fixed;left:0;right:0;bottom:0;z-index:40;margin-top:0;padding:16px 24px calc(16px + env(safe-area-inset-bottom));background:var(--surface);border-top:var(--bd-w) solid var(--bd-c);display:flex;justify-content:center}.actionbar>*{width:100%;max-width:592px;margin:0}}@media (min-width: 1200px){.app{max-width:820px;margin-left:max(172px,calc((100vw - 820px)/2))}body.focus .app{max-width:680px;margin:0 auto}.actionbar>*{max-width:632px}}.landing{position:relative;max-width:1140px;margin:0 auto;padding:0 22px calc(40px + env(safe-area-inset-bottom))}.lp-nav{display:flex;align-items:center;justify-content:space-between;padding:22px 2px}.lp-nav-right{display:flex;align-items:center;gap:10px}.lp-nav-right .lang-switch{position:static}.lp-brand{display:flex;align-items:center;gap:11px;font-family:var(--font-display);font-weight:700;font-size:var(--t-h3);letter-spacing:-.4px}.lp-logo{width:38px;height:38px;border-radius:var(--r-md);background:var(--accent);border:2px solid var(--border);display:grid;place-items:center;box-shadow:var(--glow-coral)}.lp-hero{padding:clamp(30px,6vw,64px) 0 clamp(28px,5vw,48px);background-image:radial-gradient(circle,color-mix(in srgb,var(--ink) 9%,transparent) 1.4px,transparent 1.4px);background-size:26px 26px}.lp-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,64px);align-items:center;text-align:left}.lp-hero-copy .lp-cta{justify-content:flex-start}.lp-hero-copy p{margin-left:0}@media (max-width: 900px){.lp-hero-grid{grid-template-columns:1fr;text-align:center}.lp-hero-copy .lp-cta{justify-content:center}.lp-hero-copy p{margin:22px auto 0}}.lp-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 15px;border-radius:var(--r-full);background:#fff;border:2px solid var(--border);font-size:var(--t-meta);font-weight:700;color:var(--muted);margin-bottom:26px;box-shadow:3px 3px 0 0 var(--border)}.lp-pill b{color:var(--accent-2)}.lp-pill--sticker{padding:5px 16px 5px 5px;gap:10px;align-items:center;box-shadow:3px 3px 0 0 var(--border)}.lp-pill-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:var(--r-full);background:var(--ink);color:#fff;font-family:var(--font-display);font-size:var(--t-micro);font-weight:800;letter-spacing:1.6px;line-height:1}.lp-pill-tag svg{color:var(--amber)}.lp-pill-text{display:inline-flex;align-items:center;gap:5px;font-size:var(--t-meta);font-weight:700;color:var(--text)}.lp-pill-text b{color:var(--accent-2)}.lp-hero h1{font-family:var(--font-display);font-size:var(--t-hero);font-weight:600;letter-spacing:-1.2px;line-height:1.05;margin:0;color:var(--text)}.lp-hero p{max-width:600px;margin:22px auto 0;font-size:var(--t-lead);font-weight:500;color:var(--text-body);line-height:1.55}.lp-cta{display:inline-flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:34px}.lp-btn{border:2px solid var(--border);border-radius:var(--r-btn);padding:15px 28px;font-family:inherit;font-size:var(--t-body);font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:9px;transition:transform .15s var(--ease),box-shadow .15s var(--ease)}.lp-btn:hover{transform:translate(-2px,-3px);box-shadow:7px 8px 0 0 var(--border)}.lp-btn:active{transform:translate(1px,1px);box-shadow:2px 2px 0 0 var(--border)}.lp-btn.primary{background:var(--ink);color:#fff;box-shadow:var(--ec-accent)}.lp-btn.primary:hover{box-shadow:var(--ec-accent-lg)}.lp-btn.primary:active{box-shadow:2px 2px 0 0 var(--accent)}.lp-btn.ghost{background:#fff;color:var(--text);border:var(--bd-w) solid var(--bd-c);box-shadow:var(--e0)}.lp-btn.ghost:hover{box-shadow:var(--e0-hover);border-color:var(--hair-hover);transform:translate(-2px,-2px)}.lp-btn.ghost:active{box-shadow:var(--e0);transform:translate(0)}.lp-demo-label{margin:clamp(40px,6vw,64px) 0 14px;font-size:var(--t-meta);font-weight:800;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted);text-align:center}.lp-demo{position:relative;margin:0 auto;max-width:460px;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid var(--border);box-shadow:var(--e1);transition:box-shadow .18s var(--ease);will-change:transform}.lp-demo:hover{box-shadow:var(--e2)}.lp-demo .hero-badge{top:-18px;right:-14px;width:50px;height:50px}.lp-glare{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .25s var(--ease);mix-blend-mode:soft-light}.lp-demo:hover .lp-glare{opacity:1}.lp-demo-wrap{position:relative;perspective:1100px}.lp-float{position:absolute;display:inline-flex;align-items:center;gap:6px;padding:9px 15px;border-radius:var(--r-full);background:var(--surface);border:2px solid var(--border);box-shadow:4px 4px 0 0 var(--border);font-family:var(--font-display);font-size:var(--t-meta);font-weight:800;pointer-events:none}.lp-float.f1{top:6px;left:-14px;color:var(--coral);background:color-mix(in srgb,var(--coral) 12%,#fff)}.lp-float.f2{bottom:-12px;right:-8px;color:var(--good);background:color-mix(in srgb,var(--mint) 14%,#fff)}.lp-float.f3{top:46%;right:-26px;color:var(--blue);background:color-mix(in srgb,var(--blue) 12%,#fff)}@media (max-width: 900px){.lp-float.f3{display:none}.lp-float.f1{left:2px}.lp-float.f2{right:2px}}.lp-marquee{margin:clamp(40px,7vw,72px) -22px 0;transform:rotate(-1.4deg);background:var(--ink);border-top:2px solid var(--border);border-bottom:2px solid var(--border);overflow:hidden;padding:13px 0}.lp-marquee-track{display:inline-flex;white-space:nowrap;animation:lp-scroll 28s linear infinite}.lp-marquee-seg{display:inline-flex}.lp-marquee-item{display:inline-flex;align-items:center;gap:12px;margin-right:44px;color:#fff;font-family:var(--font-display);font-size:var(--t-meta);font-weight:700;letter-spacing:2.5px}.lp-marquee-item svg{color:var(--amber);flex:none}@keyframes lp-scroll{to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.lp-marquee-track{animation:none}}.lp-steps-h{font-family:var(--font-display);font-size:var(--t-h2);font-weight:600;letter-spacing:-.9px;margin:clamp(56px,10vw,104px) 0 26px;color:var(--text)}.lp-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.lp-step{border-radius:var(--r-lg);padding:26px;background:var(--surface);border:var(--bd-w) solid var(--bd-c);box-shadow:var(--e0);transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease)}.lp-step:hover{transform:translate(-2px,-3px);border-color:var(--hair-hover);box-shadow:var(--e0-hover)}.lp-step .num{width:40px;height:40px;border-radius:var(--r-md);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:var(--t-h3);color:var(--text);border:2px solid var(--border);margin-bottom:18px}.lp-step.s1 .num{background:var(--mint);color:#fff}.lp-step.s2 .num{background:var(--amber)}.lp-step.s3 .num{background:var(--blue);color:#fff}.lp-step.s1{background:color-mix(in srgb,var(--mint) 9%,var(--surface))}.lp-step.s2{background:color-mix(in srgb,var(--amber) 12%,var(--surface))}.lp-step.s3{background:color-mix(in srgb,var(--blue) 9%,var(--surface))}.lp-step h3{font-family:var(--font-display);font-size:var(--t-h3);font-weight:700;margin:0 0 8px;letter-spacing:-.4px}.lp-step p{margin:0;font-size:var(--t-body);color:var(--text-body);font-weight:500;line-height:1.55}.lp-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:clamp(20px,3vw,30px)}@media (max-width: 900px){.lp-features{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.lp-features{grid-template-columns:1fr}}.lp-feature{border-radius:var(--r-lg);padding:26px;background:color-mix(in srgb,var(--c, var(--accent)) 9%,var(--surface));border:var(--bd-w) solid var(--bd-c);box-shadow:var(--e0);position:relative;overflow:hidden;transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease)}.lp-feature:hover{transform:translate(-2px,-3px);border-color:var(--hair-hover);box-shadow:var(--e0-hover)}.lp-feature .ic{width:52px;height:52px;border-radius:var(--r-md);display:grid;place-items:center;background:color-mix(in srgb,var(--c, var(--accent)) 20%,transparent);border:1px solid color-mix(in srgb,var(--c, var(--accent)) 45%,transparent);color:var(--c, var(--accent));margin-bottom:16px}.lp-feature h3{font-family:var(--font-display);font-size:var(--t-h3);font-weight:700;margin:0 0 6px;letter-spacing:-.3px;color:var(--text)}.lp-feature p{margin:0;font-size:var(--t-body);color:var(--text-body);font-weight:500;line-height:1.55}.lp-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(40px,7vw,72px);text-align:center;background:var(--ink);background-image:radial-gradient(circle,rgba(255,255,255,.07) 1.4px,transparent 1.4px);background-size:22px 22px;border:2px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--ec-accent-lg);padding:clamp(26px,4vw,44px) clamp(10px,2vw,24px)}.lp-stat{padding:2px 12px}.lp-stat .n{font-family:var(--font-display);font-size:clamp(32px,5.6vw,54px);font-weight:700;letter-spacing:-1.5px;line-height:1.1;font-variant-numeric:tabular-nums}.lp-stat .l{font-size:var(--t-micro);font-weight:700;text-transform:uppercase;letter-spacing:1.3px;color:#fff9;margin-top:7px}@media (min-width: 701px){.lp-stat+.lp-stat{border-left:1px solid rgba(255,255,255,.16)}}@media (max-width: 700px){.lp-stats{grid-template-columns:repeat(2,1fr);row-gap:26px}}.lp-foot{margin-top:clamp(56px,10vw,100px);text-align:center;border-radius:var(--r-lg);padding:clamp(40px,7vw,68px) 24px;background:var(--amber);border:2px solid var(--border);box-shadow:var(--ec-accent-lg);position:relative;overflow:hidden}.lp-foot h2{font-family:var(--font-display);font-size:var(--t-h2);font-weight:600;letter-spacing:-.9px;margin:0 0 22px;color:var(--text)}.lp-foot .lp-btn.primary{background:var(--ink);color:#fff;box-shadow:var(--ec-accent)}.lp-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:clamp(36px,6vw,56px);padding-top:26px;border-top:var(--bd-w) solid var(--bd-c)}.lp-footer .lp-logo{width:32px;height:32px;border-radius:var(--r-sm)}.lp-footer .lp-brand{font-size:var(--t-body)}.lp-footer-note{font-size:var(--t-meta);font-weight:600;color:var(--muted)}.lp-step,.lp-feature{transition:border-color .18s var(--ease)}.lp-rule{margin:clamp(48px,8vw,92px) auto 0;max-width:360px;color:var(--ink);opacity:.55}.lp-quote{position:relative;margin:clamp(30px,5vw,52px) auto 0;max-width:900px;text-align:center;padding:0 10px}.lp-quote-mark{display:block;font-family:Georgia,Times New Roman,serif;font-size:clamp(80px,14vw,150px);line-height:.7;color:var(--accent);height:.5em}.lp-quote-text{white-space:pre-line;font-family:var(--font-display);font-size:var(--t-h2);font-weight:600;letter-spacing:-.9px;line-height:1.12;margin:0;color:var(--text)}.lp-quote-sub{margin:18px 0 0;font-size:var(--t-body);font-weight:600;color:var(--muted)}.lp-faq{margin:clamp(30px,5vw,52px) auto 0;max-width:760px}.lp-faq-h{font-family:var(--font-display);font-size:var(--t-h2);font-weight:600;letter-spacing:-.9px;margin:0 0 22px}.lp-faq-item{border:var(--bd-w) solid var(--bd-c);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--e0);margin-bottom:12px;overflow:hidden;transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}.lp-faq-item:hover,.lp-faq-item[open]{border-color:var(--hair-hover)}.lp-faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;font-family:var(--font-display);font-size:var(--t-h3);font-weight:700;color:var(--text)}.lp-faq-item summary::-webkit-details-marker{display:none}.lp-faq-plus{flex:none;width:28px;height:28px;display:grid;place-items:center;border:2px solid var(--border);border-radius:var(--r-sm);background:var(--amber);font-size:var(--t-h3);font-weight:800;line-height:1;transition:transform .25s var(--ease)}.lp-faq-item[open] .lp-faq-plus{transform:rotate(45deg)}.lp-faq-item p{margin:0;padding:0 20px 20px;font-size:var(--t-body);font-weight:500;line-height:1.55;color:var(--text-body)}.lp-btn svg{transition:transform .18s var(--ease)}.lp-btn:hover svg{transform:translate(4px)}.lp-feature .ic,.lp-step .num{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.lp-feature:hover .ic{transform:scale(1.12) rotate(-6deg)}.lp-step:hover .num{transform:scale(1.12) rotate(8deg)}.lp-demo .hero-badge{transition:transform .3s var(--ease)}.lp-demo:hover .hero-badge{transform:rotate(14deg) scale(1.07)}.lp-marquee:hover .lp-marquee-track{animation-play-state:paused}@media (prefers-reduced-motion: no-preference){.lp-float{animation:lp-bob 3.6s ease-in-out infinite}.lp-float.f2{animation-duration:4.4s;animation-delay:-1.6s}.lp-float.f3{animation-duration:3.9s;animation-delay:-2.4s}@keyframes lp-bob{0%,to{translate:0 0}50%{translate:0 -7px}}}@media (min-width: 900px){[data-theme=brut] .bottomnav-inner{padding:0;border-width:2px;border-radius:var(--r-lg);box-shadow:none;overflow:hidden;gap:0}[data-theme=brut] .nav-brand{width:100%;height:auto;margin:0;padding:18px 0;border:none;border-bottom:2px solid var(--border);border-radius:0;box-shadow:none;background:transparent;color:var(--ink)}[data-theme=brut] .navbtn{flex-direction:row;justify-content:flex-start;gap:14px;padding:13px 18px;border-radius:0}[data-theme=brut] .navbtn .nav-l{font-size:14px;letter-spacing:0}[data-theme=brut] .navbtn.active{color:#fff}[data-theme=brut] .navbtn.active:before{border-radius:0;background:var(--accent)}[data-theme=brut] .bottomnav-inner .lang-switch,[data-theme=brut] .bottomnav-inner .theme-switch{margin:0;border-top:2px solid var(--border);border-radius:0}}[data-theme=brut] .tile .tile-ic{background:var(--amber);border-width:2px;color:var(--ink)}[data-theme=brut] .tile.feature .tile-ic{background:transparent;border-color:var(--border);color:#fff}[data-theme=brut] .tile.feature.warm .tile-ic{color:var(--ink)}[data-theme=brut] .tile:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 0 var(--border)}[data-theme=brut] .tile:active{transform:translate(1px,1px);box-shadow:3px 3px 0 0 var(--border)}[data-theme=brut] .chip,[data-theme=brut] .lang-switch,[data-theme=brut] .theme-switch,[data-theme=brut] .auth-tabs,[data-theme=brut] .topbar .counter,[data-theme=brut] .answer-tag,[data-theme=brut] .gate-back{border-radius:var(--r-btn)}[data-theme=brut] .progress,[data-theme=brut] .progress>i{border-radius:0}[data-theme=brut] .progress{border-width:2px;height:14px}[data-theme=brut] .hero h1,[data-theme=brut] .qtext,[data-theme=brut] .vocab-word,[data-theme=brut] .result .ttl,[data-theme=brut] .auth-title,[data-theme=brut] .sheet-headline{font-weight:800;letter-spacing:-.03em}[data-theme=brut] .section-label{letter-spacing:.09em}.theme-switch{display:inline-flex;border:var(--bd-w) solid var(--bd-c);border-radius:var(--r-full);overflow:hidden;background:var(--surface)}.theme-switch button{display:grid;place-items:center;border:none;background:transparent;padding:7px 11px;color:var(--muted);cursor:pointer;transition:background .15s ease,color .15s ease}.theme-switch button.active{background:var(--ink);color:#fff}@media (min-width: 900px){.bottomnav-inner .theme-switch{width:100%;justify-content:center;margin-top:6px}}@media (min-width: 900px){[data-theme=brut] .bottomnav{width:236px;padding:22px 0 22px 22px}[data-theme=brut] .bottomnav-inner{width:196px}[data-theme=brut] .app{margin-left:max(258px,calc((100vw - 720px)/2))}[data-theme=brut] .navbtn .nav-l{white-space:nowrap}}@media (min-width: 1200px){[data-theme=brut] .app{margin-left:max(258px,calc((100vw - 820px)/2))}}[data-theme=brut] .hero-badge{transform:none;background:var(--amber)}[data-theme=brut] .highlight{background:transparent;color:var(--ink);border:none;box-shadow:none;padding:0;border-radius:0}[data-theme=brut] .tile:not(.feature):not(.span2){display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:18px;row-gap:2px;min-height:0;padding:20px 22px}[data-theme=brut] .tile:not(.feature):not(.span2) .tile-ic{grid-row:1 / span 2;width:54px;height:54px}[data-theme=brut] .tile:not(.feature):not(.span2) .tile-ic svg{width:24px;height:24px}[data-theme=brut] .tile:not(.feature):not(.span2) .tile-t{grid-column:2;align-self:end;font-size:21px;font-weight:800;letter-spacing:-.025em}[data-theme=brut] .tile:not(.feature):not(.span2) .tile-d{grid-column:2;align-self:start}[data-theme=brut] .chip{border-width:2px;padding:10px 16px;font-size:14px;background:var(--surface)}[data-theme=brut] .hero{overflow:hidden}[data-theme=brut] .hero>*{position:relative;z-index:1}[data-theme=brut] .hero:before{content:"";position:absolute;right:132px;top:34px;width:132px;height:132px;background:var(--amber);z-index:0}[data-theme=brut] .hero:after{content:"";position:absolute;right:26px;top:-18px;width:210px;height:260px;z-index:0;background-repeat:no-repeat;background-size:contain;background-position:top right;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 300' fill='none' stroke='%232b2b2b' stroke-width='2.1'%3E%3Crect x='26' y='8' width='188' height='16' fill='%23fff'/%3E%3Crect x='34' y='24' width='172' height='12' fill='%23fdfdfd'/%3E%3Cpath d='M40 36h160v14H40z' fill='%23fff'/%3E%3Cpath d='M36 50h168c-6 10-14 16-24 18H60c-10-2-18-8-24-18z' fill='%23fafafa'/%3E%3Ccircle cx='66' cy='86' r='30' fill='%23fff'/%3E%3Ccircle cx='66' cy='86' r='21' fill='%23f7f7f7'/%3E%3Ccircle cx='66' cy='86' r='12' fill='%23fff'/%3E%3Ccircle cx='66' cy='86' r='5' fill='%23e9e9e9'/%3E%3Ccircle cx='174' cy='86' r='30' fill='%23fff'/%3E%3Ccircle cx='174' cy='86' r='21' fill='%23f7f7f7'/%3E%3Ccircle cx='174' cy='86' r='12' fill='%23fff'/%3E%3Ccircle cx='174' cy='86' r='5' fill='%23e9e9e9'/%3E%3Cpath d='M96 68h48c4 12 4 26 0 38H96c-4-12-4-26 0-38z' fill='%23fff'/%3E%3Cpath d='M104 74c8 4 24 4 32 0M104 82c8 4 24 4 32 0M104 90c8 4 24 4 32 0M104 98c8 4 24 4 32 0'/%3E%3Cpath d='M78 118h84l-6 14H84z' fill='%23fbfbfb'/%3E%3Cpath d='M86 132h68v168H86z' fill='%23fff'/%3E%3Cpath d='M96 132v168M110 132v168M124 132v168M138 132v168M148 132v168'/%3E%3C/svg%3E")}[data-theme=brut] .hero-badge{display:none}@media (max-width: 1150px){[data-theme=brut] .hero:before,[data-theme=brut] .hero:after{display:none}[data-theme=brut] .hero-badge{display:grid}}[data-theme=brut] .option.correct,[data-theme=brut] .grade.g3,[data-theme=brut] .btn.good,[data-theme=brut] .answer-tag{color:var(--ink)}[data-theme=brut] .option.correct .lt{background:#11111029;color:var(--ink);border-color:var(--ink)}@media (max-width: 899px){.theme-switch{position:fixed;top:14px;left:105px;z-index:45;box-shadow:3px 3px 0 0 var(--border)}[data-theme=brut] .theme-switch{box-shadow:4px 4px 0 0 var(--border)}}[data-theme=brut] .grade.g2{background:var(--surface);color:var(--ink)}