:root{--music-purple:#6c3fb5;--music-magenta:#b53f8e;--music-gold:#f2b705;--music-charcoal:#1a1a2e;--music-deep:#16213e;--wheel-segment-1:#6c3fb5;--wheel-segment-2:#b53f8e;--wheel-segment-3:#f2b705;--wheel-segment-4:#3fb56c;--wheel-segment-5:#3f8eb5;--wheel-segment-6:#b56c3f;--wheel-segment-7:#e74c3c;--wheel-segment-8:#2ecc71;--wheel-result-text:var(--music-purple)}body{flex-direction:column;min-height:100vh;display:flex}.main-container{flex-direction:column;flex-grow:1;align-items:center;padding-top:20px;display:flex}.page-hero{text-align:center;background:var(--glass-bg,#ffffff1f);border:1px solid var(--glass-border,#fff3);border-radius:var(--radius-lg);backdrop-filter:blur(14px);width:92%;max-width:800px;box-shadow:var(--glass-shadow);padding:30px}.page-hero h1{color:var(--brand-heading,var(--music-charcoal));margin:.5rem 0;font-size:2rem;font-weight:700}.page-hero p{color:var(--brand-text,#10203f);margin:.75rem 0 0;font-size:1rem;line-height:1.6}.hero-eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--music-magenta);margin:0 0 .5rem;font-size:.75rem;font-weight:800}#wheel-container{margin:30px 0;position:relative}#indicator{border-left:15px solid #0000;border-right:15px solid #0000;border-top:30px solid var(--music-gold);z-index:10;width:0;height:0;position:absolute;top:-14px;left:50%;transform:translate(-50%)}#wheel{max-width:100%;height:auto}.preset-btns{flex-wrap:wrap;justify-content:center;gap:10px;max-width:900px;margin-bottom:20px;display:flex}.preset-btn{border:1px solid var(--brand-border,var(--music-purple));background:var(--brand-surface,#ffffff1f);color:var(--brand-heading,var(--music-purple));cursor:pointer;font-size:.9rem;font-weight:600;font-family:var(--brand-font-family,system-ui, sans-serif);border-radius:20px;padding:8px 16px;transition:all .2s}.preset-btn:hover{border-color:var(--music-purple);color:var(--music-purple);background:#6c3fb51f;transform:translateY(-2px);box-shadow:0 4px 12px #6c3fb533}.preset-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #6c3fb559}#spinBtn{border-radius:var(--radius-md,40px);background:linear-gradient(to bottom right, var(--music-purple), var(--music-magenta));color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;font-family:var(--brand-font-family,system-ui, sans-serif);border:none;margin:20px auto;padding:12px 32px;transition:all .2s;display:block}#spinBtn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6c3fb566}#spinBtn:focus-visible{outline:none;box-shadow:0 0 0 3px #6c3fb559}#winner{text-align:center;color:var(--brand-heading,var(--music-charcoal));margin-top:20px;font-size:1.5rem;font-weight:700}.result-track{color:var(--music-purple);margin-top:4px;font-size:2rem;display:block}.quick-add{background:var(--glass-bg,#ffffff1f);border:1px solid var(--glass-border,#fff3);border-radius:var(--radius-lg);width:92%;max-width:780px;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(calc(var(--glass-blur,14px))) saturate(160%);box-sizing:border-box;margin:30px auto 0;padding:24px 28px}.quick-add h2{color:var(--brand-heading);margin:0 0 8px;font-size:1.3rem}.quick-add p{color:var(--brand-subtle-text);margin:0 0 16px;font-size:.95rem;line-height:1.5}.quick-add-controls{flex-direction:column;gap:12px;display:flex}.quick-add-controls textarea{border-radius:var(--radius-md,12px);border:1px solid var(--brand-border,#6c3fb54d);background:var(--brand-surface,#ffffffe6);width:100%;min-height:80px;color:var(--brand-text);font-family:var(--brand-font-family,system-ui, sans-serif);resize:vertical;box-sizing:border-box;padding:12px 16px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.quick-add-controls textarea:focus{border-color:var(--music-purple);outline:none;box-shadow:0 0 0 3px #6c3fb533}.quick-add-controls textarea::placeholder{color:var(--brand-subtle-text);opacity:.7}.btn{border-radius:var(--radius-md,10px);cursor:pointer;font-size:1rem;font-weight:600;font-family:var(--brand-font-family,system-ui, sans-serif);border:none;justify-content:center;align-items:center;padding:10px 22px;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn--primary{background:linear-gradient(to bottom right, var(--music-purple), var(--music-magenta));color:#fff;align-self:flex-start}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6c3fb559}.btn--primary:focus-visible{outline:none;box-shadow:0 0 0 3px #6c3fb559}.seo-content-area{width:92%;max-width:800px;margin:30px 0}.seo-grid{grid-template-columns:1fr 1fr;gap:24px;margin:20px 0;display:grid}@media (width<=600px){.seo-grid{grid-template-columns:1fr}}.seo-toc{background:var(--glass-bg,#ffffff12);border:1px solid var(--glass-border,#ffffff26);border-radius:var(--radius-md,12px);margin:24px 0;padding:20px 24px}.seo-toc ol{margin:.5rem 0 0;padding-left:1.4rem}.seo-toc a{color:var(--music-purple);text-decoration:none}@media (width<=768px){.main-container{padding-top:10px}.page-hero{width:95%;padding:20px}.page-hero h1{font-size:1.5rem}.page-hero p{font-size:.95rem}#wheel{max-width:320px}.preset-btns{gap:8px}.preset-btn{padding:6px 12px;font-size:.8rem}#spinBtn{padding:10px 24px;font-size:1rem}.quick-add{width:95%;padding:18px 16px}}