/* Deep Magic Dance · one player, square artwork · v1.2.0 */
body{--bg:#0b1019;--panel:#131b29;--muted:#96a4b7;--text:#f1f5fb;background:#0b1019;background-image:radial-gradient(ellipse at 90% 0%,#354d7619,transparent 50%);padding-bottom:0}
body:before{display:none}
.site-header,.hero,.collection,.site-footer{width:min(1240px,90%);margin-inline:auto;padding-inline:0}
.site-header{padding-block:26px;border-color:#ffffff0c}
.brand{filter:none}.brand-link small{color:#77859a}
.hero{grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:70px;padding-block:60px;min-height:0;align-items:center}
.hero-copy{min-width:0}.hero h1{font-size:clamp(48px,5.4vw,76px);letter-spacing:-3px;line-height:1.08;margin:25px 0}
.hero h1 em{background-image:linear-gradient(110deg,#73d5ed,#a6a6f5 55%,#e89acd)}
.hero .intro{font-size:14px;line-height:1.85;color:#9caabe;margin:25px 0 30px;max-width:420px}
.eyebrow{color:#8796ae}.primary{background:linear-gradient(110deg,#a0ddec,#bcb9ed 60%,#e4b7d6);box-shadow:none;color:#182331}
.primary:hover{background:linear-gradient(110deg,#b8e7f2,#cfcaf5 60%,#efc9e4);box-shadow:none}
.neon-stage{padding:0;width:100%;max-width:none;isolation:auto}
.neon-stage:before,.stage-card:before,.stage-card:after{display:none}
.stage-card{padding:25px;border-radius:20px;background:#131b29;border:1px solid #a5bfdc24;box-shadow:0 18px 45px #0003;backdrop-filter:none}
.stage-heading{gap:12px;align-items:start;margin-bottom:22px}.stage-heading>div:first-child{flex:1;min-width:0}
.stage-heading h2{font-size:18px;line-height:1.4;max-width:none;white-space:normal;overflow-wrap:anywhere;letter-spacing:-.3px}
.stage-heading p:last-child{font-size:11px;color:#92a1b6;margin-top:6px;white-space:normal;overflow-wrap:anywhere}
.stage-heading .eyebrow{font-size:8px;letter-spacing:1.5px;color:#7e8ea5;margin-bottom:8px}
.stage-tools{gap:6px}.stage-tool{color:#a5b3c8;border-color:#ffffff10;background:#ffffff04}
.artwork-frame{padding:10px;background:#0b111d;border:1px solid #ffffff09;border-radius:14px}
.stage-art{aspect-ratio:1;height:auto;width:100%;border-radius:7px;background:#0b111d;overflow:hidden}
.stage-art:before{display:none}
.stage-art>img{width:100%;height:100%;object-fit:contain;display:block;background:#0b111d}
.stage-placeholder{background:linear-gradient(145deg,#162335,#192036);gap:28px;min-height:100%}
.stage-placeholder img{filter:none;width:62%}.artwork-number{font-size:54px!important;font-family:Arial!important;letter-spacing:-2px!important;color:#9ba9c4!important}
.stage-progress{margin-top:22px}.stage-progress input{width:100%;accent-color:#a7c7ec;display:block;margin:0}
.stage-progress time{font:10px Arial;color:#8394ad}
.stage-transport{margin:16px 0 19px;gap:18px}.stage-play{width:55px;height:55px;box-shadow:none;border-color:#c2d3ef36;background:#a9c7eb;color:#142239}
.stage-play:hover{box-shadow:none;background:#c2d9f5}.stage-skip{width:38px;height:38px;border-color:#ffffff12;background:#ffffff04}
.stage-footer{border-top:1px solid #ffffff0e;padding-top:15px;display:flex;justify-content:space-between;gap:20px}
.stage-footer>button{margin:0;color:#a5b4c9;font-size:11px}
.stage-volume{display:flex;align-items:center;gap:9px;margin:0;color:#8294ae}
.stage-volume input{width:100px;accent-color:#9ebee6;margin:0}
.collection{padding-block:30px 60px;border-top:1px solid #ffffff0b}
.section-heading{margin-bottom:20px}.collection .section-heading h2{color:#e4ecf7;font-size:28px}
.collection-count{color:#7e8ea6}.collection .album-grid{gap:0 40px}
.album-row{border-color:#ffffff0b;padding-block:15px}.album-thumb{background:#ffffff03;color:#7f91ac;border-color:#ffffff09}
.album-title{color:#dce5f2}.album-meta{color:#7e8da4}.album-open:hover .album-title{color:#b5d4f7}
.album-play{color:#a8c8ef;background:#a8c8ef0b}.album-favourite{color:#687c99}.album-favourite.active{color:#d9a5d1}
.site-footer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px;border-top:1px solid #ffffff0d;padding-block:58px 42px;text-align:center}
.site-footer img{width:min(340px,68vw);opacity:1;filter:none;display:block}
.site-footer p{font:11px Arial;color:#74839b;margin:0;letter-spacing:.2px}
.album-dialog,.account-dialog,.queue-dialog{background:#131b29;border-color:#a5bfdc30;border-radius:18px;box-shadow:0 25px 80px #0007;backdrop-filter:none;color:#e6edf8}
.detail-header{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;align-items:center}
.detail-art{width:150px;aspect-ratio:1;border-radius:10px;box-shadow:none;border:1px solid #ffffff10;background:#0b111d}
.detail-art>img{object-fit:contain;width:100%;height:100%;display:block}.detail-header h2{font-size:27px;overflow-wrap:anywhere;color:#e7effb}.detail-header p{color:#93a4bd}
.track-row{border-color:#ffffff0e}.track-row.playing{background:#a8c8ef0c;color:#b9d9ff}
.account-privacy{font-size:11px;color:#8b9cb4;margin-top:22px}.toast{bottom:24px;background:#d9e7f8;color:#1b2d46;box-shadow:0 6px 24px #0005;border:0}
@media(max-width:1000px){.hero{gap:35px;grid-template-columns:minmax(0,1fr) minmax(0,410px)}.hero h1{font-size:57px}.stage-card{padding:22px}}
@media(max-width:850px){.hero{grid-template-columns:1fr;max-width:640px;padding-block:40px;gap:35px}.hero-copy{text-align:center}.hero .intro{margin:22px auto 28px}.neon-stage{max-width:440px;margin:auto}.hero h1{font-size:64px}.collection .album-grid{gap:0 25px}}
@media(max-width:600px){.site-header{padding-block:20px}.hero{width:90%;padding-block:34px;gap:30px}.hero h1{font-size:50px;letter-spacing:-2.5px}.hero .intro{font-size:12px}.stage-card{padding:20px;border-radius:17px}.stage-heading h2{font-size:16px}.stage-heading .eyebrow{font-size:7px}.stage-art{height:auto;border-radius:6px}.artwork-frame{padding:8px}.stage-transport{gap:13px}.stage-volume input{width:88px}.collection{padding-block:28px 38px}.collection .album-grid{grid-template-columns:1fr}.section-heading{gap:12px}.collection .section-heading h2{font-size:26px}.site-footer{padding-block:44px 35px;gap:22px}.detail-header{grid-template-columns:100px minmax(0,1fr);gap:16px}.detail-art{width:100px}.detail-header h2{font-size:21px}.album-dialog{padding:28px 19px}.toast{bottom:20px}}
.account-dialog label{color:#a9b8cc}.account-dialog input{background:#192335;border:1px solid #a5bfdc26;min-height:46px;border-radius:8px;color:#e9f0fb}.account-dialog input:focus{outline:2px solid #9fbfeb80;outline-offset:2px}.account-dialog .switch-account{color:#a8c8ed}