@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");:root{--navy:#123252;--blue:#318bd0;--pale:#eaf5fc;--ink:#172b3d;--muted:#718397;--line:#e5edf3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7fafc;color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.brand{font-weight:800;letter-spacing:.08em;color:var(--navy);font-size:22px}.brand small{display:block;font-size:9px;letter-spacing:.38em;color:var(--blue);margin-top:3px}.player-shell{min-height:100vh;padding:30px 0 35px;display:flex;flex-direction:column;align-items:center}.player-shell>.brand{text-align:center;margin:5px 0 12px}.player{margin:18px auto;padding:14px 14px 22px;background:#fff;box-shadow:0 25px 70px rgba(25,76,112,.09),0 3px 12px rgba(25,76,112,.04);overflow:hidden}.player img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center;border-radius:19px;box-shadow:0 8px 25px rgba(18,50,82,.08)}.player h1{color:var(--navy);font-size:25px;line-height:1.25;letter-spacing:-.7px;margin:23px 5px 7px}.player .sub{color:var(--muted);font-size:12px;line-height:1.6;margin:0 5px}.playrow{gap:15px;margin:25px 5px 10px;padding:15px;background:#f4f9fd;border:1px solid #eaf2f8;border-radius:19px}.play,.playrow{display:flex;align-items:center}.play{flex-shrink:0;width:60px;height:60px;border:none;font-size:21px;box-shadow:0 8px 20px rgba(49,139,208,.28);justify-content:center;transition:transform .2s ease,box-shadow .2s ease}.play:hover{transform:scale(1.06);box-shadow:0 10px 25px rgba(49,139,208,.35)}.play:active{transform:scale(.95)}.track{flex:1 1;min-width:0}.track strong{display:block;color:var(--navy);font-size:13px;font-weight:800;margin-bottom:5px;overflow-wrap:anywhere}.track span{display:block;color:var(--muted);font-size:10px}.player audio{display:none}.hint{text-align:center;color:#8a9bab;font-size:10px;line-height:1.6;margin:17px 0 4px}.player-shell>.hint{margin-top:5px;letter-spacing:.2em;font-weight:800}.wrap{width:min(1100px,calc(100% - 40px));margin:auto}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav{display:flex;gap:26px;color:#63778a;font-size:13px}.pill{border:0;border-radius:99px;background:var(--navy);color:white;padding:13px 21px;font-weight:700}.hero{padding:76px 0 62px;display:grid;grid-template-columns:1fr 1fr;grid-gap:56px;gap:56px;align-items:center}.eyebrow{color:var(--blue);font-size:11px;letter-spacing:.2em;font-weight:800}.hero h1{font-size:clamp(42px,6vw,68px);line-height:1.04;letter-spacing:-.055em;color:var(--navy);margin:18px 0}.hero p{color:var(--muted);line-height:1.8;max-width:430px}.hero-art{height:450px;border-radius:28px;background:linear-gradient(145deg,#c8e7f8,#eef8fd);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.art-placeholder{width:76%;height:84%;border-radius:18px;background:linear-gradient(160deg,#9ccce8,#e8f5fb 58%,#b3d6e9);box-shadow:0 22px 55px #497da533;display:flex;align-items:end;padding:25px;color:#17436a;font-weight:800;font-size:25px;line-height:1.15}.section{padding:34px 0 80px}.section h2{font-size:30px;color:var(--navy);letter-spacing:-.04em}.cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.card{background:white;border:1px solid var(--line);border-radius:20px;padding:14px}.thumb{height:190px;border-radius:13px;background:linear-gradient(145deg,#b8ddf1,#eaf6fc);display:flex;align-items:end;padding:15px;color:#1c5078;font-weight:800}.card h3{font-size:15px;margin:15px 0 5px}.footer,.muted{color:var(--muted);font-size:12px}.footer{padding:30px 0;border-top:1px solid var(--line)}.admin{padding:45px 0 80px}.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.panel,.stat{background:white;border:1px solid var(--line);border-radius:18px;padding:20px}.stat b{font-size:30px;color:var(--navy);display:block}.stat span{font-size:12px;color:var(--muted)}.panel{margin-top:18px}.panel h2{font-size:18px;margin:0 0 18px;color:var(--navy)}.formgrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.field label{display:block;font-size:12px;font-weight:700;margin-bottom:7px}.field input,.field textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;font:inherit;font-size:13px;background:#fbfdff}.field.full{grid-column:1/-1}.notice{background:#eff8fd;border-radius:12px;padding:13px;color:#426781;font-size:12px;line-height:1.6;margin-top:15px}@media (max-width:700px){.nav{display:none}.hero{grid-template-columns:1fr;padding:48px 0 35px;gap:25px}.hero-art{height:340px}.cards{grid-template-columns:1fr 1fr}.thumb{height:150px}.stats{grid-template-columns:1fr 1fr}.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}}@media (max-width:430px){.player-shell{padding-top:22px}.player{width:calc(100% - 24px);padding:10px 10px 19px;border-radius:23px}.player img{border-radius:16px}.player h1{font-size:23px}.playrow{padding:12px;gap:12px}.play{width:56px;height:56px}.cards{grid-template-columns:1fr}.thumb{height:210px}.stats{grid-template-columns:1fr 1fr}}.player{width:min(460px,calc(100% - 32px));max-width:460px;background:#ffffff;border:1px solid #e9f0f5;border-radius:28px;box-shadow:0 25px 70px rgba(25,76,112,.09)}.player h1{color:#123252}.player-shell{background:radial-gradient(ellipse at 50% 5%,#d9effc 0,transparent 48%),linear-gradient(180deg,#f4faff,#ffffff)}.play{background:linear-gradient(145deg,#49a6e5,#2479bd);color:white;border-radius:50%}.track-top{justify-content:space-between;gap:10px}.equalizer,.track-top{display:flex;align-items:center}.equalizer{justify-content:center;gap:3px;height:20px;flex-shrink:0}.equalizer i{display:block;width:3px;height:5px;border-radius:5px;background:#318bd0;transform:scaleY(1)}.equalizer.is-playing i{animation:equalizer-wave .7s ease-in-out infinite alternate}.equalizer.is-playing i:nth-child(2){animation-delay:.2s}.equalizer.is-playing i:nth-child(3){animation-delay:.4s}.equalizer.is-playing i:nth-child(4){animation-delay:.1s}@keyframes equalizer-wave{0%{transform:scaleY(1)}to{transform:scaleY(3.5)}}@media (prefers-reduced-motion:reduce){.equalizer.is-playing i{animation:none;height:12px}}.progress-section{margin:22px 8px 5px}.progress-bar{display:block;width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:10px;outline:none;cursor:pointer}.progress-bar::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#318bd0;border:2px solid #ffffff;box-shadow:0 2px 7px rgba(49,139,208,.3)}.progress-bar::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:#318bd0;border:2px solid #ffffff;box-shadow:0 2px 7px rgba(49,139,208,.3)}.time-labels{display:flex;justify-content:space-between;margin-top:9px;color:#8a9bab;font-size:10px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.player-shell{padding:34px 16px 40px;animation:page-appear .7s ease both}.player-shell>.brand{margin-bottom:18px;font-size:25px}.player{width:min(460px,100%);padding:14px 14px 24px;border-radius:30px;box-shadow:0 24px 65px rgba(35,112,165,.1),0 4px 14px rgba(35,112,165,.04);animation:card-appear .8s ease both}.player img{border-radius:21px;box-shadow:0 12px 30px rgba(18,50,82,.09)}.player h1{font-size:27px;margin-top:25px;letter-spacing:-.8px}.playrow{background:linear-gradient(135deg,#f1f9fe,#eaf5fc);border:1px solid #e1f0fa;border-radius:20px;padding:16px}.play{width:64px;height:64px;font-size:23px;box-shadow:0 8px 22px rgba(49,139,208,.25)}.play:hover{transform:scale(1.07)}.progress-section{margin-top:24px}.progress-bar{height:6px;transition:background .2s ease}.player>.hint{margin-top:22px;font-size:11px}.player-shell>.hint{margin-top:14px;font-size:10px;letter-spacing:.18em}@keyframes page-appear{0%{opacity:0}to{opacity:1}}@keyframes card-appear{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width:430px){.player-shell{padding:24px 12px 30px}.player{padding:11px 11px 21px;border-radius:25px}.player h1{font-size:24px}.play{width:58px;height:58px}}@media (prefers-reduced-motion:reduce){.player,.player-shell{animation:none}}.footer-signature{display:flex;flex-direction:column;align-items:center;gap:9px;margin-top:18px;text-align:center}.footer-signature span{color:#718397;font-size:11px}.footer-signature strong{color:#318bd0;font-size:10px;letter-spacing:.2em;font-weight:800}