@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101317;--panel:#171b20;--surface:#20252c;--line:#2b3139;--text:#edf0f3;--muted:#8b95a3;--green:#b9f075;--blue:#73b9ff;--purple:#ba97f7;--gold:#ebcd81;--red:#f18e8e;font-family:'DM Sans',sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);height:100dvh;overflow:hidden}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}button{color:inherit;border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:8px 12px;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}button:hover{background:#2c333c;border-color:#52616d}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,[role=separator]:focus-visible{outline:2px solid var(--green);outline-offset:3px}a{color:inherit;text-decoration:none}input{min-width:0;color:var(--text);background:#11161c;border:1px solid var(--line);border-radius:6px;padding:11px 12px}input::placeholder{color:#798391}input:focus{border-color:var(--green)}.primary{color:#152114;background:var(--green);border-color:var(--green);font-weight:700}.primary:hover{background:#d1ff99;border-color:#d1ff99}.primary span{margin-left:12px}.icon-button{width:32px;height:32px;padding:0;font-size:18px;background:transparent}.text-button{padding:4px 7px;border:0;background:transparent;color:var(--muted);font-size:12px}.text-button:hover{color:var(--text)}.full{width:100%;margin-top:20px}.muted{color:var(--muted);line-height:1.6}.fine-print{color:var(--muted);font-size:12px;line-height:1.6}.app-header{height:65px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px;padding:0 22px}.brand{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-size:12px;letter-spacing:1px;white-space:nowrap}.brand b{font-weight:500;color:var(--muted)}.brand-orb,.large-orb{display:block;width:25px;height:25px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#edffc7 0%,#b9f075 22%,#4c925f 57%,#1a3b32 90%);box-shadow:0 0 18px #b9f07120,inset -3px -3px 7px #0005}.beta{font:9px 'DM Sans',sans-serif;color:var(--green);border:1px solid #b9f07540;padding:3px 5px;border-radius:3px}.header-actions{display:flex;gap:9px;align-items:center;margin-left:auto}.header-actions .primary{font-size:12px}#tabs{display:flex;align-self:stretch;gap:8px;align-items:center;flex:1}.tab-link{font-size:12px;padding:9px 14px;border:1px solid transparent;border-radius:5px;color:var(--muted);display:flex;gap:9px;align-items:center}.tab-link.active{border-color:var(--line);color:var(--text);background:#22272d}.tab-link .tab-number{color:var(--green);font-family:'Space Grotesk';font-size:10px}#add-tab{font-size:12px;background:transparent}.app-layout{display:flex;height:calc(100dvh - 65px)}.directory{width:290px;min-width:290px;display:flex;flex-direction:column;border-right:1px solid var(--line);padding:24px 16px 0;background:#14181d}.directory-heading{display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:9px;letter-spacing:1.5px;color:var(--muted)}h1{font:600 24px 'Space Grotesk';margin:7px 0 22px}.channel-search{display:flex;gap:5px}.channel-search input{width:100%;font-size:12px}.channel-search button{background:#292f36;width:38px;font-size:18px;padding:0}.directory-filters{display:flex;gap:3px;margin:18px -1px 18px}.directory-filters button{font-size:11px;border:0;background:transparent;padding:7px 8px;color:var(--muted)}.directory-filters button.selected{color:var(--text);background:#2a3139}.directory-filters button span{font-size:9px;color:var(--blue);margin-left:4px}.list-description{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);padding:0 2px 10px;border-bottom:1px solid var(--line);gap:8px}#list-sort{font-size:8px;letter-spacing:1px;white-space:nowrap}.stream-list{overflow:auto;flex:1;min-height:0;padding:6px 0}.stream-row{display:flex;gap:10px;align-items:center;margin:3px 0;position:relative}.stream-row .watch-stream{border:1px solid transparent;padding:9px 27px 9px 8px;width:100%;text-align:left;display:flex;align-items:center;gap:10px;background:transparent;border-radius:7px}.stream-row .watch-stream:hover,.stream-row.current .watch-stream{background:#242b31;border-color:#39443f}.avatar{width:33px;height:33px;min-width:33px;border-radius:9px;background:linear-gradient(140deg,#343e48,#222931);color:#b3bfcc;display:grid;place-items:center;font-family:'Space Grotesk';font-size:12px;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.stream-copy{min-width:0;flex:1}.stream-name{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis}.stream-title{color:var(--muted);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;max-width:150px}.stream-count{font-size:10px;color:#abb4be}.mot-badge{font-size:8px;border:1px solid #73b9ff33;color:var(--blue);padding:1px 3px;border-radius:3px}.stream-row.mot .stream-name{color:var(--blue)}.stream-row.featured .stream-name{color:var(--purple)}.stream-row.recommended .stream-name{color:var(--green)}.hide-stream{position:absolute;right:2px;font-size:10px;border:0;padding:6px;background:transparent;opacity:0;color:var(--muted)}.stream-row:hover .hide-stream,.hide-stream:focus-visible{opacity:1}.group-label{font-size:9px;letter-spacing:1px;color:var(--muted);padding:14px 8px 6px}.list-empty{font-size:12px;color:var(--muted);line-height:1.7;padding:24px 8px}.list-empty button{margin-top:12px;font-size:12px}.directory-bottom{display:flex;gap:6px;font-size:9px;align-items:center;border-top:1px solid var(--line);padding:15px 0;color:var(--muted);min-height:44px}.directory-bottom a{margin-left:auto;color:var(--muted)}.status-dot{width:6px;height:6px;display:inline-block;background:#67717e;border-radius:100%;flex-shrink:0}.status-dot.good{background:var(--green)}.watch-column{flex:1;min-width:0;display:flex;flex-direction:column}.stream-heading{height:48px;min-height:48px;display:flex;align-items:center;padding:0 17px;gap:8px;border-bottom:1px solid var(--line)}.channel-identity{display:flex;align-items:center;gap:9px;min-width:0;flex:1}.channel-identity h2{font:500 14px 'Space Grotesk';margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-status{font-size:8px;letter-spacing:1px;color:var(--muted)}.live-status.live{color:var(--green)}#viewer-count{font-size:10px;color:var(--muted)}.watch-workspace{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}.video-section{height:60%;min-height:300px;flex-shrink:0;background:#07090b;position:relative;overflow:hidden}.player{width:100%;height:100%;min-height:300px}.player iframe{width:100%;height:100%;border:0}.player-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at 50% 30%,#22302580,transparent 65%)}.large-orb{width:70px;height:70px;margin-bottom:16px}.player-empty h2{font:500 26px 'Space Grotesk';margin:10px}.player-empty p{color:var(--muted);font-size:13px;line-height:1.7}.player-empty button{margin-top:12px;font-size:12px}.offline-banner{position:absolute;inset:0;background:#0d1119ed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;z-index:2}.offline-banner[hidden]{display:none}.offline-banner strong{font:600 24px 'Space Grotesk'}.offline-banner span{color:var(--muted)}.divider{height:8px;min-height:8px;background:#20262c;display:flex;align-items:center;justify-content:center;cursor:row-resize;touch-action:none}.divider:hover{background:#3b4743}.divider span{height:2px;width:40px;background:#6c7a79;border-radius:2px}.chat-section{display:flex;flex:1;min-height:160px;flex-direction:column;background:#12161b;position:relative}.tools-panel{border-bottom:1px solid var(--line);padding:7px 14px 8px;background:#191e24}.shortcut-row{display:flex;align-items:center;gap:7px;min-height:28px;flex-wrap:wrap}.small-button,.shortcuts button,.voice-button{font-size:11px;padding:5px 10px;border-radius:4px;background:#252c34;height:27px}.shortcuts{display:flex;gap:6px}.shortcuts button{color:var(--text)}.tool-divider{height:16px;border-left:1px solid #3c454f;margin:0 3px}.voice-button{background:transparent;color:var(--green);border-color:#3c4e3d}.play-state{font-size:10px;color:var(--muted)}.play-state.alert{color:var(--green);font-weight:700}.last-sent{margin-left:auto;font-size:10px;color:var(--muted);display:flex;align-items:center;gap:5px}.last-sent i{width:5px;height:5px;border:1px solid currentColor;border-radius:50%}.last-sent.good{color:#7edbb0}.last-sent.good i,.last-sent.old i{background:currentColor}.last-sent.old{color:var(--red)}.stats-row{display:flex;align-items:center;gap:22px;margin-top:8px;font-size:10px;min-height:16px;overflow:hidden}.stats-row>div{display:flex;align-items:center;gap:6px;white-space:nowrap;min-width:0}.stat-label{font-size:8px;letter-spacing:.8px;color:var(--muted)}.mot-stats strong,.mot-stats small{color:var(--gold)}.today-label{margin-left:9px}.session-stats{margin-left:auto}.session-stats strong{color:var(--text)}.session-stats small{color:var(--muted);margin-left:3px}.timer-stats{margin-left:auto;overflow:hidden;text-overflow:ellipsis;color:var(--green);justify-content:flex-end}.timer-stats span{overflow:hidden;text-overflow:ellipsis}.chat-heading{height:35px;min-height:35px;display:flex;justify-content:space-between;align-items:center;padding:0 17px;border-bottom:1px solid #222931;font-size:11px;font-weight:600}.chat-heading>span{display:flex;gap:8px;align-items:center}.chat-symbol{color:var(--muted);font-style:normal}.chat-heading small{font-weight:400;color:var(--muted);font-size:10px}.chat-log{flex:1;min-height:40px;overflow:auto;padding:12px 18px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3a444e transparent}.chat-welcome{text-align:center;color:var(--muted);padding:18px 0}.chat-welcome>.chat-symbol{font-size:25px;color:#4f5e58}.chat-welcome h3{font:500 16px 'Space Grotesk';color:var(--text);margin:8px}.chat-welcome p{font-size:12px;line-height:1.7;margin:0}.chat-line{font-size:13px;line-height:1.65;overflow-wrap:anywhere;padding:3px 0;color:#d1d5dc}.chat-line time{font-size:9px;color:#647180;margin-right:9px;font-variant-numeric:tabular-nums}.chat-line .username{font-weight:700;margin-right:5px}.chat-line .emote{height:25px;vertical-align:middle;margin:0 1px}.chat-line.system{color:var(--muted);font-size:11px}.chat-line.mention{background:#b9f07510;border-left:2px solid var(--green);padding-left:8px}.composer{display:flex;gap:7px;padding:9px 14px 0}.compose-field{background:#1b2128;border:1px solid #39424d;border-radius:6px;display:flex;align-items:center;flex:1;min-width:0;padding-left:10px}.compose-field:focus-within{border-color:var(--green)}.compose-badge{color:var(--green);font-size:15px}.compose-field input{background:transparent;border:0;box-shadow:none;flex:1;font-size:12px;padding:10px;outline:none}.compose-field input:focus-visible{outline:0}#message-count{font-size:9px;color:#6f7d8b;padding-right:10px}.composer .primary{font-size:12px;padding:6px 14px}.chat-footer{display:flex;justify-content:space-between;font-size:9px;color:#697686;padding:7px 16px 9px;gap:10px}#chat-state{display:flex;align-items:center;gap:5px}.jump-live{position:absolute;bottom:78px;right:20px;font-size:11px;background:#354139;z-index:1}.chat-hidden .chat-log,.chat-hidden .composer,.chat-hidden .chat-footer,.chat-hidden .jump-live{display:none!important}.chat-hidden .chat-section{flex:none;min-height:0}.chat-hidden .video-section{flex:1!important;height:auto!important}.directory-collapsed .directory{display:none}.directory-collapsed .watch-column{width:100%}dialog{background:#1b2027;color:var(--text);border:1px solid #3b4550;border-radius:13px;width:min(480px,calc(100vw - 30px));max-height:85dvh;padding:25px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#05080ccc;backdrop-filter:blur(6px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.dialog-heading h2{font:500 22px 'Space Grotesk';margin:0}.field-label{display:flex;flex-direction:column;gap:8px;font-size:12px;margin-top:20px}.field-label input{width:100%}.toggle-setting{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.toggle-setting small{display:block;margin-top:5px;color:var(--muted);font-size:10px}.toggle-setting input{accent-color:var(--green);width:18px;height:18px}.button-editor-row{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.button-editor-copy{flex:1;min-width:0}.button-editor-copy strong{font-size:12px}.button-editor-copy small{display:block;font-size:11px;color:var(--muted);overflow-wrap:anywhere;margin-top:4px}.button-editor-row input{accent-color:var(--green)}.button-editor-row button{font-size:11px}.help-content{font-size:13px;line-height:1.7;color:#afb8c3}.help-content h3{color:var(--text);margin:24px 0 6px;font-size:14px}.help-content a{color:var(--green)}.auth-code{text-align:center;font:600 32px 'Space Grotesk';letter-spacing:4px;background:#11161c;padding:20px;border-radius:8px;margin:20px 0}.auth-link{display:block;text-align:center}.auth-progress{font-size:12px;color:var(--green);margin-top:16px}.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);background:#2a3431;border:1px solid #5a7266;color:#e8f0ea;padding:12px 20px;border-radius:8px;font-size:12px;box-shadow:0 5px 30px #0007;z-index:10;max-width:90vw}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}::-webkit-scrollbar{width:6px;height:5px}::-webkit-scrollbar-thumb{background:#3b454e;border-radius:5px}@media(min-width:1600px){.directory{width:310px;min-width:310px}.shortcut-row,.stats-row{gap:12px}}@media(max-width:1100px){.app-header{gap:14px;padding:0 14px}.brand b,.beta{display:none}.directory{width:250px;min-width:250px}.tab-link{padding:9px}.stats-row{gap:12px}.timer-stats .stat-label{display:none}.live-status{display:none}.chat-footer>span:last-child{display:none}.shortcut-row{gap:5px}.stream-title{max-width:120px}}@media(max-width:800px){.app-header{height:57px;gap:8px;padding:0 10px}.brand{font-size:10px;gap:6px}.brand-orb{width:20px;height:20px}.header-actions{gap:5px}.header-actions>.icon-button{width:25px}#tabs{display:none}#connect{font-size:10px;padding:8px}.header-actions .primary span{display:none}#add-tab{padding:8px;font-size:11px}.app-layout{height:calc(100dvh - 57px)}.directory{display:none}.directory.mobile-open{display:flex;position:fixed;inset:57px 0 0;width:100%;z-index:5;background:#14181d}.watch-column{width:100%}.stream-heading{padding:0 10px}.video-section{min-height:300px}.stream-heading #open-twitch{display:none}.player-empty h2{font-size:22px}.tools-panel{padding:6px 10px}.stats-row{flex-wrap:wrap;gap:5px 14px}.timer-stats{width:100%;justify-content:flex-start;margin:0}.session-stats{margin-left:auto}.last-sent{font-size:9px}.play-state{display:none}.chat-log{padding:9px 12px}.chat-line{font-size:12px}.chat-heading{padding:0 10px}.chat-welcome{padding:12px}.chat-welcome p{font-size:11px}.composer{padding:8px 9px 0}.composer .primary span{display:none}.chat-footer{padding:6px 10px}.hide-stream{opacity:1}.chat-section{min-height:195px}}
.directory.open{display:flex}.stream-row .stream-main{border:1px solid transparent;padding:10px 24px 10px 7px;width:100%;text-align:left;display:flex;align-items:center;gap:9px;background:transparent;min-width:0}.stream-main:hover,.current .stream-main{background:#242b31!important;border-color:#39443f!important}.stream-avatar{width:32px;height:32px;flex-shrink:0;border-radius:9px;background:linear-gradient(140deg,#343e48,#222931);display:grid;place-items:center;font:12px 'Space Grotesk';color:#b3bfcc}.stream-info{min-width:0;flex:1}.stream-info strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis}.stream-info small{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:var(--muted);margin-top:5px}.stream-viewers{font-size:10px;color:var(--muted)}.chat-message{font-size:13px;line-height:1.65;padding:4px 0;overflow-wrap:anywhere}.system-message{font-size:11px;color:var(--muted);padding:7px 0}.auth-code{display:block}.auth-code~a{display:block;text-align:center;padding:12px;border-radius:6px}.button-editor-row small{flex:1;color:var(--muted);overflow-wrap:anywhere}.chat-message img{height:25px;vertical-align:middle}.chat-hidden .chat-section{min-height:105px}.shortcut-row{flex-wrap:nowrap;overflow-x:auto}.chat-log{scroll-behavior:auto}@media(max-width:800px){.directory.open{position:fixed;inset:57px 0 0;width:100%;z-index:5;background:#14181d}.directory.open:before{content:'Tap ☰ to close the directory';font-size:10px;color:var(--muted);margin-bottom:12px}.stream-info small{max-width:70vw}.watch-column{min-width:400px}}@media(max-height:700px){body{overflow:auto}.app-layout{min-height:650px}}
.directory-close{display:none}@media(max-width:800px){.directory.open .directory-close{display:block;text-align:right;margin-bottom:8px}.directory.open:before{display:none}}

.stream-avatar{overflow:hidden}.stream-avatar img{width:100%;height:100%;object-fit:cover;display:block}

.panel-grid{display:grid;grid-template-columns:repeat(var(--panel-count),minmax(0,1fr));height:calc(100dvh - 65px);overflow:hidden}.panel-grid>iframe{width:100%;height:100%;min-width:0;border:0;border-right:1px solid var(--line);background:var(--bg)}.panel-tab{display:flex;align-items:center}.embedded-panel .app-header{display:none}.embedded-panel .app-header .brand,.embedded-panel #tabs,.embedded-panel #add-tab{display:none}.embedded-panel .app-layout{height:100dvh;min-height:0}.embedded-panel .watch-column{min-width:0}.embedded-panel .directory{display:none}.embedded-panel .directory.open{display:flex;position:fixed;inset:0;width:100%;min-width:0;z-index:5;background:#14181d}.embedded-panel .directory-close{display:block}.embedded-panel .video-section,.embedded-panel .player{min-height:120px}.embedded-panel .stream-heading{padding:0 8px}.embedded-panel .stats-row{flex-wrap:wrap;gap:4px 10px}.embedded-panel .timer-stats{width:100%;justify-content:flex-start;margin:0}.embedded-panel .chat-section{min-height:190px}.embedded-panel .stream-heading #open-twitch{display:none}.embedded-panel .shortcut-row{overflow:auto}.embedded-panel .header-actions{gap:6px}.embedded-panel{overflow:hidden}@media(max-width:800px){.panel-grid{height:calc(100dvh - 57px);grid-template-columns:repeat(var(--panel-count),minmax(340px,1fr));overflow-x:auto}body:has(.panel-grid) #tabs{display:flex}}@media(max-height:700px){.embedded-panel .app-layout{min-height:0}.embedded-panel{overflow:hidden}}
.panel-close{padding:6px 9px;color:var(--text);font-size:12px;border:1px solid #52616d;background:#252c34}.panel-close:hover{background:#663b40;border-color:var(--red)}.panel-tab{gap:4px;margin-right:8px}.embedded-panel .panel-close{flex-shrink:0}

.embedded-panel .play-state{display:inline;font-size:10px;flex-shrink:0}

.stream-heading .play-state{display:inline-block;font-size:10px;font-weight:400;min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stream-heading .channel-identity h2{flex:0 1 auto}.embedded-panel .stream-heading .play-state{flex-shrink:1}

#player{position:relative}#player>iframe{width:100%!important;height:100%!important;transform:none!important}

.panel-grid{height:100dvh}.shared-panel-tools{display:inline-flex;align-items:center;gap:5px;margin-left:auto}.shared-panel-tools #connect{font-size:11px;padding:5px 8px}.shared-panel-tools .icon-button{width:26px;height:27px}.embedded-panel .stream-heading{overflow-x:auto}.embedded-panel .stream-heading .channel-identity{min-width:60px}

.chat-badges{display:inline-flex;vertical-align:middle;gap:3px;margin-right:4px}.chat-badges:empty{display:none}.chat-message .chat-badge{width:18px!important;height:18px!important;object-fit:contain;vertical-align:middle;margin:0!important}.emote-picker{flex:0 1 235px;min-height:100px;overflow:auto;border-top:1px solid var(--line);background:#1b2128;padding:10px}.emote-picker-heading{display:flex;gap:8px;align-items:center;margin-bottom:8px}.emote-picker-heading input{flex:1;min-width:0;padding:8px}.emote-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:4px;max-height:145px;overflow:auto}.emote-choice{height:40px;padding:4px;display:grid;place-items:center}.emote-choice img{max-width:32px;max-height:30px;object-fit:contain}.emote-picker small{display:block;margin-top:7px;color:var(--muted);font-size:10px}#open-emotes{font-size:11px;padding:5px;white-space:nowrap}.chat-hidden .emote-picker{display:none!important}

.emote-picker{position:absolute;left:10px;right:10px;bottom:70px;height:min(52dvh,460px);max-height:calc(100dvh - 100px);display:flex;flex-direction:column;overflow:hidden;z-index:4;border:1px solid #69538b;border-radius:9px;box-shadow:0 12px 35px #0008}.emote-grid{flex:1;min-height:80px;max-height:none}.emote-picker-heading,.emote-picker small,#more-emotes{flex-shrink:0}#open-emotes{background:#9146ff;color:#fff;border:1px solid #b48aff;border-radius:5px;font-weight:600;padding:6px 9px}#open-emotes:hover,#open-emotes[aria-expanded="true"]{background:#a970ff}#open-emotes:focus-visible{outline:2px solid #d7bfff;outline-offset:2px}

.emote-picker{height:min(72dvh,680px)}.emote-tabs{display:flex;gap:6px;flex-shrink:0;margin-bottom:8px}.emote-tabs button{font-size:11px;padding:6px 9px}.emote-tabs button[aria-pressed="true"]{background:#9146ff;color:white;border-color:#b48aff}.emote-grid{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));align-content:start}.emote-tile{min-width:0;display:flex;flex-direction:column;border:1px solid #3d4650;border-radius:5px;background:#252c34}.emote-tile .emote-choice{border:0;background:transparent;width:100%;height:42px}.emote-favorite{font-size:16px;line-height:20px;height:23px;padding:0;border:0;border-top:1px solid #3d4650;border-radius:0 0 5px 5px;color:#e6c87b;background:#1b2128}.emote-owner{grid-column:1/-1;font-weight:600;color:#d7bfff;padding:8px 3px 3px}.emote-tabs,.emote-owner{flex-shrink:0}

.compose-field #open-emotes{margin-left:auto;margin-right:5px;flex-shrink:0}

.compose-field #message-count{display:none!important}.compose-field #open-emotes{margin-left:auto;margin-right:5px;flex-shrink:0}


.video-section{display:flex;flex-direction:column}.video-section>#player{flex:1;min-height:300px;height:auto}.raid-toolbar{display:flex;align-items:center;gap:7px;flex:0 0 34px;height:34px;padding:3px 7px;background:#07090b;min-width:0}.comp-raids{font-size:11px;padding:4px 8px;background:#252033;color:#d7bfff;border-color:#675282;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comp-raids.queue-open{color:#c6ef9c;border-color:#587a3a}.comp-watch-short{display:flex;align-items:center;gap:5px;font-size:10px;padding:2px 6px;min-width:0;white-space:nowrap;overflow:hidden}.comp-watch-short img{width:24px;height:24px;border-radius:50%}.comp-watch-short span{overflow:hidden;text-overflow:ellipsis}.comp-card{position:absolute;z-index:5;left:7px;right:7px;top:36px;max-height:calc(100% - 44px);overflow:auto;background:#191c25;border:1px solid #665181;border-radius:8px;padding:13px;font-size:12px;box-shadow:0 8px 30px #0009}.comp-card p{margin:7px 0;color:#c1c9d3}.comp-card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.comp-card .primary{display:inline-block;margin-top:10px;font-size:11px;padding:7px 10px;text-decoration:none}.comp-live{border-top:1px solid #44404b;margin-top:12px;padding-top:12px}.comp-host-identity{display:flex;gap:8px;align-items:center;margin-top:10px}.comp-host-identity img{width:40px;height:40px;border-radius:50%}.comp-note{display:block;color:#97a1ad;line-height:1.5;margin-top:12px}

.comp-controls,.team-controls{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.team-controls{margin-left:auto;justify-content:flex-end}.comp-controls>.comp-raids,.team-controls>.comp-raids{flex:0 1 auto;max-width:100%}.comp-controls .comp-watch-short,.team-controls .comp-watch-short{flex-shrink:0}#team-raids{background:#162c32;color:#9ce1ee;border-color:#386676}#team-raids.queue-open{color:#c6ef9c;border-color:#587a3a}@media(max-width:800px){.raid-toolbar .comp-watch-short span{display:none}.raid-toolbar .comp-watch-short{padding:2px}.raid-toolbar{gap:6px}.comp-controls,.team-controls{gap:4px}.comp-raids{font-size:10px;padding:4px 5px}}

@media(max-width:800px){.raid-toolbar .comp-watch-short:has(img[hidden]) span{display:inline;max-width:65px}}


.raid-mute.raid-muted{color:#ff7373;border-color:#a84141;text-decoration:line-through;text-decoration-color:#ff4242;text-decoration-thickness:2px;background:#321c22}

.raid-mute{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:3px 8px;font-size:10px;line-height:1.15}.raid-mute span:last-child{font-size:9px;color:var(--green)}.raid-mute.raid-muted span:last-child{color:#ff7373}

.mobile-stream-tabs{display:none}
@media(max-width:600px){
body:has(.panel-grid){overflow:hidden}.mobile-stream-tabs{height:44px;display:flex;align-items:center;gap:5px;padding:4px 6px;overflow:auto;border-bottom:1px solid var(--line)}.mobile-stream-tabs button{flex:1;min-height:36px;font-size:12px;padding:6px}.mobile-stream-tabs button[aria-pressed="true"]{border-color:var(--green);color:var(--green)}body:has(.panel-grid) .panel-grid{height:calc(100dvh - 44px);display:block;overflow:hidden}.panel-grid>iframe{display:none}.panel-grid>iframe.mobile-active{display:block;height:100%;width:100%;border:0}
.embedded-panel .app-layout{height:100dvh;min-height:0}.watch-column{min-width:0!important;width:100%}.stream-heading{height:auto;min-height:44px;flex-wrap:wrap;padding:5px 7px;gap:5px}.channel-identity{flex-basis:calc(100% - 45px)}.stream-heading .panel-close{min-height:34px;font-size:11px;padding:5px 7px}.stream-heading .raid-mute{padding:3px 8px}.stream-heading #close-watch-panel{margin-left:auto}.mobile-layout .stream-heading #panel-add-tab{display:none}.stream-heading #open-twitch{display:none}.embedded-panel .video-section{min-height:150px;max-height:48%;height:36%!important}.video-section>#player{min-height:110px}.watch-workspace{min-height:0}.chat-section{min-height:100px;flex:1}.chat-log{min-height:0}.directory.open{inset:0;z-index:20}.shortcut-row{flex-wrap:nowrap;overflow-x:auto}.stats-row{gap:8px;overflow:auto;white-space:nowrap}.chat-toolbar{padding:7px}.emote-picker{height:min(65dvh,540px);max-width:calc(100vw - 12px);left:6px;right:6px}.compose-field input{font-size:16px}.compose-field #open-emotes{font-size:11px;padding:8px}.send-form{padding:6px;gap:5px}dialog{max-width:calc(100vw - 24px);max-height:85dvh;padding:20px;overflow:auto}dialog h2{font-size:21px}.raid-toolbar{flex-basis:30px;height:30px}.comp-card{top:31px}.video-section .comp-card{max-height:calc(100% - 35px)}
}

.online-presence{height:20px;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--muted);border-top:1px solid var(--line)}body:has(.online-presence) .panel-grid{height:calc(100dvh - 20px)}@media(max-width:600px){body:has(.online-presence) .panel-grid{height:calc(100dvh - 64px)}}

.online-presence{color:var(--green)}

.mention-suggestions{position:absolute;bottom:70px;left:8px;right:8px;max-height:270px;overflow:auto;z-index:12;background:#20252c;border:1px solid #7961a8;border-radius:7px;padding:4px;box-shadow:0 5px 20px #0008}.mention-suggestions button{display:block;width:100%;text-align:left;border:0;background:transparent;min-height:34px;white-space:normal}.mention-suggestions button[aria-selected="true"]{background:#40305d;color:#e9d9ff}

.mobile-layout #scan-watch-panel,.mobile-layout label:has(#scan-prompt-setting),.mobile-layout label:has(#play-setting){display:none!important}