:root{color:#2a1020;background:radial-gradient(circle at top,#ffd2e2e6,#fff1f6f5 32%,#fff8fb 70%),#fff8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}#root{min-height:100vh}.app-shell{gap:1rem;width:calc(100% - 1.5rem);max-width:920px;margin:0 auto;padding:1.25rem 0 2.5rem;display:grid;position:relative}.decor{filter:blur(18px);opacity:.45;pointer-events:none;border-radius:50%;width:140px;height:140px;position:fixed}.decor--left{background:#f78db5a6;top:12vh;left:-30px}.decor--right{background:#ffc57880;bottom:12vh;right:-20px}.hero,.question-card,.status-panel,.tips{z-index:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffbf;border:1px solid #ffffffa6;border-radius:16px;position:relative;box-shadow:0 16px 40px #a14d721f}.hero{text-align:center;padding:1.25rem}.hero__icon{width:56px;height:56px;margin-bottom:.4rem}.hero__eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#b04974;margin:0 0 .4rem;font-size:.75rem;font-weight:700}.hero h1{margin:0;font-size:1.6rem;line-height:1.05}.hero__copy{color:#6f3951;width:100%;margin:.75rem auto 0;font-size:.95rem}.question-card{padding:1rem}.question-card__meta{color:#9c4b6c;justify-content:space-between;gap:.75rem;margin-bottom:.9rem;font-size:.95rem;display:flex}.question-card__text{margin:0;font-size:1.25rem;font-weight:700;line-height:1.3}.actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.button{cursor:pointer;border:none;border-radius:999px;min-width:140px;padding:.75rem 1rem;transition:transform .18s,box-shadow .18s,opacity .18s;box-shadow:0 12px 26px #9b3a651f}.button:hover:enabled{transform:translateY(-2px)}.button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.button--primary{color:#fff;background:linear-gradient(135deg,#e95f94,#ff8f7d);font-weight:700}.button--ghost{color:#8f3459;background:#fffffff2;font-weight:700}.status-panel,.tips{padding:1rem}.status-panel{color:#6e344c;gap:.5rem;display:grid}.tips{grid-template-columns:90px 1fr;align-items:center;gap:.75rem;display:grid}.tips__asset{justify-self:center;width:100%;max-width:80px}.tips h2{margin:0 0 .25rem;font-size:1rem}.tips p{color:#6f3951;margin:0}.app-bar{background:#ffffffd9;border-radius:12px;justify-content:space-between;align-items:center;padding:.6rem .75rem;display:flex;box-shadow:0 6px 18px #a14d7214}.question-area{place-items:center;gap:.75rem;padding:.5rem 0;display:grid}.mode-questions{padding-top:.75rem}.mode-questions .decor{opacity:.35;width:120px;height:120px}.hint{color:#5b3949;text-align:center;background:#ffffffe6;border-radius:12px;max-width:420px;margin-top:.75rem;padding:.5rem .75rem;font-size:.9rem;box-shadow:0 8px 20px #a14d720f}.hint__kbd{font-weight:700;display:inline}@media (width<=720px){.hint__kbd{display:none}}.congrats-card{text-align:center;color:#0b5d33;z-index:50;background:linear-gradient(#e6ffef 0%,#e1fbe8 100%);border:1px solid #228b521f;border-radius:16px;padding:2rem 1.5rem;position:relative;box-shadow:0 28px 60px #0e542d1f}.congrats-card__asset{width:92px;height:92px;margin:0 auto .5rem}.congrats-card h2{margin:.5rem 0 .25rem;font-size:1.4rem}.congrats-actions{justify-content:center;gap:.75rem;margin-top:1rem;display:flex}.confetti{pointer-events:none;z-index:40;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.confetti__piece{opacity:.95;transform-origin:50%;animation-name:confetti-fall;animation-timing-function:linear;animation-iteration-count:1;position:absolute;top:0}.confetti__piece--0{background:#ff6b6b}.confetti__piece--1{background:#ffd166}.confetti__piece--2{background:#6bf0a3}.confetti__piece--3{background:#6ec1ff}.confetti__piece--4{background:#c38cff}.confetti__piece--5{background:#ff9ec0}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-10vh)rotate(0)}to{opacity:.9;transform:translateY(110vh)rotate(540deg)}}@media (prefers-reduced-motion:reduce){.confetti__piece{opacity:.8;animation:none}}@media (width>=721px){.app-shell{gap:1.5rem;width:min(920px,100% - 2rem);padding:2rem 0 3rem}.decor{width:180px;height:180px}.hero,.question-card,.status-panel,.tips{border-radius:28px;box-shadow:0 24px 70px #a14d722e}.hero{padding:2rem}.hero__icon{width:72px;height:72px;margin-bottom:.6rem}.hero__copy{color:#6f3951;width:min(60ch,100%);margin:1rem auto 0}.question-card{padding:1.5rem}.question-card__text{font-size:clamp(1.35rem,3.2vw,2.25rem)}.tips{text-align:left;grid-template-columns:110px 1fr}}.question-card__content{will-change:transform, opacity}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(8px)scale(.995)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:no-preference){.question-card__content{animation:.26s cubic-bezier(.2,.9,.28,1) both slideUpFadeIn}}@media (prefers-reduced-motion:reduce){.question-card__content{transition:none;animation:none}}