@font-face{font-family:Manrope;src:url('assets/manrope.woff2') format('woff2');font-weight:400 800;font-display:swap}
:root{color-scheme:dark;--white:#f4f8ff;--muted:#b9c9db;--line:rgba(227,241,255,.23);--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{min-height:100%;background:#060d16}body{margin:0;color:var(--white);font-family:Manrope,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;min-height:100svh}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #d1e9ff;outline-offset:5px}svg{width:24px;height:24px;display:block}button svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}
.landscape,.shade,#snow{position:fixed;inset:0;pointer-events:none}.landscape{z-index:0;background:#060d16 url('assets/winter-v2.webp') center/cover no-repeat}.shade{z-index:1;background:linear-gradient(180deg,rgba(2,7,14,.13),rgba(2,7,14,.03) 45%,rgba(2,7,14,.22)),radial-gradient(ellipse at center,transparent 20%,rgba(2,6,12,.3) 100%)}#snow{z-index:2;display:block;width:100%;height:100%;contain:strict}.masthead{position:absolute;z-index:3;top:0;left:0;right:0;padding:29px 38px;display:flex;align-items:center;gap:18px;font-size:12px;font-weight:700;letter-spacing:.29em;color:#d6e2ef}.night-line{height:1px;width:29px;background:#dae7f5;opacity:.35}
.scene{position:relative;z-index:3;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:90px 24px 48px}.glass{position:relative;border:1px solid var(--line);background:linear-gradient(127deg,rgba(220,239,255,.11),rgba(31,52,73,.12) 46%,rgba(197,224,247,.04));backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);box-shadow:0 24px 65px rgba(0,3,9,.26),inset 0 1px 0 rgba(255,255,255,.23),inset 0 -1px 0 rgba(224,240,255,.05)}.glass::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(236,246,255,.035),transparent 47%);border-top:1px solid rgba(244,250,255,.12)}
.profile{width:min(100%,454px);display:flex;align-items:center;gap:21px;padding:25px 26px;border-radius:27px;transition:transform .3s var(--ease),border-color .3s,background-color .3s;animation:arrive .7s var(--ease) both}.profile:hover{transform:translateY(-3px);border-color:rgba(227,244,255,.52);background-color:rgba(188,222,251,.045)}.avatar-frame{flex-shrink:0;display:block;padding:4px;border:1px solid rgba(230,242,255,.38);border-radius:50%;box-shadow:0 0 22px rgba(204,231,255,.07);background:rgba(7,14,24,.17)}.avatar-frame img{display:block;object-fit:cover;width:76px;height:76px;border-radius:50%}.identity{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.profile-eyebrow{font-size:9px;font-weight:600;letter-spacing:.2em;color:#c0d1e3}.identity strong{font-size:36px;font-weight:800;line-height:1.18;letter-spacing:.035em}.handle{font-size:14px;color:#bdccdc;letter-spacing:.02em}.telegram-mark{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:59px;height:68px;border-radius:20px;border:1px solid rgba(233,245,255,.24);background:linear-gradient(145deg,rgba(236,245,255,.16),rgba(207,229,252,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.18);transition:transform .3s}.telegram-mark svg{width:24px;height:24px;fill:#eef7ff}.telegram-mark span{font-size:10px;font-weight:600;letter-spacing:.03em}.profile:hover .telegram-mark{transform:translateX(2px)}
.player{width:min(100%,398px);padding:22px 25px 16px;border-radius:28px;animation:arrive .8s .08s var(--ease) both}.player-top{display:flex;align-items:center;justify-content:space-between;color:#c3d3e4;font-size:10px;letter-spacing:.055em}.state{display:flex;align-items:center;gap:8px}.state>i{width:5px;height:5px;border-radius:50%;background:#b6c5d4;transition:background .3s,box-shadow .3s}.playing .state>i{background:#d1f5df;box-shadow:0 0 9px rgba(174,240,205,.35)}.sound-bars{height:12px;display:flex;gap:3px;align-items:center}.sound-bars i{display:block;width:2px;height:3px;border-radius:3px;background:#d2e6f9}.sound-bars i:nth-child(2){height:10px}.sound-bars i:nth-child(3){height:7px}.sound-bars i:nth-child(4){height:5px}.playing .sound-bars i{animation:bars .7s ease-in-out infinite alternate}.playing .sound-bars i:nth-child(2){animation-delay:-.3s}.playing .sound-bars i:nth-child(3){animation-delay:-.5s}.playing .sound-bars i:nth-child(4){animation-delay:-.2s}
.song-heading{display:flex;align-items:center;gap:20px;margin:21px 0 14px}.artwork-wrap{width:104px;height:104px;position:relative;flex-shrink:0}.artwork{width:104px;height:104px;position:relative;display:block;object-fit:cover;border:1px solid rgba(255,255,255,.3);border-radius:17px;box-shadow:0 10px 28px rgba(0,0,0,.2)}.artwork-halo{position:absolute;inset:13px -8px -9px;border-radius:28px;background:rgba(128,182,225,.14);filter:blur(16px);opacity:.6}.playing .artwork-halo{animation:halo 4s ease-in-out infinite}.track-info{min-width:0}.track-info h1{margin:0;font-size:18px;font-weight:700;line-height:1.48;letter-spacing:-.018em}.track-info p{margin:9px 0 0;color:#bdcbdc;font-size:11px;font-weight:500;letter-spacing:.05em}.track-info p span{margin:0 5px;opacity:.5}.spectrum{display:block;width:100%;height:24px;opacity:.62;margin:0 auto 1px;pointer-events:none}
.timeline{margin:0}.range{--fill:0%;appearance:none;-webkit-appearance:none;display:block;margin:0;padding:0;height:36px;min-width:0;border:0;background:transparent;cursor:pointer;touch-action:none;border-radius:10px}.range::-webkit-slider-runnable-track{height:3px;border-radius:4px;background:linear-gradient(to right,#eef6ff var(--fill),rgba(227,240,255,.22) var(--fill))}.range::-moz-range-track{height:3px;border-radius:4px;background:linear-gradient(to right,#eef6ff var(--fill),rgba(227,240,255,.22) var(--fill))}.range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:13px;height:13px;margin-top:-5px;border-radius:50%;background:#f9fcff;border:1px solid rgba(255,255,255,.7);box-shadow:0 0 11px rgba(209,233,255,.25)}.range::-moz-range-thumb{width:13px;height:13px;border:0;border-radius:50%;background:#f9fcff}.range:disabled{opacity:.35;cursor:wait}.seek{width:100%;height:38px}.seek.dragging::-webkit-slider-thumb{box-shadow:0 0 0 7px rgba(231,243,255,.1)}.times{display:flex;justify-content:space-between;margin-top:-4px;font-size:10px;color:#becfe0;font-variant-numeric:tabular-nums}.playback{display:flex;align-items:center;justify-content:center;gap:30px;margin:15px 0 15px}.icon-button{display:grid;place-items:center;border:0;background:none;border-radius:13px;width:44px;height:44px;padding:10px;color:#cfdeed;transition:background .2s,color .2s,transform .2s}.icon-button:hover{color:white;background:rgba(235,246,255,.07)}.icon-button:active{transform:scale(.94)}.icon-button svg{width:22px;height:22px}.skip svg{width:27px;height:27px}.skip svg text{font-size:8px;font-weight:700;fill:currentColor;stroke:none;text-anchor:middle}
.play-button{height:64px;min-width:124px;padding:0 21px;border-radius:24px;border:1px solid rgba(246,252,255,.46);background:linear-gradient(135deg,rgba(243,250,255,.22),rgba(202,225,246,.06));box-shadow:0 7px 22px rgba(0,4,12,.2),inset 0 1px 0 rgba(255,255,255,.26);display:flex;align-items:center;justify-content:center;gap:9px;transition:background .25s,transform .25s,border-color .25s}.play-button:hover{background-color:rgba(221,238,255,.06)}.play-button:active{transform:scale(.97)}.play-button[aria-pressed=true]{border-color:rgba(227,246,255,.74);background:linear-gradient(135deg,rgba(243,250,255,.3),rgba(202,225,246,.1))}.play-symbol{width:23px;height:23px;display:grid;place-items:center}.play-button svg{width:23px;height:23px;fill:#f4f9ff;stroke:none}.play-button #play-icon{margin-left:2px}#play-label{font-size:11px;font-weight:600;min-width:48px;letter-spacing:.02em}.spinner{width:20px;height:20px;border:2px solid rgba(240,248,255,.3);border-top-color:white;border-radius:50%;animation:spin .8s linear infinite}
.player-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(218,235,252,.13);padding-top:7px;gap:8px}.volume{display:flex;align-items:center;min-width:0;gap:4px}.volume .range{width:78px;--fill:75%}.volume-state{color:#b9cadb;font-size:9px;min-width:24px;font-variant-numeric:tabular-nums}.mute[aria-pressed=true]{background:rgba(235,245,255,.09);color:#f5faff}.loop{display:flex;align-items:center;gap:6px;width:auto;padding:0 9px;font-size:9px}.loop svg{width:18px;height:18px}.loop>i{height:4px;width:4px;border-radius:50%;background:#8496a8;opacity:.5}.loop[aria-pressed=true]{background:rgba(223,242,255,.12);color:#f4faff}.loop[aria-pressed=true]>i{background:#d1f5df;opacity:1;box-shadow:0 0 6px rgba(174,240,205,.4)}.player-status{margin:12px 0 0;color:#e0cfc4;font-size:12px;line-height:1.5;text-align:center}.player-status:empty{display:none}.signature{display:flex;align-items:center;gap:12px;color:#c6d8e9;font-size:9px;letter-spacing:.35em;opacity:.45}.signature>span{width:20px;height:1px;background:rgba(217,235,252,.4)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.noscript{position:relative;z-index:3;text-align:center}.noscript a{text-decoration:underline}
@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bars{from{transform:scaleY(.4)}to{transform:scaleY(1.1)}}@keyframes halo{0%,100%{opacity:.45}50%{opacity:.9}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.masthead{padding:25px 24px;font-size:10px}.scene{gap:22px;padding:79px 21px 30px}.profile{padding:22px 20px;gap:16px;border-radius:25px}.avatar-frame img{width:66px;height:66px}.identity strong{font-size:32px}.telegram-mark{width:51px;height:61px;border-radius:17px}.telegram-mark svg{width:23px;height:23px}.profile-eyebrow{font-size:8px}.handle{font-size:12px}.player{padding:21px 23px 13px;border-radius:26px}.song-heading{gap:17px;margin-top:19px}.artwork-wrap,.artwork{width:94px;height:94px}.track-info h1{font-size:16px}.track-info p{font-size:10px}.playback{gap:26px;margin:13px 0}.play-button{height:60px;min-width:116px}.volume .range{width:70px}.landscape{background-position:51% center}}
@media(max-width:350px){.scene{padding-left:15px;padding-right:15px}.profile{gap:12px;padding:20px 16px}.identity strong{font-size:28px}.avatar-frame img{width:58px;height:58px}.telegram-mark{width:44px}.player{padding-left:19px;padding-right:19px}.song-heading{gap:13px}.artwork-wrap,.artwork{width:84px;height:84px}.volume-state{display:none}.volume .range{width:62px}}
@media(max-height:700px) and (min-width:601px){.scene{padding-top:70px;padding-bottom:25px;gap:18px}.profile{padding-top:17px;padding-bottom:17px}.player{padding-top:17px;padding-bottom:12px}.song-heading{margin-top:16px}.artwork-wrap,.artwork{width:90px;height:90px}.signature{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}