@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";:root{--wa-bg: #0c1a1a;--wa-bg-dark: #081212;--wa-bg-light: #162828;--wa-panel: #101e1e;--wa-inset: #060e0e;--wa-border-hi: #1e3838;--wa-border-lo: #030808;--wa-green: #00ee44;--wa-green-dim: #004422;--wa-green-mid: #007733;--wa-gold: #ddaa22;--wa-gold-dim: #332500;--wa-gold-mid: #886600;--wa-cyan: #00ddcc;--wa-cyan-dim: #003330;--wa-cyan-mid: #007766;--wa-orange: #ff8833;--wa-orange-dim: #331500;--wa-orange-mid: #883300;--wa-blue: #5599ff;--wa-blue-dim: #001133;--wa-blue-mid: #224488;--wa-text-dim: #1e4040;--wa-text-label: #3a7070;--wa-text-mid: #2a5a5a;--wa-font: "Share Tech Mono", "Courier New", monospace}.wa-shell{background:var(--wa-bg);border-radius:8px 8px 4px 4px;border-top:2px solid var(--wa-border-hi);border-left:2px solid var(--wa-border-hi);border-right:2px solid var(--wa-border-lo);border-bottom:2px solid var(--wa-border-lo);box-shadow:4px 8px 32px #000000bf;display:flex;flex-direction:column;overflow:hidden;height:calc(100vh - 32px)}.wa-titlebar{background:linear-gradient(to bottom,#0e2020,#091616);padding:5px 10px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--wa-border-lo);flex-shrink:0}.wa-titlebar-sq{color:var(--wa-text-mid);font-family:var(--wa-font);font-size:10px}.wa-titlebar-name{font-family:var(--wa-font);font-size:12px;color:var(--wa-text-label);letter-spacing:3px;text-transform:uppercase}.wa-titlebar-sep{color:var(--wa-text-dim);font-family:var(--wa-font)}.wa-titlebar-room{font-family:var(--wa-font);font-size:11px;color:var(--wa-gold);letter-spacing:1px;text-shadow:0 0 6px var(--wa-gold-mid)}.wa-titlebar-btns{margin-left:auto;display:flex;gap:4px}.wa-tbar-btn{background:var(--wa-bg-light);font-family:var(--wa-font);font-size:9px;color:var(--wa-text-label);padding:2px 8px;cursor:pointer;border-top:1px solid var(--wa-border-hi);border-left:1px solid var(--wa-border-hi);border-right:1px solid var(--wa-border-lo);border-bottom:1px solid var(--wa-border-lo);letter-spacing:1px;-webkit-user-select:none;user-select:none}.wa-tbar-btn:hover{color:var(--wa-green)}.wa-body{display:flex;flex:1;min-height:0;overflow:hidden}.wa-video-section{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.wa-nowplaying{background:var(--wa-bg-dark);padding:5px 10px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--wa-border-lo);flex-shrink:0;overflow:hidden}.wa-np-label{font-family:var(--wa-font);font-size:9px;color:var(--wa-green-dim);letter-spacing:2px;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.wa-np-title{font-family:var(--wa-font);font-size:11px;color:var(--wa-green);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.wa-np-time{font-family:var(--wa-font);font-size:13px;color:var(--wa-cyan);letter-spacing:3px;white-space:nowrap;text-shadow:0 0 8px var(--wa-cyan-mid);flex-shrink:0}.wa-controls{background:var(--wa-bg);padding:6px 10px;display:flex;flex-direction:column;gap:5px;border-top:1px solid var(--wa-border-hi);flex-shrink:0}.wa-ctrl-btn{background:var(--wa-bg-light);border-top:1px solid var(--wa-border-hi);border-left:1px solid var(--wa-border-hi);border-right:1px solid var(--wa-border-lo);border-bottom:1px solid var(--wa-border-lo);color:var(--wa-text-label);font-family:var(--wa-font);font-size:13px;padding:3px 9px;cursor:pointer;line-height:1;-webkit-user-select:none;user-select:none}.wa-ctrl-btn:hover:not(:disabled){color:var(--wa-green)}.wa-ctrl-btn:disabled{opacity:.25;cursor:default}.wa-ctrl-btn.skip:hover:not(:disabled){color:var(--wa-orange)}.wa-vol-label{font-family:var(--wa-font);font-size:9px;color:var(--wa-text-dim);letter-spacing:1px;white-space:nowrap}.wa-vol{width:80px;height:6px;background:var(--wa-inset);border-top:1px solid var(--wa-border-lo);border-left:1px solid var(--wa-border-lo);border-right:1px solid var(--wa-border-hi);border-bottom:1px solid var(--wa-border-hi);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none;flex-shrink:0}.wa-vol::-webkit-slider-runnable-track{background:transparent;height:100%}.wa-vol::-webkit-slider-thumb{-webkit-appearance:none;width:6px;height:14px;background:var(--wa-gold);margin-top:-4px;border:none}.wa-vol::-moz-range-track{background:transparent;border:none;height:6px}.wa-vol::-moz-range-thumb{width:6px;height:14px;background:var(--wa-gold);border:none;border-radius:0}.wa-sync-btn{font-family:var(--wa-font);font-size:9px;color:var(--wa-blue-mid);border:1px solid var(--wa-blue-dim);padding:2px 8px;cursor:pointer;letter-spacing:1px;background:#0009;text-transform:uppercase;flex-shrink:0}.wa-sync-btn:hover{color:var(--wa-blue);border-color:var(--wa-blue-mid);box-shadow:0 0 6px var(--wa-blue-dim)}.wa-progress-bar{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--wa-cyan-dim);outline:none;cursor:pointer;border:none}.wa-progress-bar::-webkit-slider-runnable-track{background:var(--wa-cyan-dim);height:4px}.wa-progress-bar::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--wa-cyan);margin-top:-3px;box-shadow:0 0 4px var(--wa-cyan-mid)}.wa-progress-bar::-moz-range-track{background:var(--wa-cyan-dim);height:4px;border:none}.wa-progress-bar::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--wa-cyan);border:none}.wa-sidebar{display:flex;border-left:1px solid var(--wa-border-lo);flex-shrink:0}.wa-panel{width:320px;background:var(--wa-bg-dark);display:flex;flex-direction:column;overflow:hidden}.wa-panel-title{background:var(--wa-panel);padding:4px 0;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--wa-border-lo);flex-shrink:0}.wa-panel-title-line{flex:1;height:1px;background:var(--wa-border-hi)}.wa-panel-title-text{font-family:var(--wa-font);font-size:9px;color:var(--wa-text-label);letter-spacing:3px;text-transform:uppercase;white-space:nowrap}.wa-playlist{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.wa-pl-item{display:flex;align-items:center;padding:3px 8px;gap:6px;min-width:0}.wa-pl-item:hover{background:#0d2222}.wa-pl-item:not(.active):hover .wa-pl-num,.wa-pl-item:not(.active):hover .wa-pl-title{color:var(--wa-cyan)}.wa-pl-item.active{background:#0a2a18}.wa-pl-num{font-family:var(--wa-font);font-size:10px;color:var(--wa-text-mid);min-width:18px;text-align:right;flex-shrink:0}.wa-pl-item.active .wa-pl-num{color:var(--wa-green)}.wa-pl-title{font-family:var(--wa-font);font-size:10px;color:var(--wa-text-mid);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.wa-pl-item.active .wa-pl-title{color:var(--wa-green);text-shadow:0 0 4px var(--wa-green-dim)}.wa-pl-remove{background:none;border:none;color:var(--wa-text-dim);cursor:pointer;font-size:15px;padding:0 2px;line-height:1;flex-shrink:0;font-family:var(--wa-font)}.wa-pl-remove:hover{color:var(--wa-green)}.wa-add-bar{padding:6px 7px;display:flex;gap:4px;border-top:1px solid var(--wa-border-lo);background:var(--wa-panel);flex-shrink:0}.wa-add-input{flex:1;background:var(--wa-inset);border-top:1px solid var(--wa-border-lo);border-left:1px solid var(--wa-border-lo);border-right:1px solid var(--wa-border-hi);border-bottom:1px solid var(--wa-border-hi);color:var(--wa-green);font-family:var(--wa-font);font-size:10px;padding:3px 6px;outline:none;min-width:0}.wa-add-input::placeholder{color:var(--wa-green-dim)}.wa-add-btn{background:var(--wa-bg-light);border-top:1px solid var(--wa-border-hi);border-left:1px solid var(--wa-border-hi);border-right:1px solid var(--wa-border-lo);border-bottom:1px solid var(--wa-border-lo);color:var(--wa-text-label);font-family:var(--wa-font);font-size:9px;padding:0 10px;cursor:pointer;letter-spacing:1px;white-space:nowrap}.wa-add-btn:hover:not(:disabled){color:var(--wa-gold);border-top-color:var(--wa-gold-mid);border-left-color:var(--wa-gold-mid)}.wa-add-btn:disabled{opacity:.3;cursor:default}.wa-add-error{font-family:var(--wa-font);font-size:9px;color:#f44;padding:3px 7px 4px;background:var(--wa-panel);letter-spacing:1px;flex-shrink:0}.wa-viewer-list{flex:1;display:flex;flex-direction:column;padding:4px 0}.wa-viewer-item{display:flex;align-items:center;gap:8px;padding:4px 10px}.wa-viewer-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.wa-viewer-name{font-family:var(--wa-font);font-size:11px;color:var(--wa-text-mid)}.wa-viewer-name.me{color:var(--wa-green);text-shadow:0 0 4px var(--wa-green-dim)}.wa-viewer-tag{font-family:var(--wa-font);font-size:9px;color:var(--wa-green-dim);margin-left:auto}.wa-icon-strip{width:28px;background:var(--wa-panel);display:flex;flex-direction:column;border-left:1px solid var(--wa-border-lo);flex-shrink:0}.wa-strip-btn{width:28px;flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:none;border-left:2px solid transparent;padding:0;-webkit-user-select:none;user-select:none}.wa-strip-btn+.wa-strip-btn{border-top:1px solid var(--wa-border-lo)}.wa-strip-btn:hover .wa-strip-label{color:var(--wa-green)}.wa-strip-btn.active{border-left-color:var(--wa-orange);background:var(--wa-orange-dim)}.wa-strip-label{font-family:var(--wa-font);font-size:9px;color:var(--wa-text-dim);letter-spacing:2px;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.wa-strip-btn.active .wa-strip-label{color:var(--wa-orange)}.wa-joining{display:flex;align-items:center;justify-content:center;min-height:200px;font-family:var(--wa-font);font-size:12px;color:var(--wa-text-mid);letter-spacing:3px}