:root{font-family:Arial,Helvetica Neue,sans-serif;color:#f8e1be;background:#0b0c0f}*{box-sizing:border-box}body{margin:0;overflow:hidden}#toolbar{height:74px;background:#151517;display:flex;align-items:center;gap:12px;padding:0 22px;border-bottom:1px solid #5b4028}#toolbar .tag{margin-right:15px;color:#f4d4a3;font-weight:750;letter-spacing:1px}button{background:#22252a;color:#ecd9bd;border:1px solid #936b40;border-radius:8px;padding:12px 22px;cursor:pointer;font-size:15px}button:hover,button.active{background:#654021;color:#fff4de}.tip{color:#b9a48d;font-size:13px;line-height:18px;margin-left:auto}#viewport{position:relative;width:100vw;height:calc(100vh - 74px);overflow:hidden;display:flex;justify-content:center;align-items:center;background:#050609}#screen{flex:none;position:absolute;top:0;left:0;width:1920px;height:1080px;transform-origin:top left;overflow:hidden;background:radial-gradient(ellipse at 16% 17%,#2c201a 0,transparent 37%),radial-gradient(ellipse at 93% 31%,#172d32 0,transparent 32%),#080c10}.layer{position:absolute;object-fit:contain;pointer-events:none}.mode{display:none}.mode.show{display:block}.spin{animation:rotateCW 1s linear infinite;animation-play-state:running}.spinSlow{animation:rotateCW 1.8s linear infinite}@keyframes rotateCW{to{transform:rotate(360deg)}}#vinylPlatter{animation-duration:1.8s;transform-origin:340px 340px}#vinylRecordGroup{animation-duration:1.8s;transform-origin:320px 320px}#cdDiscGroup{transform-origin:300px 300px}#cdPrint{width:580px;height:580px;position:absolute;left:10px;top:10px;border-radius:50%;object-fit:cover;clip-path:circle(50% at 50% 50%)}#vinylLabel{position:absolute;width:230px;height:230px;left:205px;top:205px;border-radius:50%;object-fit:cover}#cdDiscGroup img.layer,#vinylRecordGroup img.layer{left:0;top:0}.gauge{width:400px;height:270px;position:absolute}.gauge .face,.gauge .glass{position:absolute;left:24px;top:22px;width:352px;height:190px}.gauge .needle{position:absolute;left:195px;top:59px;width:10px;height:200px;transform-origin:5px 195px;transition:transform .08s linear}.gauge .hub{position:absolute;left:165px;top:185px;width:70px;height:36px}.gauge .frame{position:absolute;inset:0;width:400px;height:270px}.gauge .channel{position:absolute;left:184px;top:228px;width:32px;text-align:center;font-size:18px;font-weight:800;text-shadow:0 0 10px #ffc675;color:#f9cd93}#spectrum{position:absolute;left:1000px;top:510px;width:820px;height:230px}#bars{position:absolute;left:1020px;top:530px;width:780px;height:190px;display:flex;align-items:flex-end;gap:2px;padding:5px 4px 9px 5px;overflow:hidden}.bar{flex:1;min-width:2px;height:0;border-radius:1px 1px 0 0;opacity:.9}#header{position:absolute;left:1002px;top:56px;display:flex;align-items:center;gap:11px;width:800px}#header img{width:66px;height:66px}#header .wordmark{width:280px;height:76px}#headSub{position:absolute;left:1020px;top:145px;color:#daae75;font-size:19px;letter-spacing:5px}#castMark{position:absolute;right:90px;top:103px;font-size:18px;color:#a5dcda;line-height:26px;letter-spacing:2px}#footer{position:absolute;left:48px;top:817px;width:1823px;height:208px;background:#080c10ed;border:1px solid #85613c;border-radius:16px;box-shadow:inset 0 0 25px #b8692f1a;display:flex;padding:20px 28px;gap:22px}#coverThumb{width:165px;height:165px;object-fit:cover;border-radius:5px;flex:none}#info{width:540px}#title{font-size:36px;font-weight:750;padding-top:1px;color:#fff0de}#artist{font-size:24px;color:#bcd6d5;margin-top:3px}#album{font-size:18px;color:#c2b6a8;margin-top:9px}#format{font-size:15px;color:#c68e53;margin-top:18px;letter-spacing:2px}#controls{position:absolute;left:780px;top:60px;display:flex;align-items:center;gap:30px}#controls img{width:29px;height:29px;filter:invert(93%) sepia(10%) saturate(512%) hue-rotate(337deg)}#controls .playcircle{width:74px;height:74px;border-radius:50%;border:1px solid #c48c50;box-shadow:0 0 22px #fdba652e;display:flex;align-items:center;justify-content:center}#progressBg{position:absolute;left:245px;bottom:37px;width:966px;height:4px;background:#42434a;border-radius:4px}#progressFill{height:100%;width:44%;background:#ffc174;border-radius:4px;box-shadow:0 0 9px #e68c3d}#time{position:absolute;left:245px;bottom:12px;font-size:15px;color:#b5a18e}#remain{position:absolute;left:1163px;bottom:12px;font-size:15px;color:#b5a18e}#upNext{position:absolute;left:1280px;top:17px;width:470px;border-left:1px solid #715334;padding-left:25px;height:169px}#upNext small{font-size:16px;color:#bfa17d}#upNext b{display:block;font-size:25px;margin-top:18px}#upNext em{display:block;color:#9eb7b8;margin-top:6px;font-style:normal;font-size:18px}#minimalTheme .album{position:absolute;left:240px;top:240px;width:560px;height:560px;object-fit:cover;box-shadow:0 0 0 3px #bb8542,0 0 35px #be703c3a;border-radius:7px}#minimalTheme .minCopy{position:absolute;left:1240px;top:270px;color:#fbedd6}#minimalTheme .minCopy h1{font-size:52px;margin:20px 0}#minimalTheme .minCopy p{font-size:30px;color:#aecbcd;margin:0}#notice{position:absolute;left:1006px;top:770px;color:#bd996b;font-size:16px;letter-spacing:2px}#toolbar{height:auto;min-height:74px;flex-wrap:wrap;padding:12px 22px;gap:14px;position:relative;z-index:5;font-size:14px}#toolbar strong{letter-spacing:1px;color:#f4d4a3;font-size:15px;margin-right:12px}#toolbar nav{display:flex;gap:8px}#toolbar label{display:flex;align-items:center;gap:7px}#toolbar button{padding:9px 14px;font-size:14px}select{background:#22252a;color:#ecd9bd;border:1px solid #936b40;border-radius:6px;padding:8px}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #72dfe2;outline-offset:4px}button:disabled{opacity:.4;cursor:default}button[aria-pressed=true]{background:#654021}#inspection{margin-left:auto}summary{cursor:pointer;color:#e6ba79}.inspection-panel{position:absolute;right:15px;top:100%;width:min(450px,calc(100vw - 30px));background:#151517;border:1px solid #936b40;border-radius:8px;padding:18px;box-shadow:0 10px 30px #0009}.inspection-panel p{color:#b9a48d;line-height:1.5}.inspection-panel label{margin-bottom:14px}#diagnostics{display:block;font-family:monospace;color:#8fd3d3;margin-top:16px;line-height:1.6}#viewport{height:calc(100vh - 74px)}#cdDiscMount{position:absolute;width:600px;height:600px;transform-origin:0 0}#bars{padding:0;display:block;gap:0;background:transparent}#title{font-size:32px;line-height:1.1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#artist,#album,#upNext b,#upNext em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#format{font-size:14px;margin-top:12px}#controls button{background:transparent;border:0;padding:8px;display:flex;justify-content:center;align-items:center;border-radius:8px}#controls button[aria-pressed=true],#controls button:hover{background:#654021}#controls .playcircle{border:1px solid #c48c50;border-radius:50%;padding:0}#seek{position:absolute;left:245px;bottom:31px;width:966px;height:15px;margin:0;accent-color:#ffc174;cursor:pointer}#notice{font-size:16px;color:#ebc994}#statusMessage{position:absolute;left:48px;top:777px;color:#bcd6d5;font-size:20px;max-width:900px}#minimalTheme .minCopy{width:570px;left:1215px}#minimalTheme .minCopy h1{font-size:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.2}.cover-fallback{background:#171d24;padding:18px;object-fit:contain!important;box-sizing:border-box}#screen[data-theme=minimal] #spectrum{left:1100px;top:550px;width:720px;height:205px}#screen[data-theme=minimal] #bars{left:1118px;top:568px;width:685px;height:170px}#screen[data-motion=paused] .spin,#screen[data-motion=paused] .spinSlow{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.spin,.spinSlow{animation:none}.gauge .needle{transition:none}}@media(max-width:720px){#toolbar{gap:8px;padding:10px}#toolbar strong{width:100%}#inspection{margin-left:0}#toolbar nav{flex-wrap:wrap}}#cdDiscAssembly{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none}#cdDiscGroup{animation:none!important}#cdMechanism{margin-left:auto}#transportState{font-family:monospace;color:#e6ba79;min-width:90px}#cdMechanism .inspection-panel{width:min(460px,calc(100vw - 30px))}.mechanism-actions{display:flex;flex-wrap:wrap;gap:8px}#cdMechanism output{display:block;margin:10px 0;color:#bcd6d5;line-height:1.5}#screen[data-status=idle] #coverThumb{visibility:hidden}