:root{color:#172033;background:#f7f4ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}.app-shell{display:grid;min-height:100vh;place-items:center;padding:32px 18px;background:radial-gradient(circle at top left,rgba(255,191,71,.28),transparent 34%),linear-gradient(135deg,#f7f4ee,#eef5f8)}.quiz-panel,.result-card{width:min(980px,100%);border:1px solid rgba(23,32,51,.12);border-radius:8px;background:#ffffffe0;box-shadow:0 24px 60px #1720331f}.quiz-panel{padding:28px}.quiz-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.eyebrow{margin:0 0 8px;color:#a45114;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{max-width:680px;margin-bottom:0;color:#111827;font-size:clamp(2rem,5vw,4.4rem);line-height:.98}.score-box{min-width:112px;border:1px solid rgba(23,32,51,.12);border-radius:8px;padding:12px 14px;text-align:right;background:#fffaf2}.score-box span{display:block;color:#5f6b7a;font-size:.82rem}.score-box strong{color:#172033;font-size:1.45rem}.progress-track{height:10px;overflow:hidden;border-radius:999px;background:#e3e7ea}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#f59e0b,#0f766e);transition:width .22s ease}.question-card{margin:24px 0;border-radius:8px;padding:clamp(22px,4vw,36px);background:#172033;color:#fff}.question-meta{display:flex;justify-content:space-between;gap:16px;margin-bottom:20px;color:#bfdbfe;font-size:.9rem;font-weight:700}.prompt{margin:0;font-size:clamp(1.7rem,4vw,3rem);font-weight:800;line-height:1.08}.answers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.answer-button,.primary-button{min-height:52px;border:0;border-radius:8px;cursor:pointer;font-weight:800;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.answer-button{border:1px solid rgba(23,32,51,.14);padding:16px;background:#fff;color:#172033;text-align:left}.answer-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 12px 24px #1720331a}.answer-button:disabled{cursor:default}.answer-correct{border-color:#0f766e;background:#d8f5ee;color:#0f4f49}.answer-wrong{border-color:#b91c1c;background:#fee2e2;color:#8f1d1d}.answer-muted{opacity:.48}.feedback{margin-top:22px;border-radius:8px;padding:22px}.feedback h2{margin-bottom:8px;font-size:1.25rem}.feedback-correct{background:#e5f7ee;color:#123f32}.feedback-wrong{background:#fff0ed;color:#662018}.song-info{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0}.song-info span{border-radius:8px;padding:10px;background:#ffffffb3;font-size:.88rem;font-weight:800}.primary-button{padding:0 22px;background:#172033;color:#fff}.primary-button:hover{transform:translateY(-1px);box-shadow:0 12px 22px #1720332e}.result-card{max-width:700px;padding:clamp(28px,5vw,54px);text-align:center}.result-score{margin:18px auto;color:#0f766e;font-size:clamp(4rem,14vw,8rem);font-weight:900;line-height:.9}.result-copy{max-width:480px;margin:0 auto 26px;color:#445064;font-size:1.05rem}@media(max-width:720px){.quiz-panel{padding:18px}.quiz-header,.question-meta{flex-direction:column}.score-box{width:100%;text-align:left}.answers-grid,.song-info{grid-template-columns:1fr}}