:root{color-scheme:dark;--bg: #07070f;--surface: #15151f;--fg: #f5f5fb;--muted: color-mix(in oklab, var(--fg) 55%, transparent);--border: color-mix(in oklab, var(--fg) 14%, transparent);--violet: #8b5cf6;--pink: #ec4899;--cyan: #22d3ee;--emerald: #34d399;--accent: var(--violet);--grad-brand: linear-gradient( 135deg, var(--cyan), var(--violet) 55%, var(--pink) );--grad-primary: linear-gradient(135deg, var(--violet), var(--pink));--grad-reveal: linear-gradient(135deg, var(--emerald), var(--cyan));--ring: color-mix(in oklab, var(--violet) 65%, transparent);--radius: 16px}*{box-sizing:border-box}html,body{margin:0;height:100%;color:var(--fg);background-color:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}body{background-image:radial-gradient(60vw 60vw at 12% -5%,color-mix(in oklab,var(--violet) 26%,transparent),transparent 60%),radial-gradient(55vw 55vw at 105% 108%,color-mix(in oklab,var(--cyan) 20%,transparent),transparent 55%),radial-gradient(45vw 45vw at 100% 0%,color-mix(in oklab,var(--pink) 14%,transparent),transparent 55%);background-attachment:fixed}.splash{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:color-mix(in oklab,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;z-index:10}.splash p{margin:0;padding:.9rem 1.7rem;font-size:clamp(1.05rem,4vw,1.5rem);font-weight:600;color:var(--fg);border:1px solid var(--border);border-radius:999px;background:color-mix(in oklab,var(--surface) 70%,transparent);animation:pulse 2.4s ease-in-out infinite}.app{height:100%}.slide{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:clamp(1rem,3.5vh,2rem);padding:6vw;animation:slide-in .42s cubic-bezier(.2,.7,.2,1) both}.intro__title,.outro__title{margin:0;font-size:clamp(2.5rem,9vw,5rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.intro__subtitle{margin:0;color:var(--muted);font-size:clamp(1rem,3vw,1.35rem)}.q__meta{font-size:clamp(.68rem,2.4vw,.82rem);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);padding:.4rem .95rem;border:1px solid var(--border);border-radius:999px;background:color-mix(in oklab,var(--surface) 60%,transparent)}.q__prompt{margin:0;max-inline-size:22ch;font-size:clamp(1.7rem,6vw,3.2rem);font-weight:700;line-height:1.14;letter-spacing:-.02em}.q__image{max-width:min(80vw,640px);max-height:40vh;border-radius:var(--radius);border:1px solid var(--border);box-shadow:0 20px 60px #00000073}.q__choices{list-style:none;padding:0;margin:0;display:grid;gap:.85rem;width:min(90vw,640px)}.choice{display:flex;align-items:center;gap:1rem;padding:.9rem 1.2rem;border:1.5px solid var(--border);border-radius:14px;background:color-mix(in oklab,var(--surface) 80%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:clamp(1.1rem,3.4vw,1.4rem);text-align:left;transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease,opacity .25s ease,filter .25s ease}.choice__letter{flex:none;display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:999px;font-weight:700;background:color-mix(in oklab,var(--violet) 22%,transparent);color:color-mix(in oklab,var(--fg) 85%,var(--violet))}.choice--correct{border-color:var(--emerald);background:color-mix(in oklab,var(--emerald) 18%,var(--surface));box-shadow:0 12px 44px color-mix(in oklab,var(--emerald) 32%,transparent);transform:translateY(-2px) scale(1.015)}.choice--correct .choice__letter{background:var(--grad-reveal);color:#04120b}.choice--dim{opacity:.32;filter:saturate(.55)}.q__answer{font-size:clamp(1.5rem,5vw,2.4rem);font-weight:800;letter-spacing:-.01em;padding:1rem 2rem;border-radius:var(--radius);color:var(--fg);background:color-mix(in oklab,var(--violet) 16%,var(--surface));border:1.5px solid color-mix(in oklab,var(--violet) 60%,transparent);box-shadow:0 14px 50px color-mix(in oklab,var(--violet) 32%,transparent);animation:pop .4s cubic-bezier(.2,.7,.2,1) both}.controls{position:fixed;left:0;right:0;bottom:0;padding:.85rem max(.85rem,env(safe-area-inset-left)) max(.85rem,env(safe-area-inset-bottom));background:color-mix(in oklab,#05050c 68%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.6rem;z-index:5}.ctl__status{text-align:center;font-weight:600;letter-spacing:.04em;color:var(--muted)}.ctl__row{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.controls button{color:var(--fg);background:color-mix(in oklab,var(--surface) 78%,transparent);border:1px solid var(--border);border-radius:999px;padding:.62rem 1.2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .12s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.controls button:hover{border-color:var(--ring);background:color-mix(in oklab,var(--surface) 55%,transparent)}.controls button:active{transform:translateY(1px) scale(.98)}.controls button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.controls button[data-cmd=next]{border:none;color:#fff;background:var(--grad-primary);box-shadow:0 6px 24px color-mix(in oklab,var(--violet) 45%,transparent)}.controls button[data-cmd=next]:hover{box-shadow:0 8px 30px color-mix(in oklab,var(--pink) 50%,transparent)}.controls button[data-cmd=reveal]{border:none;color:#04120b;font-weight:700;background:var(--grad-reveal);box-shadow:0 6px 24px color-mix(in oklab,var(--emerald) 40%,transparent)}@keyframes slide-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes pulse{50%{border-color:var(--ring);box-shadow:0 0 44px color-mix(in oklab,var(--violet) 40%,transparent)}}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}