@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:oklch(8% .015 160);--bg-radial:radial-gradient(ellipse at 50% 20%, oklch(22% .045 155), oklch(8% .02 160) 72%);--bg-surface:oklch(16% .03 155);--bg-elevated:oklch(20% .03 155);--border:oklch(40% .05 90/.18);--text-primary:#f4efe4;--text-secondary:oklch(60% .02 155);--accent:oklch(75% .12 85);--accent-hover:oklch(80% .12 85);--accent-dim:oklch(75% .12 85/.12);--gold-gradient:linear-gradient(180deg, oklch(94% .07 92), oklch(70% .13 80));--gold-shadow:0 4px 14px oklch(60% .13 80/.4);--gold-contrast-text:oklch(15% .02 90);--error:oklch(55% .18 25);--success:oklch(60% .14 150);--glow-bloom:oklch(70% .13 90/.16);--shadow-panel:0 20px 50px #00000080;--shadow-card:0 10px 26px #0000004d;--ans-a:oklch(55% .15 22);--ans-a-bg:linear-gradient(135deg, oklch(42% .15 25), oklch(30% .13 20));--ans-b:oklch(58% .1 238);--ans-b-bg:linear-gradient(135deg, oklch(45% .12 240), oklch(32% .11 235));--ans-c:oklch(72% .13 82);--ans-c-bg:linear-gradient(135deg, oklch(72% .13 82), oklch(55% .12 75));--ans-d:oklch(56% .12 195);--ans-d-bg:linear-gradient(135deg, oklch(44% .12 195), oklch(32% .11 190));--ans-e:oklch(58% .14 305);--ans-e-bg:linear-gradient(135deg, oklch(45% .14 305), oklch(32% .13 300));--ans-f:oklch(58% .15 340);--ans-f-bg:linear-gradient(135deg, oklch(44% .15 340), oklch(30% .13 335));--radius-card:12px;--radius-btn:8px;--radius-chip:999px}html,body{background:var(--bg-base);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:16px;line-height:1.5}#app{min-height:100dvh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{cursor:pointer;border:none;outline:none;font-family:inherit}button:focus-visible{box-shadow:0 0 0 3px var(--accent-dim)}input,textarea,select{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-btn);outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:15px;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}input[type=checkbox],input[type=radio]{background:initial;border:initial;border-radius:initial;width:auto;accent-color:var(--accent);padding:0}input[type=checkbox]:focus,input[type=radio]:focus{box-shadow:none}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.btn-primary{background:var(--gold-gradient);color:var(--gold-contrast-text);border-radius:var(--radius-btn);box-shadow:var(--gold-shadow);padding:9px 18px;font-size:15px;font-weight:700;transition:filter .15s,transform .1s}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:oklch(60% .02 155);border-radius:var(--radius-btn);background:0 0;border:1px solid oklch(35% .02 155);padding:9px 18px;font-size:15px;font-weight:600;transition:background .15s}.btn-secondary:hover{background:var(--accent-dim)}.btn-danger{color:var(--error);border-radius:var(--radius-btn);border:1px solid var(--error);background:0 0;padding:9px 18px;font-size:15px;font-weight:600;transition:background .15s}.btn-danger:hover{background:oklch(55% .18 25/.12)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:24px}.gold-text{background:var(--gold-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.pin-display{letter-spacing:.2em;text-transform:uppercase;background:var(--gold-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:700}.glow{pointer-events:none;background:radial-gradient(circle, var(--glow-bloom), transparent 70%);border-radius:50%;animation:24s ease-in-out infinite glowDrift;position:absolute}@keyframes glowDrift{0%{transform:translate(0)scale(1)}25%{transform:translate(70px,50px)scale(1.2)}50%{transform:translate(20px,110px)scale(.9)}75%{transform:translate(-60px,40px)scale(1.1)}to{transform:translate(0)scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.shake{animation:.5s shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes popIn{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}*{scrollbar-width:thin;scrollbar-color:oklch(60% .05 90/.4) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-chip);background-color:oklch(60% .05 90/.4);background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background-color:oklch(65% .06 90/.55);background-clip:padding-box}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}