:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa}.shell{min-height:100vh;display:grid;place-items:center;padding:2rem}.card{width:22rem;border:1px solid rgba(255,255,255,.1);padding:2rem;border-radius:1rem;background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center}.tag{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:#ffffff8c;border:1px solid rgba(255,255,255,.12);padding:.25rem .5rem;border-radius:.25rem;margin-bottom:1rem}h1{margin:0 0 .5rem;font-size:1.6rem;font-weight:700;letter-spacing:-.02em}p{margin:0;color:#ffffffa6;font-size:.95rem}.subtitle{margin-bottom:1.5rem;color:#ffffff80}.vinyl{width:80px;height:80px;margin:0 auto 1.25rem;border-radius:50%;background:conic-gradient(from 0deg,#1a1a2e,#16213e,#0f3460,#533483,#1a1a2e);animation:spin 4s linear infinite;position:relative}.vinyl:after{content:"";position:absolute;top:35%;right:35%;bottom:35%;left:35%;border-radius:50%;background:#0a0a0a;border:2px solid rgba(255,255,255,.15)}@keyframes spin{to{transform:rotate(360deg)}}.puzzle-btn{padding:.6rem 1.6rem;font-size:1rem;font-weight:600;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;background:#ffffff14;color:#fafafa;cursor:pointer;transition:background .15s,transform .1s}.puzzle-btn:hover:not(:disabled){background:#ffffff26;transform:translateY(-1px)}.puzzle-btn:active:not(:disabled){transform:translateY(0)}.puzzle-btn:disabled{opacity:.5;cursor:default}.glow{box-shadow:0 0 20px #8b5cf640;border-color:#8b5cf666}.glow:hover:not(:disabled){box-shadow:0 0 28px #8b5cf666}.progress{display:flex;justify-content:space-between;font-size:.8rem;color:#ffffff73;margin-bottom:.4rem}.score-display{color:#8b5cf6cc}.progress-bar{height:4px;border-radius:2px;background:#ffffff14;margin-bottom:1.5rem;overflow:hidden}.progress-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#8b5cf6,#ec4899);transition:width .4s ease}.prompt-area{margin-bottom:1.5rem}.lyric-prompt{font-size:1.2rem;font-style:italic;color:#ffffffd9;line-height:1.6}.blank{color:#8b5cf6;font-weight:700;font-style:normal;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.answer-form{display:flex;gap:.5rem}.answer-input{flex:1;padding:.6rem .8rem;font-size:1rem;border:1px solid rgba(255,255,255,.15);border-radius:.5rem;background:#ffffff0f;color:#fafafa;outline:none;transition:border-color .2s,box-shadow .2s}.answer-input:focus{border-color:#8b5cf680;box-shadow:0 0 0 2px #8b5cf626}.answer-input.correct{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e33}.answer-input.wrong{border-color:#ef4444;box-shadow:0 0 0 2px #ef444433}.answer-input::placeholder{color:#ffffff40}.feedback{margin-top:1rem;padding:.6rem;border-radius:.5rem;font-size:.95rem;animation:slideIn .3s ease}.feedback.correct{background:#22c55e1a;color:#4ade80;border:1px solid rgba(34,197,94,.2)}.feedback.wrong{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2)}.feedback strong{color:#fafafa}@keyframes slideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.big-emoji{font-size:3.5rem;margin-bottom:.75rem}.result-screen h1{font-size:2.5rem;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.score-bar{height:8px;border-radius:4px;background:#ffffff14;margin:1rem 0 1.5rem;overflow:hidden}.score-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#8b5cf6,#ec4899);transition:width 1s ease}