:root{--bg:#020509;--panel:#07121a;--cyan:#09e7ff;--pink:#ff16b8;--text:#f7fbff;--muted:#9eabb5}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:'Space Grotesk',sans-serif}body{overflow-x:hidden}.preview-shell{min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle at 15% 20%,#00dfff18,transparent 28%),radial-gradient(circle at 85% 70%,#ff16b814,transparent 30%),linear-gradient(135deg,#020509,#07131b 52%,#020509)}.preview-shell:before{content:'';position:absolute;inset:0;background:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(#000,transparent 78%);pointer-events:none}.ambient{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}.ambient-a{width:340px;height:340px;left:-140px;top:15%;background:#00dfff18}.ambient-b{width:360px;height:360px;right:-150px;bottom:5%;background:#ff16b814}.preview-top{width:min(1180px,calc(100% - 40px));margin:auto;padding:22px 0;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,var(--cyan),#087bff);color:#00131a;font-weight:900;transform:rotate(-5deg);box-shadow:0 0 28px #00ddff40}.brand strong{display:block;font-family:'Permanent Marker';font-size:22px;line-height:1}.brand small{display:block;color:#8796a0;font-size:7px;letter-spacing:3px;margin-top:4px}.preview-label{border:1px solid #00e5ff66;color:var(--cyan);background:#061019cc;padding:8px 12px;border-radius:99px;font-size:9px;font-weight:900;letter-spacing:1.5px}.preview-card{width:min(1180px,calc(100% - 40px));margin:40px auto 55px;display:grid;grid-template-columns:minmax(330px,500px) 1fr;gap:0;position:relative;z-index:2;border:1px solid #234653;border-radius:24px;overflow:hidden;background:#040a10e8;box-shadow:0 30px 90px #000b,0 0 50px #00dfff0d}.art-wrap{min-height:590px;position:relative;overflow:hidden;background:#061019}.cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.art-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0002 0%,#0000 35%,#020509d9 100%),linear-gradient(90deg,#0000 55%,#02050955)}.art-badge{position:absolute;top:20px;left:20px;padding:7px 10px;background:#020509d9;border:1px solid #00e5ff77;border-radius:7px;font-size:9px;font-weight:900;letter-spacing:1px}.visualizer{position:absolute;left:22px;right:22px;bottom:23px;height:74px;display:flex;align-items:center;justify-content:center;gap:5px;opacity:.9}.visualizer i{display:block;width:4px;height:18px;border-radius:99px;background:var(--cyan);box-shadow:0 0 12px #00e5ff88;transform-origin:center;animation:pulse 1.1s ease-in-out infinite;animation-play-state:paused}.visualizer i:nth-child(2n){animation-delay:-.45s}.visualizer i:nth-child(3n){animation-delay:-.75s}.visualizer i:nth-child(4n){animation-delay:-.2s}.preview-card.playing .visualizer i{animation-play-state:running}@keyframes pulse{0%,100%{height:13px}50%{height:62px}}.info{padding:54px 52px 44px;display:flex;flex-direction:column;justify-content:center}.eyebrow{color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:2.5px;text-transform:uppercase}.info h1{font-family:'Bebas Neue';font-size:clamp(62px,7vw,108px);line-height:.82;margin:14px 0 16px;letter-spacing:.5px}.description{max-width:610px;color:#b9c5cc;font-size:13px;line-height:1.65;margin:0 0 20px}.meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:24px}.meta span{border:1px solid #234653;border-radius:7px;padding:7px 9px;color:#b8c6cd;font-size:9px;font-weight:800}.player-box{display:flex;align-items:center;gap:15px;padding:15px;border:1px solid #1b3c49;border-radius:15px;background:#07131bdd;box-shadow:inset 0 0 35px #00dfff07}.play-main{width:52px;height:52px;flex:0 0 52px;border-radius:50%;border:1px solid var(--cyan);background:var(--cyan);color:#00131a;font-size:18px;font-weight:900;cursor:pointer;box-shadow:0 0 24px #00e5ff2b}.player-main{min-width:0;flex:1}.player-status,.player-bottom{display:flex;justify-content:space-between;gap:10px;font-size:8px;font-weight:900;letter-spacing:1px}.player-status{color:#dce7ec;margin-bottom:8px}.player-status span:first-child{color:var(--cyan)}.player-bottom{color:#687985;margin-top:7px}#seek{width:100%;accent-color:var(--cyan);cursor:pointer}.actions{display:flex;gap:9px;margin-top:14px}.buy,.share{min-height:44px;border-radius:10px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;text-decoration:none;cursor:pointer}.buy{background:var(--cyan);color:#00131a;border:1px solid var(--cyan);box-shadow:0 0 22px #00e5ff1c}.share{background:#07131b;color:#ff5dcc;border:1px solid #ff16b877}.hint{color:#697983;font-size:9px;line-height:1.5;margin:13px 0 0}footer{position:relative;z-index:2;text-align:center;color:#53636d;font-size:8px;font-weight:800;letter-spacing:2px;padding:0 20px 28px}@media(max-width:800px){.preview-card{grid-template-columns:1fr;margin-top:20px}.art-wrap{min-height:390px;height:75vw;max-height:560px}.info{padding:35px 25px 30px}.info h1{font-size:clamp(58px,14vw,92px)}.description{font-size:12px}.preview-top{width:calc(100% - 28px)}.preview-card{width:calc(100% - 28px)}}@media(max-width:520px){.preview-label{font-size:8px;padding:7px 9px}.brand strong{font-size:19px}.brand-mark{width:40px;height:40px}.art-wrap{min-height:330px}.info{padding:28px 18px 22px}.actions{display:grid;grid-template-columns:1fr 1fr}.buy,.share{padding:0 8px}.player-box{padding:11px;gap:10px}.play-main{width:46px;height:46px;flex-basis:46px}}