*,::after,::before{box-sizing:border-box;margin:0;padding:0}:root{--cream:#f7f5ee;--tan:#8a7f6a;--dark:#1a1a1a;--knob-bg:#d4cec2;--vinyl-spin:1.8s}body,html{height:100%;font-family:'Courier New',Courier,monospace;background:var(--bg-color,var(--cream));color:var(--tan);overflow:hidden;transition:background 1.2s ease,color 1.2s ease}.hidden{display:none!important}.ios-nudge{display:none!important}._ios-nudge-styles{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:rgba(26,26,26,.88);color:#f7f5ee;font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding:9px 20px;border-radius:999px;z-index:201;pointer-events:none;white-space:nowrap;animation:nudge-fade .35s ease both}body.dark-mode .ios-nudge{background:rgba(30,30,30,.92)}@keyframes nudge-fade{from{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}body::after{content:'';position:fixed;inset:0;z-index:999;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:256px 256px;mix-blend-mode:multiply}body.dark-mode::after{opacity:.06;mix-blend-mode:soft-light}.panel-content{transition:opacity .8s ease;width:100%;display:flex;flex-direction:column;align-items:center}.panel-content.panel-hidden{opacity:0;pointer-events:none;position:absolute}.panel-content:not(.panel-hidden){opacity:1}.panel-hidden{opacity:0;pointer-events:none;transition:opacity .5s ease}.panel-hidden:not(.panel-hidden){opacity:1;pointer-events:auto}.login-card{display:flex;flex-direction:column;align-items:center;gap:clamp(18px,3vh,36px);text-align:center}.login-vinyl-icon{color:var(--tan);opacity:.7}.login-label{font-size:clamp(26px, 6.5vw, 34px);letter-spacing:.14em;text-transform:uppercase;color:var(--dark);font-weight:400;opacity:.8;white-space:nowrap}.beta-badge{font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--tan);opacity:.6;border:1px solid var(--tan);padding:3px 10px;border-radius:999px;margin-bottom:-6px}body.dark-mode .beta-badge{opacity:.45}.login-header-group{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.5vh,18px)}.login-title-group{display:flex;flex-direction:column;align-items:center;gap:10px}.login-tagline{font-size:14px;letter-spacing:.15em;color:var(--tan);opacity:1;text-align:center}.spotify-btn{display:inline-block;padding:18px 52px;border:2px solid var(--tan);border-radius:999px;background:0 0;color:var(--tan);text-decoration:none;font-family:inherit;font-size:12px;font-weight:800;letter-spacing:.3em;text-transform:uppercase;transition:background .35s,color .35s,border-color .35s;cursor:pointer}.spotify-btn:hover{background:rgba(26,26,26,.080);border-color:rgba(26,26,26,.3)}.credit{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--tan);opacity:.65;font-weight:700}.credit a{color:var(--dark);text-decoration:none;opacity:.85;font-weight:700;transition:opacity .3s;margin-left:.3em}.credit a:hover{opacity:1}.credit-player{font-size:8px;letter-spacing:.18em}.credit-base{position:fixed;top:28px;left:28px;font-size:11.5px;letter-spacing:.18em;white-space:nowrap;z-index:35}.credit-copyright{position:fixed;bottom:12px;right:16px;font-size:9px;letter-spacing:.14em;white-space:nowrap;z-index:35}#player{display:flex;height:100vh;width:100vw}@keyframes player-in{from{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}#player.entering{animation:player-in .7s cubic-bezier(.16,1,.3,1) forwards}.info-panel{flex:0 0 37%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:clamp(20px,4vh,56px) clamp(32px,4vw,64px);position:relative;z-index:2;overflow:visible}.track-meta{display:flex;flex-direction:column;gap:4px;margin-bottom:20px;width:100%;max-width:380px}.track-identity{display:flex;flex-direction:column;align-items:flex-start;gap:14px;width:100%;margin-bottom:12px}.track-text{display:flex;flex-direction:column;gap:5px;min-width:0;width:100%}.album-art-wrap{width:min(178px,22vh);height:min(178px,22vh);display:none;flex-shrink:0;border-radius:4px;box-shadow:var(--art-shadow,0 8px 32px rgba(138,127,106,.35));transition:box-shadow 1.2s ease;margin-bottom:16px;cursor:default;overflow:hidden}.album-art-wrap.visible{display:block}.album-art-thumb{width:100%;height:100%;object-fit:cover;will-change:transform;transition:transform .12s ease}.track-name{font-size:clamp(16px, 1.55vw, 24px);letter-spacing:.01em;color:var(--tan);line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.artist-name{font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--tan);opacity:.78;text-transform:uppercase}.timer{font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--tan);opacity:.65;margin-top:10px;font-variant-numeric:tabular-nums}.waveform{display:flex;align-items:flex-end;gap:3px;height:35px;margin-top:6px}.waveform-bar{width:2px;background:var(--tan);border-radius:1px;opacity:.45;height:35px;transform-origin:bottom;transform:scaleY(.08);min-height:3px}.search-area{position:relative;width:100%;max-width:370px;padding-top:0}.spotify-embed-bar{position:fixed;bottom:-100px;left:0;width:100%;height:80px;pointer-events:none;z-index:-1;transition:bottom .3s cubic-bezier(.4, 0, .2, 1)}.spotify-embed-bar.embed-visible{bottom:0;pointer-events:auto;z-index:200}.spotify-embed-bar.embed-visible::before{content:'tap \25BA to begin';position:absolute;top:-28px;left:0;right:0;text-align:center;font-family:'Courier New',Courier,monospace;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--dark);opacity:.5}.vinyl-hint{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.55);color:rgba(247,245,238,.95);font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:10px 22px;border-radius:999px;white-space:nowrap;pointer-events:none;z-index:31;opacity:0;transition:opacity .5s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.vinyl-hint.visible{opacity:1}body.dark-mode .vinyl-hint{background:rgba(0,0,0,.7)}#search-input{width:100%;background:0 0;border:1.5px solid rgba(26,26,26,.25);border-radius:999px;color:var(--dark);font-family:inherit;font-size:14px;font-weight:400;letter-spacing:.04em;padding:12px 22px;outline:0;transition:border-color .3s}#search-input:focus{border-color:var(--dark)}#search-input::placeholder{color:var(--dark);opacity:.4;font-weight:400}#search-results{position:absolute;top:calc(100% + 4px);bottom:auto;left:0;width:100%;background:var(--bg-color,var(--cream));border:1px solid rgba(26,26,26,.25);border-radius:16px;list-style:none;z-index:50;max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.16, 1, .3, 1),opacity .25s cubic-bezier(.16, 1, .3, 1);opacity:0}#search-results:not(:empty){max-height:min(320px,40dvh);overflow-y:auto;overflow-x:hidden;opacity:1}@keyframes result-slide-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}#search-results li{padding:14px 20px;font-size:13px;letter-spacing:.1em;cursor:pointer;border-bottom:1px solid rgba(138,127,106,.1);display:flex;gap:12px;align-items:center;transition:background .15s;animation:result-slide-in .22s cubic-bezier(.16,1,.3,1) both}#search-results li:last-child{border-bottom:none}#search-results li:hover{background:rgba(138,127,106,.08)}.results-section-header{padding:10px 20px 6px!important;font-size:9px!important;font-weight:700!important;letter-spacing:.2em!important;text-transform:uppercase;color:var(--tan)!important;opacity:.5;cursor:default!important;pointer-events:none}.results-section-header:hover{background:0 0!important}#search-results li img{width:46px;height:46px;object-fit:cover;flex-shrink:0;opacity:.85}#search-results li .result-text{display:block;text-align:left!important;flex:1}#search-results li .result-track{color:var(--dark);font-weight:700;display:block;text-align:left!important;width:100%}#search-results li .result-artist{color:var(--dark);opacity:.62;font-weight:600;display:block;text-align:left!important;width:100%}#search-results li .result-playlist-label{font-style:italic}.bottom-row{position:fixed;bottom:28px;left:28px;display:flex;align-items:center;gap:14px;z-index:40}.logout-btn{background:0 0;border:1.5px solid rgba(138,127,106,.35);border-radius:999px;font-family:inherit;font-size:10px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--tan);height:42px;padding:0 42px;display:flex;align-items:center;cursor:pointer;transition:background .3s,color .3s,border-color .3s}.logout-btn:hover{background:var(--tan);color:var(--bg-color,var(--cream));border-color:var(--tan)}.dark-toggle{width:42px;height:42px;border-radius:50%;border:2px solid rgba(26,26,26,.35);background:0 0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--dark);opacity:.55;transition:opacity .3s,border-color .3s}.dark-toggle:hover{opacity:1;border-color:var(--dark)}.dark-toggle .moon-icon{display:none}body.dark-mode .dark-toggle .sun-icon{display:none}body.dark-mode .dark-toggle .moon-icon{display:block}.controls-row{display:flex;align-items:flex-start;gap:4px;margin-top:24px;margin-bottom:24px;width:100%;max-width:370px;justify-content:space-between}.control-group{display:flex;flex-direction:column;align-items:center;gap:8px}.control-label{font-size:9px;font-weight:700;letter-spacing:.2em;color:var(--dark);opacity:.55;text-transform:uppercase;font-variant-numeric:tabular-nums;min-width:56px;text-align:center}.knob-btn{position:relative;width:38px;height:38px;background:var(--knob-bg);border:none;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.5);transition:box-shadow .2s,transform .2s}.knob-btn:hover{box-shadow:0 4px 12px rgba(0,0,0,.14),0 1px 3px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.5)}.knob-btn.active,.knob-btn:active{transform:translateY(1px);box-shadow:0 1px 3px rgba(0,0,0,.08),inset 0 2px 4px rgba(0,0,0,.1)}.knob-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:15px;height:15px;fill:var(--dark);pointer-events:none}.knob-btn .pause-icon{display:none}.knob-btn.active .play-icon{display:none}.knob-btn.active .pause-icon{display:block}.volume-knob{width:50px;height:50px;background:var(--knob-bg);border:none;border-radius:50%;position:relative;cursor:ns-resize;transform:rotate(-54deg);user-select:none;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.5);transition:box-shadow .2s}.volume-knob:hover{box-shadow:0 4px 12px rgba(0,0,0,.14),0 1px 3px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.5)}.volume-indicator{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:2.5px;height:12px;background:var(--dark);border-radius:1px;opacity:.6}.turntable-panel{flex:1;position:relative;background:var(--bg-color,var(--cream));display:flex;align-items:center;justify-content:center;overflow:visible;transition:background 1.2s ease;padding:clamp(32px,6vw,100px);padding-right:0;padding-left:clamp(0px,2vw,20px)}.platter{position:relative;width:min(98%,90vh);aspect-ratio:1;background:var(--platter-color,#e8e0d0);flex-shrink:0;overflow:visible;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08),0 12px 40px rgba(0,0,0,.06);transition:background 1.2s ease;transform:rotate(180deg)}.vinyl-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:116%;aspect-ratio:1}.vinyl{width:100%;height:100%;object-fit:contain;border-radius:50%;transform-origin:center}.vinyl-wrap{cursor:grab;transition:filter .3s ease}.vinyl-wrap:hover{filter:brightness(1.08)}.vinyl-wrap:active,.vinyl.scratching{cursor:grabbing;filter:brightness(1.14)}.needle-wrap{position:absolute;bottom:calc(-4% + -22px);left:-14%;width:34%;z-index:20;transform-origin:50% 70%;transform:rotate(-14deg);cursor:pointer}.needle-img{width:100%;height:auto;display:block;transform:scale(-1,-1)}.vinyl-center-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(180deg);width:13%;height:13%;pointer-events:none}.progress-ring-center{width:100%;height:100%;overflow:visible}.progress-ring-track{fill:none;stroke:var(--tan);stroke-width:.8;opacity:.18}.progress-ring-bg{fill:var(--tan);opacity:.06}.progress-pie-arc{fill:var(--tan);opacity:.45;transition:fill 1.2s ease}.progress-ring-dot{fill:var(--tan);opacity:.2}.ambient-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--glow-color,rgba(138,127,106,.12)) 0,transparent 70%);filter:blur(60px);opacity:0;transition:opacity 1.5s ease,background 1.5s ease;pointer-events:none;z-index:0}.ambient-glow.active{opacity:1}.dust-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:30;opacity:.5}body.dark-mode{--cream:#111111;--dark:#e8e4dc;--knob-bg:#2a2a2a}body.dark-mode #search-input{border-color:rgba(232,228,220,.2);color:var(--dark)}body.dark-mode #search-input::placeholder{color:var(--dark)}body.dark-mode #search-results{border-color:rgba(232,228,220,.15)}body.dark-mode .logout-btn{border-color:rgba(232,228,220,.15);color:var(--dark);background:0 0}body.dark-mode .logout-btn:hover{background:var(--dark);color:var(--bg-color,#111);border-color:var(--dark)}body.dark-mode .dark-toggle{border-color:rgba(232,228,220,.1);color:var(--dark);background:var(--bg-color,#111)}body.dark-mode .knob-btn{box-shadow:0 2px 8px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.08)}body.dark-mode .volume-knob{box-shadow:0 2px 8px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.08)}body.dark-mode .platter{background:var(--platter-color,#1e1e1e);box-shadow:0 4px 20px rgba(0,0,0,.3),0 12px 40px rgba(0,0,0,.25)}body.dark-mode .turntable-panel{background:var(--bg-color,#111)}body.dark-mode .progress-ring-track{stroke:rgba(255,255,255,0.12)}.groove-canvas{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;pointer-events:none;z-index:2}.platter{perspective:1000px}.vinyl-wrap{transform-style:preserve-3d}.crackle-toggle{width:36px;height:36px;border-radius:50%;border:2px solid rgba(26,26,26,.35);background:0 0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--dark);opacity:.55;transition:opacity .3s,border-color .3s}.crackle-toggle:hover{opacity:1;border-color:var(--dark)}.crackle-toggle.active{opacity:1;border-color:var(--tan)}body.dark-mode .crackle-toggle{border-color:rgba(232,228,220,.2);color:var(--dark)}.record-sleeve{position:absolute;top:50%;right:0;transform:translate(80%,-50%);width:18%;height:min(82%,78vh);background:var(--platter-color);border-radius:6px;z-index:25;opacity:0;pointer-events:none;transition:transform 1.2s cubic-bezier(.22, 1, .36, 1),opacity 1.2s ease;box-shadow:-6px 0 30px rgba(0,0,0,.1)}.record-sleeve.visible{opacity:1;transform:translate(20%,-50%)}.record-sleeve.reverse{right:auto;left:0;transform:translate(-80%,-50%);box-shadow:6px 0 30px rgba(0,0,0,.1)}.record-sleeve.reverse.visible{transform:translate(-20%,-50%)}.vinyl-wrap.sleeve-slide{transition:transform 1.2s cubic-bezier(.22, 1, .36, 1)!important}.vinyl-wrap.rewinding{filter:blur(1px) brightness(1.08)!important;transition:filter .1s ease!important}.vinyl-wrap.rewinding .groove-canvas{opacity:.3}@keyframes login-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.login-vinyl-icon{animation:login-spin 8s linear infinite}.small-knob{width:40px;height:40px}.small-knob .knob-icon{width:13px;height:13px}#shuffle-btn.active{box-shadow:0 2px 8px rgba(0,0,0,.1),0 0 0 2px var(--tan),inset 0 1px 0 rgba(255,255,255,.5)!important}.queue-section{margin-top:20px;width:100%;max-width:400px}.queue-label{font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--dark);opacity:.35;margin-bottom:10px}.queue-list{list-style:none;display:flex;flex-direction:column;gap:8px}.queue-item{display:flex;align-items:center;gap:10px;opacity:.65;transition:opacity .2s}.queue-item:hover{opacity:1}.queue-item img{width:34px;height:34px;object-fit:cover;border-radius:3px;flex-shrink:0}.queue-item-text{display:flex;flex-direction:column;gap:2px;min-width:0}.queue-item-track{font-size:11px;font-weight:700;color:var(--dark);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-item-artist{font-size:10px;color:var(--tan);opacity:.7;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#mobile-wip{display:none;position:absolute;top:8%;left:0;right:0;text-align:center;z-index:32;pointer-events:none}body.ios .login-label{font-size:clamp(29px, 7.2vw, 38px)}body.ios #mobile-credit a{margin-left:5px}body.ios #mobile-middle{padding-bottom:10px}body.ios #mobile-wip{margin-top:auto!important}#mobile-credit{display:none}#mobile-wip p{margin:0;font-family:'Courier New',Courier,monospace;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;text-align:center;opacity:.7;color:var(--dark)}body.dark-mode #mobile-wip p{color:var(--light)}@keyframes vinyl-idle-spin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media (max-width:899px) and (pointer:fine){body,html{overflow:hidden;height:100dvh}#player{flex-direction:column;height:100dvh;overflow:hidden}.info-panel{flex:none;width:100%;padding:40px 24px 16px;padding-bottom:100px;align-items:center;justify-content:center}.panel-content{align-items:center;text-align:center;width:100%}.track-meta{max-width:100%}.track-identity{flex-direction:column;align-items:center}.track-text{text-align:center;display:flex;flex-direction:column;align-items:center}.album-art-wrap{margin-bottom:12px}.timer{text-align:center}.waveform{justify-content:center}.controls-row{width:min(480px,85vw);max-width:none;justify-content:space-between}.search-area{width:min(480px,85vw);max-width:none}.login-card{align-items:center}.album-art-wrap{width:min(200px,28vh);height:min(200px,28vh)}.track-name{font-size:clamp(18px, 4vw, 26px)}.artist-name{font-size:13px}.timer{font-size:15px}.knob-btn{width:44px;height:44px}.knob-icon{width:17px;height:17px}.control-label{font-size:9px}#search-input{font-size:15px;padding:14px 24px}.dust-canvas{display:none}.turntable-panel{flex:1;padding:16px;padding-right:0;min-height:0}.platter{width:min(80vw,44vh)}.credit-base{font-size:9px;top:14px;left:50%;transform:translateX(-50%);white-space:nowrap}}@media (max-width:899px) and (pointer:fine){.record-sleeve{top:auto;bottom:0;right:auto;left:50%;transform:translate(-50%,110%);width:min(80vw,44vh);height:18%;box-shadow:0 -6px 30px rgba(0,0,0,.1)}.record-sleeve.visible{transform:translate(-50%,20%)}.vinyl-wrap.sleeve-slide{transition:transform 1s cubic-bezier(.22, 1, .36, 1)!important}.record-sleeve{transition:transform .7s cubic-bezier(.22, 1, .36, 1),opacity .7s ease!important}}@media (min-width:1px){#mobile-wip{display:none!important}#mobile-credit{display:none!important}#mobile-middle{display:none!important}}@media (max-width:1023px) and (pointer:coarse){#mobile-wip{display:block!important;position:static!important;top:auto!important;left:auto!important;right:auto!important}#mobile-credit{display:block!important}#mobile-middle{display:flex!important;flex:1;flex-direction:column;justify-content:space-evenly;align-items:center}}@media (min-width:768px) and (max-width:1023px) and (pointer:coarse){body,html{overflow:hidden;height:100dvh}#player{flex-direction:column;width:100vw;height:100dvh;overflow:hidden}.info-panel{flex:0 0 auto!important;width:100%;padding:max(16px,env(safe-area-inset-top)) 48px 12px;align-items:center!important;justify-content:flex-start!important}.panel-content{align-items:center;text-align:center;width:100%}#login-content{height:auto}#start-btn{display:none}.login-vinyl-icon{display:none}.login-header-group{gap:16px}.login-title-group{gap:8px}.login-card{gap:0;width:100%}.login-card .credit{display:none}#mobile-middle{flex:1}.turntable-panel{flex:2;width:100%;min-height:0;overflow:visible}.platter{width:min(70vw,50vh)}.needle-wrap{width:40%}.vinyl-hint{display:none}.credit-base{display:none}.credit-copyright{display:none}.bottom-row{position:fixed;bottom:18px;left:20px}#mobile-wip{display:block}}@media (max-width:767px) and (pointer:coarse){body,html{overflow:hidden;height:100dvh;width:100vw}#player{flex-direction:column;width:100vw;height:100dvh;overflow:hidden}.info-panel{flex:0 0 auto!important;width:100%;padding:max(16px,env(safe-area-inset-top)) 28px 12px;align-items:center!important;justify-content:flex-start!important}.panel-content{align-items:center;text-align:center;width:100%}.album-art-wrap{width:min(140px,20vh);height:min(140px,20vh);margin-bottom:10px}#login-content{height:auto}#start-btn{display:none}.login-vinyl-icon{display:none}.login-header-group{gap:16px}.login-title-group{gap:8px}.login-card{gap:0;width:100%}.login-card .credit{display:none}#mobile-middle{flex:1}.turntable-panel{flex:2;width:100%;min-height:0;overflow:visible}.platter{width:min(88vw,50vh)}.needle-wrap{width:46%}.vinyl-hint{display:none}.credit-base{display:none}.credit-copyright{display:none}.bottom-row{position:fixed;bottom:16px;left:16px}#mobile-wip{display:block}}@media (max-width:1023px) and (pointer:coarse){.spotify-embed-bar{display:none!important}.vinyl-wrap{animation:vinyl-idle-spin 14s linear infinite}}#rotate-overlay{display:none;position:fixed;inset:0;z-index:9999;background:var(--bg-color,var(--cream));flex-direction:column;align-items:center;justify-content:center;gap:16px}#rotate-overlay p{font-family:'Courier New',Courier,monospace;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--dark);opacity:.6;margin:0}@media (orientation:landscape) and (pointer:coarse) and (max-width:1080px){#rotate-overlay{display:flex}#player{display:none!important}}@media (min-width:1440px){.controls-row,.queue-section,.search-area,.track-meta{max-width:420px}.album-art-wrap{width:min(200px,24vh);height:min(200px,24vh)}.track-name{font-size:clamp(18px, 1.6vw, 25px)}.artist-name{font-size:13px}.timer{font-size:13px}.knob-btn{width:48px;height:48px}.knob-icon{width:18px;height:18px}}@media (max-width:390px){.info-panel{padding:60px 14px 24px}.knob-btn{width:40px;height:40px}.volume-knob{width:40px;height:40px}.control-label{font-size:8px;min-width:44px}.controls-row{gap:4px}.track-name{font-size:14px}.artist-name{font-size:9px}.turntable-panel{height:min(56vw,34vh)}.platter{width:80vw}}