.card{border-radius:var(--radius-card);position:relative;overflow:hidden;border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--brand-500) 24%,transparent),transparent 75%) border-box;box-shadow:0 0 0 1px var(--border),var(--shadow-card)}.panel{border-radius:var(--radius-panel);padding:.875rem;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-btn);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)}.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);color:var(--brand-text)}.btn-primary:hover{background:var(--brand-600)}.btn-secondary{background:color-mix(in srgb,var(--brand-500) 18%,transparent);color:var(--btn-secondary-fg);box-shadow:inset 0 0 0 1px var(--accent-indigo)}.btn-secondary:hover{background:color-mix(in srgb,var(--brand-500) 34%,transparent)}.btn-muted{background:var(--btn-muted-bg);color:var(--btn-muted-fg)}.btn-muted:hover{background:var(--btn-muted-bg-hover)}.card.accent-rose{box-shadow:0 8px 30px rgba(0,0,0,.06),0 0 0 1px var(--border),0 14px 22px -14px var(--accent-rose)}.card.accent-emerald{box-shadow:0 8px 30px rgba(0,0,0,.06),0 0 0 1px var(--border),0 14px 22px -14px var(--accent-emerald)}.card.accent-amber{box-shadow:0 8px 30px rgba(0,0,0,.06),0 0 0 1px var(--border),0 14px 22px -14px var(--accent-amber)}.card.accent-indigo{box-shadow:0 8px 30px rgba(0,0,0,.06),0 0 0 1px var(--border),0 14px 22px -14px var(--accent-indigo)}.card.accent-sky{box-shadow:0 8px 30px rgba(0,0,0,.06),0 0 0 1px var(--border),0 14px 22px -14px var(--accent-sky)}.card.accent-fuchsia{box-shadow:0 8px 30px rgba(0,0,0,.06),0 0 0 1px var(--border),0 14px 22px -14px var(--accent-fuchsia)}.card.accent-lime{box-shadow:0 8px 30px rgba(0,0,0,.06),0 0 0 1px var(--border),0 14px 22px -14px var(--accent-lime)}.card.accent-violet{box-shadow:0 8px 30px rgba(0,0,0,.06),0 0 0 1px var(--border),0 14px 22px -14px var(--accent-violet)}.card.accent-cyan{box-shadow:0 8px 30px rgba(0,0,0,.06),0 0 0 1px var(--border),0 14px 22px -14px var(--accent-cyan)}.card.accent-rose{border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-rose) 38%,transparent),transparent 75%) border-box}.card.accent-emerald{border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-emerald) 38%,transparent),transparent 75%) border-box}.card.accent-amber{border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-amber) 38%,transparent),transparent 75%) border-box}.card.accent-indigo{border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-indigo) 38%,transparent),transparent 75%) border-box}.card.accent-sky{border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-sky) 38%,transparent),transparent 75%) border-box}.card.accent-fuchsia{border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-fuchsia) 38%,transparent),transparent 75%) border-box}.card.accent-lime{border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-lime) 38%,transparent),transparent 75%) border-box}.card.accent-violet{border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-violet) 38%,transparent),transparent 75%) border-box}.card.accent-cyan{border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-cyan) 38%,transparent),transparent 75%) border-box}.panel.accent-rose{border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-rose) 28%,transparent),transparent 75%) border-box}.panel.accent-emerald{border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-emerald) 28%,transparent),transparent 75%) border-box}.panel.accent-amber{border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-amber) 28%,transparent),transparent 75%) border-box}.panel.accent-indigo{border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-indigo) 28%,transparent),transparent 75%) border-box}.panel.accent-sky{border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-sky) 28%,transparent),transparent 75%) border-box}.panel.accent-fuchsia{border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-fuchsia) 28%,transparent),transparent 75%) border-box}.panel.accent-lime{border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-lime) 28%,transparent),transparent 75%) border-box}.panel.accent-violet{border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-violet) 28%,transparent),transparent 75%) border-box}.panel.accent-cyan{border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-cyan) 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,rgba(255,255,255,.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),var(--surface)) padding-box,linear-gradient(120deg,var(--brand-500),var(--accent-rose),var(--accent-amber),var(--accent-sky),var(--brand-500)) border-box;background-size:300% 300%;animation:border-flow 8s ease infinite}.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),var(--surface)) padding-box,linear-gradient(145deg,var(--accent-indigo),transparent 75%) border-box;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-indigo) 38%,transparent),transparent 75%) border-box;box-shadow:0 8px 30px rgba(0,0,0,.06),0 0 0 1px var(--border),0 14px 22px -14px var(--accent-indigo)}.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),var(--surface)) padding-box,linear-gradient(145deg,var(--accent-indigo),transparent 75%) border-box;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-indigo) 36%,transparent),transparent 75%) border-box;box-shadow:0 0 0 1px rgba(99,102,241,.35),var(--shadow-card);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-indigo) 50%,transparent),var(--shadow-card)}.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),0 12px 18px -16px color-mix(in srgb,var(--accent-emerald) 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),var(--surface)) padding-box,linear-gradient(145deg,var(--accent-emerald),transparent 75%) border-box;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-emerald) 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);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-emerald) 40%,transparent),var(--shadow-card)}.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),0 10px 16px -18px color-mix(in srgb,var(--accent-amber) 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),var(--surface)) padding-box,linear-gradient(145deg,var(--accent-amber),transparent 75%) border-box;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--accent-amber) 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);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-amber) 30%,transparent),var(--shadow-card)}.answer-recap{--_pad-y:0.55rem;--_pad-x:0.9rem;--_font-size:0.7rem;--_ring-color:rgba(255,255,255,0.15);--_bg-tint:rgba(255,255,255,0.07);--_text-color:rgba(255,255,255,0.85);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%,rgba(255,255,255,.12),rgba(255,255,255,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(52,211,153,0.45);--_bg-tint:rgba(16,185,129,0.16);--_text-color:var(--state-correct-fg);box-shadow:0 0 12px rgba(52,211,153,.18),0 1px 2px -1px rgba(0,0,0,.2)}.answer-recap[data-state=wrong]{--_ring-color:rgba(251,113,133,0.45);--_bg-tint:rgba(225,29,72,0.16);--_text-color:var(--state-wrong-fg)}.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)}}@keyframes gs-standby-wave{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@keyframes gs-standby-breathe{0%,to{opacity:.45;transform:scale(.94)}50%{opacity:.8;transform:scale(1.04)}}.gs-standby-slot{animation:gs-standby-wave 1.8s ease-in-out infinite}.gs-standby-halo{animation:gs-standby-breathe 2.4s ease-in-out infinite}@keyframes gs-standby-spin{to{transform:rotate(1turn)}}.gs-standby-ring{animation:gs-standby-spin 1.4s linear infinite}@media (prefers-reduced-motion:reduce){.gs-standby-halo,.gs-standby-ring,.gs-standby-slot{animation:none}.gs-standby-slot{opacity:.85}.gs-standby-halo{opacity:.6}}