:root{--accent:#ffd60a;--accent-ink:#0c0b06;--glass-blur:22px;--radius:22px;--cover-bright:0.7;--cover-blur-px:60px;--text:#f4f4f6;--text-dim:rgba(244,244,246,0.56);--glass-bg:rgba(255,255,255,0.075);--glass-border:rgba(255,255,255,0.14)}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:#060608}body{font-family:var(--font-golos),system-ui,sans-serif;-webkit-font-smoothing:antialiased;color:var(--text)}button{font-family:inherit;cursor:pointer}a{-webkit-tap-highlight-color:transparent}.player-root{position:relative;min-height:100svh;overflow-x:hidden;color:var(--text);-moz-user-select:none;user-select:none;-webkit-user-select:none}.dt-screen,.screen{position:relative;z-index:2}.backdrop{position:fixed;inset:0;z-index:0;overflow:hidden}.backdrop-img{position:absolute;inset:-12%;background-size:cover;background-position:50%;filter:blur(var(--cover-blur-px)) brightness(var(--cover-bright)) saturate(1.1);transform:scale(1.25)}.backdrop-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,8,10,.5),rgba(8,8,10,.8) 52%,rgba(6,6,8,.97))}.backdrop.vb .backdrop-img{filter:blur(calc(var(--cover-blur-px) * .55)) brightness(calc(var(--cover-bright) * 1.18)) saturate(1.15)}.backdrop.vb .backdrop-scrim{background:linear-gradient(180deg,rgba(8,8,10,.22),rgba(8,8,10,.55) 40%,rgba(6,6,8,.95))}.grain{position:absolute;inset:0;opacity:.045;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.screen,.screen-inner{width:100%;min-height:100svh;display:flex}.screen-inner{position:relative;z-index:2;max-width:480px;margin:0 auto;flex-direction:column;padding:16px 16px 22px}@supports (padding:env(safe-area-inset-top)){.screen-inner{padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:calc(22px + env(safe-area-inset-bottom))}}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;height:42px;flex:0 0 auto}.icon-btn{width:40px;height:40px;border-radius:50%;border:none;background:transparent;color:var(--text);opacity:.82;display:grid;place-items:center;transition:background .18s,opacity .18s;flex:0 0 auto}.icon-btn:hover{background:var(--glass-bg);opacity:1}.icon-btn:active{transform:scale(.92)}.icon-btn.decorative{cursor:default}.icon-btn.decorative:hover{background:transparent;opacity:.82}.icon-btn.decorative:active{transform:none}.track-title{font-size:30px;font-weight:800;letter-spacing:-.025em;margin:0 0 6px;line-height:1.04}.artist{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:500;color:var(--text-dim)}.artist-av{width:22px;height:22px;border-radius:50%;background-size:cover;background-position:50%;flex:0 0 auto;box-shadow:0 0 0 1px rgba(255,255,255,.12)}.va-titles{min-width:0}.pb{width:100%}.pb-track{position:relative;height:6px;border-radius:99px;background:rgba(255,255,255,.16);cursor:pointer;touch-action:none}.pb-track.thin{height:4px}.pb-track:before{content:"";position:absolute;left:0;right:0;top:-16px;bottom:-16px}.pb-fill{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:var(--accent)}.pb-knob{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 2px 7px rgba(0,0,0,.5);opacity:0;transition:opacity .15s}.pb-track.drag .pb-knob,.pb-track:hover .pb-knob{opacity:1}.pb-times{display:flex;justify-content:space-between;margin-top:9px;font-size:12px;color:var(--text-dim);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.eq{display:flex;align-items:flex-end}.eq-bar{border-radius:3px;height:26%;transform-origin:bottom;opacity:.85}.eq-bar.on{animation-name:eqp;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-direction:alternate;opacity:1}@keyframes eqp{0%{height:18%}to{height:100%}}.ctl-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:none;padding:0;color:var(--text)}.ctl-wrap.decorative{cursor:default}.ctl-label{font-size:12px;font-weight:500;color:var(--text-dim)}.circle{display:grid;place-items:center;border-radius:50%;position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));color:var(--text);transition:transform .16s ease,background .2s,color .2s;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.ctl-wrap:not(.decorative):hover .circle{background:rgba(255,255,255,.15)}.ctl-wrap:not(.decorative):active .circle{transform:scale(.88)}.circle.accent{background:var(--accent);color:var(--accent-ink);border-color:transparent;box-shadow:0 10px 32px -8px color-mix(in srgb,var(--accent) 65%,transparent),inset 0 1px 0 rgba(255,255,255,.4)}.circle.like.liked{color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--glass-bg));border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.play-ring{position:absolute;inset:0;border-radius:50%;border:2px solid var(--accent);opacity:0}.play-btn.playing .play-ring{animation:ring 1.7s ease-out infinite}@keyframes ring{0%{transform:scale(1);opacity:.5}to{transform:scale(1.55);opacity:0}}.burst{inset:0;pointer-events:none}.burst,.burst i{position:absolute}.burst i{top:50%;left:50%;width:5px;height:5px;margin:-2.5px;border-radius:50%;background:var(--accent);animation:burst .55s ease-out forwards;transform:rotate(var(--a)) translateY(0) scale(1)}@keyframes burst{to{transform:rotate(var(--a)) translateY(-28px) scale(0);opacity:0}}.add-btn{display:flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 26px;border-radius:999px;border:none;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:16.5px;letter-spacing:-.01em;text-decoration:none;transition:transform .16s ease,box-shadow .2s,background .2s;box-shadow:0 12px 34px -10px color-mix(in srgb,var(--accent) 70%,transparent)}.add-btn.block{width:100%}.add-btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px -10px color-mix(in srgb,var(--accent) 75%,transparent)}.add-btn:active{transform:translateY(0) scale(.985)}.placeholder{min-height:100svh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 30%,#14140f 0,#060608 70%);color:var(--text);text-align:center}.placeholder-logo{margin:0;font-size:clamp(2.5rem,1.5rem + 6vw,5rem);font-weight:900;letter-spacing:-.04em;background:linear-gradient(90deg,var(--accent),#fff 140%);-webkit-background-clip:text;background-clip:text;color:transparent}.placeholder-text{margin:14px 0 0;font-size:15px;color:var(--text-dim)}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 50px -28px rgba(0,0,0,.7)}.vb-cover-stage{flex:1 1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:8px 0}.vb-cover{width:min(300px,84vw,44svh);height:auto;aspect-ratio:1;border-radius:calc(var(--radius) + 8px);position:relative;overflow:hidden;background-size:cover;background-position:50%;box-shadow:0 44px 90px -26px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.07);flex:0 0 auto}.cover-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;background:#08080a}.vb-card{padding:22px 20px;border-radius:calc(var(--radius) + 10px);display:flex;flex-direction:column;gap:18px}.vb-card-head{justify-content:space-between}.vb-card-head,.vb-transport{display:flex;align-items:center;gap:12px}.vb-transport{justify-content:center}.vc-kicker{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.dt-screen{width:100%}.dt-inner,.dt-screen{min-height:100svh;position:relative}.dt-inner{z-index:2;display:flex;flex-direction:column;padding:34px 48px 44px}.dt-topbar{justify-content:space-between;height:48px;flex:0 0 auto}.dt-tb-left,.dt-topbar{display:flex;align-items:center}.dt-tb-left{gap:12px}.dt-tb-title{font-size:15px;font-weight:600;color:var(--text-dim)}.dt-tb-right{gap:6px}.dt-stage,.dt-tb-right{display:flex;align-items:center}.dt-stage{flex:1 1;min-height:0;justify-content:center}.dt-console{width:100%;max-width:1080px;display:grid;grid-template-columns:420px 1fr;grid-gap:52px;gap:52px;padding:44px;border-radius:calc(var(--radius) + 18px);align-items:center}.dt-cover{width:420px;height:420px;max-width:100%;aspect-ratio:1;border-radius:calc(var(--radius) + 8px);position:relative;overflow:hidden;background-size:cover;background-position:50%;box-shadow:0 50px 90px -28px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.07)}.dt-right{display:flex;flex-direction:column;min-width:0}.dt-kicker-row{display:flex;align-items:center;justify-content:space-between}.dt-top-actions{display:flex;gap:4px}.dt-title{font-size:64px;font-weight:800;letter-spacing:-.03em;line-height:.98;margin:16px 0}.dt-artist-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:30px}.dt-artist-row .artist{font-size:18px}.dt-artist-row .artist-av{width:30px;height:30px}.dt-progress{margin-bottom:26px}.dt-progress .pb-times{font-size:13px}.dt-controls{justify-content:space-between;gap:20px;margin-bottom:30px}.dt-controls,.dt-transport{display:flex;align-items:center}.dt-transport{gap:16px}.dt-bottom{justify-content:space-between;gap:24px}.dt-bottom,.dt-volume{display:flex;align-items:center}.dt-volume{gap:10px}.pb-track.vol{background:rgba(255,255,255,.18)}@media (min-width:1024px) and (max-width:1180px){.dt-console{grid-template-columns:1fr;gap:32px;justify-items:center;text-align:left;max-width:620px}.dt-cover{width:360px;height:360px}.dt-title{font-size:52px}}@media (min-width:1700px){.dt-console{max-width:1200px;gap:64px;grid-template-columns:460px 1fr}.dt-cover{width:460px;height:460px}.dt-title{font-size:72px}}@media (max-width:1023px) and (max-height:720px){.vb-cover-stage{gap:14px;padding:4px 0}.track-title{font-size:26px}.vb-card{gap:14px;padding:18px}}@media (min-width:1024px) and (max-height:860px){.dt-inner{padding:20px 40px 26px}.dt-console{padding:32px;gap:40px;grid-template-columns:360px 1fr}.dt-cover{width:340px;height:340px}.dt-title{font-size:48px;margin:10px 0 12px}.dt-artist-row{margin-bottom:18px}.dt-progress{margin-bottom:16px}.dt-controls{margin-bottom:18px}}@media (prefers-reduced-motion:reduce){.burst i,.eq-bar.on,.play-btn.playing .play-ring{animation:none}.burst i{display:none}.add-btn,.circle,.icon-btn{transition:none}}@font-face{font-family:Golos Text;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/c105b29dc4e1ee2d-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Golos Text;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/ffe0837c71e69159-s.p.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Golos Text;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/b07dd69d3f271780-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Golos Text;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/401f9db361b6e189-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Golos Text;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/c105b29dc4e1ee2d-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Golos Text;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/ffe0837c71e69159-s.p.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Golos Text;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/b07dd69d3f271780-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Golos Text;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/401f9db361b6e189-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Golos Text;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c105b29dc4e1ee2d-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Golos Text;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/ffe0837c71e69159-s.p.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Golos Text;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/b07dd69d3f271780-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Golos Text;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/401f9db361b6e189-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Golos Text;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/c105b29dc4e1ee2d-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Golos Text;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/ffe0837c71e69159-s.p.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Golos Text;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/b07dd69d3f271780-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Golos Text;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/401f9db361b6e189-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Golos Text;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/c105b29dc4e1ee2d-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Golos Text;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/ffe0837c71e69159-s.p.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Golos Text;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/b07dd69d3f271780-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Golos Text;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/401f9db361b6e189-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Golos Text;font-style:normal;font-weight:900;font-display:swap;src:url(/_next/static/media/c105b29dc4e1ee2d-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Golos Text;font-style:normal;font-weight:900;font-display:swap;src:url(/_next/static/media/ffe0837c71e69159-s.p.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Golos Text;font-style:normal;font-weight:900;font-display:swap;src:url(/_next/static/media/b07dd69d3f271780-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Golos Text;font-style:normal;font-weight:900;font-display:swap;src:url(/_next/static/media/401f9db361b6e189-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Golos Text Fallback;src:local("Arial");ascent-override:90.27%;descent-override:20.26%;line-gap-override:0.00%;size-adjust:108.57%}.__className_2a34a1{font-family:Golos Text,Golos Text Fallback;font-style:normal}.__variable_2a34a1{--font-golos:"Golos Text","Golos Text Fallback"}