@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Bebas+Neue&display=swap";:root{--accent: #e8ff47;--accent-rgb: 232, 255, 71;--bg: #080a0c;--panel-bg: #0d1017;--font-mono: "Space Mono", monospace;--font-display: "Bebas Neue", sans-serif}.noise{position:fixed;top:0;right:0;bottom:0;left:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;pointer-events:none;z-index:99}.layout{display:grid;grid-template-columns:1fr min(300px,100vw);grid-template-rows:100%;height:100%;position:relative;z-index:1}.player-area{display:flex;flex-direction:column;padding:20px;gap:10px;min-width:0}@media (max-width: 400px){.player-area{padding:0}}.player-label{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:#ffffff40}.panel-area{background:var(--panel-bg);border-left:1px solid rgba(255,255,255,.05);overflow:hidden}.panel-toggle-btn{position:fixed;bottom:24px;right:24px;z-index:200;width:44px;height:44px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#0d1017eb;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .15s,color .15s,border-color .15s}.panel-toggle-btn:hover{background:var(--accent);color:#000;border-color:transparent}.panel-toggle-btn svg{width:18px;height:18px}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.6}to{transform:scale(2.4);opacity:0}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.controls-fade-enter-active,.controls-fade-leave-active{transition:opacity .3s ease}.controls-fade-enter-from,.controls-fade-leave-to{opacity:0}.selector-panel{height:100%;display:flex;flex-direction:column;gap:0;overflow-y:auto;padding:0 0 24px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 16px;border-bottom:1px solid rgba(255,255,255,.05);position:sticky;top:0;background:var(--panel-bg);z-index:10}.panel-title{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fffc}.panel-icon{color:var(--accent);font-size:1rem}.ws-indicator{display:flex;align-items:center;gap:5px}.ws-dot{width:6px;height:6px;border-radius:50%;background:#ef4444;transition:background .3s}.ws-indicator.online .ws-dot{background:#4ade80;box-shadow:0 0 6px #4ade80;animation:pulse-dot 2s ease infinite}.ws-label{font-family:var(--font-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;color:#ffffff59}section{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.04)}.section-label{display:block;font-family:var(--font-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.15em;color:#ffffff4d;margin-bottom:8px}.header-right{display:flex;align-items:center;gap:10px}.close-panel-btn{background:none;border:1px solid rgba(255,255,255,.08);color:#ffffff59;border-radius:5px;padding:4px;cursor:pointer;display:flex;align-items:center;transition:color .15s,border-color .15s,background .15s}.close-panel-btn:hover{background:#ffffff0f;color:#fffc;border-color:#fff3}.close-panel-btn svg{width:14px;height:14px}.chat-section{display:flex;flex-direction:column;padding:16px 20px;border-top:1px solid rgba(255,255,255,.04);flex-shrink:0;min-height:0}.chat-messages{flex:1;overflow:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:8px;max-height:240px;min-height:100px;padding:8px 6px 8px 0;margin-bottom:12px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}.chat-messages::-webkit-scrollbar-y{width:6px}.chat-messages::-webkit-scrollbar-x{display:none!important;height:0!important}.chat-msg{display:flex;flex-direction:column;overflow:visible;max-width:100%;padding:4px 0}.chat-msg.is-mine .chat-author{color:var(--accent)}.chat-msg.is-mine{border-left:2px solid var(--accent);padding-left:12px}.chat-msg:not(.is-mine){border-left:2px solid var(--gray);padding-left:12px}.chat-author{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffff80;font-weight:600}.chat-text{font-family:var(--font-mono);font-size:.85rem;color:#fffffff2;line-height:1.5;word-break:break-word;overflow-wrap:break-word;max-width:100%;display:inline-block}.chat-sticker{margin-top:4px;display:block;border-radius:6px;object-fit:contain;max-width:100px;max-height:100px}.chat-empty{font-family:var(--font-mono);font-size:.65rem;color:#ffffff26;text-align:center;padding:12px 0}.chat-form{display:flex;align-items:center;gap:6px}.chat-input{flex:1;background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;font-family:var(--font-mono);font-size:.78rem;padding:8px 11px;outline:none;transition:border-color .15s}.chat-input:focus{border-color:rgba(var(--accent-rgb),.6);background:#ffffff14}.chat-input::placeholder{color:#ffffff40}.chat-input:disabled{opacity:.4;cursor:not-allowed}.chat-send{background:var(--accent);border:none;border-radius:6px;color:#000;padding:8px 12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s,transform .1s;flex-shrink:0;font-weight:600}.chat-send:hover{opacity:.9;transform:scale(1.05)}.chat-send:active{transform:scale(.98)}.chat-send:disabled{opacity:.3;cursor:not-allowed}.chat-send svg{width:16px;height:16px}.sticker-toggle-btn{background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff9;padding:8px 10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.sticker-toggle-btn:hover:not(:disabled){background:rgba(var(--accent-rgb),.15);border-color:var(--accent);color:var(--accent)}.sticker-toggle-btn:disabled{opacity:.4;cursor:not-allowed}.sticker-toggle-btn svg{width:18px;height:18px}.controls-section{display:flex;flex-direction:column;gap:14px}.playback-row{display:flex;align-items:center;gap:12px}.play-pause-btn{display:flex;align-items:center;gap:7px;background:var(--accent);color:#000;border:none;border-radius:6px;padding:8px 14px;font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:opacity .15s}.play-pause-btn:hover{opacity:.85}.play-pause-btn svg{width:16px;height:16px}.offset-display{display:flex;flex-direction:column;align-items:flex-end;margin-left:auto;cursor:pointer;border-radius:5px;padding:3px 6px;transition:background .15s}.offset-display:hover{background:rgba(var(--accent-rgb),.1)}.offset-val{font-family:var(--font-mono);font-size:1rem;font-variant-numeric:tabular-nums;color:var(--accent)}.offset-val.editable{text-decoration:underline dotted}.offset-lbl{font-family:var(--font-mono);font-size:.55rem;text-transform:uppercase;letter-spacing:.12em;color:#ffffff40}.offset-popup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#0000008c;display:flex;align-items:center;justify-content:center}.offset-popup{background:#0d1017;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:24px 28px;display:flex;flex-direction:column;gap:18px;min-width:240px;box-shadow:0 16px 48px #0009}.popup-title{font-family:var(--font-display);font-size:1.1rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0}.popup-inputs{display:flex;align-items:flex-end;gap:8px}.popup-field{display:flex;flex-direction:column;gap:5px}.popup-field label{font-family:var(--font-mono);font-size:.58rem;text-transform:uppercase;letter-spacing:.12em;color:#ffffff59}.popup-colon{font-size:1.4rem;color:#fff6;padding-bottom:6px;font-family:var(--font-mono)}:deep(.offset-input){width:72px!important;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:6px!important;color:#fff!important;font-family:var(--font-mono)!important;font-size:1rem!important;text-align:center!important;padding:6px 8px!important}:deep(.offset-input:focus){border-color:var(--accent)!important;outline:none!important;box-shadow:0 0 0 2px rgba(var(--accent-rgb),.2)!important}:deep(.p-inputnumber-button){background:#ffffff0f!important;border:1px solid rgba(255,255,255,.1)!important;color:#ffffff80!important}:deep(.p-inputnumber-button:hover){background:rgba(var(--accent-rgb),.15)!important;color:var(--accent)!important}.popup-actions{display:flex;gap:8px}.popup-btn{flex:1;padding:8px 0;border-radius:6px;border:none;font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:opacity .15s,background .15s}.popup-btn.accept{background:var(--accent);color:#000}.popup-btn.accept:hover{opacity:.85}.popup-btn.cancel{background:#ffffff12;color:#ffffff80;border:1px solid rgba(255,255,255,.1)}.popup-btn.cancel:hover{background:#ffffff1f;color:#fffc}.popup-fade-enter-active,.popup-fade-leave-active{transition:opacity .18s}.popup-fade-enter-from,.popup-fade-leave-to{opacity:0}.speed-chips{display:flex;gap:6px;flex-wrap:wrap}.speed-chip{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#ffffff80;border-radius:4px;padding:4px 10px;font-family:var(--font-mono);font-size:.68rem;cursor:pointer;transition:all .15s}.speed-chip:hover{border-color:rgba(var(--accent-rgb),.4);color:var(--accent)}.speed-chip.active{background:rgba(var(--accent-rgb),.15);border-color:var(--accent);color:var(--accent)}.scrub-group{display:flex;align-items:center;gap:10px}.scrub-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;border-radius:2px;background:#ffffff1f;outline:none;cursor:pointer}.scrub-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:var(--accent);cursor:pointer;transition:transform .1s}.scrub-slider:hover::-webkit-slider-thumb{transform:scale(1.3)}.scrub-time{font-family:var(--font-mono);font-size:.65rem;color:var(--accent);min-width:40px;text-align:right;font-variant-numeric:tabular-nums}.library-section{flex:1;border-bottom:none;display:flex;flex-direction:column}.library-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.library-actions{display:flex;align-items:center;gap:4px}.upload-pct{font-family:var(--font-mono);font-size:.58rem;color:var(--accent);min-width:30px;text-align:right}.refresh-btn{background:none;border:none;color:#ffffff4d;cursor:pointer;padding:2px;display:flex;transition:color .2s}.refresh-btn:hover{color:var(--accent)}.refresh-btn svg{width:13px;height:13px}.refresh-btn.spinning svg{animation:spin .8s linear infinite}.video-list{display:flex;flex-direction:column;gap:4px}.video-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:6px;background:transparent;border:1px solid transparent;cursor:pointer;text-align:left;transition:all .15s;color:#fff9}.video-item:hover{background:#ffffff0a;border-color:#ffffff14;color:#ffffffe6}.video-item.playing{background:rgba(var(--accent-rgb),.08);border-color:rgba(var(--accent-rgb),.25);color:#ffffffe6}.video-thumb{width:28px;height:28px;border-radius:4px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;flex-shrink:0}.video-thumb svg{width:12px;height:12px;color:var(--accent)}.video-name{font-family:var(--font-mono);font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.playing-badge{font-family:var(--font-mono);font-size:.52rem;font-weight:700;letter-spacing:.12em;color:var(--accent);border:1px solid var(--accent);padding:2px 5px;border-radius:3px;flex-shrink:0;animation:badge-pulse 1.5s ease infinite}.delete-video-btn{display:none;width:20px;height:20px;padding:0;border:none;background:transparent;color:#ff646480;cursor:pointer;border-radius:4px;flex-shrink:0;transition:all .15s;align-items:center;justify-content:center}.delete-video-btn svg{width:14px;height:14px}.video-item:hover .delete-video-btn{display:flex;color:#ff6464cc}.delete-video-btn:hover{background:#ff64641a;color:#ff6464}.empty-lib{padding:20px 0;text-align:center;color:#fff3;font-family:var(--font-mono)}.empty-lib p{font-size:.75rem;margin-bottom:6px}.empty-lib span{font-size:.62rem}.empty-lib code{background:#ffffff12;padding:1px 5px;border-radius:3px}.loading-lib{display:flex;align-items:center;gap:8px;color:#ffffff40;font-family:var(--font-mono);font-size:.65rem;padding:8px 0}.load-pulse{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse-dot .8s ease infinite}:root{--accent: #e8ff47;--accent-rgb: 232, 255, 71;--accent-light: rgba(232, 255, 71, .2);--gray: #666;--accent-light: #e8ff47cc;--bg: #080a0c;--panel-bg: #0d1017;--font-mono: "Space Mono", monospace;--font-display: "Bebas Neue", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:#fff;font-family:var(--font-mono);-webkit-font-smoothing:antialiased}.app{position:relative;width:100%;height:100%;overflow:hidden}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:100}.dot{width:6px;height:6px;border-radius:50%;background:#ffffff26;transition:background .4s}.dot.live{background:#ef4444;box-shadow:0 0 8px #ef4444;animation:live-pulse 1.2s ease infinite}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.4}}.layout.panel-hidden{grid-template-columns:1fr}.panel-slide-enter-active,.panel-slide-leave-active{transition:transform .25s ease,opacity .25s ease}.panel-slide-enter-from,.panel-slide-leave-to{transform:translate(100%);opacity:0}.panel-toggle-btn{position:fixed;bottom:24px;right:24px;z-index:200;width:44px;height:44px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#0d1017eb;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.panel-toggle-btn:hover{border-color:#ffffff4d;background:#0d1017fa;color:#fff}.panel-toggle-btn:active{transform:scale(.92)}.panel-toggle-btn svg{width:20px;height:20px}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}*::-webkit-scrollbar{width:8px!important;height:8px!important}*::-webkit-scrollbar-track{background:transparent!important}*::-webkit-scrollbar-thumb{background:#ffffff14!important;border-radius:4px!important;border:2px solid transparent!important;background-clip:padding-box!important}*::-webkit-scrollbar-thumb:hover{background:#ffffff26!important;background-clip:padding-box!important}.sticker-toggle-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffff80;padding:6px 7px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .15s,border-color .15s}.sticker-toggle-btn:hover{color:var(--accent);border-color:rgba(var(--accent-rgb),.4)}.sticker-toggle-btn:disabled{opacity:.3;cursor:not-allowed}.sticker-toggle-btn svg{width:17px;height:17px}.sticker-grid-wrap{padding:10px;display:flex;flex-direction:column;gap:8px;min-width:220px;max-width:340px}.sticker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-height:240px;overflow-y:auto;scrollbar-width:thin!important;scrollbar-color:rgba(255,255,255,.08) transparent!important}@media (min-width: 768px){.sticker-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px){.sticker-grid{grid-template-columns:repeat(5,1fr)}}.sticker-thumb{width:60px;height:60px;object-fit:contain;border-radius:6px;cursor:pointer;border:1px solid transparent;transition:border-color .15s,transform .1s}.sticker-thumb:hover{border-color:var(--accent);transform:scale(1.06)}.sticker-empty{font-family:var(--font-mono);font-size:.65rem;color:#ffffff4d;text-align:center;padding:8px 0}.upload-sticker-btn{display:flex;align-items:center;justify-content:center;gap:5px;background:#ffffff0d;border:1px dashed rgba(255,255,255,.2);border-radius:6px;color:#ffffff80;font-family:var(--font-mono);font-size:.65rem;padding:7px;cursor:pointer;width:100%;transition:border-color .15s,color .15s}.upload-sticker-btn:hover{border-color:var(--accent);color:var(--accent)}.upload-sticker-btn:disabled{opacity:.4;cursor:not-allowed}.now-card{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);min-height:42px;transition:border-color .3s}.now-card.active{border-color:rgba(var(--accent-rgb),.3);background:rgba(var(--accent-rgb),.06)}.now-file{display:flex;align-items:center;gap:8px;overflow:hidden}.file-icon{width:14px;height:14px;color:var(--accent);flex-shrink:0}.now-name{font-family:var(--font-mono);font-size:.72rem;color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-idle{font-family:var(--font-mono);font-size:.68rem;color:#fff3;letter-spacing:.06em}.stop-btn{background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:#ef4444;border-radius:4px;padding:4px;cursor:pointer;display:flex;align-items:center;transition:background .2s;flex-shrink:0}.stop-btn:hover{background:#ef444440}.stop-btn svg{width:14px;height:14px}.player-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.player-shell{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:.75rem;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f,0 24px 64px #0009}.placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:radial-gradient(ellipse at center,#0d1117,#050709);color:var(--accent)}.antenna-icon{width:48px;height:48px;color:var(--accent);position:relative;z-index:2}.signal-ring{position:absolute;width:80px;height:80px;border:1px solid var(--accent);border-radius:50%;opacity:0;animation:pulse-ring 2.4s ease-out infinite}.ring2{animation-delay:.8s}.ring3{animation-delay:1.6s}.idle-text{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin:4px 0 0}.idle-sub{font-family:var(--font-mono);font-size:.65rem;color:#ffffff4d;letter-spacing:.1em}.video-el{width:100%;height:100%;object-fit:contain;display:block}.controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000d9);padding:32px 16px 12px;opacity:0;transition:opacity .3s ease;cursor:default}.controls.visible,.controls:hover{opacity:1}.progress-area{position:relative;padding:8px 0;cursor:pointer;-webkit-user-select:none;user-select:none}.progress-track{height:3px;background:#ffffff26;border-radius:2px;position:relative}.progress-buffered{position:absolute;height:100%;background:#ffffff40;border-radius:2px;transition:width .5s}.progress-played{position:absolute;height:100%;background:var(--accent);border-radius:2px}.progress-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:11px;height:11px;background:#fff;border-radius:50%;box-shadow:0 0 6px #00000080;transition:transform .1s}.time-tooltip{position:absolute;bottom:20px;transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-family:var(--font-mono);font-size:.65rem;white-space:nowrap;pointer-events:none;z-index:10}.controls-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px}.controls-left,.controls-right{display:flex;align-items:center;gap:12px}.play-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#e8ff4726;border:1px solid rgba(232,255,71,.3);border-radius:6px;color:var(--accent);cursor:pointer;transition:all .2s ease;flex-shrink:0;padding:0}.play-btn:hover{background:#e8ff4740;border-color:var(--accent);transform:scale(1.05)}.play-btn svg{width:18px;height:18px}.vol-group{display:flex;align-items:center;gap:8px}.vol-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;color:#fff9;cursor:pointer;transition:color .2s ease;padding:0;flex-shrink:0}.vol-btn:hover{color:#fff}.vol-btn svg{width:16px;height:16px}.vol-slider{width:70px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;border-radius:2px;outline:none;cursor:pointer;transition:background .2s}.vol-slider{background:linear-gradient(90deg,var(--accent-light) 0%,var(--accent-light) var(--vol-percent, 80%),rgba(255,255,255,.15) var(--vol-percent, 80%),rgba(255,255,255,.15) 100%)}.vol-slider.muted{background:linear-gradient(90deg,rgba(128,128,128,.4) 0%,rgba(128,128,128,.4) var(--vol-percent, 80%),rgba(128,128,128,.15) var(--vol-percent, 80%),rgba(128,128,128,.15) 100%)}.vol-slider:hover{background:linear-gradient(90deg,var(--accent) 0%,var(--accent) var(--vol-percent, 80%),rgba(255,255,255,.2) var(--vol-percent, 80%),rgba(255,255,255,.2) 100%)}.vol-slider.muted:hover{background:linear-gradient(90deg,rgba(128,128,128,.6) 0%,rgba(128,128,128,.6) var(--vol-percent, 80%),rgba(128,128,128,.2) var(--vol-percent, 80%),rgba(128,128,128,.2) 100%)}.vol-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:#fff;cursor:pointer;transition:transform .1s}.vol-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.vol-slider::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#fff;cursor:pointer;border:none;transition:transform .1s}.vol-slider::-moz-range-thumb:hover{transform:scale(1.2)}.time-display{font-family:var(--font-mono);font-size:.72rem;color:#ffffffb3;font-variant-numeric:tabular-nums;white-space:nowrap}.speed-label{font-family:var(--font-mono);font-size:.72rem;color:#ffffffb3;font-weight:600;letter-spacing:.05em}.status-indicator{display:flex;align-items:center;gap:6px;padding:0 8px;border-radius:4px;background:#ffffff0d;transition:all .2s}.status-indicator.synced{color:var(--accent);background:#e8ff4714}.status-indicator.drifted{color:#ff6b6b;background:#ff6b6b14}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse-dot 2s ease-in-out infinite}.status-text{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.fullscreen-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;color:#fff9;cursor:pointer;transition:color .2s ease;padding:0;flex-shrink:0}.fullscreen-btn:hover{color:#fff}.fullscreen-btn svg{width:16px;height:16px}.viewers-section{padding:16px 20px}.viewers-list{list-style:none;display:flex;flex-direction:column;gap:4px}.viewer-item{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:5px;background:#ffffff05}.viewer-item.is-me{background:rgba(var(--accent-rgb),.07)}.viewer-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 5px #4ade80;flex-shrink:0}.viewer-name{font-family:var(--font-mono);font-size:.68rem;color:#fff9}.viewer-item.is-me .viewer-name{color:var(--accent)}.no-viewers{font-family:var(--font-mono);font-size:.65rem;color:#fff3;padding:4px 0}.my-name-row{display:flex;align-items:center;gap:7px;padding:6px 8px;border-radius:6px;background:rgba(var(--accent-rgb),.07);border:1px solid rgba(var(--accent-rgb),.2);margin-bottom:8px}.my-name-val{font-family:var(--font-mono);font-size:.72rem;color:var(--accent);flex:1}.name-input{flex:1;background:#ffffff0f;border:1px solid rgba(var(--accent-rgb),.5);border-radius:4px;color:#fff;font-family:var(--font-mono);font-size:.72rem;padding:3px 7px;outline:none}.name-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.15)}.edit-name-btn{background:none;border:none;color:#ffffff4d;cursor:pointer;padding:2px;display:flex;align-items:center;border-radius:3px;transition:color .15s}.edit-name-btn:hover{color:#fffc}.edit-name-btn.accept{color:#4ade80}.edit-name-btn.accept:hover{color:#86efac}.edit-name-btn svg{width:13px;height:13px}.name-error{font-family:var(--font-mono);font-size:.62rem;color:#f87171;margin:-4px 0 6px;padding:0 2px}