@font-face{font-family:Geist;src:url(/fonts/geist.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/geist-mono.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--font-geist-mono:"Geist Mono";--font-geist-sans:"Geist"}*{box-sizing:border-box}body{color:#eef7df;font-family:var(--font-geist-mono), ui-monospace, monospace;background:#030705;margin:0;overflow:hidden}button{font:inherit;cursor:pointer;place-items:center;padding:0;display:inline-grid}.button-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;display:block}.music-shell{isolation:isolate;touch-action:manipulation;background:#030705;position:fixed;inset:0;overflow:hidden}.visualizer,.scanlines,.vignette{width:100%;height:100%;position:absolute;inset:0}.visualizer{z-index:2;pointer-events:none;will-change:filter, opacity;transition:filter .8s,opacity .8s}.visualizer-paused .visualizer{opacity:0}.scanlines,.vignette{pointer-events:none}.scanlines{z-index:3;opacity:.34;background:repeating-linear-gradient(#0000 0 3px,#0000006b 4px);animation:14s linear infinite scan}.vignette{z-index:4;background:radial-gradient(circle at 50% 42%,#0000 22%,#00000047 62%,#000c 100%)}.visualizer-controls{z-index:5;top:max(12px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));color:#fff;opacity:.5;max-width:min(420px,100% - 32px);font:10px var(--font-geist-mono), monospace;text-shadow:0 1px 4px #000;align-items:center;gap:10px;transition:opacity .15s;display:flex;position:absolute}.visualizer-controls:hover,.visualizer-controls:focus-within{opacity:1}.visualizer-controls button{width:32px;height:32px;color:inherit;background:#0003;border:1px solid #ffffff38;border-radius:4px;flex:none}.visualizer-controls button:hover{background:#ffffff26}.visualizer-controls button:disabled{opacity:.35;cursor:default}.visualizer-controls button:focus-visible{outline-offset:3px;outline:1px solid #fff}.submission-footer{z-index:5;right:max(18px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));color:#fff;text-shadow:0 1px 4px #000;opacity:0;visibility:hidden;pointer-events:none;align-items:center;gap:6px;font-size:10px;text-decoration:none;transition:bottom .22s ease-out,opacity .18s,visibility 0s linear .18s;display:flex;position:absolute}.submission-footer.is-above-player{bottom:calc(57px + max(14px, env(safe-area-inset-bottom)))}.submission-footer.is-visible{opacity:.55;visibility:visible;pointer-events:auto;transition-delay:0s}.submission-footer.is-visible:hover,.submission-footer.is-visible:focus-visible{opacity:1}.submission-footer .button-icon{width:13px;height:13px}.player-wrap{z-index:5;width:min(660px,100vw - 32px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:fullscreen .player-wrap{display:none}.player-window{background:#222923;border:1px solid #79857d;box-shadow:inset 1px 1px #a8b2aa,inset -1px -1px #080b09,0 20px 70px #0000009e}.title-bar{color:#dce7d8;letter-spacing:.14em;text-shadow:1px 1px #000;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:linear-gradient(90deg,#38443b,#171d18 72%);border-bottom:1px solid #070a08;align-items:center;gap:7px;height:34px;padding:0 8px;font-size:10px;font-weight:800;display:flex}.title-bar:active{cursor:grabbing}.title-logo{width:144px;height:32px}.skin-classic .player-wrap:not(.is-minimized){width:min(500px,100vw - 20px)}.skin-classic .title-bar{height:auto;padding:8px 8px 8px 10px}.skin-classic .title-logo{width:90px;height:20px}.skin-classic .window-button{width:24px;height:24px}.skin-classic .window-button .button-icon{width:13px;height:13px}.skin-classic .window-actions{margin-right:2px}.skin-classic .player-window:not(.is-minimized){max-height:calc(100dvh - 20px);overflow:auto}.skin-classic .player-body{padding:10px}.skin-classic .display{grid-template-rows:1fr 24px;gap:3px 8px;min-height:74px;padding:8px 9px 6px}.skin-classic .track-number,.skin-classic .clock{font-size:30px}.skin-classic .track-title{font-size:15px}.skin-classic .track-artist{margin-top:3px;font-size:9px}.skin-classic .meter{height:24px}.skin-classic .seek-row{height:28px}.skin-classic .transport-row{gap:8px}.skin-classic .transport-controls{gap:4px}.skin-classic .machine-button{min-width:34px;min-height:34px}.skin-classic .play-button{min-width:38px;min-height:38px}.skin-classic .embedded-playlist{margin-top:7px}.skin-classic .playlist-label{padding:6px 7px;font-size:8px}.skin-classic .embedded-playlist ol{height:162px;overflow-y:auto}.skin-classic .embedded-playlist li button{min-height:38px;padding:6px}.skin-classic .embedded-playlist strong{font-size:10px}.skin-classic .embedded-playlist small{margin-top:2px;font-size:8px}.skin-classic .embedded-playlist .submission-button{min-height:36px;font-size:10px}.window-button{color:#dce7d8;background:#181d19;border:1px solid #69746c;border-radius:0;width:32px;height:28px;font-size:16px;line-height:1;box-shadow:inset 1px 1px #8b968e,inset -1px -1px #080b09}.window-actions{gap:4px;margin-left:auto;display:flex}.player-wrap.is-minimized{width:100%;position:fixed;bottom:0;right:0;top:auto!important;left:0!important;transform:none!important}.player-window.is-minimized{border-bottom:0;border-left:0;border-right:0;width:100%;animation:.22s ease-out dock-in}.player-window.is-minimized .title-bar,.player-window.is-minimized .player-body,.mini-player{display:none}.player-window.is-minimized .mini-player{padding:8px 12px max(8px, env(safe-area-inset-bottom));align-items:center;gap:7px;display:flex}.mini-seek{color:#bac5bc;font-variant-numeric:tabular-nums;flex:1;align-items:center;gap:10px;min-width:100px;margin-right:12px;font-size:9px;display:flex}.mini-seek .slider{flex:1}.mini-track{color:#d3ff49;flex:1;justify-content:flex-start;align-items:center;gap:6px;min-width:0;padding:0 6px;font-size:11px;display:flex}.player-window.is-minimized .mini-track{flex:0 auto;max-width:260px}.mini-track strong,.mini-track span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mini-track .mini-separator{flex:none}.mini-track span{color:#bac5bc;font-variant-numeric:tabular-nums}.player-body{padding:14px}.display{color:#c9ff48;text-shadow:0 0 7px #c2ff4273;background:#061109;border:2px solid #080b09;grid-template-rows:1fr 34px;grid-template-columns:auto 1fr auto;gap:4px 12px;min-height:96px;padding:12px 13px 8px;display:grid;box-shadow:inset 1px 1px 9px #000,0 1px #657168}.track-number,.clock{font-family:var(--font-geist-sans), sans-serif;letter-spacing:-.08em;font-size:clamp(29px,4vw,43px);font-weight:750;line-height:1}.track-number{color:#ff7131;text-shadow:0 0 7px #ff531480}.display-copy{align-self:center;min-width:0}.track-title,.track-artist{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.track-title{letter-spacing:.08em;font-size:19px;font-weight:750}.track-artist{color:#8fba79;letter-spacing:.12em;margin-top:4px;font-size:11px}.meter{background-color:#020705;background-image:radial-gradient(#24352b 1px,#0000 1px);background-size:4px 4px;border:1px solid #263029;grid-column:1/-1;align-items:end;gap:2px;height:32px;padding:3px;display:flex;overflow:hidden}.meter i{background:linear-gradient(0deg,#39db57 0 48%,#d9f246 48% 70%,#ffad32 70% 86%,#ff4935 86%);flex:1;min-height:3px;-webkit-mask:repeating-linear-gradient(0deg,#000 0 3px,#0000 3px 4px);mask:repeating-linear-gradient(0deg,#000 0 3px,#0000 3px 4px)}.seek-row{color:#b2bdb4;font-variant-numeric:tabular-nums;align-items:center;height:36px;font-size:10px;display:grid}.slider{appearance:none;background:linear-gradient(to right, #ff6428, #d3ff49 var(--progress), #111612 var(--progress));cursor:pointer;border:1px solid #080a09;border-radius:0;width:100%;height:7px;margin:0;box-shadow:0 1px #566159}.slider::-webkit-slider-thumb{appearance:none;background:#8f9991;border:1px solid #111;border-radius:0;width:11px;height:18px;box-shadow:inset 1px 1px #d3dbd4,inset -1px -1px #3a413c}.slider::-moz-range-thumb{background:#8f9991;border:1px solid #111;border-radius:0;width:11px;height:18px;box-shadow:inset 1px 1px #d3dbd4,inset -1px -1px #3a413c}.transport-row{align-items:center;gap:12px;display:flex}.transport-controls{align-items:center;gap:5px;display:flex}.machine-button{color:#e4ece1;background:linear-gradient(145deg,#667069,#2c332e 58%,#171c18);border:1px solid #111;border-radius:1px;min-width:40px;min-height:40px;box-shadow:inset 1px 1px #9ba69e,inset -1px -1px #111512,0 1px #050706}.machine-button:hover{color:#d3ff49;filter:brightness(1.1)}.machine-button:active{transform:translateY(1px);box-shadow:inset 1px 1px #101310}.play-button{color:#d3ff49;min-width:44px;min-height:44px}.loop-button.is-active{color:#d3ff49;box-shadow:inset 0 0 0 1px #839f37,inset 1px 1px #9ba69e}.volume-control{color:#9aa59c;flex:1;align-items:center;gap:5px;min-width:80px;display:flex}.volume-icon{font-size:8px}.transport-row>.loop-button{margin-left:auto}.embedded-playlist{margin-top:10px}.embedded-playlist,.settings-modal{background:#0a0f0b;border:2px solid #080b09;box-shadow:inset 1px 1px 6px #000,0 1px #59635c}.settings-backdrop{z-index:6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000009e;padding:16px;position:fixed;inset:0}.settings-modal{width:min(620px,100% - 32px);max-height:calc(100vh - 32px);position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 24px 80px #000000b8}.settings-titlebar{color:#dce7d8;letter-spacing:.08em;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:linear-gradient(90deg,#38443b,#171d18 72%);border-bottom:1px solid #273029;align-items:center;height:38px;padding:0 6px 0 10px;font-size:11px;font-weight:750;display:flex}.settings-titlebar:active{cursor:grabbing}.settings-titlebar .window-button{margin-left:auto}.settings-content{gap:10px;padding:12px;display:grid}.settings-section{background:#101712;border:1px solid #273029;padding:12px}.settings-section-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.settings-section-heading strong,.settings-section-heading small{display:block}.settings-section-heading strong{color:#d3ff49;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.settings-section-heading small{color:#8f9b92;margin-top:4px;font-size:10px}.settings-section-heading small a{color:inherit;text-underline-offset:2px}.settings-about{gap:10px;display:grid}.settings-link{color:#d3ff49;text-underline-offset:3px;justify-self:start;align-items:center;gap:4px;font-size:10px;font-weight:650;display:inline-flex}.settings-link .button-icon{width:12px;height:12px}.settings-link:hover{color:#fff}.setting-label{color:#a8b3ab;letter-spacing:.1em;text-transform:uppercase;margin:13px 0 6px;font-size:9px;display:block}.visualizer-fields{grid-template-columns:minmax(0,1fr) 170px;gap:10px;display:grid}.preset-select{appearance:none;color:#d3ff49;letter-spacing:.06em;cursor:pointer;background-color:#131a15;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%23d3ff49' stroke-width='2'%3E%3Cpath d='m2 4 4 4 4-4'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border:1px solid #536158;border-radius:0;width:100%;height:36px;padding:0 38px 0 14px;font-size:10px}.preset-select option{color:#e8f1e4;font-family:var(--font-geist-mono), ui-monospace, monospace;background:#151c17}.playlist-label{color:#9aa79d;letter-spacing:.14em;border-bottom:1px solid #273029;justify-content:space-between;padding:7px 8px;font-size:9px;display:flex}.embedded-playlist ol{scrollbar-gutter:stable;margin:0;padding:4px;list-style:none}.embedded-playlist li button{color:#859087;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:25px 1fr;place-items:center stretch;gap:6px;width:100%;min-height:46px;padding:9px 8px;display:grid}.embedded-playlist li button:hover{color:#f0f5ed;background:#202821}.embedded-playlist li button.active{color:#d3ff49;background:#142016;box-shadow:inset 0 0 0 1px #374c2f}.embedded-playlist strong,.embedded-playlist small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.embedded-playlist strong{font-size:11px}.embedded-playlist small{color:#89958c;margin-top:3px;font-size:9px}.embedded-playlist .submission-item{padding:4px}.embedded-playlist .submission-button{color:#ff7a45;border:1px solid #ff642e;justify-content:center;align-items:center;gap:8px;min-height:44px;font-size:11px;font-weight:700;text-decoration:none;display:flex}.embedded-playlist .submission-button .button-icon{width:16px;height:16px}.embedded-playlist .submission-button:hover{color:#fff;background:#ff642e}.embedded-playlist .submission-button:focus-visible{outline-offset:2px;outline:2px solid #ff8b61}.skin-metal{font-family:var(--font-geist-sans), sans-serif;--hardware-shadow:inset 1px 1px 1px #ffffff70, inset -1px -2px 2px #0008, 0 3px 0 #111, 2px 6px 8px #0005}.skin-metal .player-window,.skin-metal .settings-modal{color:#292929;background:repeating-linear-gradient(115deg,#ffffff06 0 1px,#00000004 1px 2px),linear-gradient(125deg,#eeece8,#c4c2bf 65%,#a9a8a5);border:1px solid #aaa8a4;border-radius:5px;box-shadow:inset 1px 1px 2px #fff,inset -1px -1px 2px #777,0 22px 45px #0009}.skin-metal .player-window{max-height:calc(100dvh - 20px);overflow:auto}.skin-metal .title-bar{height:90px;text-shadow:none;background:0 0;border:0;align-items:start;padding:12px 18px;position:relative}.skin-metal .title-bar:before{content:"";box-sizing:border-box;pointer-events:none;background:radial-gradient(circle,#171717 0 3px,#777 3.5px,#eee 4.5px,#0000 5px) 50%/12px 12px space;border:1px solid #b5b3b0;width:clamp(62px,35% - 104px,140px);position:absolute;inset:12px 104px 12px auto}.skin-metal .title-logo{object-fit:contain;object-position:left;filter:brightness(0);opacity:.8;width:164px;max-width:calc(100% - 150px);height:36px}.hardware-label{color:#5b5752;letter-spacing:.12em;max-width:calc(100% - 186px);font-size:9px;font-weight:500;position:absolute;bottom:14px;left:20px}.skin-metal .window-actions{gap:8px}.skin-metal .window-button,.skin-metal .machine-button{color:#f0efec;box-shadow:var(--hardware-shadow);background:linear-gradient(135deg,#454545,#252525);border:1px solid #151515;border-radius:3px}.skin-metal .window-button{color:#292929;background:linear-gradient(135deg,#f7f6f3,#c6c3bf);height:30px}.skin-metal .player-body{padding:0 18px 22px}.skin-metal .display{color:#edf4f8;text-shadow:0 0 8px #a2d1ed30;background:linear-gradient(130deg,#ffffff12 0 44%,#0000 44%),linear-gradient(#242424,#101112);border:1px solid #454545;gap:10px 16px;min-height:150px;margin:0 -17px;padding:24px 22px 16px;box-shadow:inset 0 1px 2px #ffffff38,0 6px 10px #0005}.skin-metal .track-number{color:#4fc208;text-shadow:0 0 7px #4fc20880;letter-spacing:-.06em;align-self:center;font-size:34px;font-weight:400}.skin-metal .track-title{letter-spacing:0;font-size:18px;font-weight:500}.skin-metal .track-artist{color:#a8a9ab;letter-spacing:.03em}.skin-metal .clock{align-self:center}.segment-clock{gap:2px;height:54px;display:flex}.segment-clock svg{fill:#d9edf9;width:auto;height:100%}.skin-metal .meter{background-color:#0000;background-image:radial-gradient(#ffffff12 1px,#0000 1px);border:0}.skin-metal .meter i{background:linear-gradient(0deg,#4fc208 0 65%,#c5eeab 65% 85%,#e8f6ff 85%)}.skin-metal .seek-row{color:#4f4c49;height:48px}.skin-metal .slider{background:linear-gradient(to right, #4fc208 0 var(--progress), #272727 var(--progress));border:1px solid #928f8a;border-radius:5px;height:6px;box-shadow:0 1px #f7f4ee,inset 0 1px 2px #0009}.skin-metal .slider::-webkit-slider-thumb{background:linear-gradient(#f1efeb,#bcb9b4);border:1px solid #72706d;border-radius:3px;width:15px;height:24px;box-shadow:inset 0 1px #fff,1px 3px 4px #0006}.skin-metal .slider::-moz-range-thumb{background:linear-gradient(#f1efeb,#bcb9b4);border:1px solid #72706d;border-radius:3px;width:15px;height:24px;box-shadow:inset 0 1px #fff,1px 3px 4px #0006}.skin-metal .transport-row{gap:20px;padding:4px 0 16px}.skin-metal .transport-controls{gap:12px}.skin-metal .transport-row .machine-button{width:56px;height:56px}.skin-metal .play-button,.skin-metal .loop-button.is-active{color:#fff;box-shadow:var(--hardware-shadow);background:linear-gradient(135deg,#87df50,#4fc208 55%,#3b9106);border-color:#347e06}.skin-metal .transport-row .loop-button{border-radius:50%}.skin-metal .volume-control{color:#4f4c49;gap:10px}.skin-metal .embedded-playlist{font-family:var(--font-geist-mono), monospace;background:linear-gradient(130deg,#ffffff0a 0 44%,#0000 44%),#111312;border:1px solid #454545;box-shadow:inset 0 1px 3px #000,0 1px #fff}.skin-metal .playlist-label{color:#a8a9ab;border-color:#383b39;padding:9px 11px}.skin-metal .embedded-playlist ol{scrollbar-color:#555b57 #0d0f0e;scrollbar-width:thin;height:clamp(90px,100dvh - 458px,170px);padding:5px;overflow-y:auto}.skin-metal .embedded-playlist li button{color:#9c9f9d;height:40px;box-shadow:none;background:#ffffff04;border:1px solid #0000;border-radius:0;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:5px 9px;position:relative}.skin-metal .embedded-playlist li button>span:first-child{color:#737875;font-size:15px;font-weight:500;line-height:1}.skin-metal .embedded-playlist li button:after{content:"";background:#303330;border-radius:50%;width:4px;height:4px;position:absolute;top:7px;right:7px}.skin-metal .embedded-playlist li button.active{color:#eef8e8;text-shadow:0 0 5px #4fc20850;background:#4fc20812;border-color:#4fc20855}.skin-metal .embedded-playlist li button.active>span:first-child{color:#4fc208}.skin-metal .embedded-playlist li button.active:after{background:#4fc208;box-shadow:0 0 5px #4fc20866}.skin-metal .embedded-playlist small{color:#747a76}.skin-metal .embedded-playlist .active small{color:#a5afa8}.skin-metal .embedded-playlist li button:hover{color:#fff;background:#ffffff0d}.skin-metal .embedded-playlist .submission-item{padding:6px 5px 8px}.skin-metal .embedded-playlist .submission-button{color:#fff;min-height:40px;box-shadow:var(--hardware-shadow);font-family:var(--font-geist-sans), sans-serif;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#87df50,#4fc208 55%,#3b9106);border-color:#347e06;border-radius:2px;font-size:10px;font-weight:650}.skin-metal .embedded-playlist .submission-button:hover{filter:brightness(1.1);background:linear-gradient(135deg,#87df50,#4fc208 55%,#3b9106)}.skin-metal .embedded-playlist .submission-button:focus-visible{outline-color:#398b07}.skin-metal .machine-button:hover,.skin-metal .window-button:hover{filter:brightness(1.1)}.skin-metal .machine-button:active,.skin-metal .window-button:active{transform:translateY(2px);box-shadow:inset 0 1px 3px #0006,0 1px 1px #111}.skin-metal button:focus-visible,.skin-metal input:focus-visible,.skin-metal select:focus-visible{outline-offset:4px;outline:2px solid #398b07}.skin-metal .settings-titlebar{color:#000;background:0 0;border-color:#aaa5a0;height:48px}.skin-metal .settings-section{background:#ffffff26;border-color:#aba6a0}.skin-metal .settings-section-heading strong{color:#000}.skin-metal .settings-section-heading small,.skin-metal .setting-label{color:#56514b}.skin-metal .settings-link{color:#398b07}.skin-metal .settings-link:hover{color:#000}.skin-metal .preset-select{color:#292929;background-color:#efede9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%2344403c' stroke-width='2'%3E%3Cpath d='m2 4 4 4 4-4'/%3E%3C/svg%3E");border-color:#9b958f;border-radius:3px;height:40px;box-shadow:inset 0 1px #fff,0 2px 2px #0002}.skin-metal .preset-select option{color:#292929;background:#efede9}.skin-metal .mini-track,.skin-metal .mini-track span,.skin-metal .mini-seek{color:#393633}@keyframes dock-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes scan{to{transform:translateY(4px)}}@media (width<=760px){.player-wrap{width:calc(100vw - 20px)}.player-body{padding:10px}.display{gap:3px 8px;min-height:78px;padding:9px 8px 6px}.track-title{font-size:15px}.track-number,.clock{font-size:29px}.transport-row{gap:8px}.volume-control{display:none}.embedded-playlist li button{padding:8px}.settings-section-heading{flex-wrap:wrap}.visualizer-fields{grid-template-columns:1fr}.player-window.is-minimized .mini-player{gap:4px;padding-left:6px;padding-right:6px}.player-window.is-minimized .machine-button{width:32px;min-width:32px;height:32px;min-height:32px}.mini-seek{min-width:50px}.mini-seek>span{display:none}}@media (prefers-reduced-motion:reduce){.scanlines,.player-window.is-minimized{animation:none}}