:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: rgba(20, 20, 30, .6);--bg-card-solid: #14141e;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-hover: rgba(255, 255, 255, .06);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-muted: rgba(255, 255, 255, .5);--accent-primary: #f59e0b;--accent-secondary: #dc2626;--accent-gradient: linear-gradient(135deg, #dc2626 0%, #ea580c 25%, #f59e0b 50%, #fbbf24 75%, #fcd34d 100%);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px rgba(245, 158, 11, .25)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;cursor:url(/cursors/default.svg),auto}a,button,[role=button],input[type=submit],input[type=button],input[type=range],.player-nav-btn,.player-logo{cursor:url(/cursors/hand-pointer.svg),pointer}.animated-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.18;animation:float 20s ease-in-out infinite}.orb-1{width:600px;height:600px;background:linear-gradient(135deg,#dc2626cc,#ea580cbf);top:-200px;left:-200px;animation-delay:0s}.orb-2{width:500px;height:500px;background:linear-gradient(135deg,#ea580cbf,#f59e0bb3);bottom:-150px;right:-150px;animation-delay:-7s}.orb-3{width:400px;height:400px;background:linear-gradient(135deg,#f59e0ba6,#fbbf2480);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-14s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,10px) scale(1.02)}}.player-page{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.player-navbar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border)}.player-logo{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:var(--text-primary)}.player-logo-img{width:32px;height:32px}.player-logo-text{font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.player-nav-center{flex:1;text-align:center}.player-filename{font-size:.9rem;color:var(--text-secondary);max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.player-nav-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.player-nav-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.85rem;font-weight:500;text-decoration:none;cursor:pointer;transition:var(--transition-fast)}.player-nav-btn:hover{background:var(--glass-hover);color:var(--text-primary);border-color:var(--accent-primary)}.player-nav-btn-home{background:var(--accent-gradient);border:none;color:#fff}.player-nav-btn-home:hover{transform:scale(1.02);box-shadow:var(--shadow-glow)}.player-nav-btn-youtube:hover{border-color:red;color:red}.player-nav-btn-lofi:hover{border-color:#a855f7;color:#a855f7}.player-main{flex:1;display:flex;flex-direction:column;padding:var(--spacing-lg);gap:var(--spacing-md)}.player-video-container{width:100%;max-width:1280px;margin:0 auto;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;background:#000;border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden;position:relative}.player-dropzone{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--spacing-xl);cursor:pointer;transition:var(--transition-normal);background:var(--bg-card)}.player-dropzone:hover,.player-dropzone.drag-over{background:var(--glass-hover)}.player-dropzone.drag-over{border:2px dashed var(--accent-primary)}.dropzone-content{text-align:center}.dropzone-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);background:var(--accent-gradient);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;animation:pulse 2s ease-in-out infinite}.dropzone-icon svg{width:40px;height:40px;fill:#fff}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.dropzone-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.dropzone-subtitle{font-size:1rem;color:var(--text-muted);margin-bottom:var(--spacing-lg)}.dropzone-input{display:none}.dropzone-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--accent-gradient);border:none;border-radius:var(--radius-full);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.dropzone-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.dropzone-formats{margin-top:var(--spacing-md);font-size:.85rem;color:var(--text-muted)}.player-video-wrapper{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;background:#000}.player-video{width:100%;height:100%;object-fit:contain;background:#000}.player-video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column}.player-video-end{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20}.video-end-content{text-align:center}.video-end-content h3{font-size:1.5rem;margin-bottom:var(--spacing-lg);color:var(--text-primary)}.video-end-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--accent-gradient);border:none;border-radius:var(--radius-full);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;margin:0 var(--spacing-sm);transition:var(--transition-fast)}.video-end-btn:hover{transform:scale(1.05)}.video-end-btn-secondary{background:var(--glass-bg);border:1px solid var(--glass-border)}.player-format-error{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:200}.format-error-content{text-align:center;max-width:400px;padding:var(--spacing-xl)}.format-error-icon{color:#f59e0b;margin-bottom:var(--spacing-md)}.format-error-content h3{font-size:1.5rem;margin-bottom:var(--spacing-md);color:var(--text-primary)}.format-error-content p{font-size:1rem;color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.5}.subtitle-overlay{position:absolute;bottom:56px;left:50%;transform:translate(-50%);max-width:90%;padding:6px 14px;font-size:1.25rem;line-height:1.4;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 4px rgba(0,0,0,.8);pointer-events:none;z-index:50;white-space:pre-wrap;word-break:break-word}.subtitle-overlay.hidden{display:none}.player-video::cue{visibility:hidden}.video-cue{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:100;opacity:0;transition:opacity .1s ease}.video-cue.show{animation:cue-pop .5s ease-out forwards}.video-cue .cue-icon{width:40px;height:40px;color:#fff;display:none}.video-cue[data-cue=play] .cue-play,.video-cue[data-cue=pause] .cue-pause,.video-cue[data-cue=mute] .cue-mute,.video-cue[data-cue=volume-low] .cue-volume-low,.video-cue[data-cue=volume-high] .cue-volume-high{display:block}.video-cue .cue-text{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);font-size:1rem;font-weight:600;color:#fff;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.5)}@keyframes cue-pop{0%{opacity:1;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}.seek-cue{position:absolute;top:0;bottom:0;width:30%;display:flex;align-items:center;pointer-events:none;z-index:100;opacity:0;transition:opacity .15s ease}.seek-cue.show{opacity:1}.seek-cue-left{left:0;justify-content:flex-start;padding-left:40px;background:radial-gradient(circle at 20% center,rgba(255,255,255,.15) 0%,transparent 70%)}.seek-cue-right{right:0;justify-content:flex-end;padding-right:40px;background:radial-gradient(circle at 80% center,rgba(255,255,255,.15) 0%,transparent 70%)}.seek-cue-left.show{animation:seek-ripple-left .6s ease-out}.seek-cue-right.show{animation:seek-ripple-right .6s ease-out}.seek-cue-content{display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px;color:#fff}.seek-cue-content svg{width:36px;height:36px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.seek-cue-text{font-size:1rem;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.5)}@keyframes seek-ripple-left{0%{opacity:1;background:radial-gradient(circle at 20% center,rgba(255,255,255,.3) 0%,transparent 50%)}to{opacity:0;background:radial-gradient(circle at 20% center,rgba(255,255,255,.05) 0%,transparent 80%)}}@keyframes seek-ripple-right{0%{opacity:1;background:radial-gradient(circle at 80% center,rgba(255,255,255,.3) 0%,transparent 50%)}to{opacity:0;background:radial-gradient(circle at 80% center,rgba(255,255,255,.05) 0%,transparent 80%)}}.overlay-controls{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%);pointer-events:auto;opacity:0;transition:opacity .3s ease;z-index:10}.player-video-wrapper.controls-visible .overlay-controls,.overlay-controls:focus-within{opacity:1}.overlay-progress{width:100%;margin-bottom:var(--spacing-md)}.overlay-progress-bar{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff4d;border-radius:2px;cursor:pointer;transition:height .15s ease}.overlay-progress-bar:hover{height:6px}.overlay-progress-bar::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 2px 6px #0000004d;opacity:0;transition:opacity .15s ease}.overlay-progress-bar:hover::-webkit-slider-thumb{opacity:1}.overlay-progress-bar::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:none;cursor:pointer;box-shadow:0 2px 6px #0000004d}.overlay-progress-bar::-moz-range-track{height:100%;border-radius:2px;background:#ffffff4d}.overlay-progress-bar::-ms-thumb{width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer}.overlay-progress-bar::-ms-track{height:100%;border-radius:2px;background:transparent;border-color:transparent;color:transparent}.overlay-progress-bar::-webkit-slider-runnable-track{height:100%;border-radius:2px;background:linear-gradient(to right,var(--accent-primary) var(--progress, 0%),rgba(255,255,255,.3) var(--progress, 0%))}.overlay-controls-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.control-pill{display:flex;align-items:center;gap:var(--spacing-xs);padding:6px 12px;background:#282832bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:999px;border:1px solid rgba(255,255,255,.1)}.control-pill-left{gap:4px}.control-pill-center{justify-content:center;max-width:300px;padding:6px 16px;height:46px;box-sizing:border-box}.control-pill-right{gap:2px}.pill-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:#ffffffe6;cursor:pointer;transition:all .15s ease}.pill-btn svg{width:20px;height:20px}.pill-btn:hover{background:#ffffff26;color:#fff}.pill-btn[data-loop=true],.pill-btn[data-pip=true]{color:var(--accent-primary)}.pill-btn-play{width:40px;height:40px}.pill-btn-play svg{width:24px;height:24px}.pill-btn-play .icon-pause,.pill-btn-play[data-state=pause] .icon-play{display:none}.pill-btn-play[data-state=pause] .icon-pause{display:block}.pill-btn[data-volume=mute] .icon-volume-high{display:none}.pill-btn:not([data-volume=mute]) .icon-volume-mute{display:none}.volume-control{display:flex;align-items:center;gap:4px;position:relative}.volume-slider-container{width:0;overflow:hidden;transition:width .2s ease}.volume-control:hover .volume-slider-container{width:80px}.volume-slider{width:80px;height:4px;background:#fff3;border-radius:2px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer}.volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:none;cursor:pointer}.volume-slider::-ms-thumb{width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer}.volume-percent{font-size:.75rem;font-weight:500;color:#fffc;min-width:30px;text-align:center}.pill-time{display:flex;align-items:center;gap:4px;font-size:.85rem;font-weight:500;color:#ffffffe6;font-variant-numeric:tabular-nums;padding:0 8px}.pill-time-sep{color:#ffffff80}.pill-title{font-size:.85rem;font-weight:500;color:#fffc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.speed-control{position:relative;display:flex;align-items:center}.pill-speed{font-size:.8rem;font-weight:600;color:#ffffffe6;padding:4px 10px;cursor:pointer;border-radius:4px;transition:background .15s ease}.pill-speed:hover{background:#ffffff1a}.speed-popup{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:10px;width:220px;background:#282832bf;border-radius:12px;box-shadow:0 8px 24px #00000080;opacity:0;visibility:hidden;transform:translate(-50%) translateY(10px);transition:all .2s ease;z-index:200;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.speed-control:hover .speed-popup{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.speed-popup-header{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.speed-popup-title{font-size:.85rem;font-weight:500;color:#ffffffe6}.speed-popup-custom{padding:16px;border-bottom:1px solid rgba(255,255,255,.08)}.speed-custom-label{font-size:.75rem;color:#ffffff80;display:block;margin-bottom:4px}.speed-custom-value{font-size:1.1rem;font-weight:600;color:#fff;display:block;margin-bottom:12px}.speed-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:#fff3;border-radius:2px;outline:none;cursor:pointer}.speed-slider::-webkit-slider-track{background:linear-gradient(to right,rgba(168,85,247,.6) 0%,rgba(168,85,247,.6) var(--speed-percent, 12.5%),rgba(255,255,255,.2) var(--speed-percent, 12.5%));border-radius:2px;height:4px}.speed-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer;border:none;box-shadow:0 2px 6px #0000004d;transition:transform .15s ease}.speed-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.speed-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer;border:none;box-shadow:0 2px 6px #0000004d}.speed-slider::-moz-range-track{background:#fff3;border-radius:2px;height:4px}.speed-presets{display:flex;flex-direction:column}.speed-preset{display:flex;align-items:center;padding:10px 16px;background:transparent;border:none;color:#fffc;font-size:.85rem;cursor:pointer;transition:all .15s ease;text-align:left}.speed-preset:hover{background:#ffffff14}.speed-preset.active{color:#fff;background:#a855f726}.speed-preset.active:before{content:"✓";margin-right:8px;color:#a855f7;font-weight:700}.settings-popup{position:absolute;bottom:100%;right:16px;margin-bottom:8px;width:280px;max-height:350px;background:#282832bf;border-radius:12px;box-shadow:0 8px 24px #00000080;overflow-y:auto;overflow-x:hidden;z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.settings-popup.hidden{display:none}.settings-popup-menu,.settings-popup-submenu{padding:8px 0}.settings-popup-submenu.hidden{display:none}.settings-popup-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;background:transparent;border:none;color:#ffffffe6;font-size:.9rem;text-align:left;cursor:pointer;transition:background .15s ease}.settings-popup-item:hover{background:#ffffff1a}.settings-popup-item svg{width:20px;height:20px;flex-shrink:0;opacity:.7}.settings-popup-item span{flex:1}.settings-popup-value{color:#ffffff80;font-size:.85rem}.settings-popup-arrow{width:18px!important;height:18px!important;opacity:.5!important}.settings-popup-back{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:transparent;border:none;color:#ffffffe6;font-size:.9rem;font-weight:500;text-align:left;cursor:pointer;transition:background .15s ease}.settings-popup-back:hover{background:#ffffff1a}.settings-popup-back svg{width:18px;height:18px}.settings-popup-divider{height:1px;background:#ffffff1a;margin:8px 0}.settings-popup-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 16px;background:transparent;border:none;color:#ffffffe6;font-size:.9rem;text-align:left;cursor:pointer;transition:background .15s ease}.settings-popup-option:hover{background:#ffffff1a}.settings-popup-option.active{color:var(--accent-primary)}.settings-popup-option svg{width:18px;height:18px;color:var(--accent-primary)}.settings-popup-slider-group{display:flex;align-items:center;gap:12px;padding:10px 16px}.settings-popup-slider-group label{width:80px;font-size:.85rem;color:#ffffffb3;flex-shrink:0}.settings-popup-slider-group span{width:45px;font-size:.8rem;color:#fff9;text-align:right}.settings-popup-slider{flex:1;height:4px;background:#fff3;border-radius:2px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.settings-popup-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer}.settings-popup-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:none;cursor:pointer}.settings-popup-slider::-ms-thumb{width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer}.settings-popup-toggle{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer}.settings-popup-toggle span:first-child{font-size:.9rem;color:#ffffffe6}.settings-popup-toggle input{display:none}.toggle-switch{position:relative;width:40px;height:22px;background:#fff3;border-radius:11px;transition:background .2s ease}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s ease}.settings-popup-toggle input:checked+.toggle-switch{background:var(--accent-primary)}.settings-popup-toggle input:checked+.toggle-switch:after{transform:translate(18px)}.settings-popup-audio-body{padding:10px 16px 16px}.settings-popup-audio-message{font-size:.85rem;color:#ffffffb3;margin-bottom:8px}.settings-popup-rotate{padding:12px 16px}.settings-popup-rotate>span{display:block;font-size:.9rem;color:#ffffffb3;margin-bottom:10px}.settings-popup-rotate-btns{display:flex;gap:6px}.rotate-btn{flex:1;padding:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fffc;font-size:.8rem;cursor:pointer;transition:all .15s ease}.rotate-btn:hover{background:#ffffff26}.rotate-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.shortcuts-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:800px;max-height:85vh;background:var(--bg-card-solid);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:0;overflow:hidden}.shortcuts-dialog::backdrop{background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.shortcuts-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--glass-border)}.shortcuts-header h2{font-size:1.25rem;font-weight:600}.shortcuts-close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.shortcuts-close-btn:hover{background:var(--glass-hover);color:var(--text-primary)}.shortcuts-content{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);padding:var(--spacing-lg);max-height:60vh;overflow-y:auto}.shortcut-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--glass-border)}.shortcut-action{font-size:.9rem;color:var(--text-secondary)}.shortcut-key{padding:var(--spacing-xs) var(--spacing-sm);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;color:var(--text-primary);font-family:monospace}.shortcuts-footer{text-align:center;padding:var(--spacing-lg);border-top:1px solid var(--glass-border);font-size:.9rem;color:var(--text-muted)}.shortcuts-footer strong{color:var(--text-secondary)}.shortcut-hint{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:.85rem;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);z-index:50}.shortcut-hint:hover{color:var(--text-primary);border-color:var(--accent-primary)}.hidden{display:none!important}@media (max-width: 900px){.settings-panel{width:100%}.shortcuts-content{grid-template-columns:1fr}.player-navbar{flex-wrap:wrap;gap:var(--spacing-sm)}.player-nav-center{order:3;width:100%;text-align:center}}@media (max-width: 600px){.player-main{padding:var(--spacing-md)}.controls-buttons{flex-wrap:wrap;gap:var(--spacing-sm)}.controls-left,.controls-right{flex-wrap:wrap}.control-volume-slider{width:60px}.control-speed,.player-nav-btn span{display:none}.dropzone-title{font-size:1.2rem}.settings-slider-group{grid-template-columns:1fr;gap:var(--spacing-xs)}.settings-slider-value{text-align:left}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}