:root{color-scheme:dark;--accent:#10b98e;--accent-text:#031d17;--page:#09090b;--panel:#18181b;--control:#222225;--hover:#2c2c30;--border:#353539;--text:#f4f4f5;--muted:#a1a1aa;--sidebar:340px;font-family:Outfit,Arial,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:29px;padding:4px 10px;border:1px solid var(--border);background:var(--control);border-radius:8px;font-weight:500;cursor:pointer;transition:background .15s,opacity .15s,transform .15s}button:hover{background:var(--hover)}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:default;transform:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button.primary,.primary{background:var(--accent);color:var(--accent-text);border-color:transparent}.primary:hover{filter:brightness(1.1);background:var(--accent)}a{color:inherit;text-underline-offset:3px}input,select,textarea{background:var(--control);border:1px solid #454549;border-radius:11px;padding:7px 10px;width:100%;outline:none;min-width:0}input::placeholder{color:var(--muted)}input:focus,select:focus,textarea:focus{border-color:var(--accent)}select{height:33px;cursor:pointer}textarea{resize:vertical;min-height:95px}svg{width:16px;height:16px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}[data-icon]{display:inline-flex;align-items:center;justify-content:center}.icon-button{width:29px;height:29px;min-height:29px;padding:5px;border-color:transparent;background:transparent}.icon-button:hover{background:var(--hover)}.icon-button.primary{background:var(--accent)}.danger{color:#ed6575}.floating{position:fixed;top:16px;left:16px;z-index:5;border:1px solid #222226;transition:opacity .2s}.floating svg{width:18px;height:18px}#sidebar{position:fixed;z-index:20;left:0;top:0;bottom:0;width:var(--sidebar);background:var(--panel);border-right:1px solid var(--border);transform:translateX(-100%);transition:transform .2s ease;display:flex;flex-direction:column}.sidebar-open #sidebar{transform:translateX(0)}.sidebar-open .floating{opacity:0;pointer-events:none}.brand{display:flex;align-items:center;justify-content:space-between;padding:12px;height:61px;border-bottom:1px solid var(--border);flex-shrink:0}.brand-link{display:flex;align-items:center;gap:9px;text-decoration:none}.logo{width:28px;height:28px;border-radius:6px;background:var(--accent);display:grid;place-items:center;font-weight:750;font-size:29px;line-height:1;color:white}.brand strong{display:block;font-size:14px;line-height:19px;font-weight:650}.brand small{display:block;color:var(--muted);font-size:12px;line-height:17px}kbd{font-family:ui-monospace,Consolas,monospace;background:var(--hover);border:1px solid var(--border);border-radius:3px;padding:2px 5px;font-size:11px}.brand kbd{font-size:10px;padding:0 3px;border:0}.sidebar-scroll{overflow:auto;flex:1;scrollbar-width:thin;padding:0 12px 20px}section{padding:10px 0 12px;border-bottom:1px solid var(--border)}.section-label{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:12px;line-height:18px;font-weight:450}.section-label svg{width:13px;height:13px}.input-group{display:flex;align-items:center;gap:7px;margin-top:6px}.input-group input{height:33px}.input-group>.icon-button{width:31px;height:31px;flex-shrink:0}.input-group svg{width:18px;height:18px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.section-heading>div{display:flex;gap:3px}.section-heading .icon-button{width:24px;height:24px;min-height:24px}.section-heading .icon-button svg{width:15px}.field-error{margin:6px 0 0;color:#ff8c9b;font-size:12px}.search{position:relative;margin-bottom:7px}.search svg{position:absolute;left:9px;top:9px;width:14px;height:14px;color:var(--muted)}.search input{padding-left:28px;height:33px}.empty-list{font-size:12px;text-align:center;color:var(--muted);padding:16px 0 18px;margin:0}.stream-row,.profile-row{display:flex;align-items:center;gap:5px;min-height:37px;padding:4px 5px;background:var(--control);border-radius:6px;margin:4px 0;font-size:13px}.stream-row .channel-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:550;display:flex;gap:5px;align-items:center}.stream-row .channel-name small{font-size:10px;color:var(--muted);font-weight:400}.stream-row .row-actions{display:flex;opacity:0;transition:opacity .15s}.stream-row:hover .row-actions,.stream-row:focus-within .row-actions{opacity:1}.stream-row .icon-button,.profile-row .icon-button{width:23px;height:24px;min-height:24px;padding:4px}.stream-row .icon-button svg{width:13px;height:13px}.drag-handle{cursor:grab;color:var(--muted);touch-action:none}.dragging{opacity:.35}.drop-target{outline:1px dashed var(--accent)}.hidden-stream{opacity:.55}.live-dot{width:5px;height:5px;background:#f25d6e;border-radius:50%}.button-pair{display:flex;gap:7px;margin-top:8px}.button-pair button{flex:1;padding:4px 5px;font-size:12px;white-space:nowrap}.button-pair svg{width:14px;height:14px}.paste-label{margin-top:10px}.mono{font-family:ui-monospace,Consolas,monospace}.profile-row{background:transparent;padding:2px 0}.profile-load{flex:1;justify-content:flex-start;border:0;background:transparent;font-size:12px;overflow:hidden;text-overflow:ellipsis}.profile-load small{color:var(--muted);margin-left:auto}.global-controls{display:grid;gap:5px;margin-top:5px}.global-controls button{justify-content:flex-start;font-size:12px;min-height:28px}.global-controls svg{width:14px;height:14px}.sidebar-links{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;padding:13px 0;color:var(--muted);font-size:12px}.sidebar-links #external-views{width:100%;text-align:center;font-size:10px;margin-top:6px}.sidebar-links #external-views a{text-decoration:none;margin:0 9px}.sidebar-bottom{border-top:1px solid var(--border);padding:8px 12px;flex-shrink:0}.sidebar-bottom button{background:none;border:0;padding:2px 3px;color:var(--muted);font-size:12px;min-height:25px}#workspace{height:100dvh;width:100%;position:relative;overflow:auto}#empty-state{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(440px,90%);text-align:center;color:var(--muted)}.empty-icon{color:var(--accent);opacity:.85;margin-bottom:16px}.empty-icon svg{width:33px;height:33px;stroke-width:1.7}h1{font-size:30px;letter-spacing:-.7px;font-weight:700;color:var(--accent);margin:0 0 9px}#empty-state p{font-size:16px;line-height:25px;margin:0}.shortcut-hint{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:25px;font-size:14px}.shortcut-hint kbd{font-size:12px;padding:5px 8px}.shortcut-hint span:last-child{margin-left:5px}.mobile-start{display:none;margin:20px auto 0}.sidebar-open #workspace{margin-left:0;width:100%}#stream-grid{min-height:100%;position:relative;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:6px;padding:16px}.stream-tile{position:relative;background:#000;overflow:hidden;flex-shrink:0;border-radius:10px;isolation:isolate;min-height:300px;min-width:400px}.square-players .stream-tile{border-radius:0}.stream-tile.hidden-tile{position:fixed;left:-10000px;top:0;width:400px!important;height:300px!important;pointer-events:none;visibility:hidden}.player-host,.player-host iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.tile-top{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;gap:6px;align-items:center;padding:7px 9px;background:linear-gradient(#000c,transparent);opacity:0;transition:opacity .15s;pointer-events:none}.stream-tile:hover .tile-top,.stream-tile:focus-within .tile-top{opacity:1}.tile-top>*{pointer-events:auto}.tile-channel{margin-right:auto;color:white;font-size:13px;text-decoration:none;font-weight:550;text-shadow:0 1px 3px black}.tile-top .icon-button{color:white;background:#18181ba8;border:0}.tile-top select{width:90px;height:27px;font-size:11px;background:#18181ba8;color:white}.tile-handle{cursor:grab}.tile-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a1a1aa;gap:12px;text-align:center;padding:25px;font-size:14px}.tile-error strong{color:#f4f4f5}.drag-shield{position:absolute;inset:42px 0 38px;z-index:3;cursor:grab;display:none}.drag-anywhere .drag-shield{display:block}.stream-tile:fullscreen{width:100vw!important;height:100vh!important;border-radius:0}.chat-panel{position:absolute;right:0;top:42px;bottom:0;width:min(340px,45%);z-index:4;background:var(--panel)}.chat-panel iframe{width:100%;height:100%;border:0}.with-chat .player-host{right:min(340px,45%);width:calc(100% - min(340px,45%))}.modal-backdrop{position:fixed;inset:0;z-index:50;background:#0005;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fade-in .15s ease}.modal{background:var(--page);border:1px solid #29292d;border-radius:17px;width:450px;max-width:100%;max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 22px 65px #0005;animation:modal-in .18s ease}.modal-head{padding:17px 16px 5px;position:relative}.modal h2{font-size:15px;margin:0 25px 6px 0;font-weight:550}.modal .subtitle{font-size:14px;color:var(--muted);line-height:21px;margin:0}.modal-close{position:absolute;right:8px;top:8px;color:var(--muted)}.modal-body{padding:0 16px 18px}.settings-group h3{font-size:12px;color:var(--muted);font-weight:500;margin:23px 0 8px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:31px;font-size:14px;font-weight:500}.setting-row label{display:flex;align-items:center;gap:9px;cursor:pointer}.setting-row label svg{color:var(--muted)}.switch{width:33px;height:19px;min-height:19px;padding:2px;border-radius:20px;position:relative;background:#29292c;border:0;flex-shrink:0}.switch::after{content:'';position:absolute;left:2px;top:2px;background:#fafafa;border-radius:50%;width:15px;height:15px;transition:transform .15s}.switch[aria-checked=true]{background:var(--accent)}.switch[aria-checked=true]::after{transform:translateX(14px);background:#063c30}.setting-row select{width:114px;height:32px;font-size:13px}.modal-footer{background:var(--panel);padding:16px;border-top:1px solid #29292d;display:grid;gap:8px}.modal-footer button{font-size:12px}.modal-footer .button-pair{margin:0}.modal-form{padding-top:20px;display:grid;gap:8px}.modal-form label{font-size:13px;font-weight:500}.modal-form .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.help-text{font-size:12px;color:var(--muted);line-height:19px;margin:5px 0}.shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--border)}.shortcut-row strong{display:block;font-size:13px;font-weight:500}.shortcut-row small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.shortcut-row button{white-space:nowrap;font-size:12px;min-width:88px}.share-actions{display:flex;gap:8px;margin-top:9px}.share-actions button{flex:1}.tour-backdrop{backdrop-filter:none;background:#0004}.tour-modal{width:355px;border-radius:0;background:var(--panel);text-align:center;padding:32px 30px 24px;position:relative;overflow:visible}.tour-modal .logo{width:48px;height:48px;font-size:45px;border-radius:9px;margin:0 auto 18px}.tour-modal h2{font-size:20px;font-weight:650;margin:0 0 10px}.tour-modal p{font-size:14px;line-height:21px;margin:0 0 16px}.tour-modal .tour-badge{position:absolute;left:-10px;top:-10px;background:var(--accent);border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-weight:600}.tour-buttons{display:flex;justify-content:center;gap:8px}.tour-buttons button{min-height:36px}.tour-nav{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.tour-nav>button{width:48px;height:28px;min-height:28px;border-radius:5px}.tour-dots{display:flex;gap:6px}.tour-dots button{padding:0;width:8px;height:8px;min-height:8px;border-radius:50%;background:none;border:1px solid var(--muted)}.tour-dots button.active{background:var(--accent);border-color:var(--accent)}#toasts{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:100;display:grid;gap:8px;max-width:min(90vw,450px)}.toast{padding:11px 16px;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 30px #0005;font-size:13px;animation:modal-in .2s}.legal-copy{line-height:1.65;color:var(--muted);font-size:14px}.legal-copy h3{color:var(--text);font-size:15px;margin-top:22px}.legal-copy a{color:var(--accent)}.light{color-scheme:light;--page:#fafafa;--panel:#f0f0f2;--control:#e7e7eb;--hover:#dddde3;--border:#d0d0d7;--text:#18181b;--muted:#62626e}.light input,.light select,.light textarea{border-color:#d0d0d7}.neutral-zinc{--panel:#18181b;--control:#27272a;--hover:#303034;--border:#3f3f46}.neutral-slate{--page:#0b101a;--panel:#151d2c;--control:#1e293b;--hover:#29374d;--border:#36445b}.neutral-stone{--page:#0c0a09;--panel:#1c1917;--control:#292524;--hover:#35302d;--border:#44403c}.light.neutral-slate{--page:#f8fafc;--panel:#f1f5f9;--control:#e2e8f0;--hover:#cbd5e1;--border:#c0ccdc}.light.neutral-stone{--page:#fafaf9;--panel:#f5f5f4;--control:#e7e5e4;--hover:#d6d3d1;--border:#c9c6c4}.light.neutral-zinc{--panel:#f4f4f5;--control:#e4e4e7;--hover:#d4d4d8;--border:#c5c5cc}.no-tooltips [title]{--unused:0}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(pointer:coarse){.stream-row .row-actions{opacity:1}.tile-top{opacity:1}.icon-button{min-height:32px}.stream-row{min-height:42px}}@media(max-width:700px){:root{--sidebar:min(340px,90vw)}.sidebar-open #workspace{width:100%;margin-left:0}.sidebar-open #sidebar{box-shadow:20px 0 50px #0008}.modal-backdrop{padding:12px}.modal{max-height:calc(100dvh - 24px)}#stream-grid{padding:56px 6px 6px;gap:8px;align-content:flex-start}.stream-tile{min-width:0;width:100%!important;min-height:300px;height:300px!important}.mobile-start{display:flex}.desktop-br{display:none}#empty-state p{font-size:15px}.shortcut-hint{font-size:12px}.tile-top{opacity:1}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}[hidden]{display:none!important}