*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#1a1a2e;color:#eee;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}header{text-align:center;margin-bottom:3rem}h1{font-size:2.5rem;background:linear-gradient(135deg,#e94560,#0f3460);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:#888;margin-top:.5rem;font-style:italic}.welcome{text-align:center}.instructions{font-size:1.2rem;margin-bottom:2rem;color:#aaa}.card{background:linear-gradient(135deg,#16213e,#0f3460);border:1px solid #e94560;border-radius:1rem;padding:2.5rem;max-width:500px;min-height:150px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #e9456033}.question{font-size:1.4rem;text-align:center;line-height:1.6}.controls{margin-top:2rem;display:flex;gap:1rem;justify-content:center}.btn{padding:.8rem 2rem;border:none;border-radius:.5rem;font-size:1.1rem;cursor:pointer;transition:transform .15s ease}.btn:hover:not(:disabled){transform:scale(1.05)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg,#e94560,#c23152);color:#fff}.counter{margin-top:1.5rem;text-align:center;color:#666;font-size:.9rem}