:root{color:#050505;background:radial-gradient(circle at 20% 12%,rgba(255,255,255,.16),transparent 24%),linear-gradient(135deg,#111,#2a2a2a 46%,#050505);font-family:Lucida Console,Monaco,Courier New,monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input{font:inherit}button,.primary-button{align-items:center;background:transparent;border:0;border-radius:0;color:currentColor;cursor:pointer;display:inline-flex;gap:7px;justify-content:center;min-height:30px;padding:0 8px;text-decoration:none}button:hover,.primary-button:hover,button:focus-visible,.primary-button:focus-visible{background:#050505;color:#f6f6f6;outline:0}button:disabled{cursor:not-allowed;opacity:.45}input{background:#f6f6f6;border:2px solid #050505;border-radius:0;color:#050505;min-height:32px;padding:0 8px}.pocket-stage{align-items:center;display:flex;justify-content:center;margin:0;min-height:100vh;padding:24px}.pocket-player{background:#f6f6f6;border:6px solid #050505;border-radius:20px 20px 42px 42px;box-shadow:inset 0 0 0 4px #d6d6d6,inset 0 -34px #c8c8c8,0 28px #0000003d,0 34px 70px #0000008c;display:flex;flex-direction:column;gap:18px;height:min(92vh,780px);justify-content:space-between;max-width:470px;min-height:690px;padding:22px 22px 28px;position:relative;width:min(100%,470px)}.lcd-screen{background:repeating-linear-gradient(0deg,rgba(0,0,0,.08) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(0,0,0,.06) 0 1px,transparent 1px 4px),#f6f6f6;border:8px solid #050505;border-radius:6px;box-shadow:inset 0 0 24px #00000029;display:grid;grid-template-rows:auto minmax(0,1fr);flex:1 1 auto;image-rendering:pixelated;min-height:0;overflow:hidden;position:relative;transform:translateZ(0);width:100%}.lcd-screen:after{background:radial-gradient(circle,rgba(0,0,0,.14) 1px,transparent 1px),linear-gradient(130deg,rgba(255,255,255,.22),transparent 34%);background-size:6px 6px,auto;content:"";inset:0;mix-blend-mode:multiply;pointer-events:none;position:absolute}.top-nav{align-items:center;background:#050505;color:#f6f6f6;display:flex;justify-content:space-between;min-height:38px;padding:7px 10px;position:relative;text-transform:uppercase;z-index:1}.top-nav h1{font-size:17px;letter-spacing:0;margin:0}.screen-status{align-items:center;display:flex;font-size:12px;font-weight:700;gap:8px}.battery{border:2px solid #f6f6f6;height:11px;position:relative;width:25px}.battery:before{background:#f6f6f6;content:"";height:5px;position:absolute;right:-5px;top:1px;width:3px}.battery:after{background:#f6f6f6;content:"";inset:2px 7px 2px 2px;position:absolute}.screen-content{min-height:0;overflow:auto;padding:12px;position:relative;scrollbar-color:#050505 transparent;scrollbar-width:thin;z-index:1}.boot-menu{display:flex;flex-direction:column}.boot-menu button,.artist-browser-row{align-items:center;background:transparent;border:0;color:#050505;display:flex;font-weight:900;justify-content:space-between;font-size:15px;line-height:1;min-height:30px;padding:2px 1px;text-align:left;text-transform:uppercase;width:100%}.boot-menu button:before,.artist-browser-row:before{content:">";flex:0 0 8px;opacity:0}.boot-menu button.selected,.boot-menu button:hover,.boot-menu button:focus-visible,.artist-browser-row.selected,.artist-browser-row:hover,.artist-browser-row:focus-visible{background:#050505;color:#f6f6f6}.boot-menu button.selected:before,.boot-menu button:hover:before,.boot-menu button:focus-visible:before,.artist-browser-row.selected:before,.artist-browser-row:hover:before,.artist-browser-row:focus-visible:before{opacity:1}.artist-browser{display:flex;flex-direction:column;gap:0}.artist-browser-row{gap:8px;line-height:1;min-height:30px}.artist-browser-row strong{flex:1;min-width:0;overflow-wrap:anywhere}.artist-browser-row span{font-size:11px;font-weight:400;text-align:right;text-transform:none}.artist-browser-row.track-selected strong:after{content:" *"}.sifter-browser,.playlist-browser{display:flex;flex-direction:column;gap:0}.sifter-browser-row,.playlist-browser-row{align-items:center;background:transparent;border:0;color:#050505;display:flex;font-size:15px;font-weight:900;height:30px;justify-content:flex-start;line-height:1;padding:0 1px;text-align:left;text-transform:uppercase;width:100%}.sifter-browser-row:before,.playlist-browser-row:before{content:">";flex:0 0 8px;opacity:0}.sifter-browser-row:hover,.sifter-browser-row:focus-visible,.playlist-browser-row[data-selected=true],.playlist-browser-row:hover,.playlist-browser-row:focus-visible{background:#050505;color:#f6f6f6}.sifter-browser-row:hover:before,.sifter-browser-row:focus-visible:before,.playlist-browser-row[data-selected=true]:before,.playlist-browser-row:hover:before,.playlist-browser-row:focus-visible:before{opacity:1}.artist-search-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.artist-search-tile{align-items:stretch;background:transparent;border:0;color:#050505;display:flex;flex-direction:column;gap:5px;min-height:0;padding:0;text-align:left;text-transform:uppercase}.artist-search-tile:hover,.artist-search-tile:focus-visible{background:#050505;color:#f6f6f6}.artist-search-tile img{aspect-ratio:1;border:2px solid #050505;filter:grayscale(1) contrast(1.8);image-rendering:pixelated;object-fit:cover;width:100%}.artist-search-tile:hover img,.artist-search-tile:focus-visible img{border-color:#f6f6f6;filter:grayscale(1) contrast(1.8) invert(1)}.artist-search-tile strong{font-size:13px;line-height:1;overflow-wrap:anywhere;padding:0 2px 4px}.history-browser{display:flex;flex-direction:column;gap:0}.history-entry{align-items:center;background:transparent;border:0;color:#050505;display:grid;font-size:15px;font-weight:900;grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:30px;justify-content:stretch;line-height:1;padding:0 1px;text-align:left;text-transform:uppercase;width:100%}.history-entry[data-selected=true],.history-entry:hover,.history-entry:focus-visible{background:#050505;color:#f6f6f6}.history-cell{display:block;min-width:0;overflow:hidden;padding:0 2px;white-space:nowrap}.history-cell-text{display:inline-block;max-width:100%;min-width:100%;overflow:hidden;text-overflow:clip;vertical-align:bottom;white-space:nowrap}.history-entry[data-selected=true] .history-cell.overflowing .history-cell-text,.history-entry:hover .history-cell.overflowing .history-cell-text,.history-entry:focus-visible .history-cell.overflowing .history-cell-text{animation:history-pan 3.4s ease-in-out infinite alternate;max-width:none;min-width:auto;overflow:visible;text-overflow:unset}@keyframes history-pan{0%{transform:translate(0)}to{transform:translate(calc(-1 * var(--pan-distance)))}}.borderless-panel{border:0;padding:5px 2px}.click-wheel{align-self:center;aspect-ratio:1;background:radial-gradient(circle at 50% 50%,#f6f6f6 0 30%,transparent 31%),conic-gradient(from 45deg,#d8d8d8,#f6f6f6,#bdbdbd,#f6f6f6,#d8d8d8);border:5px solid #050505;border-radius:50%;box-shadow:inset 0 0 0 4px #f6f6f6,inset 0 0 0 7px #050505,0 10px #00000029;display:grid;flex:0 0 auto;grid-template-areas:". up ." "left center right" ". down .";grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;height:clamp(138px,27vh,172px);padding:8px;width:clamp(138px,27vh,172px)}.wheel-button,.wheel-center{color:#050505;min-height:0;padding:0}.wheel-button:hover,.wheel-button:focus-visible,.wheel-center:hover,.wheel-center:focus-visible{background:transparent;color:#050505;outline:3px solid #050505;outline-offset:-6px}.wheel-button svg,.wheel-center svg{height:24px;stroke-width:3;width:24px}.wheel-up{grid-area:up}.wheel-left{grid-area:left}.wheel-right{grid-area:right}.wheel-down{grid-area:down}.wheel-center{background:#f6f6f6;border:4px solid #050505;border-radius:50%;grid-area:center}.login-player{min-height:690px}.login-screen{align-items:center;display:flex;grid-template-rows:minmax(0,1fr);min-height:0;padding:24px}.login-screen section{max-width:330px;position:relative;z-index:1}.login-screen h1{font-size:48px;line-height:1;margin:0 0 12px;text-transform:uppercase}.login-screen p{line-height:1.45}.primary-button{background:#050505;color:#f6f6f6;margin-top:8px;min-height:36px;text-transform:uppercase}.primary-button:hover,.primary-button:focus-visible{background:#f6f6f6;box-shadow:inset 0 0 0 2px #050505;color:#050505}.now-layout{display:grid;gap:12px;grid-template-columns:116px minmax(0,1fr)}.artwork-wrap{aspect-ratio:1;background:repeating-linear-gradient(45deg,#050505 0 4px,#f6f6f6 4px 8px);border:3px solid #050505;border-radius:0;overflow:hidden}.artwork-wrap img,.card img,.track-row img{filter:grayscale(1) contrast(1.75);height:100%;image-rendering:pixelated;object-fit:cover;width:100%}.track-info{min-width:0}.track-info h2{font-size:22px;line-height:1.05;margin:4px 0 8px;overflow-wrap:anywhere;text-transform:uppercase}.track-info p{margin:6px 0;overflow-wrap:anywhere}.context{font-size:12px;font-weight:900;margin:0;text-transform:uppercase}.controls,.action-row,.toolbar,.page-title,.range-toolbar,.row-actions,.badges{align-items:center;display:flex;flex-wrap:wrap;gap:7px}.controls,.action-row{margin-top:12px}.action-row button,.row-actions button,.button-link{justify-content:flex-start;min-height:32px;text-decoration:none;text-transform:uppercase}.action-row button:hover,.row-actions button:hover,.button-link:hover,.action-row button:focus-visible,.row-actions button:focus-visible,.button-link:focus-visible{background:#050505;color:#f6f6f6}.icon-button{height:36px;min-height:36px;padding:0;width:36px}.stack{display:flex;flex-direction:column;gap:12px}.page-title{justify-content:space-between}.page-title h2,.stack>h2{font-size:18px;margin:0;text-transform:uppercase}.title-button{font-size:18px;font-weight:900;justify-content:flex-start;padding-left:0;text-transform:uppercase}.range-toolbar{align-items:stretch}.range-toolbar input{flex:1;min-width:130px}.toolbar input{flex:1;min-width:170px}.grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(134px,1fr))}.card{background:#f6f6f6;border:3px solid #050505;border-radius:0;padding:8px}.card:focus-within,.card:hover{background:#050505;color:#f6f6f6}.card:focus-within button,.card:hover button{color:#f6f6f6}.card img{aspect-ratio:1;border-radius:0}.card h3{font-size:14px;margin:8px 0 5px;text-transform:uppercase}.card p{font-size:12px;min-height:32px}.list{display:flex;flex-direction:column;gap:8px}.list-row,.track-row,.panel{background:#f6f6f6;border:3px solid #050505;border-radius:0;padding:9px}.list-row:hover,.track-row:hover{background:#050505;color:#f6f6f6}.list-row{align-items:center;display:flex;gap:12px;justify-content:space-between}button.list-row{color:#050505;min-height:42px;text-align:left;width:100%}.artist-result{text-transform:uppercase}.artist-result:before{content:">";font-weight:900}.artist-result img{border:3px solid #050505;height:54px;object-fit:cover;width:54px}.artist-result>div:first-of-type{flex:1;min-width:0}button.list-row:hover,button.list-row:focus-visible{background:#050505;color:#f6f6f6}.list-row span{font-size:12px;white-space:nowrap}.wheel-center svg{height:28px;width:28px}.artist-library-row{gap:8px;min-height:28px;padding:5px 7px}.artist-library-row strong{font-size:13px;line-height:1.2;overflow-wrap:anywhere}.artist-library-row span{font-size:11px}.track-row{align-items:center;display:grid;gap:9px;grid-template-columns:50px minmax(0,1fr)}.track-row img{border:3px solid #050505;border-radius:0;height:50px;width:50px}.track-row:hover img{border-color:#f6f6f6;filter:grayscale(1) contrast(1.75) invert(1)}.track-row strong{display:block;overflow-wrap:anywhere;text-transform:uppercase}.track-row span{display:block;font-size:12px;line-height:1.35}.row-actions{grid-column:1 / -1}.badges{margin-top:6px}.badges em{align-items:center;background:#050505;color:#f6f6f6;display:inline-flex;font-style:normal;gap:4px;padding:3px 6px}.track-row:hover .badges em{background:#f6f6f6;color:#050505}.error{font-weight:900;text-decoration:underline}.success{font-weight:900}@media(max-width:620px){html,body,#root{height:100%;min-height:100%;overflow:hidden}.pocket-stage{align-items:stretch;height:100dvh;justify-content:stretch;min-height:100dvh;overflow:hidden;padding:0}.pocket-player{border-radius:14px 14px 24px 24px;border-width:5px;box-shadow:inset 0 0 0 3px #d6d6d6,inset 0 -24px #c8c8c8;display:grid;gap:clamp(8px,1.4dvh,12px);grid-template-rows:minmax(0,48dvh) auto minmax(0,1fr);height:100dvh;justify-content:center;max-width:none;min-height:0;overflow:hidden;padding:clamp(10px,2dvh,14px);width:100vw}.lcd-screen{align-self:stretch;border-width:6px;flex:none;height:auto;min-height:0;width:100%}.screen-content{padding:10px}.click-wheel{align-self:start;height:clamp(126px,24dvh,158px);justify-self:center;margin-top:clamp(2px,.5dvh,6px);width:clamp(126px,24dvh,158px)}.now-layout{display:flex;flex-direction:column}.artwork-wrap{max-width:138px}.track-info h2{font-size:20px}.list-row{align-items:flex-start;flex-direction:column}.artist-library-row{align-items:center;flex-direction:row}.list-row span{white-space:normal}.boot-menu button,.artist-browser-row{flex-direction:row}.boot-menu button,.artist-browser-row,.sifter-browser-row,.playlist-browser-row,.history-entry{font-size:15px}}