*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:linear-gradient(180deg,#160009,#3a0016 55%,#100006);color:#fff;font-family:Arial,sans-serif;text-align:center;min-height:100vh}.wrap{max-width:560px;margin:auto;padding:22px 16px 40px}.hero h1{font-family:Georgia,serif;font-size:30px;margin:8px 0 4px}.eyebrow{letter-spacing:3px;font-size:12px;color:#ff9cbd;margin:8px}.sub{font-size:14px;color:#ffd7e5;margin-bottom:18px}.section-title{font-size:14px;letter-spacing:2px;color:#ffe9f0;margin:26px 0 14px}.mix-list{display:grid;gap:18px}.card,.survey-card{overflow:hidden;border-radius:24px;box-shadow:0 16px 50px #0008;border:1px solid #ffffff25;background:#22000d}.art-wrap{position:relative;background:#310012;aspect-ratio:1/1;display:grid;place-items:center}.card img{display:block;width:100%;height:100%;object-fit:cover}.placeholder-art{font-family:Georgia,serif;font-weight:700;font-size:34px;color:#ffd7e5;padding:24px}.status-badge{position:absolute;top:14px;right:14px;border:1px solid #ffffff40;background:#160009df;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:800;letter-spacing:1px}.mix-body{padding:18px}.mix-kicker{color:#ff9cbd;font-size:11px;font-weight:800;letter-spacing:2px;margin:0 0 5px}.mix-title{font-family:Georgia,serif;font-size:24px;margin:0 0 5px}.release-date{color:#ffd7e5;font-size:13px;margin:0 0 12px}.description{line-height:1.5;color:#ffe9f0;font-size:14px}.open{font-weight:800;font-size:17px;margin:16px 0 12px}.btn,.link-btn{display:block;width:100%;border:0;border-radius:999px;padding:16px;background:#f5065d;color:white;font-size:16px;font-weight:800;cursor:pointer;text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}audio{width:100%;margin-top:14px}.coming-note{border-top:1px solid #ffffff20;margin-top:14px;padding-top:14px;font-weight:800;color:#ff9cbd}.survey-card{margin-top:26px;padding:22px 18px}.survey-card h2{font-family:Georgia,serif;font-size:30px;margin:8px 0 18px}fieldset{border:0;padding:0;margin:0 0 14px;display:grid;gap:10px}.vote-choice{display:block;cursor:pointer}.vote-choice input{position:absolute;opacity:0;pointer-events:none}.vote-choice span{display:block;border:1px solid #ffffff35;border-radius:999px;padding:14px;background:#ffffff0a;font-weight:800}.vote-choice input:checked+span{outline:3px solid #ff8fb5;background:#5a0022}.vote-choice input:focus-visible+span,.btn:focus-visible,.link-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}.survey-message{min-height:22px;color:#ffd7e5;font-size:14px}.results{display:grid;gap:14px;text-align:left}.result-head{display:flex;justify-content:space-between;font-weight:800;margin-bottom:6px}.bar{height:12px;border-radius:999px;background:#ffffff1c;overflow:hidden;border:1px solid #ffffff1c}.bar>span{display:block;height:100%;background:#f5065d;border-radius:inherit}.empty-results{text-align:center;color:#ffd7e5}.details{line-height:1.55;font-size:15px;margin:24px 4px 0;color:#ffe9f0}.tiny{font-size:11px;letter-spacing:1.5px;color:#dca7b9;margin-top:22px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:900px){.wrap{max-width:1040px}.mix-list{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.hero{max-width:560px;margin:auto}.survey-card,.details,.tiny{max-width:560px;margin-left:auto;margin-right:auto}.survey-card{margin-top:28px}}