body{margin:0;min-height:100vh;box-sizing:border-box;padding:14px;background:#008080;font-size:13px;transition:background .4s ease}body.aero-music{background:radial-gradient(circle at 16% 16%,rgba(255,255,255,.35) 0 2px,transparent 3px),radial-gradient(circle at 82% 28%,rgba(255,255,255,.25) 0 2px,transparent 3px),linear-gradient(135deg,#007d88,#00c4d6 40%,#aff7ff 68%,#c7ffd8);background-size:130px 130px,210px 210px,auto;animation:sky 12s ease-in-out infinite alternate}.crova-room{width:min(1000px,100%);margin:0 auto;position:relative;z-index:1;box-shadow:8px 8px 0 rgba(0,0,0,.22)}body.aero-music .crova-room{box-shadow:0 0 0 1px rgba(255,255,255,.45),0 0 28px rgba(150,255,255,.55),8px 8px 0 rgba(0,0,0,.16)}#musicAeroFx{display:none;position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}body.aero-music #musicAeroFx{display:block}#musicAeroFx i{position:absolute;border-radius:999px;border:1px solid rgba(255,255,255,.85);background:radial-gradient(circle at 30% 25%,#fff,rgba(185,250,255,.28) 45%,transparent 72%);box-shadow:inset -10px -12px 24px rgba(70,180,220,.18),0 0 22px rgba(190,255,255,.45);animation:rise 10s linear infinite}#musicAeroFx i:nth-child(1){width:90px;height:90px;left:7%;bottom:-110px}#musicAeroFx i:nth-child(2){width:44px;height:44px;left:25%;bottom:-70px;animation-delay:1.2s;animation-duration:7s}#musicAeroFx i:nth-child(3){width:150px;height:150px;left:70%;bottom:-170px;animation-delay:2s;animation-duration:12s}#musicAeroFx i:nth-child(4){width:58px;height:58px;left:88%;bottom:-80px;animation-delay:3s;animation-duration:8s}#musicAeroFx span{position:absolute;color:#fff;text-shadow:0 0 10px #7df4ff,0 0 18px #fff;animation:spark 2s ease-in-out infinite alternate}#musicAeroFx span:first-of-type{left:-80px;top:18%;font-size:48px;animation:swim 14s linear infinite}#musicAeroFx span:last-of-type{right:12%;top:12%;font-size:28px}.hero{position:relative;display:grid;grid-template-columns:1fr 140px;gap:12px;padding:14px;border:1px solid #000;background:linear-gradient(90deg,#fff,#eef6ff),repeating-linear-gradient(45deg,rgba(0,0,128,.05) 0 6px,transparent 6px 12px);box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #808080;overflow:hidden}body.aero-music .hero{border-color:#98ebff;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.95) 0 18px,transparent 64px),radial-gradient(circle at 88% 64%,rgba(255,255,255,.75) 0 28px,transparent 90px),linear-gradient(135deg,rgba(255,255,255,.92),rgba(185,238,255,.82) 48%,rgba(205,255,224,.88));box-shadow:inset 1px 1px 0 #fff,0 0 22px rgba(110,245,255,.55)}.hero:before{content:"✦ CROVA BGM ARCHIVE ✦";position:absolute;right:16px;top:8px;color:#ff8ac8;font-size:14px;font-weight:bold;text-shadow:1px 1px 0 #fff}.hero:after{content:"SD crew standby ♡";position:absolute;left:14px;bottom:8px;border:1px solid #000;background:#fff7cc;padding:3px 7px;font-size:12px;box-shadow:2px 2px 0 rgba(0,0,0,.18)}.kicker{margin:0 0 5px;font-weight:bold;color:#000080}h1{margin:0;font-size:30px;line-height:1.05;letter-spacing:-1px}.desc{margin:8px 0 18px;line-height:1.5}.aero-disc{align-self:center;justify-self:center;width:110px;height:110px;border-radius:50%;border:1px solid #000;background:radial-gradient(circle at 35% 25%,#fff 0 9%,#b6f3ff 10% 35%,#fff 36% 47%,#8adbe8 48% 65%,#fff 66%);box-shadow:3px 3px 0 rgba(0,0,0,.25),0 0 20px rgba(120,240,255,.45);display:grid;place-items:center;position:relative;animation:discSpin 8s linear infinite}.aero-disc span{font-size:40px;color:#006b91}.aero-disc b{position:absolute;right:14px;bottom:14px;color:#e8388b}.aero-stage{display:none;margin-top:10px;border:1px solid #70cde0;background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(175,236,255,.76),rgba(210,255,229,.86));padding:10px;box-shadow:inset 1px 1px 0 #fff,0 0 18px rgba(130,250,255,.55);position:relative;overflow:hidden}body.aero-music .aero-stage{display:grid;grid-template-columns:170px 1fr;gap:10px;align-items:center}.aero-stage:before{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.7) 50%,transparent 60%);animation:shine 3s linear infinite}.eq{height:70px;display:flex;align-items:end;gap:8px;position:relative;z-index:1}.eq i{display:block;width:16px;background:linear-gradient(#fff,#00d2ff,#7cff9d);border:1px solid #006f8a;animation:eq 1s ease-in-out infinite alternate}.eq i:nth-child(1){height:20px}.eq i:nth-child(2){height:50px;animation-delay:.1s}.eq i:nth-child(3){height:34px;animation-delay:.2s}.eq i:nth-child(4){height:64px;animation-delay:.3s}.eq i:nth-child(5){height:42px;animation-delay:.4s}.eq i:nth-child(6){height:58px;animation-delay:.5s}.glass-note{position:relative;z-index:1;line-height:1.5;color:#005b71}.controls{margin-top:10px}.now{border:1px solid #000;background:#000;color:#00ff66;padding:8px;font-family:"Lucida Console",Monaco,monospace}.now span{color:#ffd800;margin-right:8px}.seek-row{display:grid;grid-template-columns:46px 1fr 46px;gap:8px;align-items:center;margin-top:10px}.button-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.mini-options{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:10px}.volume{display:inline-flex;gap:6px;align-items:center}.layout{display:grid;grid-template-columns:1fr 315px;gap:10px;margin-top:10px}.playlist{height:280px;overflow:auto;margin:0}.playlist a{display:block;padding:4px 3px;text-decoration:none}.playlist a.active{background:#000080;color:#fff}.track-meta{opacity:.75;font-size:12px}.hint{line-height:1.45}.sd-jukebox{height:150px;border:1px solid #000;background-color:#fff7fb;background-image:url('../assets/img/crova_sd/jina_sd.png'),url('../assets/img/crova_sd/miri_sd.png'),url('../assets/img/crova_sd/taisoo_sd.png'),url('../assets/img/crova_sd/hyeri_sd.png'),linear-gradient(#fff,#eef6ff);background-repeat:no-repeat;background-size:auto 140px,auto 132px,auto 146px,auto 136px,auto;background-position:9% 100%,37% 100%,66% 100%,93% 100%,center;margin-top:10px;padding:7px 9px;box-sizing:border-box;font-size:12px;font-weight:bold;color:#000080;box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #808080}body.aero-music .sd-jukebox{border-color:#93edff;box-shadow:inset 1px 1px 0 #fff,0 0 20px rgba(120,255,255,.55);animation:float 3s ease-in-out infinite alternate}.status-bar{margin-top:10px}@keyframes sky{from{background-position:0 0,0 0,0 0}to{background-position:80px 42px,-60px 60px,0 0}}@keyframes rise{0%{transform:translateY(0) scale(.8);opacity:0}15%{opacity:.9}100%{transform:translateY(-115vh) scale(1.25);opacity:0}}@keyframes swim{0%{transform:translateX(0);opacity:0}10%{opacity:.8}90%{opacity:.8}100%{transform:translateX(calc(100vw + 200px));opacity:0}}@keyframes spark{from{opacity:.35;transform:scale(.8) rotate(-8deg)}to{opacity:1;transform:scale(1.4) rotate(12deg)}}@keyframes discSpin{to{transform:rotate(360deg)}}@keyframes shine{from{transform:translateX(-50%) rotate(8deg)}to{transform:translateX(55%) rotate(8deg)}}@keyframes eq{to{height:70px}}@keyframes float{from{transform:translateY(0)}to{transform:translateY(-8px)}}@media(max-width:760px){body{padding:8px}.hero,body.aero-music .aero-stage{grid-template-columns:1fr}.aero-disc{justify-self:start}.layout{grid-template-columns:1fr}.sd-jukebox{height:120px;background-size:auto 110px,auto 105px,auto 114px,auto 108px}}