@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-latin.woff2)format("woff2");font-weight:500 700;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2000-206F,U+20AC,U+2212,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-latin-ext.woff2)format("woff2");font-weight:500 700;font-display:swap;unicode-range:U+100-2BA,U+1E00-1E9F,U+1EF2-1EFF,U+20A0-20C0}:root{--bg:#0a0d16;--surface:#141927;--surface-2:#1b2233;--border:#ffffff24;--border-strong:#ffffff3d;--text:#eef1f8;--text-dim:#8b95ad;--good:#2ee06e;--good-ink:#08130b;--bad:#ff4d5e;--bad-ink:#1a0508;--danger:#f43f5e;--warn:#f59e0b;--hue-culture:#8b7cff;--hue-manga:#ff6b9d;--hue-route:#ffb020;--hue-panneaux:#2dd4a7;--hue-cinema:#4cc2ff;--accent:#d8ff3d;--accent-ink:#10140a;--accent-soft:#e9ff8a;--accent-tint:#d8ff3d21;--accent-glow:#d8ff3d3d;--radius-xs:8px;--radius-sm:14px;--radius-md:18px;--radius-lg:24px;--radius:var(--radius-md);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--fs-xs:clamp(.74rem, .7rem + .2vw, .8rem);--fs-sm:clamp(.84rem, .8rem + .2vw, .9rem);--fs-md:clamp(.96rem, .92rem + .25vw, 1.04rem);--fs-lg:clamp(1.12rem, 1.02rem + .5vw, 1.3rem);--fs-xl:clamp(1.36rem, 1.2rem + .9vw, 1.7rem);--fs-display:clamp(1.9rem, 1.55rem + 1.8vw, 2.6rem);--tap:44px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--ease:cubic-bezier(.4, 0, .2, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--font-display:"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}:root[data-theme=crimson]{--accent:#ff4155;--accent-ink:#1c0609;--accent-soft:#ff8391;--accent-tint:#ff415524;--accent-glow:#ff41554d}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100%;margin:0}html{-webkit-text-size-adjust:100%}body{background:radial-gradient(120% 55% at 50% -8%, var(--accent-tint) 0%, transparent 55%), var(--bg);color:var(--text);font-size:var(--fs-md)}body.modal-open{overflow:hidden}.app{max-width:560px;padding:calc(20px + var(--safe-top)) calc(18px + var(--safe-right)) calc(48px + var(--safe-bottom)) calc(18px + var(--safe-left));min-height:100dvh;margin:0 auto;position:relative}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.topbar-controls{top:calc(14px + var(--safe-top));right:calc(14px + var(--safe-right));z-index:50;align-items:center;gap:var(--space-2);display:flex;position:absolute}.sound-toggle,.theme-toggle,.lang-toggle,.premium-toggle{height:var(--tap);min-width:var(--tap);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);cursor:pointer;transition:transform .2s var(--ease), background .2s var(--ease);background:#141927c7;border-radius:999px}.sound-toggle,.theme-toggle,.premium-toggle{width:var(--tap);color:var(--text-dim);place-items:center;display:grid}.theme-toggle{color:var(--accent)}.premium-toggle{color:var(--warn);font-size:1.1rem}.lang-toggle{color:var(--text);align-items:center;gap:5px;padding:0 12px;font-size:18px;font-weight:700;display:flex}.lang-caret{color:var(--text-dim);transition:transform .2s var(--ease);place-items:center;display:grid}.lang-caret.up{transform:rotate(180deg)}.sound-toggle:active,.theme-toggle:active,.lang-toggle:active,.premium-toggle:active{transform:scale(.94)}@media (width<=359px){.topbar-controls{gap:6px}.lang-toggle{padding:0 9px}}.lang-select{position:relative}.lang-menu{border:1px solid var(--border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(14px);transform-origin:100% 0;min-width:190px;animation:lang-pop .16s var(--ease);background:#121725f5;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 40px #00000080}.lang-item{width:100%;min-height:var(--tap);color:var(--text);font-size:var(--fs-md);cursor:pointer;transition:background .15s var(--ease);background:0 0;border:none;border-radius:11px;align-items:center;gap:12px;padding:8px 12px;font-weight:600;display:flex}.lang-item.active,.lang-item[aria-selected=true]{background:var(--accent-tint)}.lang-item .lang-flag{font-size:1.25rem}.lang-name{text-align:left;flex:1}.lang-check{color:var(--accent-soft);place-items:center;display:grid}@keyframes lang-pop{0%{opacity:0;transform:scale(.94)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.home{animation:fade-up .5s var(--ease)}.home-head{text-align:left;align-items:center;gap:13px;margin:14px 0 22px;display:flex}@media (width<=420px){.home-head{padding-top:40px}}.q-mark{background:var(--accent);color:var(--accent-ink);font-family:var(--font-display);box-shadow:0 6px 24px -6px var(--accent-glow);border-radius:14px;flex:none;place-items:center;font-weight:700;line-height:1;display:grid}.logo{font-family:var(--font-display);font-size:var(--fs-display);letter-spacing:-.5px;color:var(--text);margin:0;font-weight:700;line-height:1.05}.home-title{font-size:var(--fs-sm);color:var(--text-dim);margin:3px 0 0;font-weight:600}.home-tagline{font-size:var(--fs-sm);color:var(--text-dim);margin:-10px 0 22px;line-height:1.45}.selectors{flex-direction:column;gap:18px;margin-bottom:26px;display:flex}.field{gap:var(--space-2);flex-direction:column;display:flex}.field-label{font-size:var(--fs-xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px;font-weight:600}.field-help{font-size:var(--fs-sm);color:var(--text-dim);text-align:center;margin:2px 2px 0;line-height:1.4}.seg{grid-template-columns:repeat(var(--count), 1fr);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px;display:grid;position:relative}.seg-thumb{width:calc((100% - 8px) / var(--count));background:var(--accent);box-shadow:0 4px 16px var(--accent-glow);transition:transform .32s var(--spring), background .3s var(--ease);border-radius:10px;position:absolute;top:4px;bottom:4px;left:4px}.seg-opt{z-index:1;min-height:var(--tap);color:var(--text-dim);font-size:var(--fs-md);cursor:pointer;transition:color .3s var(--ease);background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:8px;font-weight:650;display:flex;position:relative}.seg-opt.active,.seg-opt[aria-checked=true]{color:var(--accent-ink)}.categories,.cat-list{flex-direction:column;gap:10px;display:flex}.cat-card{width:100%;min-height:var(--tap);text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;transition:transform .18s var(--spring), border-color .2s var(--ease), background .2s var(--ease);align-items:center;gap:14px;padding:14px 16px;display:flex}.cat-card:active{transform:scale(.97)}.cat-ic{width:46px;height:46px;color:var(--cat,var(--accent));background:color-mix(in srgb, var(--cat,var(--accent)) 15%, transparent);border-radius:14px;flex:none;place-items:center;display:grid}.cat-tx{flex:1;min-width:0}.cat-label{font-size:var(--fs-md);font-weight:650;line-height:1.2;display:block}.cat-count{font-size:var(--fs-xs);color:var(--text-dim);margin-top:2px;display:block}.cat-go{color:var(--text-dim);transition:transform .2s var(--spring), color .2s var(--ease);flex:none}.hero-card{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);cursor:pointer;transition:transform .18s var(--spring), border-color .2s var(--ease);padding:16px;display:block;position:relative;overflow:hidden}.hero-card:after{content:"";pointer-events:none;background:radial-gradient(90% 130% at 100% 0%, var(--accent-tint) 0%, transparent 55%);position:absolute;inset:0}.hero-card:active{transform:scale(.97)}.hero-badge{z-index:1;letter-spacing:1px;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);border-radius:999px;margin-bottom:10px;padding:3px 9px;font-size:.68rem;font-weight:700;display:inline-block;position:relative}.hero-row{z-index:1;align-items:center;gap:14px;display:flex;position:relative}.hero-row .cat-ic{border-radius:16px;width:52px;height:52px}.hero-name{font-size:var(--fs-lg);font-weight:700;display:block}.hero-sub{font-size:var(--fs-sm);color:var(--text-dim);margin-top:2px;display:block}.quiz{min-height:calc(100vh - 68px);min-height:calc(100dvh - 68px - var(--safe-top) - var(--safe-bottom));animation:fade-up .4s var(--ease);flex-direction:column;display:flex}.quiz-topbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding-right:60px;display:flex}.btn-ghost{min-height:var(--tap);border-radius:var(--radius-xs);color:var(--text-dim);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-left:-10px;padding:8px 10px;font-weight:600;display:inline-flex}.quiz-progress{font-size:var(--fs-sm);color:var(--text-dim);font-weight:600}.quiz-score{font-size:var(--fs-sm);color:var(--warn);font-weight:700}.progress-track,.timer-track{background:var(--surface-2);border-radius:999px;height:8px;overflow:hidden}.progress-fill{width:100%;height:100%;transform:scaleX(var(--fill,1));transform-origin:0;background:var(--accent);box-shadow:0 0 12px var(--accent-glow);transition:transform .45s var(--spring), width .45s var(--spring);border-radius:999px}.timer-fill{transform-origin:0;width:100%;height:100%;transition:background .3s var(--ease);background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:999px;animation:linear forwards drain}.timer-fill[style*=width]{animation:none}.timer-fill.urgent{background:linear-gradient(90deg,#ef4444,#f97316)}@keyframes drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.timer-value{text-align:right;font-size:var(--fs-xs);color:var(--text-dim);font-variant-numeric:tabular-nums;margin:6px 2px 0;font-weight:700}.timer-value.urgent{color:var(--bad)}.quiz-body{flex:1 0 auto;margin-top:20px}.quiz-cat,.hero-cat{font-size:var(--fs-xs);color:var(--cat,var(--accent));background:color-mix(in srgb, var(--cat,var(--accent)) 12%, transparent);border-radius:999px;align-items:center;gap:7px;padding:5px 11px;font-weight:650;display:inline-flex}.quiz-question{font-family:var(--font-display);font-size:var(--fs-xl);letter-spacing:-.2px;margin:12px 0 22px;font-weight:700;line-height:1.3}.options{gap:var(--space-3);flex-direction:column;display:flex}.option{width:100%;min-height:var(--tap);text-align:left;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:var(--fs-md);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:transform .15s var(--ease), border-color .2s var(--ease), background .2s var(--ease);align-items:center;gap:14px;padding:16px;font-weight:500;display:flex}.option:not(:disabled):active{transform:scale(.985)}.option.chosen{border-color:var(--accent);background:var(--accent-tint)}.option.correct{border-color:var(--good);background:color-mix(in srgb, var(--good) 10%, var(--surface));animation:opt-pop .4s var(--spring)}.option.wrong{border-color:var(--bad);background:color-mix(in srgb, var(--bad) 10%, var(--surface));animation:opt-shake .35s var(--ease)}.option.dim{opacity:.45}.option:disabled{cursor:default}@keyframes opt-pop{0%{transform:scale(1)}45%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes opt-shake{0%,to{transform:none}25%{transform:translate(-7px)}60%{transform:translate(6px)}}.option-letter{border-radius:var(--radius-xs);background:var(--surface-2);width:30px;height:30px;font-size:var(--fs-sm);color:var(--text-dim);flex-shrink:0;place-items:center;font-weight:700;display:grid}.option-text{flex:1;min-width:0}.option .sign-image{flex:none;width:64px}.option.chosen .option-letter{background:var(--accent);color:var(--accent-ink)}.option.correct .option-letter{background:var(--good);color:var(--good-ink)}.option.wrong .option-letter{background:var(--bad);color:var(--bad-ink)}.feedback{border-radius:var(--radius-sm);animation:fade-up .3s var(--ease);border:1px solid var(--border);margin-top:18px;padding:14px 16px}.feedback.good{background:#22c55e1f;border-color:#22c55e66}.feedback.bad{background:#ef44441f;border-color:#ef444466}.feedback p{color:var(--text-dim);font-size:var(--fs-sm);margin:6px 0 0;line-height:1.45}.suspense{text-align:center;color:var(--accent-soft);animation:pulse 1s var(--ease) infinite;margin-top:22px;font-weight:600}.quiz-actions{z-index:5;padding:14px 0 calc(8px + var(--safe-bottom));background:linear-gradient(to top, var(--bg) 72%, transparent);margin-top:auto;position:sticky;bottom:0}.btn{width:100%;min-height:var(--tap);border-radius:var(--radius-sm);font-size:var(--fs-md);cursor:pointer;transition:transform .15s var(--ease), opacity .2s var(--ease), box-shadow .2s var(--ease);border:none;padding:15px 16px;font-weight:700}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 10px 30px -10px var(--accent-glow)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--surface-2);color:var(--text);border:1.5px solid var(--border)}.btn-secondary:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.step-hint{text-align:center;font-size:var(--fs-sm);color:var(--accent-soft);opacity:.95;margin:16px 0 0;font-weight:600}.result-actions{flex-direction:column;gap:10px;display:flex}.result-hero{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;color:var(--text);animation:pop-in .5s var(--spring);margin-bottom:18px;padding:22px 18px 24px}.score-ring{background:conic-gradient(var(--accent) calc(var(--p,0) * 1%), var(--surface-2) 0);border-radius:50%;place-items:center;width:168px;height:168px;margin:18px auto 4px;display:grid;position:relative}.score-ring:before{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:10px}.score-ring:after{content:"";box-shadow:0 0 55px -10px var(--accent-glow);pointer-events:none;border-radius:50%;animation:2.4s ease-in-out infinite alternate ring-glow;position:absolute;inset:0}@keyframes ring-glow{0%{opacity:.35}to{opacity:1}}.hero-score{z-index:1;font-family:var(--font-display);letter-spacing:-1px;font-variant-numeric:tabular-nums;font-size:3rem;font-weight:700;line-height:1;position:relative}.hero-score-total{color:var(--text-dim);margin-left:2px;font-size:1.25rem;font-weight:600}.hero-personality{font-family:var(--font-display);font-size:var(--fs-lg);margin-top:12px;font-weight:700}.hero-title{font-family:var(--font-display);font-size:var(--fs-xl);margin-bottom:4px;font-weight:700}.hero-round{font-size:var(--fs-sm);color:var(--text-dim);margin-top:8px;font-weight:650;display:block}.stat-tiles{justify-content:center;gap:10px;margin:4px 0 18px;display:flex}.stat-tiles div{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;flex:1;max-width:132px;padding:10px 8px}.stat-tiles b{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:700;display:block}.stat-tiles span{letter-spacing:.6px;text-transform:uppercase;color:var(--text-dim);margin-top:2px;font-size:.64rem;font-weight:650;display:block}.result-quote{text-align:center;max-width:32ch;margin:4px auto 12px;font-style:italic;font-weight:600;line-height:1.4}.result-quote.genius{color:#fbbf24}.result-quote.good{color:var(--accent)}.result-quote.bad{color:var(--text-dim)}.versus{grid-template-columns:1fr 1fr;gap:18px;margin:8px 0 24px;display:grid}.vs-player{border-radius:var(--radius-sm);background:var(--surface-2);border:1.5px solid var(--border);transition:border-color .3s var(--ease);flex-direction:column;align-items:center;gap:8px;padding:16px 10px;display:flex}.vs-player.winner{border-color:var(--warn);box-shadow:0 0 0 1px var(--warn) inset}.vs-name{color:var(--text-dim);font-weight:700}.vs-score{font-variant-numeric:tabular-nums;font-size:1.8rem;font-weight:800}.vs-bar-track{background:var(--bg);border-radius:8px;align-items:flex-end;width:26px;height:90px;display:flex;overflow:hidden}.vs-bar-fill{background:linear-gradient(180deg, var(--accent-soft), var(--accent));width:100%;transition:height .7s var(--ease);border-radius:8px 8px 0 0}.vs-player.winner .vs-bar-fill{background:linear-gradient(180deg, #fbbf24, var(--warn))}.vs-detail{font-size:var(--fs-xs);color:var(--text-dim)}.recap{text-align:left;margin:8px 0 22px}.recap-title{font-size:var(--fs-md);margin:0 0 12px}.recap-perfect{font-size:var(--fs-lg);color:var(--good);margin:10px 0 22px;font-weight:600}.recap-item{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:12px;padding:14px}.recap-q{font-weight:600;font-size:var(--fs-md);margin:0 0 8px}.recap-line{font-size:var(--fs-sm);margin:3px 0}.recap-line.bad{color:#fca5a5}.recap-line.good{color:#86efac}.recap-exp{font-size:var(--fs-sm);color:var(--text-dim);margin:8px 0 0;line-height:1.45}.recap-toggle{width:100%;min-height:var(--tap);border:none;border-top:1px solid var(--border);color:inherit;font:inherit;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:10px;padding:12px 4px;display:flex}.recap-toggle .recap-title{margin:0}.recap-chevron{color:var(--text-dim);transition:transform .2s var(--ease);flex:none}.recap-toggle.open .recap-chevron{transform:rotate(180deg)}.recap-list{margin-top:2px}.recap-head{align-items:center;gap:12px;display:flex}.recap-sign{flex:0 0 52px;width:52px}.setup-card,.result-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text);text-align:center;animation:pop-in .45s var(--spring);margin:6px 0 22px;padding:24px 20px;position:relative;overflow:hidden}.setup-card:after,.result-card:after{content:"";pointer-events:none;background:radial-gradient(90% 130% at 100% 0%, var(--accent-tint) 0%, transparent 55%);position:absolute;inset:0}.setup-card>*,.result-card>*{z-index:1;position:relative}.setup-title,.result-title{font-family:var(--font-display);font-size:var(--fs-xl);margin:12px 0 8px;font-weight:700}.result-card .btn{margin-top:12px}.setup-sub{font-size:var(--fs-md);color:var(--text-dim);margin:0;line-height:1.45}.setup-field{gap:var(--space-2);flex-direction:column;margin-bottom:22px;display:flex}.text-input,.donate-input{width:100%;min-height:var(--tap);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:var(--fs-lg);transition:border-color .2s var(--ease);padding:13px 16px;font-weight:600}.text-input:focus,.donate-input:focus{border-color:var(--accent)}.text-input:focus-visible,.donate-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.text-input::placeholder,.donate-input::placeholder{color:var(--text-dim);font-weight:500}.share{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:left;margin-bottom:18px;padding:16px}.share-title{font-weight:700;font-size:var(--fs-md);margin:0 0 4px}.share-sub{font-size:var(--fs-sm);color:var(--text-dim);margin:0 0 12px;line-height:1.4}.share-row{gap:8px;display:flex}.share-input{min-width:0;min-height:var(--tap);background:var(--bg);border:1px solid var(--border);color:var(--text-dim);font-size:var(--fs-xs);border-radius:10px;flex:1;padding:11px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.btn-copy{min-height:var(--tap);font-weight:700;font-size:var(--fs-sm);color:var(--accent-ink);cursor:pointer;background:var(--accent);transition:transform .15s var(--ease);border:none;border-radius:10px;flex-shrink:0;padding:0 16px}.btn-copy:active{transform:scale(.95)}.landing-intro{text-align:center;font-size:var(--fs-md);color:var(--text-dim);margin:4px 0 14px;font-weight:600}.concept-bubble{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);margin:20px 0 22px;padding:18px 20px;position:relative}.concept-bubble:before{content:"";background:var(--surface-2);border-left:1px solid var(--border);border-top:1px solid var(--border);width:16px;height:16px;position:absolute;top:-9px;left:32px;transform:rotate(45deg)}.concept-title{font-size:var(--fs-md);margin:0 0 6px;font-weight:800}.concept-text{font-size:var(--fs-sm);color:var(--text-dim);margin:0;line-height:1.5}.resultshare{text-align:center;margin-bottom:18px}.resultshare-title{font-weight:700;font-size:var(--fs-md);margin:0 0 12px}.resultshare-actions{flex-direction:column;gap:10px;display:flex}.resultshare-msg{font-size:var(--fs-sm);color:var(--text-dim);margin:10px 0 0}.sharecard-host{pointer-events:none;opacity:0;width:1080px;height:1920px;position:fixed;top:0;left:-10000px}.site-footer{border-top:1px solid var(--border);align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;margin-top:44px;padding-top:22px;display:flex}.insta-link{min-height:var(--tap);color:var(--text);font-weight:700;font-size:var(--fs-md);background:var(--surface);border:1px solid var(--border);transition:transform .15s var(--ease), background .2s var(--ease);border-radius:999px;align-items:center;gap:9px;padding:9px 16px;text-decoration:none;display:inline-flex}.insta-link:active{transform:scale(.96)}.insta-icon{flex-shrink:0;display:block}.footer-note{color:var(--text-dim);font-size:var(--fs-xs);margin:0}.footer-donate{min-height:var(--tap);border:1px solid var(--border);color:var(--text-dim);font-size:var(--fs-xs);cursor:pointer;transition:color .2s var(--ease), border-color .2s var(--ease);background:0 0;border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-weight:650;display:inline-flex}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;margin-top:0;display:flex}.footer-links button,.footer-links a{min-height:var(--tap);border-radius:var(--radius-xs);color:var(--text-dim);font-size:var(--fs-xs);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;align-items:center;padding:0 8px;text-decoration:underline;display:inline-flex}.footer-links span{color:var(--text-dim);opacity:.5}.donate-amounts{gap:8px;margin-bottom:16px;display:flex}.donate-chip{min-height:var(--tap);border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surface-2);color:var(--text);font-size:var(--fs-md);font-weight:700;font-family:var(--font-display);cursor:pointer;transition:border-color .15s var(--ease), background .15s var(--ease);flex:1;padding:10px 0}.donate-chip.active,.donate-chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent-tint);color:var(--accent)}.donate-input{width:auto;font-size:var(--fs-md);flex:1.3;padding:10px 12px}.donate-cta{width:100%}.donate-thanks{font-size:var(--fs-lg);color:var(--text);font-weight:650}.donate-heart{color:var(--accent);margin:0 auto 6px;display:block}.cookie-banner{left:50%;bottom:calc(14px + var(--safe-bottom));z-index:60;width:min(540px, calc(100% - 24px - var(--safe-left) - var(--safe-right)));border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px)saturate(140%);animation:cookie-slide-up .4s var(--ease);background:#161c2cdb;padding:16px 18px 12px;position:fixed;transform:translate(-50%);box-shadow:0 14px 44px #00000080}@keyframes cookie-slide-up{0%{opacity:0;transform:translate(-50%,24px)}to{opacity:1;transform:translate(-50%)}}.cookie-text{font-size:var(--fs-sm);color:var(--text);margin:0 0 10px;line-height:1.45}.cookie-detail{font-size:var(--fs-xs);color:var(--text-dim);margin:0 0 12px;line-height:1.5}.cookie-actions{gap:10px;display:flex}.cookie-btn{min-height:var(--tap);border-radius:var(--radius-sm);font-size:var(--fs-md);cursor:pointer;transition:transform .15s var(--ease), background .2s var(--ease);flex:1;padding:10px 14px;font-weight:700}.cookie-btn:active{transform:scale(.97)}.cookie-reject{background:var(--surface-2);border:1px solid var(--border);color:var(--text)}.cookie-accept{background:var(--accent);border:1px solid var(--accent);color:var(--accent-ink)}.cookie-more{width:100%;min-height:var(--tap);color:var(--text-dim);font-size:var(--fs-xs);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;margin:4px auto 0;text-decoration:underline;display:block}.result-ad{text-align:center;min-height:0;margin:4px 0 18px;display:block}.result-ad:has(ins[data-ad-status=unfilled]){display:none}.result-ad-label{letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px;font-size:.7rem;display:none}.result-ad:has([data-ad-status=filled]) .result-ad-label{display:block}.noads-promo{width:100%;min-height:var(--tap);border-radius:var(--radius-sm);border:1px dashed var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:transform .15s var(--ease), background .2s var(--ease);justify-content:space-between;align-items:center;gap:12px;margin:4px 0 18px;padding:12px 16px;display:flex}.noads-promo:active{transform:scale(.99)}.noads-promo-text{font-weight:700;font-size:var(--fs-md);align-items:center;gap:8px;display:inline-flex}.noads-promo-cta{font-size:var(--fs-sm);color:var(--accent-soft);flex-shrink:0;font-weight:700}.modal{width:100%;max-width:none;height:100%;max-height:none;padding:calc(18px + var(--safe-top)) calc(18px + var(--safe-right)) calc(18px + var(--safe-bottom)) calc(18px + var(--safe-left));z-index:80;color:var(--text);-webkit-backdrop-filter:blur(6px);overscroll-behavior:contain;animation:fade-in .2s var(--ease);background:#070a12a8;border:0;margin:0;position:fixed;inset:0}.modal[open]{justify-content:center;align-items:center;display:flex}.modal::backdrop{background:0 0}.modal-card{overscroll-behavior:contain;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transform-origin:50%;width:100%;max-width:460px;max-height:min(88dvh,100%);padding:26px 22px 22px;animation:.26s cubic-bezier(.22,1,.36,1) modal-pop;position:relative;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-card:focus,.modal-card:focus-visible{outline:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.modal-x{border:1px solid var(--border);background:var(--surface-2);width:36px;height:36px;color:var(--text);cursor:pointer;transition:background .2s var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.modal-x:after{content:"";position:absolute;inset:-4px}.paywall-title{font-family:var(--font-display);font-size:var(--fs-xl);text-align:center;justify-content:center;align-items:center;gap:8px;margin:0 0 6px;padding:0 36px;font-weight:700;display:flex}.paywall-crown{color:var(--accent);flex:none}.paywall-sub{text-align:center;color:var(--text-dim);font-size:var(--fs-sm);margin:0 0 16px}.paywall-features{font-size:var(--fs-sm);flex-direction:column;gap:6px;margin:0 0 18px;padding:0;list-style:none;display:flex}.paywall-features li{color:var(--text);align-items:center;gap:8px;display:flex}.paywall-check{color:var(--good);flex:none}.plans{gap:12px;display:flex}.plan{border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;background:var(--surface-2);flex:1;min-width:0;padding:18px 10px 12px;position:relative}.plan-best{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.plan-badge{background:var(--accent);width:max-content;max-width:calc(100% - 16px);color:var(--accent-ink);letter-spacing:.5px;border-radius:999px;margin:0 auto;padding:3px 10px;font-size:.66rem;font-weight:800;line-height:1.2;position:absolute;top:-10px;left:8px;right:8px}.plan-name{font-weight:700;font-size:var(--fs-md);margin-bottom:6px}.plan-price{font-family:var(--font-display);font-size:var(--fs-xl);margin-bottom:14px;font-weight:700;line-height:1.1}.plan-period{font-size:var(--fs-xs);color:var(--text-dim);margin-top:2px;font-weight:600;display:block}.plan-cta{width:100%;padding:10px}.paywall-soon{text-align:center;font-size:var(--fs-sm);color:var(--warn);margin:14px 0 0}.paywall-active{text-align:center;color:var(--good);margin:8px 0 0;font-weight:700}.paywall-manage{margin-top:14px}.legal-title{font-family:var(--font-display);font-size:var(--fs-lg);margin:0 0 2px;padding-right:36px;font-weight:700}.legal-updated{color:var(--text-dim);font-size:var(--fs-xs);margin:0 0 16px}.legal-section{margin-bottom:14px}.legal-section h3{font-size:var(--fs-md);color:var(--accent-soft);margin:0 0 4px}.legal-section p{font-size:var(--fs-sm);color:var(--text);margin:0;line-height:1.5}.home-tabs{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;gap:4px;margin-bottom:24px;padding:4px;display:grid}.home-tab{min-height:var(--tap);color:var(--text-dim);font-size:var(--fs-md);cursor:pointer;transition:background .25s var(--ease), color .25s var(--ease);background:0 0;border:none;border-radius:12px;padding:10px 8px;font-weight:700}.home-tab.active{background:var(--accent);color:var(--accent-ink);box-shadow:0 4px 16px var(--accent-glow)}.panneaux{animation:fade-up .4s var(--ease);flex-direction:column;gap:24px;display:flex}.pan-cta{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;padding:18px 16px;display:flex}.pan-cta-title{font-family:var(--font-display);font-size:var(--fs-lg);margin:0;font-weight:700}.pan-cta-sub{font-size:var(--fs-sm);color:var(--text-dim);margin:-6px 0 2px;line-height:1.4}.pan-cta-actions{flex-direction:column;gap:10px;display:flex}.pan-browse{flex-direction:column;gap:12px;display:flex}.fam-chips{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.fam-chips::-webkit-scrollbar{display:none}.fam-chip{min-height:var(--tap);border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);font-size:var(--fs-sm);cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease);border-radius:999px;flex:none;padding:9px 14px;font-weight:600}.fam-chip.active,.fam-chip[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.fam-desc{font-size:var(--fs-sm);color:var(--text-dim);margin:0;line-height:1.45}.fam-count{white-space:nowrap;color:var(--accent-soft);font-weight:700}.sign-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.sign-card{min-height:var(--tap);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:transform .2s var(--ease), border-color .2s var(--ease);flex-direction:column;align-items:center;gap:8px;padding:12px 8px 10px;display:flex}.sign-card:active{transform:scale(.95)}.sign-image{width:100%;display:block}.sign-image svg{filter:drop-shadow(0 3px 8px #00000059);width:100%;height:auto;display:block}.sign-code{font-size:var(--fs-xs);letter-spacing:.4px;color:var(--text-dim);font-weight:700}.sign-modal{z-index:90;padding:calc(20px + var(--safe-top)) 20px calc(20px + var(--safe-bottom));-webkit-backdrop-filter:blur(6px);animation:fade-in .25s var(--ease);background:#050810b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sign-modal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;width:min(400px,100%);max-height:86dvh;animation:modal-pop .3s var(--ease);padding:26px 22px 20px;position:relative;overflow-y:auto;box-shadow:0 24px 60px #0000008c}.sign-close{border:1px solid var(--border);background:var(--surface-2);width:36px;height:36px;color:var(--text-dim);cursor:pointer;border-radius:999px;place-items:center;font-size:.95rem;display:grid;position:absolute;top:10px;right:10px}.sign-close:after{content:"";position:absolute;inset:-4px}.sign-big{width:min(190px,60%);margin:0 auto}.sign-badge{background:var(--surface-2);border:1px solid var(--border);font-size:var(--fs-xs);letter-spacing:.5px;color:var(--text-dim);border-radius:999px;margin-top:14px;padding:3px 10px;font-weight:700;display:inline-block}.sign-name{font-size:var(--fs-lg);margin:10px 0 8px;line-height:1.3}.sign-meaning{font-size:var(--fs-sm);color:var(--text-dim);margin:0;line-height:1.5}.sign-nav{justify-content:space-between;align-items:center;gap:10px;margin-top:18px;display:flex}.sign-nav .btn{width:auto;min-width:74px;min-height:var(--tap);flex:none;padding:10px 14px}.sign-nav-pos{font-size:var(--fs-sm);color:var(--text-dim);font-weight:600}.quiz-sign{width:min(150px,42vw);margin:2px auto 4px}.bank-gate{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:46vh;display:flex}.bank-gate-spinner{border:3px solid var(--accent-tint);border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.7s linear infinite bank-gate-spin}@keyframes bank-gate-spin{to{transform:rotate(360deg)}}.bank-gate-text,.bank-gate-error{color:var(--text-dim);font-size:var(--fs-md);max-width:30ch;margin:0}.bank-gate-error{color:var(--text)}a.cat-card,a.hero-card{text-decoration:none}.home-links{text-align:center;font-size:var(--fs-sm);color:var(--text-dim);margin-top:18px}.home-links a{color:var(--text-dim)}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.94)translateY(10px)}to{opacity:1;transform:none}}@media (hover:hover) and (pointer:fine){.sound-toggle:hover,.theme-toggle:hover,.lang-toggle:hover,.premium-toggle:hover{background:#1b2233e6;transform:scale(1.05)}.lang-item:hover{background:#ffffff12}.cat-card:hover{border-color:var(--border-strong);background:var(--surface-2)}.cat-card:hover .cat-go{color:var(--accent);transform:translate(3px)}.hero-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.btn-ghost:hover,.footer-links button:hover,.footer-links a:hover,.cookie-more:hover,.home-links a:hover{color:var(--text)}.btn-secondary:hover,.insta-link:hover,.noads-promo:hover,.modal-x:hover{background:var(--surface-2)}.btn-secondary:hover{border-color:var(--border-strong)}.footer-donate:hover{color:var(--text);border-color:var(--border-strong)}.cookie-reject:hover{background:var(--surface)}.cookie-accept:hover{background:var(--accent-soft)}.sign-card:hover{border-color:var(--accent);transform:translateY(-2px)}.option:not(:disabled):hover{border-color:var(--border-strong)}}@media (width>=900px){.app{max-width:1080px;padding-left:calc(32px + var(--safe-left));padding-right:calc(32px + var(--safe-right))}.home{grid-template-rows:auto auto auto auto 1fr;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;column-gap:48px;display:grid}.home>*{grid-column:1;min-width:0}.home .categories{grid-area:1/2/6}.home .panneaux{grid-column:1/-1}.home-head{margin-top:6px}.selectors{margin-bottom:0}.quiz{width:100%;max-width:640px;margin-left:auto;margin-right:auto}.options.grid{grid-template-columns:1fr 1fr;display:grid}.sign-grid{grid-template-columns:repeat(5,1fr)}.home .panneaux .sign-grid{grid-template-columns:repeat(6,1fr)}.site-footer{margin-top:56px}}@media (prefers-reduced-motion:reduce){.home,.quiz,.panneaux,.feedback,.result-hero,.setup-card,.result-card,.lang-menu,.cookie-banner,.modal,.modal-card,.sign-modal,.sign-modal-card,.option.correct,.option.wrong,.score-ring:after,.suspense{animation:none}.suspense{opacity:1}.seg-thumb,.progress-fill,.vs-bar-fill,.cat-card,.cat-go,.hero-card,.option,.btn,.btn-copy,.lang-caret,.recap-chevron,.sound-toggle,.theme-toggle,.lang-toggle,.premium-toggle,.sign-card,.noads-promo,.insta-link,.cookie-btn,.fam-chip,.home-tab,.donate-chip,.modal-x{transition:none}.bank-gate-spinner{animation-duration:3s}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sign-image-inner{display:block}.sign-card-name{color:var(--text);text-align:center;font-size:.74rem;line-height:1.25}.pan-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.pan-switch{color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:.86rem;font-weight:600;display:inline-flex;position:relative}.pan-switch input{opacity:0;width:1px;height:1px;position:absolute}.pan-switch-track{background:var(--surface-2);border:1px solid var(--border);width:38px;height:22px;transition:background .2s var(--ease), border-color .2s var(--ease);border-radius:999px;flex:none;position:relative}.pan-switch-track:after{content:"";background:var(--text-dim);width:16px;height:16px;transition:transform .25s var(--spring), background .2s var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.pan-switch input:checked+.pan-switch-track{background:var(--accent);border-color:var(--accent)}.pan-switch input:checked+.pan-switch-track:after{background:var(--accent-ink);transform:translate(16px)}.pan-switch input:focus-visible+.pan-switch-track{outline:2px solid var(--accent);outline-offset:2px}.fam-actions{flex-wrap:wrap;gap:10px;display:flex}.fam-actions .btn{flex:auto;width:auto;padding:13px 16px;font-size:.95rem}.flash-btn-icon{vertical-align:-3px;margin-right:6px}.pan-flash-entry{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);font:inherit;cursor:pointer;transition:border-color .2s var(--ease), transform .18s var(--spring);align-items:center;gap:14px;padding:14px 16px;display:flex}.pan-flash-entry:hover{border-color:var(--accent)}.pan-flash-entry:active{transform:scale(.98)}.pan-flash-icon{font-size:1.6rem;line-height:1}.pan-flash-text{flex-direction:column;flex:1;gap:3px;display:flex}.pan-flash-text b{font-size:.98rem}.pan-flash-text span{color:var(--text-dim);font-size:.8rem}.pan-flash-chevron{color:var(--text-dim);font-size:1.5rem;line-height:1}.modal-sign .modal-card{text-align:center;max-width:400px}.sign-detail{color:var(--text-dim);margin:10px 0 0;font-size:.88rem;line-height:1.5}.sign-confusions{border-top:1px solid var(--border);text-align:left;margin-top:18px;padding-top:14px}.sign-confusions h4{letter-spacing:.6px;text-transform:uppercase;color:var(--warn);margin:0 0 10px;font-size:.78rem;font-weight:800}.sign-confusions ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.sign-twin{grid-template-columns:72px 1fr;align-items:start;gap:12px;display:grid}.sign-twin-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:inherit;cursor:pointer;transition:border-color .2s var(--ease);flex-direction:column;align-items:center;gap:4px;padding:8px 6px;display:flex}.sign-twin-card:hover{border-color:var(--accent)}.sign-twin-tip{color:var(--text-dim);margin:0;font-size:.84rem;line-height:1.45}.sign-twin-tip b{color:var(--text)}.sign-links{margin-top:16px}.sign-links .btn{width:auto;padding:11px 18px;font-size:.92rem;text-decoration:none;display:inline-block}.sign-nav-hint{color:var(--text-dim);margin:10px 0 0;font-size:.74rem;display:none}@media (hover:hover) and (pointer:fine){.sign-nav-hint{display:block}}.flash-stage{perspective:1200px;margin:8px 0 0}.flash-card{cursor:pointer;-webkit-tap-highlight-color:transparent;width:100%;height:min(460px,62dvh);position:relative}.flash-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s var(--spring);position:relative}.flash-card.flipped .flash-card-inner{transform:rotateY(180deg)}.flash-face{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;backface-visibility:hidden;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:22px 18px;display:flex;position:absolute;inset:0;overflow-y:auto}.flash-back{justify-content:flex-start;transform:rotateY(180deg)}.flash-sign{width:min(220px,58vw)}.flash-sign-small{flex:none;width:64px}.flash-hint{color:var(--text-dim);font-size:.82rem}.flash-name{margin:4px 0 0;font-size:1.1rem;line-height:1.3}.flash-meaning{color:var(--text-dim);margin:0;font-size:.9rem;line-height:1.5}.flash-twin{border-radius:var(--radius-sm);background:var(--surface-2);text-align:left;width:100%;color:var(--text-dim);margin:0;padding:10px 12px;font-size:.82rem;line-height:1.45}.flash-twin b{color:var(--warn)}.flash-box{letter-spacing:.4px;color:var(--accent-soft);font-size:.74rem;font-weight:700}.flash-actions{gap:10px;margin-top:14px;display:flex}.flash-actions .btn{flex:1}.flash-btn-no{border-color:color-mix(in srgb, var(--bad) 50%, transparent);color:var(--bad)}.flash-rate-hint{text-align:center;color:var(--text-dim);margin:10px 0 0;font-size:.8rem}.flash-end{text-align:center;animation:fade-up .4s var(--ease);flex-direction:column;gap:16px;padding-top:8vh;display:flex}.flash-end h2{font-family:var(--font-display);margin:0}.flash-end-score{font-family:var(--font-display);margin:0;font-size:3.4rem;font-weight:700;line-height:1}.flash-end-score span{color:var(--text-dim);font-size:1.4rem}.flash-end p{color:var(--text-dim);margin:0}@media (prefers-reduced-motion:reduce){.flash-card-inner,.pan-switch-track,.pan-switch-track:after{transition:none}.flash-end{animation:none}}.home-section-title{font-size:var(--fs-xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px;margin:0;font-weight:600}.cat-gauge{background:color-mix(in srgb, var(--text) 12%, transparent);border-radius:999px;height:4px;display:block;overflow:hidden}.cat-gauge-fill{width:100%;height:100%;transform:scaleX(var(--fill,0));transform-origin:0;background:var(--cat,var(--accent));transition:transform .45s var(--spring);border-radius:999px;display:block}.cat-gauge-fill.is-good{background:var(--good)}.home-progress{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;margin:-6px 0 22px;padding:14px 16px;display:flex}.home-progress.is-empty{flex-flow:wrap;justify-content:space-between;align-items:center;gap:10px 14px}.progress-empty{font-size:var(--fs-sm);color:var(--text-dim);flex:200px;margin:0;line-height:1.4}.progress-chips{flex-wrap:wrap;gap:8px;display:flex}.progress-chip{background:var(--surface-2);border:1px solid var(--border);min-height:32px;font-size:var(--fs-sm);color:var(--text);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-weight:650;display:inline-flex}.progress-chip.is-streak svg{color:var(--warn)}.progress-chip.is-target svg{color:var(--accent)}.progress-chip.is-best{color:var(--text-dim);font-weight:600}.progress-hint{font-size:var(--fs-sm);color:var(--accent-soft);margin:0;font-weight:600}.progress-actions{flex-wrap:wrap;align-items:stretch;gap:8px;display:flex}.progress-resume{min-height:var(--tap);text-align:left;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font:inherit;cursor:pointer;transition:transform .18s var(--spring), border-color .2s var(--ease);flex-direction:column;flex:200px;gap:6px;padding:10px 12px;display:flex}.progress-resume:active{transform:scale(.98)}.progress-resume-head{font-size:var(--fs-md);align-items:center;gap:8px;font-weight:700;display:flex}.progress-resume-head svg{color:var(--accent)}.progress-resume-sub{font-size:var(--fs-xs);color:var(--text-dim)}.progress-install{min-height:var(--tap);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);color:var(--text-dim);font:inherit;font-size:var(--fs-sm);cursor:pointer;transition:color .2s var(--ease), border-color .2s var(--ease);background:0 0;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-weight:600;display:inline-flex}.daily-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.daily-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;display:flex}.daily-kicker{font-family:var(--font-display);font-size:var(--fs-md);align-items:center;gap:6px;font-weight:700;display:inline-flex}.daily-kicker svg{color:var(--accent)}.daily-date{font-size:var(--fs-xs);color:var(--text-dim)}.daily-chips{margin:0 -16px;padding:2px 16px 4px}.daily-chip-state{border-left:1px solid color-mix(in srgb, currentColor 30%, transparent);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;align-items:center;gap:3px;margin-left:7px;padding-left:7px;font-weight:600;display:inline-flex}.daily-sub{font-size:var(--fs-sm);color:var(--text-dim);margin:0;line-height:1.4}.daily-go{margin-top:2px}.hero-main{z-index:1;width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block;position:relative}.hero-exam{z-index:1;border-top:1px solid var(--border);flex-direction:column;gap:10px;margin:14px -16px -16px;padding:12px 16px 16px;display:flex;position:relative}.hero-exam-sub{font-size:var(--fs-sm);color:var(--text);margin:0;font-weight:600;line-height:1.4}.hero-ready{flex-direction:column;gap:5px;display:flex}.hero-ready-row{font-size:var(--fs-xs);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.hero-ready-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px;font-weight:600}.hero-ready-value{color:var(--text-dim);font-variant-numeric:tabular-nums;font-weight:650}.hero-ready-value.is-good{color:var(--good)}.hero-actions{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.hero-actions .btn{flex:200px;width:auto;padding:12px 14px}.hero-errors{min-height:var(--tap);color:var(--text-dim);font:inherit;font-size:var(--fs-sm);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:8px 4px;font-weight:600;text-decoration:underline}.home .hero-card:active{transform:none}.hero-main:active{transform:scale(.98)}.home .cat-card{flex-direction:column;align-items:stretch;gap:10px}.home .cat-card:active{transform:none}.cat-main{width:100%;min-height:46px;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:transform .18s var(--spring);background:0 0;border:0;align-items:center;gap:14px;padding:0;display:flex}.cat-main:active{transform:scale(.98)}a.hero-main,a.cat-main{color:inherit;text-decoration:none}a.daily-go,a.hero-exam-btn{box-sizing:border-box;justify-content:center;align-items:center;text-decoration:none;display:flex}.cat-meta{flex-direction:column;gap:8px;display:flex}.cat-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cat-chip{background:var(--surface-2);color:var(--text-dim);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;border:1px solid #0000;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-weight:600;display:inline-flex}.cat-chip-record svg{color:var(--warn)}.cat-chip-errors{min-height:28px;font:inherit;font-size:var(--fs-xs);color:var(--bad);background:color-mix(in srgb, var(--bad) 10%, transparent);border-color:color-mix(in srgb, var(--bad) 40%, transparent);cursor:pointer;transition:background .2s var(--ease);font-weight:600;position:relative}.cat-chip-errors:after{content:"";position:absolute;inset:-8px 0}.home-duels{flex-direction:column;gap:10px;margin-top:26px;display:flex}.duel-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.duel-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:10px 12px;display:flex}.duel-item .cat-ic{border-radius:12px;width:38px;height:38px}.duel-tx{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.duel-line{font-size:var(--fs-sm);overflow-wrap:anywhere;font-weight:650;line-height:1.3}.duel-sub{font-size:var(--fs-xs);color:var(--text-dim);font-variant-numeric:tabular-nums}.duel-status.is-sent{color:var(--warn)}.duel-status.is-answered{color:var(--good)}.duel-rematch{min-height:var(--tap);background:var(--surface-2);border:1px solid var(--border);color:var(--text);font:inherit;font-size:var(--fs-sm);cursor:pointer;transition:transform .18s var(--spring), border-color .2s var(--ease);border-radius:999px;flex:none;align-items:center;gap:5px;padding:8px 12px;font-weight:650;display:inline-flex}.duel-rematch:active{transform:scale(.96)}@media (hover:hover) and (pointer:fine){.progress-resume:hover,.progress-install:hover,.duel-rematch:hover{border-color:var(--border-strong);color:var(--text)}.hero-errors:hover{color:var(--text)}.cat-chip-errors:hover{background:color-mix(in srgb, var(--bad) 18%, transparent)}}@media (width>=900px){.home-progress{margin-top:0}.home .categories{padding-top:46px}.home .home-duels{grid-column:2;margin-top:16px}}@media (prefers-reduced-motion:reduce){.cat-gauge-fill{transition:none}}.app-toast{left:50%;bottom:calc(var(--space-4) + var(--safe-bottom));z-index:70;justify-content:center;align-items:center;gap:var(--space-3);width:min(560px, calc(100% - 2 * var(--space-4)));padding:var(--space-3) var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font-size:var(--fs-sm);animation:app-toast-in .28s var(--ease) both;flex-wrap:wrap;line-height:1.4;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 32px #00000073}.app-toast-warn{border-color:var(--warn)}.app-toast-text{flex:auto;min-width:0}.app-toast-btn{flex:none;min-height:40px;padding:8px 16px}@keyframes app-toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.bank-gate-actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:reduce){.app-toast{animation:none}}