:root{--overlay-white-5:#ffffff0d;--overlay-white-8:#ffffff14;--overlay-white-10:#ffffff1a;--overlay-white-15:#ffffff26;--overlay-white-20:#fff3;--overlay-white-30:#ffffff4d;--overlay-white-50:#ffffff80;--overlay-white-72:#ffffffb8;--overlay-white-90:#ffffffe6;--overlay-black-5:#0000000d;--overlay-black-8:#00000014;--overlay-black-10:#0000001a;--overlay-black-20:#0003;--overlay-black-30:#0000004d;--overlay-black-40:#0006;--overlay-black-50:#00000080;--overlay-black-60:#0009;--overlay-black-75:#000000bf;--overlay-black-90:#000000e6;--overlay-brand-10:#3b82f61a;--overlay-brand-20:#3b82f633;--overlay-accent-10:#8b5cf61a;--overlay-accent-20:#8b5cf633;--overlay-danger-10:#ef44441a;--overlay-success-10:#22c55e1a;--overlay-neo-10:#00b4ff1a;--overlay-neo-20:#00b4ff33;--duration-instant:80ms;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--duration-slower:.6s;--duration-slowest:.9s;--ease-default:cubic-bezier(.4, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-bounce:cubic-bezier(.68, -.55, .27, 1.55);--ease-smooth:cubic-bezier(.25, .46, .45, .94);--transition-colors:color var(--duration-fast) var(--ease-default), background-color var(--duration-fast) var(--ease-default), border-color var(--duration-fast) var(--ease-default), box-shadow var(--duration-fast) var(--ease-default);--transition-all:all var(--duration-normal) var(--ease-default);--transition-transform:transform var(--duration-normal) var(--ease-spring);--transition-opacity:opacity var(--duration-fast) var(--ease-out)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}:root{--color-bg-base:#fff;--color-bg-subtle:#f8f9fa;--color-bg-muted:#f0f2f5;--color-bg-emphasis:#e8ecf0;--color-bg-inset:#d9dde3;--color-bg-overlay:rgba(hexToRgb(#0d1117), .6);--color-bg-glass:#ffffffb8;--color-bg-glass-dark:#0d1117b3;--color-surface-1:#fff;--color-surface-2:#f8f9fa;--color-surface-3:#f0f2f5;--color-surface-raised:#fffffff2;--color-surface-sunken:#0000000a;--color-border-subtle:#e8ecf0;--color-border-default:#d9dde3;--color-border-strong:#bec4cc;--color-border-focus:#3b82f6;--color-border-error:#ef4444;--color-divider:#00000014;--color-text-primary:#0d1117;--color-text-secondary:#4b5563;--color-text-tertiary:#9aa0a8;--color-text-disabled:#bec4cc;--color-text-inverse:#fff;--color-text-on-accent:#fff;--color-text-link:#2563eb;--color-text-link-hover:#1d4ed8;--color-text-code:#e11d48;--color-brand-50:#dbeafe;--color-brand-100:#e0e7ff;--color-brand-300:#93c5fd;--color-brand-400:#60a5fa;--color-brand-500:#3b82f6;--color-brand-600:#2563eb;--color-brand-700:#1d4ed8;--color-brand-subtle:#3b82f61a;--color-brand-hover:#3b82f614;--color-accent-primary:#8b5cf6;--color-accent-secondary:#22d3ee;--color-accent-tertiary:#2dd4bf;--color-accent-subtle:#8b5cf61a;--color-success-light:#dcfce7;--color-success-base:#22c55e;--color-success-dark:#15803d;--color-success-subtle:#22c55e1f;--color-success-text:#15803d;--color-warning-light:#fef9c3;--color-warning-base:#f59e0b;--color-warning-dark:#d97706;--color-warning-subtle:#f59e0b1f;--color-warning-text:#d97706;--color-error-light:#fee2e2;--color-error-base:#ef4444;--color-error-dark:#b91c1c;--color-error-subtle:#ef44441f;--color-error-text:#b91c1c;--color-info-light:#dbeafe;--color-info-base:#3b82f6;--color-info-dark:#1d4ed8;--color-info-subtle:#3b82f61f;--color-info-text:#1d4ed8;--color-neutral-light:#f0f2f5;--color-neutral-base:#6b7280;--color-neutral-dark:#374151;--color-neutral-subtle:#6b72801a;--color-neutral-text:#374151;--color-neo-electric:#00b4ff;--color-neo-cyan:#00ffea;--color-neo-green:#39ff14;--color-neo-lime:#cf0;--color-neo-magenta:#ff006e;--color-neo-pink:#ff2d78;--color-neo-fuchsia:#ff3dff;--color-neo-yellow:#ffe600;--color-neo-orange:#ff6b00;--color-neo-violet:#7b2fff;--color-neo-indigo:#4d00ff;--color-neo-aurora:#00ffa3;--color-neo-holo:#b8f7fe;--color-neo-electric-glow:#00b4ff26;--color-neo-cyan-glow:#00ffea1f;--color-neo-green-glow:#39ff141f;--color-neo-magenta-glow:#ff006e26;--color-neo-fuchsia-glow:#ff3dff1f;--color-neo-violet-glow:#7b2fff26;--color-neo-orange-glow:#ff6b001f;--color-neo-aurora-glow:#00ffa31f;--color-interactive-default:#3b82f6;--color-interactive-hover:#2563eb;--color-interactive-active:#1d4ed8;--color-interactive-focus:#3b82f64d;--color-interactive-disabled:#d9dde3;--color-selection-bg:#3b82f633;--color-highlight-1:#facc1559;--color-highlight-2:#34d3994d;--color-highlight-3:#f8718540;--quiz-card-bg:var(--color-surface-1);--quiz-card-border:var(--color-border-default);--quiz-accent:var(--color-brand-500);--quiz-success:var(--color-success-base);--quiz-error:var(--color-error-base)}.dark{--color-bg-base:#080c12;--color-bg-subtle:#0d1117;--color-bg-muted:#131924;--color-bg-emphasis:#1a2030;--color-bg-inset:#252d3a;--color-bg-overlay:#020408bf;--color-bg-glass:#0d1117b8;--color-bg-glass-dark:#000c;--color-surface-1:#0d1117;--color-surface-2:#131924;--color-surface-3:#1a2030;--color-surface-raised:#1a2030f2;--color-surface-sunken:#00000040;--color-border-subtle:#ffffff0f;--color-border-default:#ffffff1a;--color-border-strong:#ffffff2e;--color-border-focus:#60a5fa;--color-border-error:#f87171;--color-divider:#ffffff12;--color-text-primary:#f8f9fa;--color-text-secondary:#bec4cc;--color-text-tertiary:#6b7280;--color-text-disabled:#374151;--color-text-inverse:#0d1117;--color-text-on-accent:#fff;--color-text-link:#60a5fa;--color-text-link-hover:#93c5fd;--color-text-code:#fb7185;--color-brand-50:#3b82f61f;--color-brand-100:#3b82f62e;--color-brand-300:#60a5fa;--color-brand-400:#60a5fa;--color-brand-500:#60a5fa;--color-brand-600:#93c5fd;--color-brand-700:#93c5fd;--color-brand-subtle:#3b82f626;--color-brand-hover:#3b82f61f;--color-accent-primary:#8b5cf6;--color-accent-secondary:#67e8f9;--color-accent-tertiary:#5eead4;--color-accent-subtle:#8b5cf626;--color-success-light:#22c55e1f;--color-success-base:#4ade80;--color-success-dark:#86efac;--color-success-subtle:#22c55e1f;--color-success-text:#86efac;--color-warning-light:#f59e0b1f;--color-warning-base:#fbbf24;--color-warning-dark:#fcd34d;--color-warning-subtle:#f59e0b1f;--color-warning-text:#fcd34d;--color-error-light:#ef44441f;--color-error-base:#f87171;--color-error-dark:#fca5a5;--color-error-subtle:#ef44441f;--color-error-text:#fca5a5;--color-info-light:#3b82f61f;--color-info-base:#60a5fa;--color-info-dark:#93c5fd;--color-info-subtle:#3b82f61f;--color-info-text:#93c5fd;--color-interactive-default:#60a5fa;--color-interactive-hover:#93c5fd;--color-interactive-active:#93c5fd;--color-interactive-focus:#60a5fa59;--color-interactive-disabled:#252d3a;--color-selection-bg:#60a5fa40;--color-highlight-1:#fde04740;--color-highlight-2:#2dd4bf33;--color-highlight-3:#fb718533;--color-neo-electric-glow:#00b4ff38;--color-neo-cyan-glow:#00ffea2e;--color-neo-green-glow:#39ff142e;--color-neo-magenta-glow:#ff006e38;--color-neo-fuchsia-glow:#ff3dff2e;--color-neo-violet-glow:#7b2fff38;--color-neo-orange-glow:#ff6b002e;--color-neo-aurora-glow:#00ffa32e}:root{--gradient-brand-primary:linear-gradient(135deg, #3b82f6 0%, #7c3aed 60%, #6366f1 100%);--gradient-brand-subtle:linear-gradient(135deg, #3b82f61f 0%, #8b5cf614 100%);--gradient-brand-vivid:linear-gradient(135deg, #22d3ee 0%, #3b82f6 40%, #6d28d9 100%);--gradient-brand-warm:linear-gradient(135deg, #f97316 0%, #f43f5e 50%, #db2777 100%);--gradient-neo-cyber:linear-gradient(120deg, #00b4ff 0%, #00ffea 50%, #00ffa3 100%);--gradient-neo-inferno:linear-gradient(120deg, #ffe600 0%, #ff6b00 45%, #ff006e 100%);--gradient-neo-aurora:linear-gradient(135deg, #00ffa3 0%, #00b4ff 35%, #ff3dff 70%, #ff006e 100%);--gradient-neo-galaxy:linear-gradient(135deg, #4d00ff 0%, #7b2fff 30%, #ff3dff 65%, #00ffea 100%);--gradient-neo-matrix:linear-gradient(180deg, #39ff14 0%, #39ff1499 50%, #39ff1400 100%);--gradient-neo-sunset:linear-gradient(135deg, #ffe600 0%, #ff6b00 30%, #ff006e 60%, #7b2fff 100%);--gradient-neo-holographic:linear-gradient(135deg, #b8f7fe 0%, #00ffea 25%, #ff3dff 50%, #cf0 75%, #b8f7fe 100%);--gradient-surface-top:linear-gradient(180deg, #ffffff14 0%, #fff0 100%);--gradient-surface-bottom:linear-gradient(0deg, #0000000f 0%, #0000 100%);--gradient-fade-right:linear-gradient(90deg, #fff0 0%, #fff 100%);--gradient-fade-bottom:linear-gradient(180deg, #fff0 0%, #ffffffe6 100%);--gradient-skeleton:linear-gradient(90deg, #0000000a 0%, #00000014 50%, #0000000a 100%);--gradient-success:linear-gradient(135deg, #2dd4bf 0%, #22c55e 100%);--gradient-warning:linear-gradient(135deg, #fde047 0%, #f97316 100%);--gradient-error:linear-gradient(135deg, #fb7185 0%, #dc2626 100%);--gradient-info:linear-gradient(135deg, #22d3ee 0%, #2563eb 100%);--gradient-mesh-light:radial-gradient(ellipse 80% 60% at 20% 20%, #3b82f61f 0%, transparent 60%), radial-gradient(ellipse 60% 80% at 80% 80%, #8b5cf61a 0%, transparent 60%), radial-gradient(ellipse 50% 50% at 50% 50%, #06b6d40f 0%, transparent 70%);--gradient-mesh-dark:radial-gradient(ellipse 80% 60% at 20% 20%, #00b4ff26 0%, transparent 60%), radial-gradient(ellipse 60% 80% at 80% 80%, #7b2fff1f 0%, transparent 60%), radial-gradient(ellipse 50% 50% at 50% 50%, #00ffea14 0%, transparent 70%);--gradient-mesh-neo:radial-gradient(ellipse 70% 50% at 10% 10%, #00b4ff40 0%, transparent 55%), radial-gradient(ellipse 60% 70% at 90% 85%, #ff3dff33 0%, transparent 55%), radial-gradient(ellipse 80% 40% at 50% 50%, #00ffa31f 0%, transparent 65%)}[data-theme=dark],.dark{--gradient-fade-right:linear-gradient(90deg, #080c1200 0%, #080c12 100%);--gradient-fade-bottom:linear-gradient(180deg, #080c1200 0%, #080c12e6 100%);--gradient-skeleton:linear-gradient(90deg, #ffffff08 0%, #ffffff12 50%, #ffffff08 100%)}:root{--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000f;--shadow-lg:0 10px 15px #00000014, 0 4px 6px #0000000d;--shadow-xl:0 20px 25px #0000001a, 0 8px 10px #0000000f;--shadow-2xl:0 25px 50px #00000026;--shadow-inner:inset 0 2px 4px #0000000f;--shadow-brand:0 4px 14px #3b82f64d, 0 2px 6px #3b82f626;--shadow-accent:0 4px 14px #8b5cf64d, 0 2px 6px #8b5cf626;--shadow-success:0 4px 14px #22c55e4d;--shadow-warning:0 4px 14px #f59e0b4d;--shadow-error:0 4px 14px #ef44444d;--glow-electric:0 0 8px #00b4ff99, 0 0 20px #00b4ff59, 0 0 40px #00b4ff26;--glow-cyan:0 0 8px #00ffea99, 0 0 20px #00ffea59, 0 0 40px #00ffea26;--glow-green:0 0 8px #39ff1499, 0 0 20px #39ff1459, 0 0 40px #39ff1426;--glow-magenta:0 0 8px #ff006e99, 0 0 20px #ff006e59, 0 0 40px #ff006e26;--glow-fuchsia:0 0 8px #ff3dff8c, 0 0 20px #ff3dff4d, 0 0 40px #ff3dff26;--glow-violet:0 0 8px #7b2fff99, 0 0 20px #7b2fff59, 0 0 40px #7b2fff26;--glow-orange:0 0 8px #ff6b0099, 0 0 20px #ff6b0059, 0 0 40px #ff6b0026;--glow-aurora:0 0 8px #00ffa38c, 0 0 20px #00ffa34d, 0 0 40px #00ffa326;--ring-focus-brand:0 0 0 3px #3b82f666;--ring-focus-error:0 0 0 3px #ef444466;--ring-focus-neo:0 0 0 3px #00b4ff73}[data-theme=dark],.dark{--shadow-sm:0 1px 3px #00000040, 0 1px 2px #0003;--shadow-md:0 4px 6px #0000004d, 0 2px 4px #0003;--shadow-lg:0 10px 15px #00000059, 0 4px 6px #0003;--shadow-xl:0 20px 25px #0006, 0 8px 10px #00000040;--shadow-2xl:0 25px 50px #0000008c;--shadow-inner:inset 0 2px 4px #00000040}:root{--overlay-white-5:#ffffff0d;--overlay-white-8:#ffffff14;--overlay-white-10:#ffffff1a;--overlay-white-15:#ffffff26;--overlay-white-20:#fff3;--overlay-white-30:#ffffff4d;--overlay-white-50:#ffffff80;--overlay-white-72:#ffffffb8;--overlay-white-90:#ffffffe6;--overlay-black-5:#0000000d;--overlay-black-8:#00000014;--overlay-black-10:#0000001a;--overlay-black-20:#0003;--overlay-black-30:#0000004d;--overlay-black-40:#0006;--overlay-black-50:#00000080;--overlay-black-60:#0009;--overlay-black-75:#000000bf;--overlay-black-90:#000000e6;--overlay-brand-10:#3b82f61a;--overlay-brand-20:#3b82f633;--overlay-accent-10:#8b5cf61a;--overlay-accent-20:#8b5cf633;--overlay-danger-10:#ef44441a;--overlay-success-10:#22c55e1a;--overlay-neo-10:#00b4ff1a;--overlay-neo-20:#00b4ff33;--duration-instant:80ms;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--duration-slower:.6s;--duration-slowest:.9s;--ease-default:cubic-bezier(.4, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-bounce:cubic-bezier(.68, -.55, .27, 1.55);--ease-smooth:cubic-bezier(.25, .46, .45, .94);--transition-colors:color var(--duration-fast) var(--ease-default), background-color var(--duration-fast) var(--ease-default), border-color var(--duration-fast) var(--ease-default), box-shadow var(--duration-fast) var(--ease-default);--transition-all:all var(--duration-normal) var(--ease-default);--transition-transform:transform var(--duration-normal) var(--ease-spring);--transition-opacity:opacity var(--duration-fast) var(--ease-out)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--color-neo-electric-glow)}50%{box-shadow:0 0 18px 4px var(--color-neo-electric-glow)}}@keyframes progress-fill{0%{width:0}}@keyframes pop-yes{0%{transform:scale(.95)}60%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes shake-no{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}body{background:var(--color-bg-base);font-family:sans-serif}.poser{background:var(--quiz-card-bg);-webkit-backdrop-filter:blur(12px)saturate(180%);border:1px solid var(--quiz-card-border);max-width:680px;transition:all var(--duration-normal) var(--ease-default);font-family:var(--font-body);color:var(--color-text-primary);border-radius:1.4rem;flex-direction:column;align-items:center;gap:1.25rem;margin:2rem auto;padding:2rem 1.75rem;display:flex;box-shadow:0 4px 24px #00000073}.title{text-align:center}.title h1{letter-spacing:-.02em;text-transform:uppercase;background:var(--gradient-brand-primary);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-family:inherit;font-size:clamp(1.4rem,4vw,2rem);font-weight:800}.title p{color:var(--color-text-secondary);letter-spacing:.05em;margin-top:.3rem;font-size:.85rem}.progress{background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:.9rem;width:100%;padding:.85rem 1.1rem}.progress__a{flex-wrap:wrap;gap:.5rem 1.25rem;margin-bottom:.75rem;display:flex}.progress__a p{letter-spacing:.04em;background:var(--color-bg-base);border:1px solid var(--color-border-subtle);border-radius:99px;padding:.25rem .7rem;font-size:.8rem;font-weight:600}.progress__a p:first-child{color:var(--color-neutral-text);background:var(--color-neutral-subtle);border:1px solid var(--color-neutral-text)}.progress__a p:nth-child(2){color:var(--color-success-text);background:var(--color-success-subtle);border:1px solid var(--color-success-text)}.progress__a p:nth-child(3){color:var(--color-error-text);background:var(--color-error-subtle);border:1px solid var(--color-error-text)}.progress__b{color:var(--color-text-tertiary);justify-content:space-between;margin-bottom:.5rem;font-size:.75rem;display:flex}.progress__b p:last-child{color:var(--quiz-accent);font-weight:700}.progress .progress-bar{background:var(--color-bg-inset);border-radius:99px;width:100%;height:6px;display:block;position:relative;overflow:hidden}.progress .progress-bar .progress-fill{background:var(--gradient-success);border-radius:99px;height:100%;transition:width .45s cubic-bezier(.4,0,.2,1);animation:.6s both progress-fill;display:block}.question{flex-direction:column;gap:1rem;width:100%;display:flex}.question__sentence{color:var(--color-text-primary);font-size:clamp(1rem,2.8vw,1.3rem);line-height:1.55}.question__sentence .strong{color:var(--quiz-accent);margin-right:.4rem;font-weight:900}.question__sentence .em{font-style:italic;font-weight:550}.question__picture-frame{background:var(--color-bg-muted);border-radius:.5rem;padding:.75rem}.question__img-sentence{border:2px solid var(--color-border-subtle);object-fit:cover;width:100%;transition:all var(--duration-normal) var(--ease-default);border-radius:.5rem}.question__img-sentence:hover{border-color:var(--quiz-accent)}.answer{flex-direction:column;gap:.7rem;width:100%;display:flex}.answer span{background:var(--color-surface-2);border:1px solid var(--color-border-default);scrollbar-width:thin;scrollbar-color:var(--color-brand-300) transparent;border-radius:.9rem;flex-direction:column;gap:.5rem;max-height:250px;padding:.5rem;transition:border-color .2s,background .2s;display:flex;overflow:hidden auto}.answer span::-webkit-scrollbar{width:5px}.answer span::-webkit-scrollbar-track{background:0 0}.answer span::-webkit-scrollbar-thumb{background:var(--color-brand-subtle);border-radius:10px}.answer span::-webkit-scrollbar-thumb:hover{background:var(--quiz-accent)}.answer span:hover{border-color:var(--quiz-accent);background:var(--color-brand-hover)}.answer span.is-correct{border-color:var(--quiz-success);background:var(--color-success-subtle)}.answer span.is-correct button{background:var(--quiz-success);color:var(--color-bg-base)}.answer span.is-wrong{border-color:var(--quiz-error);background:var(--color-error-subtle)}.answer span.is-wrong button{background:var(--quiz-error);color:var(--color-neutral-0)}.answer button{text-align:left;width:100%;font-family:var(--font-body);cursor:pointer;white-space:normal;word-break:break-word;color:var(--color-text-primary);background:var(--color-bg-base);border:1px solid var(--color-border-subtle);transition:all var(--duration-normal) var(--ease-default);border-radius:.5rem;padding:.65rem 1.1rem;font-size:.95rem;font-weight:600}.answer button:hover{background:var(--quiz-accent);color:var(--color-text-on-accent);box-shadow:var(--shadow-brand);transform:translate(3px)}.answer button:active{transform:scale(.98)}.answer img{border:2px solid var(--color-border-subtle);object-fit:cover;width:80%;transition:border-color var(--duration-normal) var(--ease-default);border-radius:.5rem;margin:.25rem auto 0}.answer img:hover{border-color:var(--quiz-accent)}.btn-group{justify-content:space-between;align-items:center;gap:.75rem;width:100%;margin-top:.5rem;display:flex}.btn-group div{gap:.6rem;display:flex}.btn{letter-spacing:.03em;cursor:pointer;border:1px solid var(--color-border-default);color:var(--color-text-primary);background:var(--color-surface-3);transition:all var(--duration-normal) var(--ease-default);border-radius:.5rem;justify-content:center;align-items:center;gap:.3rem;padding:.5rem 1rem;font-family:inherit;font-size:.85rem;font-weight:700;display:inline-flex}.btn:hover{background:var(--gradient-brand-subtle);box-shadow:var(--shadow-sm);color:var(--color-text-on-accent);transition:var(--transition-colors), transform var(--duration-fast) var(--ease-spring);border:none}.btn:hover:hover{filter:brightness(1.08)saturate(1.1);box-shadow:var(--shadow-sm), 0 4px 16px #00000026;transform:translateY(-1px)}.btn:hover:active{filter:brightness(.96);transform:translateY(0)}.btn:hover:disabled{background:var(--color-interactive-disabled);box-shadow:none;filter:none;cursor:not-allowed}.btn:active{transform:scale(.96)}.btn:last-child{background:var(--gradient-brand-primary);box-shadow:var(--shadow-brand);color:var(--color-text-on-accent);transition:var(--transition-colors), transform var(--duration-fast) var(--ease-spring);border:none}.btn:last-child:hover{filter:brightness(1.08)saturate(1.1);box-shadow:var(--shadow-brand), 0 4px 16px #00000026;transform:translateY(-1px)}.btn:last-child:active{filter:brightness(.96);transform:translateY(0)}.btn:last-child:disabled{background:var(--color-interactive-disabled);box-shadow:none;filter:none;cursor:not-allowed}.btn:last-child{animation:2.8s ease-in-out infinite pulse-glow}.yes{box-shadow:0 0 0 3px var(--color-success-subtle);animation:.35s cubic-bezier(.34,1.56,.64,1) both pop-yes;border-color:var(--quiz-success)!important;background:var(--color-success-subtle)!important}.yes button{color:var(--color-neutral-0);border-color:var(--quiz-success);box-shadow:var(--shadow-success);font-weight:800;background:var(--quiz-success)!important}.yes button:before{content:"✓";margin-right:.5rem;font-size:1.1em}.no{box-shadow:0 0 0 3px var(--color-error-subtle);animation:.4s both shake-no;border-color:var(--quiz-error)!important;background:var(--color-error-subtle)!important}.no button{color:var(--color-neutral-0);border-color:var(--quiz-error);box-shadow:var(--shadow-error);font-weight:800;background:var(--quiz-error)!important}.no button:before{content:"✗";margin-right:.5rem;font-size:1.1em}@media (width>=600px){.poser{border-radius:1.8rem;gap:1.75rem;max-width:860px;margin:3rem auto;padding:2.5rem 3rem}.title h1{letter-spacing:-.03em;font-size:2.25rem}.title p{margin-top:.45rem;font-size:.95rem}.progress{padding:1rem 1.5rem}.progress__a{flex-wrap:nowrap;gap:.6rem 2rem;margin-bottom:.9rem}.progress__a p{padding:.3rem .9rem;font-size:.875rem}.progress__b{margin-bottom:.6rem;font-size:.8rem}.progress span{height:8px}.question{gap:1.25rem}.question h2{font-size:1.4rem;line-height:1.6}.question div{padding:1rem}.question img{object-fit:contain;max-height:320px}.answer{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.answer span{padding:.65rem}.answer button{padding:.75rem 1.2rem;font-size:1rem}.answer img{width:70%}.btn-group{margin-top:.75rem}.btn-group div{gap:.85rem}.btn{border-radius:.6rem;padding:.65rem 1.5rem;font-size:.92rem}}h1,h2,h3{font-weight:700}
