:root{--body-color: #0a0a0a;--body-dark: #000000;--accent: #6366f1;--accent-hover: #818cf8;--text-dim: #6b7280;--text-mid: #9ca3af;--text-bright: #e5e7eb;--border-subtle: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .1)}:root[data-theme=light]{--body-color: #fdfdfd;--body-dark: #ffffff;--accent: #6366f1;--accent-hover: #818cf8;--text-dim: #a1a1aa;--text-mid: #71717a;--text-bright: #18181b;--border-subtle: rgba(0, 0, 0, .06);--border-hover: rgba(0, 0, 0, .1)}*{box-sizing:border-box}body{margin:0;padding:0;background:var(--body-dark);min-height:100vh;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .3s ease}.walkman-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--body-dark);transition:background .3s ease;padding:40px}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar-title{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--text-dim);margin-bottom:16px;font-weight:600;padding:0 0 12px;border-bottom:2px dashed var(--border-subtle);position:relative}:root[data-theme=light] .sidebar-title{color:#a1a1aa}.sidebar-title:after{content:"─────────────────";position:absolute;bottom:-2px;left:0;font-size:8px;color:var(--border-subtle);letter-spacing:0;opacity:.3}.music-list{list-style:none;padding:0;margin:0}.music-item{padding:12px 40px 12px 12px;margin-bottom:0;border-radius:0;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background:transparent;border:none;border-bottom:1px dashed var(--border-subtle);display:flex;flex-direction:column;gap:2px;position:relative;min-height:56px;justify-content:center}.music-item.has-album-art{padding-left:52px}.album-thumbnail{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;background:#000;border-radius:4px;border:1px solid var(--border-subtle);overflow:hidden;display:flex;align-items:center;justify-content:center;transition:all .3s ease}:root[data-theme=light] .album-thumbnail{background:#f8f8f8}.music-thumbnail{width:100%;height:100%;object-fit:cover}.music-item:not(.active):after{content:"♪";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-dim)}.music-item.has-album-art:after,.music-item.active:after{display:none}.music-item:before{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-family:monospace;font-size:10px;line-height:1;color:#22c55e;opacity:0;transition:opacity .2s ease;letter-spacing:1px}.music-item:hover{background:#ffffff08;border-bottom-color:var(--border-hover)}:root[data-theme=light] .music-item:hover{background:#00000005}.music-item:hover .music-title{color:var(--text-bright)}.music-item.active{background:transparent;border-bottom-color:#22c55e4d}.music-item.active:before{opacity:1;animation:ascii-wave 1.5s ease-in-out infinite}@keyframes ascii-wave{0%{content:"|‾|_|‾"}16%{content:"‾|_|‾|"}33%{content:"_|‾|_|"}50%{content:"|_|‾|_"}66%{content:"‾|_|‾|"}83%{content:"_|‾|_|"}to{content:"|‾|_|‾"}}.music-item.active .album-thumbnail{border-color:#22c55e66}.music-title{font-size:13px;font-weight:500;margin:0;color:var(--text-bright);line-height:1.4;letter-spacing:-.01em;transition:color .2s ease}.music-item.active .music-title{color:#22c55e;font-weight:600}.music-artist{font-size:11px;color:var(--text-dim);letter-spacing:0;margin:0;line-height:1.3}.music-item:hover .music-artist{color:var(--text-mid)}.music-item.active .music-artist{color:var(--text-dim)}.video-type-list{list-style:none;padding:0;margin:0}.video-type-item{margin-bottom:0}.video-type-item.style-item{padding:10px 40px 10px 12px;margin-bottom:0;border-radius:0;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background:transparent;border:none;border-bottom:1px dashed var(--border-subtle);font-size:13px;font-weight:500;color:var(--text-bright);letter-spacing:-.01em;position:relative}.video-type-item.style-item:before{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-family:monospace;font-size:10px;line-height:1;color:#a78bfa;opacity:0;transition:all .2s ease;letter-spacing:1px}.video-type-item.style-item:hover{background:#ffffff08;color:var(--text-bright)}:root[data-theme=light] .video-type-item.style-item:hover{background:#00000005}.video-type-item.style-item.active{background:transparent;border-bottom-color:#8b5cf64d;color:#a78bfa;font-weight:600}.video-type-item.style-item.active:before{opacity:1;animation:ascii-play 1.2s steps(6) infinite}@keyframes ascii-play{0%{content:"►  "}16%{content:" ► "}33%{content:"  ►"}50%{content:"  ►"}66%{content:" ► "}83%{content:"►  "}to{content:"►  "}}.video-type-header{padding:10px 40px 10px 12px;border-radius:0;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-weight:500;font-size:13px;display:flex;justify-content:space-between;align-items:center;background:transparent;border:none;border-bottom:1px dashed var(--border-subtle);position:relative;letter-spacing:-.01em;color:var(--text-bright)}.video-type-header:before{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-family:monospace;font-size:10px;line-height:1;color:#a78bfa;opacity:0;transition:all .2s ease;letter-spacing:1px}.video-type-header:hover{background:#ffffff08;color:var(--text-bright)}:root[data-theme=light] .video-type-header:hover{background:#00000005}.video-type-header.active{background:transparent;border-bottom-color:#8b5cf64d;color:#a78bfa;font-weight:600}.video-type-header.active:before{opacity:1;animation:ascii-play 1.2s steps(6) infinite}.video-sublist{list-style:none;margin:0;padding:0 0 0 12px;border-left:1px dashed var(--border-subtle)}.video-subitem{padding:8px 40px 8px 20px;font-size:12px;cursor:pointer;border-radius:0;margin-bottom:0;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--text-bright);background:transparent;border:none;border-bottom:1px dashed var(--border-subtle);letter-spacing:-.01em;position:relative}.video-subitem:before{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-family:monospace;font-size:9px;line-height:1;color:#a78bfa;opacity:0;transition:all .2s ease;letter-spacing:1px}.video-subitem:after{content:"└";position:absolute;left:6px;bottom:0;font-family:monospace;font-size:10px;line-height:1;color:var(--border-subtle);opacity:.4}.video-subitem:hover{background:#ffffff08;color:var(--text-bright)}:root[data-theme=light] .video-subitem:hover{background:#00000005}.video-subitem.active{background:transparent;color:#a78bfa;font-weight:500;border-bottom-color:#8b5cf64d}.video-subitem.active:before{opacity:1;animation:ascii-bounce .8s steps(4) infinite}@keyframes ascii-bounce{0%{content:"•"}25%{content:"○"}50%{content:"●"}75%{content:"○"}to{content:"•"}}.video-subitem.disabled{opacity:.3;cursor:not-allowed}.video-subitem.disabled:hover{background:transparent;border-color:transparent}.walkman-viewport{perspective:1200px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;gap:20px;background:var(--body-dark);transition:background .3s ease;position:relative}.video-name-top{font-size:16px;font-weight:600;color:var(--text-bright);letter-spacing:-.01em;text-align:center;opacity:.9;text-shadow:0 2px 12px rgba(0,0,0,.6)}:root[data-theme=light] .video-name-top{color:#18181b;text-shadow:none;opacity:1}.walkman-body{width:340px;background:linear-gradient(180deg,var(--body-color) 0%,var(--body-dark) 100%);border-radius:20px;padding:20px;position:relative;box-shadow:0 40px 80px -20px #0006,0 20px 40px -10px #0000004d,inset 0 1px #ffffff14;border:1px solid var(--border-subtle);transition:all .3s ease}:root[data-theme=light] .walkman-body{background:#fcfcfc;box-shadow:0 4px 12px #0000000d,0 0 0 1px #0000000d;border:1px solid rgba(0,0,0,.08)}.screen-bezel{background:var(--body-dark);border-radius:14px;padding:6px;box-shadow:inset 0 2px 12px #00000080,0 1px #ffffff0a;border:1px solid var(--border-subtle);margin-bottom:20px;transition:all .3s ease}:root[data-theme=light] .screen-bezel{background:#18181b;box-shadow:inset 0 1px 3px #0000004d,0 0 0 1px #0000001a;border:1px solid rgba(0,0,0,.15)}.screen-inner{width:100%;aspect-ratio:1 / 1;background:#000;border-radius:10px;overflow:hidden;position:relative}.track-panel{display:flex;flex-direction:column;gap:4px;margin-bottom:20px;text-align:center}.track-name{font-size:18px;font-weight:700;color:var(--text-bright);letter-spacing:-.02em;margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root[data-theme=light] .track-name{color:#09090b}.track-artist{font-size:13px;color:var(--text-mid);letter-spacing:0;margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root[data-theme=light] .track-artist{color:#71717a}.time-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 2px;opacity:.5;transition:opacity .3s ease}.time-row:hover{opacity:.8}.time-current,.time-remaining{font-size:11px;color:var(--text-mid);font-variant-numeric:tabular-nums;font-weight:500}:root[data-theme=light] .time-current{color:#52525b}.time-remaining{color:var(--text-dim)}:root[data-theme=light] .time-remaining{color:#a1a1aa}.progress-container{padding:0 2px;margin-bottom:20px}.progress-bar{-webkit-appearance:none;appearance:none;width:100%;height:5px;background:#ffffff1a;border-radius:3px;outline:none;cursor:pointer}:root[data-theme=light] .progress-bar{background:#00000014}.progress-bar::-webkit-slider-runnable-track{height:5px;background:#ffffff1a;border-radius:3px}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--text-bright);border-radius:50%;cursor:pointer;margin-top:-4.5px;box-shadow:0 2px 8px #0009;transition:all .2s ease}:root[data-theme=light] .progress-bar::-webkit-slider-thumb{background:#18181b;box-shadow:0 1px 3px #00000026}.progress-bar::-webkit-slider-thumb:hover{background:#fff;transform:scale(1.15)}:root[data-theme=light] .progress-bar::-webkit-slider-thumb:hover{background:#09090b}.progress-bar::-moz-range-track{height:5px;background:#ffffff1a;border-radius:3px}.progress-bar::-moz-range-thumb{width:14px;height:14px;background:var(--text-bright);border-radius:50%;cursor:pointer;border:none}.controls-row{display:flex;justify-content:space-between;align-items:center;padding:0 20px 20px}.control-btn{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.08);background:transparent;color:var(--text-mid);cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}:root[data-theme=light] .control-btn{border-color:#00000014;color:#71717a}.control-btn svg{width:22px;height:22px}.control-btn:hover{color:var(--text-bright);border-color:#ffffff1f;background:#ffffff0d}:root[data-theme=light] .control-btn:hover{color:#18181b;border-color:#0000001f;background:#00000008}.control-btn:active{transform:scale(.94)}.play-btn{width:64px;height:64px;background:linear-gradient(145deg,#1a1a1a,#0a0a0a);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #00000080,inset 0 1px #ffffff0f}:root[data-theme=light] .play-btn{background:#fff;border:1px solid rgba(0,0,0,.12);box-shadow:0 2px 8px #00000014,0 0 0 1px #0000000a;color:#18181b}.play-btn svg{width:28px;height:28px}.play-btn:hover{border-color:#ffffff26;box-shadow:0 6px 16px #0009,inset 0 1px #ffffff14}:root[data-theme=light] .play-btn:hover{border-color:#00000026;box-shadow:0 4px 12px #0000001f,0 0 0 1px #0000000f}.randomizer-btn:hover{color:var(--accent-hover)}.randomizer-btn:active svg{animation:randomSpin .3s ease}@keyframes randomSpin{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.volume-control{display:flex;align-items:center;opacity:.8;transition:opacity .3s ease}.volume-control:hover{opacity:1}.knob-container{width:48px;height:48px;background:transparent;border-radius:50%;display:flex;justify-content:center;align-items:center;border:1px solid rgba(255,255,255,.08);transition:all .2s cubic-bezier(.4,0,.2,1)}:root[data-theme=light] .knob-container{border-color:#00000014}.knob-container:hover{border-color:#ffffff1f;background:#ffffff0d}:root[data-theme=light] .knob-container:hover{border-color:#0000001f;background:#00000008}.knob{width:32px;height:32px;background:conic-gradient(from 180deg,#1a1a1a,#2a2a2a 90deg,#1a1a1a,#2f2f2f,#1a1a1a 360deg);border-radius:50%;cursor:grab;position:relative;box-shadow:0 2px 4px #0006,inset 0 1px #ffffff14}:root[data-theme=light] .knob{background:conic-gradient(from 180deg,#e4e4e7,#d4d4d8 90deg,#e4e4e7,#d4d4d8,#e4e4e7 360deg);box-shadow:0 1px 3px #0000001a,inset 0 1px #ffffff80}.knob:active{cursor:grabbing}.knob-indicator{position:absolute;top:4px;left:50%;transform:translate(-50%);width:2px;height:8px;background:var(--accent);border-radius:1px;box-shadow:0 0 6px var(--accent)}input[type=range]{accent-color:var(--text-bright)}.hamburger-btn{display:none;position:fixed;top:20px;z-index:1000;width:44px;height:44px;background:#0a0a0af2;border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-mid);cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .2s ease}.hamburger-btn:hover{background:#141414f2;color:var(--text-bright);border-color:var(--border-hover)}.hamburger-btn svg{width:24px;height:24px}.hamburger-left{left:20px}.hamburger-right{right:20px}.theme-toggle-btn{position:fixed;top:20px;left:20px;z-index:1001;width:44px;height:44px;border-radius:50%;border:1px solid var(--border-subtle);background:#0a0a0af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--text-mid);cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s ease;box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff0f}:root[data-theme=light] .theme-toggle-btn{background:#fffffff2;box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff80}.theme-toggle-btn:hover{border-color:var(--border-hover);color:var(--text-bright);transform:scale(1.05)}.theme-toggle-btn svg{width:20px;height:20px}.style-panel{position:relative;width:100%;max-width:340px;margin-top:8px;z-index:1002;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border:1px dashed var(--border-subtle);border-radius:12px;background:#0a0a0af2;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);transition:all .2s ease;box-shadow:0 8px 24px #0006,inset 0 1px #ffffff0f}:root[data-theme=light] .style-panel{background:#fffffff2;box-shadow:0 4px 12px #0000001a,inset 0 1px #ffffff80}.style-panel:hover{border-color:var(--border-hover)}.style-info{display:flex;flex-direction:column;gap:2px;flex:1}.style-info.clickable{cursor:pointer;transition:all .2s ease;padding:6px 10px;margin:-6px -10px;border-radius:8px}.style-info.clickable:hover{background:#ffffff14}:root[data-theme=light] .style-info.clickable:hover{background:#0000000a}.style-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim)}:root[data-theme=light] .style-label{color:#a1a1aa}.style-value{font-size:13px;font-weight:500;color:var(--text-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}:root[data-theme=light] .style-value{color:#09090b}.style-shuffle-btn{width:36px;height:36px;min-width:36px;border-radius:50%;border:1px solid var(--border-subtle);background:transparent;color:var(--text-mid);cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s ease}:root[data-theme=light] .style-shuffle-btn{border-color:#00000014;color:#71717a}.style-shuffle-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:rotate(180deg) scale(1.1)}.style-shuffle-btn:active{transform:rotate(180deg) scale(.95)}.style-shuffle-btn svg{width:18px;height:18px}.shuffle-backdrop{position:fixed;inset:0;z-index:1000;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}:root[data-theme=light] .shuffle-backdrop{background:#0003}.shuffle-dropdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;width:320px;max-height:400px;background:#0a0a0afa;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 20px 60px #0009,0 0 0 1px #ffffff0d;overflow:hidden;display:flex;flex-direction:column}:root[data-theme=light] .shuffle-dropdown{background:#fffffffa;box-shadow:0 10px 40px #00000026,0 0 0 1px #00000014}.shuffle-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-subtle);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-bright)}:root[data-theme=light] .shuffle-dropdown-header{color:#09090b}.shuffle-dropdown-close{width:24px;height:24px;background:transparent;border:none;color:var(--text-dim);font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.shuffle-dropdown-close:hover{background:#ffffff0d;color:var(--text-bright)}:root[data-theme=light] .shuffle-dropdown-close:hover{background:#00000008}.shuffle-dropdown-list{overflow-y:auto;max-height:340px;padding:8px}.shuffle-dropdown-list::-webkit-scrollbar{width:6px}.shuffle-dropdown-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.shuffle-dropdown-list::-webkit-scrollbar-track{background:transparent}.shuffle-music-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:4px}.shuffle-music-item:hover{background:#ffffff0d}:root[data-theme=light] .shuffle-music-item:hover{background:#00000008}.shuffle-music-item.active{background:#22c55e26;border:1px solid rgba(34,197,94,.3)}.shuffle-item-thumb{width:40px;height:40px;border-radius:6px;object-fit:cover;border:1px solid var(--border-subtle)}.shuffle-item-info{flex:1;min-width:0}.shuffle-item-title{font-size:13px;font-weight:500;color:var(--text-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:root[data-theme=light] .shuffle-item-title{color:#09090b}.shuffle-music-item.active .shuffle-item-title{color:#22c55e}.shuffle-item-artist{font-size:11px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shuffle-category-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);padding:12px 12px 6px;margin-top:8px}.shuffle-category-label:first-child{margin-top:0}.shuffle-style-item{padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:4px;font-size:13px;color:var(--text-bright)}:root[data-theme=light] .shuffle-style-item{color:#09090b}.shuffle-style-item:hover{background:#ffffff0d}:root[data-theme=light] .shuffle-style-item:hover{background:#00000008}.shuffle-style-item.active{background:#8b5cf626;border:1px solid rgba(139,92,246,.3);color:#a78bfa;font-weight:500}.theme-toggle{position:fixed;top:20px;right:50%;transform:translate(calc(50% + 30px));z-index:1001;display:none;width:44px;height:44px;background:#0a0a0af2;border:1px solid var(--border-subtle);border-radius:50%;color:var(--text-mid);cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .2s ease;display:flex;justify-content:center;align-items:center}:root[data-theme=light] .theme-toggle{background:#fffffff2}.theme-toggle:hover{background:#141414f2;color:var(--text-bright);border-color:var(--border-hover);transform:translate(calc(50% + 30px)) scale(1.05)}:root[data-theme=light] .theme-toggle:hover{background:#f5f5f5f2}.theme-toggle svg{width:20px;height:20px}.view-toggle{display:none}.theater-container{position:relative;width:100vw;height:100vh;background:var(--body-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:40px}.tv-device{display:flex;flex-direction:column;align-items:center;gap:0;max-width:95vw;width:100%;max-height:calc(100vh - 240px)}.tv-screen-bezel{background:linear-gradient(180deg,var(--body-color) 0%,var(--body-dark) 100%);border-radius:20px;padding:20px;position:relative;box-shadow:0 40px 80px -20px #0006,0 20px 40px -10px #0000004d,inset 0 1px #ffffff14;border:1px solid var(--border-subtle);transition:all .3s ease}:root[data-theme=light] .tv-screen-bezel{background:#fcfcfc;box-shadow:0 8px 24px #00000014,0 0 0 1px #0000000d;border:1px solid rgba(0,0,0,.08)}.tv-screen-inner{width:65vw;max-width:820px;aspect-ratio:16 / 9;background:#000;border-radius:14px;overflow:hidden;position:relative;box-shadow:inset 0 2px 12px #00000080,0 1px #ffffff0a;border:1px solid var(--border-subtle)}:root[data-theme=light] .tv-screen-inner{box-shadow:inset 0 1px 3px #0000004d,0 0 0 1px #0000001a;border:1px solid rgba(0,0,0,.15)}.tv-stand{display:flex;flex-direction:column;align-items:center;margin-top:-2px;z-index:1}.tv-stand-neck{width:60px;height:30px;background:linear-gradient(180deg,var(--body-color) 0%,rgba(10,10,10,.8) 100%);border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);position:relative}:root[data-theme=light] .tv-stand-neck{background:linear-gradient(180deg,#fcfcfc,#c8c8c8cc)}.tv-stand-base{width:180px;height:16px;background:linear-gradient(180deg,var(--body-color) 0%,var(--body-dark) 100%);border-radius:0 0 8px 8px;border:1px solid var(--border-subtle);border-top:none;box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff0d}:root[data-theme=light] .tv-stand-base{background:#fcfcfc;box-shadow:0 2px 6px #0000001a,0 0 0 1px #0000000a}.theater-controls-bar{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:24px;padding:0 20px}.theater-side-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 20px;background:#0a0a0afa;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--border-subtle);border-radius:12px;color:var(--text-mid);cursor:pointer;transition:all .2s ease;box-shadow:0 10px 30px #0006,0 0 0 1px #ffffff0d}:root[data-theme=light] .theater-side-btn{background:#fffffffa;box-shadow:0 5px 20px #0000001a,0 0 0 1px #00000014}.theater-side-btn:hover{color:var(--text-bright);border-color:var(--border-hover);background:#141414fa;transform:translateY(-2px);box-shadow:0 12px 40px #00000080,0 0 0 1px #ffffff14}:root[data-theme=light] .theater-side-btn:hover{background:#f5f5f5fa;box-shadow:0 8px 30px #00000026,0 0 0 1px #0000001a}.theater-side-btn svg{width:24px;height:24px}.theater-side-btn span{font-size:11px;font-weight:500;letter-spacing:.3px;white-space:nowrap}.cd-player-widget{background:#0a0a0afa;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--border-subtle);border-radius:16px;padding:16px 24px;box-shadow:0 20px 60px #0009,0 0 0 1px #ffffff0d,inset 0 1px #ffffff14;transition:all .3s ease}:root[data-theme=light] .cd-player-widget{background:#fffffffa;box-shadow:0 10px 40px #00000026,0 0 0 1px #00000014}.cd-player-widget:hover{transform:translateY(-2px);box-shadow:0 24px 80px #000000b3,0 0 0 1px #ffffff14,inset 0 1px #ffffff1a}:root[data-theme=light] .cd-player-widget:hover{box-shadow:0 12px 50px #0003,0 0 0 1px #0000001a}.cd-widget-inner{display:grid;grid-template-columns:56px 1fr auto;grid-template-rows:auto auto;gap:12px;align-items:center;min-width:650px}.cd-album-art{grid-row:1 / 3;grid-column:1;width:56px;height:56px;border-radius:8px;overflow:hidden;background:#000;border:1px solid var(--border-subtle);box-shadow:0 4px 12px #0006}:root[data-theme=light] .cd-album-art{background:#f8f8f8;box-shadow:0 2px 8px #0000001a}.cd-album-art img{width:100%;height:100%;object-fit:cover}.cd-track-info{grid-row:1;grid-column:2;display:flex;flex-direction:column;gap:2px;min-width:0}.cd-track-name{font-size:15px;font-weight:600;color:var(--text-bright);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:root[data-theme=light] .cd-track-name{color:#09090b}.cd-track-artist{font-size:12px;color:var(--text-dim);letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cd-track-info .cd-video-name{font-size:10px;font-weight:500;color:var(--text-dim);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.7;margin-top:2px}:root[data-theme=light] .cd-track-info .cd-video-name{color:#a1a1aa}.cd-progress-section{grid-row:2;grid-column:2 / 4;display:flex;align-items:center;gap:12px}.cd-time-current,.cd-time-remaining{font-size:10px;color:var(--text-mid);font-variant-numeric:tabular-nums;font-weight:500;min-width:40px}.cd-progress-bar{-webkit-appearance:none;appearance:none;flex:1;height:4px;background:#ffffff1a;border-radius:2px;outline:none;cursor:pointer}:root[data-theme=light] .cd-progress-bar{background:#00000014}.cd-progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:var(--text-bright);border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0006;transition:all .2s ease}:root[data-theme=light] .cd-progress-bar::-webkit-slider-thumb{background:#18181b;box-shadow:0 1px 3px #0003}.cd-progress-bar::-webkit-slider-thumb:hover{transform:scale(1.2);background:#fff}:root[data-theme=light] .cd-progress-bar::-webkit-slider-thumb:hover{background:#09090b}.cd-controls{grid-row:1;grid-column:3;display:flex;align-items:center;gap:12px}.cd-btn{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.08);background:transparent;color:var(--text-mid);cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1)}:root[data-theme=light] .cd-btn{border-color:#00000014;color:#71717a}.cd-btn svg{width:18px;height:18px}.cd-btn:hover{color:var(--text-bright);border-color:#ffffff1f;background:#ffffff0d}:root[data-theme=light] .cd-btn:hover{color:#18181b;border-color:#0000001f;background:#00000008}.cd-btn:active{transform:scale(.94)}.cd-play-btn{width:48px;height:48px;background:linear-gradient(145deg,#1a1a1a,#0a0a0a);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #00000080,inset 0 1px #ffffff0f}:root[data-theme=light] .cd-play-btn{background:#fff;border:1px solid rgba(0,0,0,.12);box-shadow:0 2px 8px #00000014,0 0 0 1px #0000000a;color:#18181b}.cd-play-btn svg{width:22px;height:22px}.cd-volume{display:flex;align-items:center}.cd-knob-container{width:38px;height:38px;background:transparent;border-radius:50%;display:flex;justify-content:center;align-items:center;border:1px solid rgba(255,255,255,.08);transition:all .2s cubic-bezier(.4,0,.2,1)}:root[data-theme=light] .cd-knob-container{border-color:#00000014}.cd-knob-container:hover{border-color:#ffffff1f;background:#ffffff0d}:root[data-theme=light] .cd-knob-container:hover{border-color:#0000001f;background:#00000008}.cd-knob{width:26px;height:26px;background:conic-gradient(from 180deg,#1a1a1a,#2a2a2a 90deg,#1a1a1a,#2f2f2f,#1a1a1a 360deg);border-radius:50%;cursor:grab;position:relative;box-shadow:0 2px 4px #0006,inset 0 1px #ffffff14}:root[data-theme=light] .cd-knob{background:conic-gradient(from 180deg,#e4e4e7,#d4d4d8 90deg,#e4e4e7,#d4d4d8,#e4e4e7 360deg);box-shadow:0 1px 3px #0000001a,inset 0 1px #ffffff80}.cd-knob:active{cursor:grabbing}.cd-knob-indicator{position:absolute;top:3px;left:50%;transform:translate(-50%);width:2px;height:6px;background:var(--accent);border-radius:1px;box-shadow:0 0 4px var(--accent)}.theater-dropdown{position:fixed;bottom:130px;z-index:999;width:320px;max-height:calc(100vh - 200px);background:#0a0a0afa;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 20px 60px #0009,0 0 0 1px #ffffff0d;overflow:hidden;display:flex;flex-direction:column}:root[data-theme=light] .theater-dropdown{background:#fffffffa;box-shadow:0 10px 40px #00000026,0 0 0 1px #00000014}.theater-music-dropdown{left:20px}.theater-video-dropdown{right:20px}.theater-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-subtle);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-bright)}:root[data-theme=light] .theater-dropdown-header{color:#09090b}.theater-dropdown-close{width:24px;height:24px;background:transparent;border:none;color:var(--text-dim);font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.theater-dropdown-close:hover{background:#ffffff0d;color:var(--text-bright)}:root[data-theme=light] .theater-dropdown-close:hover{background:#00000008}.theater-dropdown-list{overflow-y:auto;max-height:calc(100vh - 180px);padding:8px}.theater-dropdown-list::-webkit-scrollbar{width:6px}.theater-dropdown-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.theater-dropdown-list::-webkit-scrollbar-track{background:transparent}.theater-music-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:4px}.theater-music-item:hover{background:#ffffff0d}:root[data-theme=light] .theater-music-item:hover{background:#00000008}.theater-music-item.active{background:#22c55e26;border:1px solid rgba(34,197,94,.3)}.theater-item-thumb{width:40px;height:40px;border-radius:6px;object-fit:cover;border:1px solid var(--border-subtle)}.theater-item-info{flex:1;min-width:0}.theater-item-title{font-size:13px;font-weight:500;color:var(--text-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:root[data-theme=light] .theater-item-title{color:#09090b}.theater-music-item.active .theater-item-title{color:#22c55e}.theater-item-artist{font-size:11px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theater-category-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);padding:12px 12px 6px;margin-top:8px}.theater-category-label:first-child{margin-top:0}.theater-video-item{padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:4px;font-size:13px;color:var(--text-bright)}:root[data-theme=light] .theater-video-item{color:#09090b}.theater-video-item:hover{background:#ffffff0d}:root[data-theme=light] .theater-video-item:hover{background:#00000008}.theater-video-item.active{background:#8b5cf626;border:1px solid rgba(139,92,246,.3);color:#a78bfa;font-weight:500}@media(max-width:1024px){.walkman-container,.walkman-viewport{padding:20px}.walkman-body{max-width:340px;width:100%}.style-panel{margin-top:8px;padding:10px 16px}.style-value{font-size:12px;max-width:120px}.style-shuffle-btn{width:34px;height:34px}.style-shuffle-btn svg{width:17px;height:17px}}@media(max-width:768px){.shuffle-dropdown{width:calc(100vw - 40px);max-width:300px;bottom:auto;top:50%;transform:translate(-50%,-50%)}.walkman-container{padding:20px}.walkman-body{width:100%;max-width:300px;padding:16px}.theme-toggle-btn{width:42px;height:42px;top:16px;left:16px}.theme-toggle-btn svg{width:19px;height:19px}.style-panel{margin-top:6px;padding:10px 14px}.style-shuffle-btn{width:32px;height:32px}.style-shuffle-btn svg{width:16px;height:16px}.screen-inner{aspect-ratio:1 / 1}.control-btn{width:48px;height:48px}.control-btn svg{width:22px;height:22px}.track-name{font-size:12px}.track-artist{font-size:9px}.theater-container{padding:16px}.tv-device{max-width:100%;max-height:calc(100vh - 250px)}.tv-screen-bezel{padding:12px;border-radius:16px}.tv-screen-inner{width:calc(100vw - 64px);max-width:75vw;aspect-ratio:16 / 9;border-radius:10px}.tv-stand-neck{width:40px;height:20px}.tv-stand-base{width:120px;height:12px}.theater-controls-bar{bottom:20px;gap:16px;padding:0 16px;flex-wrap:wrap;justify-content:center;max-width:calc(100vw - 32px)}.theater-side-btn{padding:10px 16px;gap:4px}.theater-side-btn svg{width:20px;height:20px}.theater-side-btn span{font-size:10px}.theater-dropdown{bottom:110px;width:calc(100vw - 40px);max-width:300px;left:50%;right:auto;transform:translate(-50%)}.theater-music-dropdown{left:50%;transform:translate(-50%)}.theater-video-dropdown{left:50%;right:auto;transform:translate(-50%)}.cd-player-widget{bottom:16px;left:16px;right:16px;transform:none;padding:12px 16px}.cd-widget-inner{min-width:0;grid-template-columns:48px 1fr;grid-template-rows:auto auto auto;gap:10px}.cd-album-art{width:48px;height:48px;grid-row:1 / 3;grid-column:1}.cd-track-info{grid-row:1;grid-column:2}.cd-track-name{font-size:13px}.cd-track-artist{font-size:11px}.cd-track-info .cd-video-name{font-size:9px;margin-top:2px}.cd-progress-section{grid-row:2;grid-column:2;gap:8px}.cd-controls{grid-row:3;grid-column:1 / 3;justify-content:center;gap:10px}.cd-btn{width:36px;height:36px}.cd-play-btn{width:44px;height:44px}.cd-knob-container{width:36px;height:36px}.cd-knob{width:24px;height:24px}}@media(max-width:480px){.shuffle-dropdown{width:calc(100vw - 32px);max-width:280px}.walkman-container{padding:12px}.theme-toggle-btn{width:40px;height:40px;top:12px;left:12px}.theme-toggle-btn svg{width:18px;height:18px}.style-panel{margin-top:6px;padding:8px 12px}.style-value{font-size:11px;max-width:100px}.style-shuffle-btn{width:30px;height:30px}.style-shuffle-btn svg{width:15px;height:15px}.walkman-body{max-width:260px}.control-btn{width:44px;height:44px}.theater-container{padding:12px}.tv-device{max-height:calc(100vh - 220px)}.tv-screen-bezel{padding:10px;border-radius:12px}.tv-screen-inner{width:calc(100vw - 48px);max-width:80vw;aspect-ratio:16 / 9;border-radius:8px}.tv-stand-neck{width:30px;height:16px}.tv-stand-base{width:100px;height:10px}.theater-controls-bar{bottom:16px;gap:12px;padding:0 12px}.theater-side-btn{padding:8px 12px;gap:3px}.theater-side-btn svg{width:18px;height:18px}.theater-side-btn span{font-size:9px}.theater-dropdown{bottom:100px;width:calc(100vw - 32px);max-width:280px}.cd-player-widget{padding:10px 12px}.cd-btn{width:32px;height:32px}.cd-btn svg{width:16px;height:16px}.cd-play-btn{width:40px;height:40px}.cd-play-btn svg{width:20px;height:20px}}