.card{border-radius:var(--radius-card,14px);position:relative;overflow:hidden;border:1px solid transparent;background:linear-gradient(var(--surface,#fff),var(--surface,#fff)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--brand-500,#4f46e5) 24%,transparent),transparent 75%) border-box;box-shadow:0 0 0 1px var(--border,#eef2f6),var(--shadow-card,0 6px 20px rgba(0,0,0,.05))}.panel{border-radius:var(--radius-panel,14px);padding:.875rem;background:var(--surface,#fff);border:1px solid var(--border,#eef2f6);box-shadow:var(--shadow-card,0 6px 20px rgba(0,0,0,.05))}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-btn,12px);padding:.5rem .875rem;min-height:2.5rem;box-sizing:border-box;font-size:.875rem;line-height:1.2;white-space:nowrap;font-weight:500;transition:background-color .15s ease,color .15s ease,opacity .15s ease,transform .15s ease;outline:none;border:0;cursor:pointer}.btn:focus-visible{box-shadow:var(--shadow-focus,0 0 0 2px rgba(86,127,255,.9))}.btn-sm{padding:.375rem .625rem;min-height:2.125rem;font-size:.8125rem}.btn-lg{padding:.625rem 1rem;min-height:2.75rem;font-size:.95rem}.btn:disabled,.btn[disabled]{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--brand-500,#e11d48);color:var(--brand-text,#fff)}.btn-primary:hover{background:var(--brand-600,#be123c)}.btn-secondary{background:var(--secondary-900,#0f172a);color:var(--secondary-text,#fff)}.btn-secondary:hover{background:var(--secondary-800,#1f2937)}.btn-muted{background:var(--btn-muted-bg,var(--neutral-200,#e2e8f0));color:var(--btn-muted-fg,#1f2937)}.btn-muted:hover{background:var(--btn-muted-bg-hover,var(--neutral-300,#cbd5e1))}.card.accent-rose{box-shadow:0 8px 30px rgba(0,0,0,.06),0 0 0 1px var(--border,#eef2f6),0 14px 22px -14px var(--accent-rose,#e11d48)}.card.accent-emerald{box-shadow:0 8px 30px rgba(0,0,0,.06),0 0 0 1px var(--border,#eef2f6),0 14px 22px -14px var(--accent-emerald,#10b981)}.card.accent-amber{box-shadow:0 8px 30px rgba(0,0,0,.06),0 0 0 1px var(--border,#eef2f6),0 14px 22px -14px var(--accent-amber,#f59e0b)}.card.accent-indigo{box-shadow:0 8px 30px rgba(0,0,0,.06),0 0 0 1px var(--border,#eef2f6),0 14px 22px -14px var(--accent-indigo,#6366f1)}.card.accent-sky{box-shadow:0 8px 30px rgba(0,0,0,.06),0 0 0 1px var(--border,#eef2f6),0 14px 22px -14px var(--accent-sky,#0ea5e9)}.card.accent-fuchsia{box-shadow:0 8px 30px rgba(0,0,0,.06),0 0 0 1px var(--border,#eef2f6),0 14px 22px -14px var(--accent-fuchsia,#d946ef)}.card.accent-lime{box-shadow:0 8px 30px rgba(0,0,0,.06),0 0 0 1px var(--border,#eef2f6),0 14px 22px -14px var(--accent-lime,#84cc16)}.card.accent-violet{box-shadow:0 8px 30px rgba(0,0,0,.06),0 0 0 1px var(--border,#eef2f6),0 14px 22px -14px var(--accent-violet,#8b5cf6)}.card.accent-cyan{box-shadow:0 8px 30px rgba(0,0,0,.06),0 0 0 1px var(--border,#eef2f6),0 14px 22px -14px var(--accent-cyan,#06b6d4)}.card.accent-rose{border:1px solid transparent;background:linear-gradient(var(--surface,#fff),var(--surface,#fff)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-rose,#e11d48) 38%,transparent),transparent 75%) border-box}.card.accent-emerald{border:1px solid transparent;background:linear-gradient(var(--surface,#fff),var(--surface,#fff)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-emerald,#10b981) 38%,transparent),transparent 75%) border-box}.card.accent-amber{border:1px solid transparent;background:linear-gradient(var(--surface,#fff),var(--surface,#fff)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-amber,#f59e0b) 38%,transparent),transparent 75%) border-box}.card.accent-indigo{border:1px solid transparent;background:linear-gradient(var(--surface,#fff),var(--surface,#fff)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-indigo,#6366f1) 38%,transparent),transparent 75%) border-box}.card.accent-sky{border:1px solid transparent;background:linear-gradient(var(--surface,#fff),var(--surface,#fff)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-sky,#0ea5e9) 38%,transparent),transparent 75%) border-box}.card.accent-fuchsia{border:1px solid transparent;background:linear-gradient(var(--surface,#fff),var(--surface,#fff)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-fuchsia,#d946ef) 38%,transparent),transparent 75%) border-box}.card.accent-lime{border:1px solid transparent;background:linear-gradient(var(--surface,#fff),var(--surface,#fff)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-lime,#84cc16) 38%,transparent),transparent 75%) border-box}.card.accent-violet{border:1px solid transparent;background:linear-gradient(var(--surface,#fff),var(--surface,#fff)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-violet,#8b5cf6) 38%,transparent),transparent 75%) border-box}.card.accent-cyan{border:1px solid transparent;background:linear-gradient(var(--surface,#fff),var(--surface,#fff)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-cyan,#06b6d4) 38%,transparent),transparent 75%) border-box}.panel.accent-rose{border:1px solid transparent;background:linear-gradient(var(--surface,#fff),var(--surface,#fff)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-rose,#e11d48) 28%,transparent),transparent 75%) border-box}.panel.accent-emerald{border:1px solid transparent;background:linear-gradient(var(--surface,#fff),var(--surface,#fff)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-emerald,#10b981) 28%,transparent),transparent 75%) border-box}.panel.accent-amber{border:1px solid transparent;background:linear-gradient(var(--surface,#fff),var(--surface,#fff)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-amber,#f59e0b) 28%,transparent),transparent 75%) border-box}.panel.accent-indigo{border:1px solid transparent;background:linear-gradient(var(--surface,#fff),var(--surface,#fff)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-indigo,#6366f1) 28%,transparent),transparent 75%) border-box}.panel.accent-sky{border:1px solid transparent;background:linear-gradient(var(--surface,#fff),var(--surface,#fff)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-sky,#0ea5e9) 28%,transparent),transparent 75%) border-box}.panel.accent-fuchsia{border:1px solid transparent;background:linear-gradient(var(--surface,#fff),var(--surface,#fff)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-fuchsia,#d946ef) 28%,transparent),transparent 75%) border-box}.panel.accent-lime{border:1px solid transparent;background:linear-gradient(var(--surface,#fff),var(--surface,#fff)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-lime,#84cc16) 28%,transparent),transparent 75%) border-box}.panel.accent-violet{border:1px solid transparent;background:linear-gradient(var(--surface,#fff),var(--surface,#fff)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-violet,#8b5cf6) 28%,transparent),transparent 75%) border-box}.panel.accent-cyan{border:1px solid transparent;background:linear-gradient(var(--surface,#fff),var(--surface,#fff)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-cyan,#06b6d4) 28%,transparent),transparent 75%) border-box}@keyframes beam-sweep{0%{transform:translateX(-120%) rotate(12deg);opacity:0}20%{opacity:.35}60%{opacity:.18}to{transform:translateX(120%) rotate(12deg);opacity:0}}.gs-beam{position:absolute;inset:-20% -10% -20% -10%;pointer-events:none;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.85) 50%,transparent);filter:blur(8px);mix-blend-mode:screen;animation:beam-sweep 2.6s ease-in-out infinite}@keyframes border-flow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.gs-animated-border{position:relative;border:1px solid transparent;background:linear-gradient(var(--surface,#fff),var(--surface,#fff)) padding-box,linear-gradient(120deg,var(--brand-500,#4f46e5),var(--accent-rose,#e11d48),var(--accent-amber,#f59e0b),var(--accent-sky,#0ea5e9),var(--brand-500,#4f46e5)) border-box;background-size:300% 300%;animation:border-flow 8s ease infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.gs-shimmer{background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0));background-size:200% 100%;animation:shimmer 2.5s infinite}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:var(--radius-badge,9999px);font-size:.75rem;font-weight:600}.badge-neutral{background:var(--badge-neutral-bg,#eef2f6);color:var(--badge-neutral-text,#334155)}.badge-rose{background:var(--badge-rose-bg,#ffe4e6);color:var(--badge-rose-text,#9f1239)}.badge-emerald{background:var(--badge-emerald-bg,#d1fae5);color:var(--badge-emerald-text,#065f46)}.badge-amber{background:var(--badge-amber-bg,#fef3c7);color:var(--badge-amber-text,#92400e)}.badge-indigo{background:var(--badge-indigo-bg,#e0e7ff);color:var(--badge-indigo-text,#3730a3)}.badge-sky{background:var(--badge-sky-bg,#e0f2fe);color:var(--badge-sky-text,#075985)}.badge-fuchsia{background:var(--badge-fuchsia-bg,#fae8ff);color:var(--badge-fuchsia-text,#86198f)}.badge-lime{background:var(--badge-lime-bg,#ecfccb);color:var(--badge-lime-text,#3f6212)}.badge-violet{background:var(--badge-violet-bg,#ede9fe);color:var(--badge-violet-text,#5b21b6)}.badge-cyan{background:var(--badge-cyan-bg,#cffafe);color:var(--badge-cyan-text,#155e75)}.chip{display:inline-flex;align-items:center;padding:.5rem .75rem;border-radius:var(--radius-chip,12px);font-weight:600}.chip-neutral{background:var(--chip-neutral-bg,#e2e8f0);color:var(--chip-neutral-text,#334155)}.chip-rose{background:var(--chip-rose-bg,#f43f5e);color:var(--chip-rose-text,#fff)}.chip-emerald{background:var(--chip-emerald-bg,#10b981);color:var(--chip-emerald-text,#fff)}.chip-amber{background:var(--chip-amber-bg,#f59e0b);color:var(--chip-amber-text,#fff)}.chip-indigo{background:var(--chip-indigo-bg,#6366f1);color:var(--chip-indigo-text,#fff)}.chip-sky{background:var(--chip-sky-bg,#0ea5e9);color:var(--chip-sky-text,#fff)}.accent-by-order>:first-child .card:not([class*=accent-]),.accent-by-order>:first-child.card:not([class*=accent-]){border:1px solid transparent;background:linear-gradient(var(--surface,#fff),var(--surface,#fff)) padding-box,linear-gradient(145deg,var(--accent-indigo,#6366f1),transparent 75%) border-box;background:linear-gradient(var(--surface,#fff),var(--surface,#fff)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-indigo,#6366f1) 38%,transparent),transparent 75%) border-box;box-shadow:0 8px 30px rgba(0,0,0,.06),0 0 0 1px var(--border,#eef2f6),0 14px 22px -14px var(--accent-indigo,#6366f1)}.accent-by-order>:first-child .panel:not([class*=accent-]),.accent-by-order>:first-child.panel:not([class*=accent-]){border:1px solid transparent;background:linear-gradient(var(--surface,#fff),var(--surface,#fff)) padding-box,linear-gradient(145deg,var(--accent-indigo,#6366f1),transparent 75%) border-box;background:linear-gradient(var(--surface,#fff),var(--surface,#fff)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-indigo,#6366f1) 36%,transparent),transparent 75%) border-box;box-shadow:0 0 0 1px rgba(99,102,241,.35),var(--shadow-card,0 6px 20px rgba(0,0,0,.05));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-indigo,#6366f1) 50%,transparent),var(--shadow-card,0 6px 20px rgba(0,0,0,.05))}.accent-by-order>:nth-child(2) .card:not([class*=accent-]),.accent-by-order>:nth-child(2).card:not([class*=accent-]){box-shadow:0 8px 28px rgba(0,0,0,.05),0 0 0 1px var(--border,#eef2f6),0 12px 18px -16px color-mix(in srgb,var(--accent-emerald,#10b981) 75%,transparent)}.accent-by-order>:nth-child(2) .card:not([class*=accent-]),.accent-by-order>:nth-child(2) .panel:not([class*=accent-]),.accent-by-order>:nth-child(2).card:not([class*=accent-]),.accent-by-order>:nth-child(2).panel:not([class*=accent-]){border:1px solid transparent;background:linear-gradient(var(--surface,#fff),var(--surface,#fff)) padding-box,linear-gradient(145deg,var(--accent-emerald,#10b981),transparent 75%) border-box;background:linear-gradient(var(--surface,#fff),var(--surface,#fff)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-emerald,#10b981) 28%,transparent),transparent 75%) border-box}.accent-by-order>:nth-child(2) .panel:not([class*=accent-]),.accent-by-order>:nth-child(2).panel:not([class*=accent-]){box-shadow:0 0 0 1px rgba(16,185,129,.28),var(--shadow-card,0 6px 20px rgba(0,0,0,.05));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-emerald,#10b981) 40%,transparent),var(--shadow-card,0 6px 20px rgba(0,0,0,.05))}.accent-by-order>:nth-child(3) .card:not([class*=accent-]),.accent-by-order>:nth-child(3).card:not([class*=accent-]){box-shadow:0 6px 24px rgba(0,0,0,.05),0 0 0 1px var(--border,#eef2f6),0 10px 16px -18px color-mix(in srgb,var(--accent-amber,#f59e0b) 55%,transparent)}.accent-by-order>:nth-child(3) .card:not([class*=accent-]),.accent-by-order>:nth-child(3) .panel:not([class*=accent-]),.accent-by-order>:nth-child(3).card:not([class*=accent-]),.accent-by-order>:nth-child(3).panel:not([class*=accent-]){border:1px solid transparent;background:linear-gradient(var(--surface,#fff),var(--surface,#fff)) padding-box,linear-gradient(145deg,var(--accent-amber,#f59e0b),transparent 75%) border-box;background:linear-gradient(var(--surface,#fff),var(--surface,#fff)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-amber,#f59e0b) 20%,transparent),transparent 75%) border-box}.accent-by-order>:nth-child(3) .panel:not([class*=accent-]),.accent-by-order>:nth-child(3).panel:not([class*=accent-]){box-shadow:0 0 0 1px rgba(245,158,11,.2),var(--shadow-card,0 6px 20px rgba(0,0,0,.05));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-amber,#f59e0b) 30%,transparent),var(--shadow-card,0 6px 20px rgba(0,0,0,.05))}.answer-recap{--_pad-y:0.55rem;--_pad-x:0.9rem;--_font-size:0.7rem;--_ring-color:var(--neutral-200);--_bg-tint:#f1f5f9;--_text-color:#334155;position:relative;display:inline-flex;align-items:center;gap:.45rem;padding:var(--_pad-y) var(--_pad-x);border-radius:9999px;font-size:var(--_font-size);font-weight:600;line-height:1.1;letter-spacing:.05em;text-transform:uppercase;max-width:34ch;border:1px solid var(--_ring-color);background:radial-gradient(circle at 30% 25%,hsla(0,0%,100%,.9),hsla(0,0%,100%,0)) 0 0 /160% 160%,linear-gradient(145deg,var(--_bg-tint),var(--_bg-tint));color:var(--_text-color);box-shadow:0 2px 4px rgba(0,0,0,.04),0 1px 2px -1px rgba(0,0,0,.04);overflow:hidden}.answer-recap[data-state=none]{opacity:.75}.answer-recap[data-state=correct]{--_ring-color:rgba(16,185,129,.45);--_bg-tint:#ecfdf5;--_text-color:#065f46}.answer-recap[data-state=wrong]{--_ring-color:rgba(225,29,72,.45);--_bg-tint:#fff1f2;--_text-color:#9f1239}.answer-recap-value{flex:1 1 auto;min-width:0}.answer-recap-value span{display:inline-block;vertical-align:top}@media (min-width:640px){.answer-recap{--_font-size:0.72rem;max-width:40ch}}@media (prefers-reduced-motion:no-preference){.answer-recap{animation:answer-recap-pop .42s cubic-bezier(.22,1.2,.48,1) both}}@keyframes answer-recap-pop{0%{opacity:0;transform:translateY(4px) scale(.92)}60%{opacity:1;transform:translateY(-1px) scale(1.03)}to{opacity:1;transform:translateY(0) scale(1)}}