:root{--indigo-50: #eef2ff;--indigo-100: #e0e7ff;--indigo-200: #c7d2fe;--indigo-400: #818cf8;--indigo-500: #6366f1;--indigo-600: #4f46e5;--indigo-700: #4338ca;--violet-500: #8b5cf6;--cyan-400: #22d3ee;--fuchsia-500: #d946ef;--color-bg: #f4f6fb;--color-surface: rgba(255, 255, 255, .78);--color-surface-solid: #ffffff;--color-text: #0f172a;--color-text-muted: #64748b;--color-text-soft: #94a3b8;--color-border: rgba(15, 23, 42, .08);--color-border-strong: rgba(15, 23, 42, .12);--color-primary: var(--indigo-600);--color-primary-hover: var(--indigo-700);--color-primary-soft: var(--indigo-50);--color-success: #059669;--color-success-soft: #ecfdf5;--color-danger: #e11d48;--color-danger-soft: #fff1f2;--color-warning: #d97706;--color-warning-soft: #fffbeb;--grad-brand: linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #db2777 100%);--grad-brand-soft: linear-gradient( 135deg, rgba(79, 70, 229, .12), rgba(124, 58, 237, .08), rgba(219, 39, 119, .06) );--grad-mesh: radial-gradient( ellipse 80% 60% at 10% -10%, rgba(99, 102, 241, .28), transparent 55% ), radial-gradient( ellipse 70% 50% at 95% 10%, rgba(217, 70, 239, .18), transparent 50% ), radial-gradient( ellipse 60% 45% at 50% 100%, rgba(34, 211, 238, .14), transparent 55% ), linear-gradient(180deg, #f8faff 0%, #f1f5fb 45%, #eef2ff 100%);--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 2px 8px rgba(15, 23, 42, .05), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 8px 24px rgba(15, 23, 42, .07), 0 2px 6px rgba(15, 23, 42, .04);--shadow-lg: 0 20px 50px rgba(15, 23, 42, .1), 0 8px 16px rgba(15, 23, 42, .05);--shadow-glow: 0 8px 28px rgba(79, 70, 229, .28);--shadow-ring: 0 0 0 4px rgba(99, 102, 241, .18);--radius-xs: 8px;--radius-sm: 12px;--radius: 18px;--radius-lg: 24px;--radius-full: 999px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Outfit", var(--font);--max-width: 760px;--header-h: 68px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font);font-size:16px;line-height:1.55;color:var(--color-text);background:linear-gradient(180deg,#f8faffd1,#eef2ffeb),url(https://images.unsplash.com/photo-1506905925346-21bda4d32df4?auto=format&fit=crop&w=2000&q=70);background-size:cover;background-position:center;background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button,input{font:inherit}button{cursor:pointer;border:none;background:none;color:inherit}a{color:var(--color-primary)}:focus-visible{outline:2px solid var(--indigo-500);outline-offset:3px}::selection{background:#6366f138;color:var(--color-text)}.skip-link{position:absolute;top:-40px;left:0;background:var(--indigo-600);color:#fff;padding:8px;text-decoration:none;z-index:100}.skip-link:focus{position:absolute;top:0}.app{position:relative;min-height:100vh;display:flex;flex-direction:column;isolation:isolate;overflow-x:hidden}.app__bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--grad-mesh);pointer-events:none}.app__bg:before,.app__bg:after{content:"";position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;animation:float-orb 18s var(--ease-out) infinite alternate}.app__bg:before{width:min(52vw,420px);height:min(52vw,420px);top:-8%;left:-6%;background:radial-gradient(circle,rgba(99,102,241,.55),transparent 70%)}.app__bg:after{width:min(48vw,380px);height:min(48vw,380px);right:-8%;bottom:8%;background:radial-gradient(circle,rgba(217,70,239,.35),transparent 70%);animation-delay:-6s;animation-duration:22s}@keyframes float-orb{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(24px,36px,0) scale(1.08)}}.app-header{position:sticky;top:0;z-index:40;min-height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.1rem;background:#ffffff9e;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid rgba(255,255,255,.55);box-shadow:0 1px #0f172a0a,var(--shadow-xs)}.app-header__brand{display:flex;align-items:center;gap:.75rem;min-width:0}.app-header__logo{flex-shrink:0;width:2.35rem;height:2.35rem;border-radius:12px;display:grid;place-items:center;background:var(--grad-brand);color:#fff;font-family:var(--font-display);font-weight:800;font-size:.95rem;letter-spacing:-.04em;box-shadow:var(--shadow-glow)}.app-header__text{display:flex;flex-direction:column;gap:.05rem;min-width:0}.app-header__title{margin:0;font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:-.03em;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header__title-btn{padding:0;font:inherit;color:inherit;background:none;border:none;cursor:pointer;text-align:left}.app-header__title-btn:hover{background:linear-gradient(90deg,var(--indigo-600),var(--fuchsia-500));-webkit-background-clip:text;background-clip:text;color:transparent}.app-header__tagline{margin:0;font-size:.72rem;font-weight:500;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-main{flex:1;width:100%;max-width:var(--max-width);margin:0 auto;padding:1.5rem 1.1rem 3rem;animation:page-in .5s var(--ease-out) both}@keyframes page-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.lang-switcher{display:inline-flex;align-items:center;padding:.2rem;background:#0f172a0a;border:1px solid var(--color-border);border-radius:var(--radius-full);box-shadow:inset 0 1px #ffffffb3}.lang-switcher__btn{position:relative;border:none;background:transparent;color:var(--color-text-muted);font-size:.75rem;font-weight:700;letter-spacing:.06em;padding:.4rem .75rem;border-radius:var(--radius-full);transition:color .2s var(--ease-out),background .2s var(--ease-out),box-shadow .2s var(--ease-out)}.lang-switcher__btn:hover{color:var(--color-text)}.lang-switcher__btn.is-active{background:var(--color-surface-solid);color:var(--indigo-600);box-shadow:var(--shadow-sm)}.card{position:relative;background:var(--color-surface);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.35rem;overflow:hidden}.card:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid transparent;border-radius:var(--radius-sm);padding:.8rem 1.25rem;font-weight:600;font-size:.94rem;line-height:1.2;letter-spacing:-.01em;transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out),background .2s var(--ease-out),border-color .2s var(--ease-out),color .2s var(--ease-out),filter .2s var(--ease-out)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;filter:grayscale(.2)}.btn--primary{position:relative;background:var(--grad-brand);color:#fff;box-shadow:var(--shadow-glow),inset 0 1px #ffffff40;overflow:hidden}.btn--primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.22) 50%,transparent 70%);transform:translate(-120%);transition:transform .6s var(--ease-out)}.btn--primary:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 12px 32px #4f46e559,inset 0 1px #ffffff4d;transform:translateY(-1px)}.btn--primary:hover:not(:disabled):after{transform:translate(120%)}.btn--secondary{background:var(--color-surface-solid);color:var(--color-text);border-color:var(--color-border-strong);box-shadow:var(--shadow-xs)}.btn--secondary:hover:not(:disabled){background:#fff;border-color:var(--indigo-200);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--color-primary);border-color:transparent}.btn--ghost:hover:not(:disabled){background:var(--color-primary-soft)}.btn--block{width:100%}.btn-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.35rem}.btn-row .btn{flex:1 1 auto;min-width:8rem}.btn__icon{display:inline-flex;font-size:1.05em;line-height:1}.home-hero{margin-bottom:1.75rem}.home-hero__eyebrow{display:inline-flex;align-items:center;gap:.4rem;margin:0 0 .75rem;padding:.3rem .7rem;border-radius:var(--radius-full);background:#ffffffb3;border:1px solid var(--color-border);box-shadow:var(--shadow-xs);color:var(--indigo-600);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.home-hero__eyebrow-dot{width:.45rem;height:.45rem;border-radius:50%;background:var(--grad-brand);box-shadow:0 0 0 3px #6366f12e;animation:pulse-dot 2s ease infinite}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.85);opacity:.7}}.page-title{margin:0 0 .45rem;font-family:var(--font-display);font-size:clamp(1.65rem,4.5vw,2.15rem);font-weight:750;letter-spacing:-.035em;line-height:1.15;background:linear-gradient(135deg,#0f172a 20%,#4338ca 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.page-subtitle{margin:0;color:var(--color-text-muted);font-size:1rem;max-width:34ch;line-height:1.5}.quiz-list{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}.quiz-card{position:relative;display:grid;grid-template-columns:auto 1fr;gap:1rem 1.1rem;text-align:left;width:100%;background:#ffffffa6;border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.2rem 1.25rem;overflow:hidden;transition:transform .28s var(--ease-out),box-shadow .28s var(--ease-out),border-color .28s var(--ease-out);animation:card-rise .55s var(--ease-out) both}.quiz-card:nth-child(1){animation-delay:.05s}.quiz-card:nth-child(2){animation-delay:.12s}.quiz-card:nth-child(3){animation-delay:.19s}@keyframes card-rise{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}.quiz-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--grad-brand-soft);opacity:0;transition:opacity .28s var(--ease-out);pointer-events:none}.quiz-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:#818cf873}.quiz-card:hover:after{opacity:1}.quiz-card:focus-visible{box-shadow:var(--shadow-lg),var(--shadow-ring)}.quiz-card__icon{position:relative;z-index:1;width:3.1rem;height:3.1rem;border-radius:16px;display:grid;place-items:center;font-size:1.35rem;color:#fff;background:var(--grad-brand);box-shadow:var(--shadow-glow);grid-row:span 2;align-self:start}.quiz-card--alt .quiz-card__icon{background:linear-gradient(135deg,#06b6d4,#6366f1);box-shadow:0 8px 24px #06b6d44d}.quiz-card__body{position:relative;z-index:1;display:flex;flex-direction:column;gap:.4rem;min-width:0}.quiz-card__title{margin:0;font-family:var(--font-display);font-size:1.15rem;font-weight:700;letter-spacing:-.025em;line-height:1.25}.quiz-card__desc{margin:0;color:var(--color-text-muted);font-size:.9rem;line-height:1.45}.quiz-card__footer{position:relative;z-index:1;grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.15rem;padding-top:.85rem;border-top:1px solid var(--color-border)}.quiz-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .65rem;font-size:.8rem;font-weight:500;color:var(--color-text-muted)}.quiz-card__meta-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:var(--radius-full);background:#0f172a0a;border:1px solid var(--color-border)}.quiz-card__cta{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem .95rem;border-radius:var(--radius-sm);background:var(--grad-brand);color:#fff;font-size:.85rem;font-weight:650;box-shadow:0 6px 16px #4f46e547;transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out)}.quiz-card:hover .quiz-card__cta{transform:translate(2px);box-shadow:0 8px 20px #4f46e559}.quiz-card__cta-arrow{transition:transform .2s var(--ease-out)}.quiz-card:hover .quiz-card__cta-arrow{transform:translate(3px)}.highscore-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:var(--radius-full);background:linear-gradient(135deg,#4f46e51f,#d946ef1a);color:var(--indigo-700);font-weight:700;font-size:.75rem;border:1px solid rgba(99,102,241,.18)}.highscore-badge--empty{background:#0f172a0a;color:var(--color-text-muted);font-weight:500;border-color:var(--color-border)}.quiz-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem 1rem;margin-bottom:.85rem}.progress{font-family:var(--font-display);font-weight:700;font-size:.92rem;letter-spacing:-.02em;color:var(--color-text)}.progress strong{color:var(--indigo-600)}.quiz-stats{display:flex;gap:.45rem}.stat-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .7rem;border-radius:var(--radius-full);background:#ffffffb8;border:1px solid var(--color-border);box-shadow:var(--shadow-xs);font-size:.78rem;font-weight:600;color:var(--color-text-muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stat-pill__icon{font-size:.85em;opacity:.85}.stat-pill--streak{color:#c2410c;background:linear-gradient(135deg,#fb923c26,#f9731614);border-color:#f9731633}.progress-track{position:relative;width:100%;height:8px;background:#0f172a0f;border-radius:var(--radius-full);overflow:hidden;margin-bottom:1.15rem;box-shadow:inset 0 1px 2px #0f172a0d}.progress-track__fill{height:100%;border-radius:var(--radius-full);background:var(--grad-brand);box-shadow:0 0 12px #6366f173;transition:width .45s var(--ease-out);position:relative}.progress-track__fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s linear infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.question-card{animation:question-in .4s var(--ease-out) both}@keyframes question-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}.question-type-hint{display:inline-flex;align-items:center;gap:.35rem;margin:0 0 .85rem;padding:.28rem .65rem;border-radius:var(--radius-full);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--indigo-600);background:var(--indigo-50);border:1px solid var(--indigo-100)}.question-text{margin:0 0 1.25rem;font-family:var(--font-display);font-size:clamp(1.15rem,3.2vw,1.4rem);font-weight:700;letter-spacing:-.025em;line-height:1.35;color:var(--color-text)}.answer-list{display:flex;flex-direction:column;gap:.65rem;list-style:none;margin:0;padding:0}.answer-option{display:flex;align-items:center;gap:.85rem;width:100%;text-align:left;padding:.95rem 1.05rem;border-radius:var(--radius);border:1.5px solid var(--color-border-strong);background:#ffffffa6;box-shadow:var(--shadow-xs);transition:transform .2s var(--ease-out),border-color .2s var(--ease-out),background .2s var(--ease-out),box-shadow .2s var(--ease-out)}.answer-option:hover:not(:disabled){border-color:var(--indigo-300, #a5b4fc);background:#fff;box-shadow:var(--shadow-sm);transform:translate(3px)}.answer-option.is-selected{border-color:var(--indigo-500);background:linear-gradient(135deg,#6366f11a,#8b5cf60f);box-shadow:0 0 0 3px #6366f11f,var(--shadow-sm)}.answer-option.is-correct{border-color:#34d399;background:var(--color-success-soft);box-shadow:0 0 0 3px #10b9811f;animation:pop-correct .4s var(--ease-spring)}.answer-option.is-wrong{border-color:#fb7185;background:var(--color-danger-soft);box-shadow:0 0 0 3px #f43f5e1a;animation:shake .4s var(--ease-out)}@keyframes pop-correct{0%{transform:scale(1)}40%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.answer-option:disabled{cursor:default}.answer-option__letter{flex-shrink:0;width:2rem;height:2rem;border-radius:10px;display:grid;place-items:center;font-family:var(--font-display);font-size:.85rem;font-weight:700;color:var(--color-text-muted);background:#0f172a0d;border:1px solid var(--color-border);transition:background .2s,color .2s,border-color .2s,box-shadow .2s}.answer-option.is-selected .answer-option__letter{color:#fff;background:var(--grad-brand);border-color:transparent;box-shadow:0 4px 12px #4f46e54d}.answer-option.is-correct .answer-option__letter{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-color:transparent}.answer-option.is-wrong .answer-option__letter{color:#fff;background:linear-gradient(135deg,#f43f5e,#e11d48);border-color:transparent}.answer-option__text{flex:1;font-weight:500;font-size:.96rem;line-height:1.4}.feedback{margin-top:1.2rem;padding:1rem 1.1rem;border-radius:var(--radius);border:1px solid transparent;animation:feedback-in .35s var(--ease-out) both}@keyframes feedback-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.feedback--correct{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#a7f3d0;color:#047857}.feedback--incorrect{background:linear-gradient(135deg,#fff1f2,#ffe4e6);border-color:#fecdd3;color:#be123c}.feedback--partial{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fde68a;color:#b45309}.feedback__title{margin:0 0 .4rem;font-family:var(--font-display);font-weight:700;font-size:1rem;letter-spacing:-.02em;display:flex;align-items:center;gap:.4rem}.feedback__explanation{margin:0;font-size:.9rem;color:var(--color-text);line-height:1.5}.feedback__explanation strong{display:block;margin-bottom:.2rem;font-size:.72rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.result-section{animation:page-in .5s var(--ease-out) both}.result-card{padding:1.6rem 1.35rem 1.45rem}.result-hero{text-align:center;padding:.25rem 0 .5rem}.result-hero__title{margin:0 0 1.25rem;font-family:var(--font-display);font-size:1.15rem;font-weight:650;color:var(--color-text-muted);letter-spacing:-.02em}.result-ring{--p: 0;position:relative;width:9.5rem;height:9.5rem;margin:0 auto 1.1rem;border-radius:50%;background:conic-gradient(from -90deg,#4f46e5,#7c3aed calc(var(--p) * 1%),#e2e8f0 calc(var(--p) * 1%));display:grid;place-items:center;box-shadow:var(--shadow-md),0 0 0 8px #ffffffb3;animation:ring-pop .7s var(--ease-spring) both}.result-ring:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;background:#fff;box-shadow:inset 0 1px 3px #0f172a0d}@keyframes ring-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.result-ring__value{position:relative;z-index:1;font-family:var(--font-display);font-size:2.1rem;font-weight:800;letter-spacing:-.04em;line-height:1;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.result-ring__unit{display:block;font-size:.75rem;font-weight:600;letter-spacing:.04em;color:var(--color-text-muted);margin-top:.2rem;background:none;-webkit-background-clip:unset;background-clip:unset}.result-hero__score{margin:0;font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:-.02em}.result-hero__message{margin:.55rem auto 0;max-width:28ch;color:var(--color-text-muted);font-size:.98rem;line-height:1.45}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.4rem}.result-stat{background:linear-gradient(160deg,#f8fafcf2,#eef2ff8c);border:1px solid var(--color-border);border-radius:var(--radius);padding:.95rem .75rem;text-align:center;box-shadow:var(--shadow-xs)}.result-stat__icon{display:block;font-size:1.15rem;margin-bottom:.25rem}.result-stat__label{display:block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:.25rem}.result-stat__value{font-family:var(--font-display);font-weight:750;font-size:1.2rem;letter-spacing:-.02em}.highscore-banner{margin-top:1.15rem;padding:.95rem 1.1rem;border-radius:var(--radius);background:var(--grad-brand);color:#fff;text-align:center;font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;box-shadow:var(--shadow-glow);animation:feedback-in .45s var(--ease-out) both}.highscore-banner__sub{font-family:var(--font);font-weight:500;font-size:.82rem;opacity:.9;margin-top:.25rem}.share-section{margin-top:1.6rem;padding-top:1.35rem;border-top:1px solid var(--color-border)}.share-section__title{margin:0 0 .85rem;font-family:var(--font-display);font-size:.95rem;font-weight:700;letter-spacing:-.02em;text-align:center}.share-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.share-btn{font-size:.82rem;font-weight:650;padding:.75rem .5rem;border-radius:var(--radius-sm);border:none;color:#fff;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease-out),filter .2s var(--ease-out),box-shadow .2s var(--ease-out)}.share-btn:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:var(--shadow-md)}.share-btn--twitter{background:#0f1419}.share-btn--facebook{background:linear-gradient(135deg,#1877f2,#0d65d9)}.share-btn--linkedin{background:linear-gradient(135deg,#0a66c2,#004182)}.share-btn--whatsapp{background:linear-gradient(135deg,#25d366,#128c7e)}.dark-mode{--color-bg: #0f172a;--color-surface: rgba(30, 41, 59, .85);--color-surface-solid: #1e293b;--color-text: #e2e8f0;--color-text-muted: #94a3b8;--color-text-soft: #64748b;--color-border: rgba(148, 163, 184, .15);--color-border-strong: rgba(148, 163, 184, .25);--color-primary-soft: rgba(99, 102, 241, .15);--color-success-soft: rgba(16, 185, 129, .15);--color-danger-soft: rgba(244, 63, 94, .15);--color-warning-soft: rgba(245, 158, 11, .15);--grad-mesh: radial-gradient( ellipse 80% 60% at 10% -10%, rgba(99, 102, 241, .15), transparent 55% ), radial-gradient( ellipse 70% 50% at 95% 10%, rgba(217, 70, 239, .1), transparent 50% ), radial-gradient( ellipse 60% 45% at 50% 100%, rgba(34, 211, 238, .08), transparent 55% ), linear-gradient(180deg, #0f172a 0%, #1e1b4b 100%)}.dark-mode body{background:linear-gradient(180deg,#0b0d14bf,#0b0d14eb),url(https://images.unsplash.com/photo-1506905925346-21bda4d32df4?auto=format&fit=crop&w=2000&q=70);background-size:cover;background-position:center;background-attachment:fixed}.dark-mode .app__bg{background:var(--grad-mesh)}.dark-mode .card,.dark-mode .quiz-card,.dark-mode .result-card{background:#1417238c;border-color:#ffffff1a;color:var(--color-text)}.dark-mode .answer-option{background:#1e293b99;border-color:var(--color-border-strong);color:var(--color-text)}.dark-mode .answer-option:hover:not(:disabled){background:#1e293bcc}.dark-mode .stat-pill{background:#1e293bb3;border-color:var(--color-border);color:var(--color-text-muted)}.dark-mode .lang-switcher{background:#94a3b81a;border-color:var(--color-border)}.dark-mode .lang-switcher__btn.is-active{background:var(--color-surface-solid);color:var(--indigo-400)}.dark-mode .app-header{background:#0f172ab3;border-bottom-color:var(--color-border)}.dark-mode .page-title{background:linear-gradient(135deg,#e2e8f0 20%,#818cf8 90%);-webkit-background-clip:text;background-clip:text}.dark-mode .highscore-badge--empty{background:#94a3b81a;color:var(--color-text-muted)}.dark-mode .result-stat{background:linear-gradient(160deg,#1e293bf2,#1e293bb3)}.dark-mode .feedback--correct{background:#10b98126;color:#6ee7b7;border-color:#10b9814d}.dark-mode .feedback--incorrect{background:#f43f5e26;color:#fda4af;border-color:#f43f5e4d}.dark-mode .feedback--partial{background:#f59e0b26;color:#fcd34d;border-color:#f59e0b4d}.dark-mode .question-type-hint{background:#6366f126;color:#818cf8;border-color:#6366f140}.dark-mode .answer-option__letter{background:#94a3b81a;border-color:var(--color-border);color:var(--color-text-muted)}.dark-mode .progress-track{background:#94a3b81a}.dark-mode .quiz-card__footer{border-top-color:var(--color-border)}.dark-mode .quiz-card__desc{color:var(--color-text-muted)}.dark-mode .share-section{border-top-color:var(--color-border)}.dark-mode .btn--secondary{background:var(--color-surface-solid);color:var(--color-text);border-color:var(--color-border-strong)}.dark-mode-toggle{width:2.2rem;height:2.2rem;border-radius:50%;display:grid;place-items:center;font-size:1.1rem;background:#0f172a0f;border:1px solid var(--color-border);transition:transform .2s var(--ease-out),background .2s}.dark-mode-toggle:hover{transform:scale(1.1);background:#0f172a1a}.dark-mode .dark-mode-toggle{background:#94a3b81a;border-color:var(--color-border)}.app-header__controls{display:flex;align-items:center;gap:.5rem}.quiz-settings-bar{margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem}.btn--small{padding:.45rem .85rem;font-size:.82rem;font-weight:600}.quiz-settings-panel{display:flex;flex-wrap:wrap;gap:1rem;padding:.85rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);animation:panel-in .3s var(--ease-out) both}@keyframes panel-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.setting-row{display:flex;align-items:center;gap:.6rem}.setting-label{font-size:.82rem;font-weight:600;color:var(--color-text-muted);white-space:nowrap}.setting-select{padding:.35rem .6rem;border-radius:var(--radius-xs);border:1px solid var(--color-border);background:var(--color-surface-solid);color:var(--color-text);font-size:.82rem;font-weight:600;cursor:pointer}.toggle-btn{padding:.3rem .7rem;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface-solid);color:var(--color-text-muted);font-size:.72rem;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:all .2s var(--ease-out)}.toggle-btn--on{background:var(--grad-brand);color:#fff;border-color:transparent;box-shadow:var(--shadow-glow)}.timer-bar{width:100%;height:4px;background:#0f172a0f;border-radius:var(--radius-full);overflow:hidden;margin-bottom:.75rem}.timer-bar__fill{height:100%;width:var(--pct, 100%);border-radius:var(--radius-full);background:var(--indigo-500);transition:width .3s linear,background .3s}.timer-bar__fill.critical{background:var(--color-danger)}.stat-pill--critical{color:var(--color-danger);background:var(--color-danger-soft);border-color:#e11d4833}.stat-pill--warning{color:var(--color-warning);background:var(--color-warning-soft);border-color:#d9770633}.export-section{margin-top:1.15rem;padding-top:1rem;border-top:1px solid var(--color-border)}.confetti-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none}@media(min-width:540px){.app-header{padding:.85rem 1.75rem}.app-header__title{font-size:1.2rem}.app-header__tagline{font-size:.78rem}.app-main{padding:2rem 1.5rem 3.5rem}.card,.result-card{padding:1.75rem}.quiz-card{grid-template-columns:auto 1fr auto;align-items:center}.quiz-card__icon{grid-row:span 1}.quiz-card__footer{grid-column:auto;flex-direction:column;align-items:flex-end;border-top:none;margin-top:0;padding-top:0;gap:.55rem}.result-ring{width:10.5rem;height:10.5rem}.result-ring__value{font-size:2.4rem}}@media(min-width:720px){.share-grid{grid-template-columns:repeat(4,1fr)}.quiz-list{gap:1.15rem}}