:root{color-scheme:dark;--slate: #363946;--main: #00bfb2;--pink: #f6828c;--yellow: #f4d35e;--cream: #faf0ca;--bg: #2a2d36;--card: rgba(54, 57, 70, .88);--line: rgba(0, 191, 178, .4);font-family:Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% -10%,rgba(0,191,178,.28) 0%,transparent 42%),radial-gradient(circle at 80% 110%,rgba(246,130,140,.18) 0%,var(--bg) 46%);color:var(--cream)}body{min-height:100vh}.app{max-width:1440px;margin:0 auto;padding:1.25rem 1.5rem 2rem}header{text-align:center;margin-bottom:.75rem}h1{margin:0;font-size:clamp(2rem,4.5vw,3.4rem);letter-spacing:.08em;text-transform:uppercase;color:var(--main);text-shadow:0 2px 0 #1a4f4b}.tagline{margin:.4rem 0 0;color:var(--cream);font-size:clamp(1rem,1.6vw,1.25rem);opacity:.9}.stage{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:1.75rem;align-items:center}.wheel-column{display:flex;flex-direction:column;align-items:center;gap:1rem}.wheel-wrap{position:relative;width:min(100%,720px);margin:0 auto;aspect-ratio:1;filter:drop-shadow(0 18px 30px rgba(0,0,0,.45))}canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border-radius:50%}.pointer{position:absolute;top:0;left:50%;z-index:3;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:32px solid var(--yellow);transform:translate(-50%);filter:drop-shadow(0 2px 2px rgba(0,0,0,.55))}.callout{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.controls{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;width:min(100%,520px)}#spin,#new-session{height:72px;border-radius:999px;font-size:clamp(1.1rem,2.4vw,1.5rem);font-weight:800;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}#spin{flex:1 1 220px;border:2px solid var(--main);background:var(--main);color:var(--slate)}#new-session{flex:1 1 180px;border:2px solid var(--cream);background:transparent;color:var(--cream)}#spin:disabled,#new-session:disabled{opacity:.55;cursor:wait}#spin:not(:disabled):hover,#spin:not(:disabled):focus-visible{background:#00bfb2;color:#363946;outline:none}.after-spin{display:flex;flex-direction:column;gap:1rem;min-width:0}.result{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1.15rem;min-height:380px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.result.reveal .cover,.result.reveal .landed{animation:land-in .55s ease-out}@keyframes land-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.result.reveal .cover,.result.reveal .landed{animation:none}}.result.hidden{display:none}.result.empty p{margin:0;padding:2rem 1rem;font-size:1.25rem}.result.empty{display:grid;place-items:center;text-align:center;color:var(--cream)}.result .cover{width:100%;aspect-ratio:1;max-height:280px;object-fit:cover;border-radius:12px}.result .cover.fallback{background:linear-gradient(135deg,var(--pink),var(--slate))}.meta h2{margin:.2rem 0;font-size:clamp(1.5rem,2.4vw,2.1rem)}.landed{margin:.75rem 0 .2rem;color:var(--main);letter-spacing:.16em;text-transform:uppercase;font-size:1.1rem}.artists,.album{margin:.15rem 0;color:var(--cream);font-size:1.15rem;opacity:.85}.explicit{display:inline-block;margin-left:.3rem;padding:0 .35rem;border:1px solid var(--cream);border-radius:3px;font-size:.7rem;vertical-align:middle}.result-actions{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center;margin:.75rem 0}.open-link{color:var(--main);font-size:1.1rem}.copy-pick{border:2px solid var(--main);border-radius:999px;background:transparent;color:var(--main);padding:.35rem .9rem;font:inherit;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.copy-pick:hover,.copy-pick:focus-visible{background:var(--main);color:var(--slate);outline:none}.history{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1rem 1.15rem}.history h2{margin:0 0 .6rem;color:var(--main);font-size:1rem;letter-spacing:.16em;text-transform:uppercase}.history ol{margin:0;padding:0;list-style:none;max-height:220px;overflow:auto}.history li{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:.15rem .75rem;padding:.45rem 0;border-top:1px solid rgba(250,240,202,.12);font-size:1.05rem}.hist-num{grid-row:1 / 3;color:var(--main);font-weight:800}.hist-title,.hist-artist{grid-column:2}.hist-title{font-weight:700}.hist-artist{opacity:.8;font-size:.95rem}.embed{width:100%;height:152px;border:0;border-radius:12px}.status-row{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:1rem auto 0;color:var(--cream);font-size:1.05rem}#round-note{text-align:center;color:var(--yellow);min-height:1.4em;font-size:1.2rem}footer{margin-top:1.5rem;text-align:center;font-size:.9rem;color:var(--cream);opacity:.75}footer a{color:var(--main)}.error-detail{font-size:.85rem;opacity:.8}@media(max-width:800px){.stage{grid-template-columns:1fr}.result.hidden{display:none}}