:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;color:#fff;--red:#d32f2f;--red-deep:#c62828;--surface:#121212d1;--muted:#a8a8a8;background:#0d0d0d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}html,body{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden}button,input{font:inherit}button{color:inherit}.player{isolation:isolate;background:radial-gradient(at 50% 58%,#650f1533,#0000 42%),linear-gradient(145deg,#101010 0%,#0d0d0d 53%,#121010 100%);place-items:center;width:100%;height:100%;min-height:440px;display:grid;position:relative;overflow:hidden}.video{z-index:0;object-fit:contain;background:#0d0d0d;width:100%;height:100%;position:absolute;inset:0}.light{z-index:-1;filter:blur(100px);pointer-events:none;opacity:.22;border-radius:50%;width:42vw;min-width:340px;height:42vw;min-height:340px;position:absolute}.light--red{background:#b91f2b;bottom:2%;left:-24vw}.light--white{opacity:.13;background:#663537;top:-34%;right:-25vw}.brand-mark{z-index:2;position:absolute;top:20px;right:20px}.brand-mark img{filter:drop-shadow(0 3px 16px #0000007a);width:clamp(72px,9vw,104px);height:auto;display:block}.welcome{z-index:1;text-align:center;width:min(90%,560px);padding:20px;transition:opacity .35s,transform .35s;position:relative}.welcome--hidden{opacity:0;pointer-events:none;transform:translateY(8px)}.welcome__icon{color:#f17b7b;background:#ffffff09;border:1px solid #ffffff24;border-radius:50%;place-items:center;width:76px;height:76px;margin:0 auto 24px;display:grid;box-shadow:0 0 56px #d32f2f21}.welcome__icon svg{width:40px;height:40px}.eyebrow{color:#e77;letter-spacing:.19em;margin:0 0 12px;font-size:11px;font-weight:700}h1{letter-spacing:-.045em;margin:0;font-size:clamp(28px,5vw,46px);font-weight:600}.welcome__copy{color:#bdbdbd;margin:12px 0 0;font-size:15px;line-height:1.6}.control-dock{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#0d0d0dad,#0d0d0df2 32%);border-top:1px solid #ffffff14;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px 20px;min-height:112px;padding:20px clamp(18px,4vw,48px) 15px;display:grid;position:absolute;bottom:0;left:0;right:0}.track-info{gap:4px;min-width:0;display:grid}.track-info__label{color:#e16b6b;letter-spacing:.17em;font-size:9px;font-weight:700}.track-info__title{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.track-info__artist{color:#a9a9a9;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.transport{justify-content:center;align-items:center;gap:16px;display:flex}.control-button{cursor:pointer;border:0;flex:none;place-items:center;padding:0;transition:transform .18s,background .18s,color .18s;display:grid}.control-button:hover{transform:translateY(-1px)}.control-button:focus-visible{outline-offset:4px;outline:2px solid #fff}.control-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.control-button--secondary,.control-button--fullscreen{color:#d4d4d4;background:0 0;border-radius:50%;width:38px;height:38px}.control-button--secondary:hover,.control-button--fullscreen:hover{color:#fff;background:#ffffff17}.control-button--play{color:#fff;background:var(--red);border-radius:50%;width:46px;height:46px;box-shadow:0 5px 22px #c6282847}.control-button--play:hover{background:var(--red-deep)}.control-button--play svg{width:22px;height:22px}.control-button--play .icon-play{fill:currentColor;stroke:none}.control-button--play .icon-pause,.is-playing .control-button--play .icon-play{display:none}.is-playing .control-button--play .icon-pause{display:block}.progress-row{grid-column:1/-1;align-items:center;gap:12px;display:flex}.time{color:#a9a9a9;font-variant-numeric:tabular-nums;min-width:34px;font-size:10px}.time:last-child{text-align:right}input[type=range]{appearance:none;cursor:pointer;background:#fff3;border-radius:3px;width:100%;height:3px;margin:0}input[type=range]::-webkit-slider-thumb{appearance:none;background:#e04a4a;border-radius:50%;width:9px;height:9px}input[type=range]::-moz-range-thumb{background:#e04a4a;border:0;border-radius:50%;width:9px;height:9px}input[type=range]:disabled{cursor:default;opacity:.48}.control-button--fullscreen{justify-self:end}.toast{z-index:3;color:#fff;opacity:0;pointer-events:none;background:#202020ed;border:1px solid #ffffff1a;border-radius:10px;max-width:min(90vw,420px);padding:12px 18px;font-size:13px;transition:opacity .2s,transform .2s;position:absolute;bottom:132px;left:50%;transform:translate(-50%,12px);box-shadow:0 8px 28px #00000059}.toast--visible{opacity:1;transform:translate(-50%)}@media (width<=600px){.brand-mark{top:16px;right:16px}.brand-mark img{width:72px}.welcome{transform:translateY(-24px)}.welcome--hidden{transform:translateY(-16px)}.welcome__icon{width:64px;height:64px;margin-bottom:20px}.control-dock{grid-template-columns:1fr auto;gap:12px 8px;min-height:138px;padding:16px 18px 13px}.track-info{grid-area:1/1}.transport{grid-area:1/2;gap:6px}.control-button--fullscreen{display:none}.progress-row{grid-row:2}.toast{bottom:150px}}@media (width<=380px){.control-dock{padding-left:12px;padding-right:12px}.transport{gap:2px}.control-button--secondary{width:34px}.control-button--play{width:42px;height:42px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}