:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7efff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#130817;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{background:linear-gradient(135deg,#ff00aa29,#0000 38%),linear-gradient(225deg,#8b5cf633,#0000 34%),#130817;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{grid-template-rows:auto minmax(0,1fr) auto;gap:18px;height:100vh;min-height:0;padding:22px;display:grid;overflow:hidden}.app-shell.expandable-player-app{grid-template-rows:auto auto auto;height:auto;min-height:100vh;overflow:auto}.site-credit{color:#bca9c9;text-align:center;font-size:.86rem;font-weight:800;line-height:1.15}.site-credit span{display:block}.site-credit span:last-child{opacity:.72;margin-top:2px;font-size:.68rem;font-weight:600}.site-credit a,.brand-accent{color:#f0a;text-decoration:none}.site-credit a:hover,.brand-accent:hover{text-decoration:underline}.app-version{z-index:30;color:#ffd6f1b8;letter-spacing:0;text-shadow:0 1px 10px #0009;background:0 0;border:0;padding:3px;font-size:.68rem;font-weight:900;line-height:1;position:fixed;bottom:8px;right:10px}.app-version:hover,.app-version:focus-visible{color:#ff8bdc;text-decoration:underline}.topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.topbar>div:first-of-type{flex:1}.topbar-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.help-button{width:34px;min-height:34px}.menu-wrap{position:relative}.settings-menu{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#130817f5;border:1px solid #ffffff24;border-radius:8px;gap:8px;width:min(390px,100vw - 32px);max-height:min(760px,100vh - 118px);padding:10px;display:grid;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden auto;box-shadow:0 24px 70px #0000006b}.settings-menu>*,.menu-section>*,.source-toggle>*,.toggle-row>*{min-width:0}.menu-heading{justify-content:space-between;align-items:center;gap:12px;padding:2px 2px 4px;display:flex}.menu-heading strong{color:#fff;font-size:1rem}.menu-heading span{color:#cbb9d8;font-size:.78rem;font-weight:800}.menu-actions{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.menu-action-button{color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;place-items:center;gap:5px;min-height:50px;font-size:.78rem;font-weight:900;display:grid}.menu-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.menu-tabs button{color:#cbb9d8;background:#ffffff0e;border:1px solid #ffffff1a;border-radius:8px;min-width:0;min-height:34px;font-size:.74rem;font-weight:900;overflow:hidden}.menu-tabs button.active{color:#fff;background:#ff00aa24;border-color:#ff00aa75}.menu-section{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:8px;gap:8px;padding:10px;display:grid}.menu-section-title{color:#f1c4ff;align-items:center;gap:8px;font-size:.86rem;font-weight:900;display:flex}.menu-section-title+p,.menu-description{color:#bca9c9;margin:-2px 0 2px;font-size:.76rem;font-weight:700;line-height:1.35}.menu-inline{grid-template-columns:minmax(0,1fr) minmax(120px,auto);align-items:center;gap:8px;display:grid}.menu-toggle{background:#ffffff0f;border:1px solid #ffffff1c;border-radius:8px;min-height:38px;padding:0 10px}.source-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.source-toggle{background:#ffffff0f;border:1px solid #ffffff1c;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-height:36px;padding:0 10px;display:flex}.source-toggle span,.toggle-row span{text-overflow:ellipsis;overflow:hidden}.source-toggle input{accent-color:#f0a;width:18px;min-height:18px}.command-list{flex-wrap:wrap;gap:6px;display:flex}.command-chip{color:#f7efff;cursor:help;-webkit-user-select:none;user-select:none;background:#ffffff0f;border:1px solid #ffffff1c;border-radius:8px;align-items:center;padding:5px 7px;font-size:.74rem;font-weight:800;line-height:1.2;display:inline-flex;position:relative}.has-tooltip{cursor:help}.has-tooltip:is(button){cursor:pointer}.has-tooltip:is(button):disabled{cursor:not-allowed}.has-tooltip input,.has-tooltip button{cursor:pointer}.app-tooltip{z-index:1000;color:#fff;pointer-events:none;text-align:left;white-space:normal;background:#120718fa;border:1px solid #f0a6;border-radius:8px;width:max-content;max-width:min(260px,100vw - 28px);padding:7px 9px;font-size:.72rem;font-weight:850;line-height:1.25;position:fixed;transform:translate(-50%,-100%);box-shadow:0 16px 38px #0000006b}.app-tooltip.below{transform:translate(-50%)}.ban-list{gap:7px;display:grid}.ban-entry-form{grid-template-columns:minmax(0,1fr) 42px;gap:8px;display:grid}.ban-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.ban-mass-paste textarea{resize:vertical;color:#fff;width:100%;min-height:92px;font:inherit;background:#ffffff0f;border:1px solid #ffffff21;border-radius:8px;outline:none;padding:10px 12px}.ban-mass-paste textarea:focus{border-color:#ff00aaa6;box-shadow:0 0 0 3px #ff00aa21}.ban-row{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:8px;min-width:0;padding:8px;display:grid}.ban-row div{gap:2px;min-width:0;display:grid}.ban-row span{color:#ff8bdc;text-transform:uppercase;font-size:.68rem;font-weight:900}.ban-row strong,.ban-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ban-row strong{color:#fff;font-size:.82rem}.ban-row small{color:#bca9c9;font-size:.72rem;font-weight:800}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050209bd;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.help-modal{background:#130817fa;border:1px solid #ffffff24;border-radius:8px;width:min(680px,100%);max-height:min(760px,100vh - 36px);overflow:auto;box-shadow:0 30px 90px #0000008c}.help-modal-header{z-index:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#130817f5;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px;display:flex;position:sticky;top:0}.help-modal-header h2{color:#fff;letter-spacing:0;margin:0;font-size:1.18rem}.help-modal-heading{justify-items:start;gap:3px;display:grid}.modal-text-link{color:#ff8bdc;background:0 0;border:0;padding:0;font-size:.82rem;font-weight:900;line-height:1.1;text-decoration:underline}.help-modal-body{gap:10px;padding:12px;display:grid}.help-modal-footer{justify-content:flex-end;align-items:center;gap:12px;display:flex}.tutorial-start-toggle{color:#cbb9d8;align-items:center;gap:7px;margin-right:auto;font-size:.82rem;font-weight:800;line-height:1.15;display:inline-flex}.tutorial-start-toggle input{accent-color:#f0a;width:16px;min-height:16px}.release-section ul{margin:8px 0 0;padding-left:18px}.release-footnote{color:#cbb9d8;margin:0;font-size:.86rem;font-weight:700;line-height:1.35}.help-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.help-section{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:8px;gap:6px;padding:10px;display:grid}.help-section h3{color:#f1c4ff;letter-spacing:0;margin:0;font-size:.88rem}.help-section p{color:#ddd3e7;margin:0;font-size:.84rem;line-height:1.38}.privacy-section ul{color:#ddd3e7;gap:6px;margin:0;padding-left:18px;font-size:.82rem;line-height:1.35;display:grid}.eyebrow,.now-label{color:#ff8bdc;text-transform:uppercase;margin:0 0 5px;font-size:.78rem;font-weight:700}h1,h2,p{margin-top:0}h1{letter-spacing:0;margin-bottom:0;font-size:clamp(1.45rem,2.45vw,2.45rem)}.connection-pill,.primary-button,.secondary-button,.danger-button,.icon-button{color:#fff;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:42px;display:inline-flex}.connection-pill{background:#ffffff12;min-width:190px;padding:0 14px;font-weight:700}.connection-pill.connected{color:#dfb7ff;border-color:#c584ffa6}.connection-pill.error{color:#ffaaa3;border-color:#ff6b6b99}.workspace-grid{grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:18px;min-height:0;display:grid;overflow:hidden}.workspace-grid.expandable-player-workspace{align-items:start;overflow:visible}.queue-panel{min-height:0}.player-controls,.stats-row,.queue-panel{background:#17191ed1;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 18px 55px #0003}label,.field-stack{color:#c9c5bd;font-size:.9rem;font-weight:700}.field-stack{gap:8px;display:grid}.input-row{background:#ffffff0f;border:1px solid #ffffff21;border-radius:8px;grid-template-columns:28px 1fr;align-items:center;margin:8px 0 12px;display:grid;overflow:hidden}.input-row span{color:#ff8bdc;text-align:center;font-weight:800}input{color:#fff;background:#ffffff0f;border:1px solid #ffffff21;border-radius:8px;outline:none;width:100%;min-height:42px;padding:0 12px}.input-row input{background:0 0;border:0;border-radius:0;padding-left:0}input:focus{border-color:#ff00aaa6;box-shadow:0 0 0 3px #ff00aa21}input[type=range]{accent-color:#f0a;min-height:28px;padding:0}.button-row{grid-template-columns:1fr 44px;gap:9px;display:grid}.primary-button{background:#8b3dff;border:0;font-weight:800}.secondary-button,.danger-button,.icon-button{background:#ffffff14;font-weight:800}.secondary-button,.danger-button{width:100%}.danger-button{color:#ffccc7;background:#ff6b6b1f;border-color:#ff6b6b59}.icon-button{width:42px;padding:0}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.danger-button:hover:not(:disabled),.icon-button:hover:not(:disabled),.menu-action-button:hover:not(:disabled),.queue-action:hover:not(:disabled){color:#fff;background:#ff00aa29;border-color:#ff00aa7a;transform:translateY(-1px)}.primary-button:hover:not(:disabled){background:#a057ff}.primary-button,.secondary-button,.danger-button,.icon-button,.menu-action-button,.queue-action{transition:background .12s,border-color .12s,color .12s,transform .12s}.section-title{color:#f1c4ff;align-items:center;gap:8px;margin-bottom:12px;font-weight:900;display:flex}.toggle-row{justify-content:space-between;align-items:center;min-height:36px;display:flex}.toggle-row input{accent-color:#f0a;width:18px;min-height:18px}.manual-form{gap:11px;display:grid}.manual-add-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.volume-control span{justify-content:space-between;align-items:center;gap:8px;display:flex}.volume-control small{color:#bca9c9;font-size:.76rem;font-weight:700;line-height:1.25}.file-input{display:none}.player-column{grid-template-rows:minmax(0,1fr) auto auto;gap:14px;min-width:0;min-height:0;display:grid;overflow:auto}.player-column.expandable-player-column{grid-template-rows:auto auto auto;overflow:visible}.player-frame-slot{place-items:center;width:100%;min-height:0;display:grid;overflow:hidden;container-type:size}.player-frame-slot.expandable-player-slot{align-items:start;overflow:visible;container-type:inline-size}.player-stage{aspect-ratio:16/9;background:#08030c;border:1px solid #ffffff1f;border-radius:8px;place-items:center;width:min(100cqw,177.777cqh);max-width:100%;max-height:100%;display:grid;position:relative;overflow:hidden}.player-stage.expandable-player-stage{aspect-ratio:auto;background:0 0;width:min(100%,550px);max-height:none;overflow:visible}.player-stage iframe{border:0;width:100%;height:100%}.player-stage video{background:#000;border:0;width:100%;height:100%}.twitter-video{object-fit:contain;display:block}.vote-skip-counter{z-index:3;color:#fff;pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0e0513d1;border:1px solid #ff00aa5c;border-radius:8px;max-width:min(260px,100% - 24px);padding:9px 12px;font-size:clamp(.88rem,1.3vw,1.06rem);font-weight:900;line-height:1.1;position:absolute;top:clamp(12px,2vw,22px);left:clamp(12px,2vw,22px);box-shadow:0 16px 45px #00000057}.bigtext-overlay{z-index:4;color:#fff;overflow-wrap:anywhere;text-align:center;text-shadow:0 3px #ff00aa8c,0 7px 24px #000c,0 0 48px #ff00aa61;pointer-events:none;max-width:min(88%,980px);font-size:clamp(2rem,6vw,5.9rem);font-weight:1000;line-height:1.02;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bigtext-emote{object-fit:contain;vertical-align:middle;width:1.08em;height:1.08em;margin:-.18em .05em -.12em;display:inline-block}.bigtext-caret{vertical-align:-.08em;background:#f0a;width:.07em;height:.88em;margin-left:.08em;animation:.75s step-end infinite bigTextCaret;display:inline-block}@keyframes bigTextCaret{0%,48%{opacity:1}49%,to{opacity:0}}.chat-overlay{z-index:2;color:#fff;pointer-events:none;justify-items:start;gap:8px;width:min(520px,100% - 24px);max-height:46%;padding:0;display:grid;position:absolute;bottom:clamp(12px,2vw,24px);left:clamp(12px,2vw,24px);right:auto;overflow:hidden}.chat-overlay-message{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08050cc7;border:1px solid #ffffff24;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:7px;max-width:100%;padding:8px 10px;animation:13s ease-out forwards chatOverlayPopFade;display:inline-grid;box-shadow:0 16px 45px #00000057}.chat-overlay-message strong{color:#ff8bdc;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.78rem,1.15vw,.92rem);line-height:1.15;overflow:hidden}.chat-overlay-text{color:#f7efff;overflow-wrap:anywhere;font-size:clamp(.86rem,1.28vw,1rem);font-weight:800;line-height:1.28;overflow:hidden}.chat-overlay-emote{object-fit:contain;vertical-align:middle;width:1.6em;height:1.6em;margin:-.28em .05em -.36em;display:inline-block}@keyframes chatOverlayPopFade{0%{opacity:0;transform:translateY(10px)scale(.98)}9%,78%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-8px)scale(.98)}}.instagram-embed-shell{aspect-ratio:540/675;place-items:start center;width:auto;max-width:100%;height:100%;display:grid;overflow:hidden}.player-stage iframe.instagram-embed{transform-origin:top;border:0;width:100%;max-width:none;height:142.222%;transform:translateY(-5.625%)}.twitter-embed-shell{width:min(100%, var(--twitter-embed-width,550px));background:#15202b;place-items:center;max-width:100%;height:auto;max-height:none;display:grid;overflow:visible}.player-stage iframe.twitter-embed{width:100%;height:var(--twitter-embed-height,720px);background:#000;border:0;max-width:none}.empty-state{text-align:center;color:#bdb8af;place-items:center;max-width:420px;padding:30px;display:grid}.empty-state h2{color:#fff;margin:12px 0 6px}.player-controls{justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.player-controls h2{margin-bottom:6px;font-size:1.1rem}.now-playing-creator{color:#cbb9d8;font-size:.88rem;font-weight:700}.now-playing-clipper{color:#a08ab8;font-size:.82rem;font-weight:600}.audio-hint{color:#f1c4ff;margin-bottom:6px;font-size:.88rem;font-weight:800}.now-playing-meta{gap:4px;margin-bottom:6px;display:grid}.submitted-by{color:#cbb9d8;margin:0;font-size:.9rem;font-weight:700}.provider-note{color:#f1c4ff;margin:0;font-size:.84rem;font-weight:800;line-height:1.25}.player-controls a{color:#ff8bdc;align-items:center;gap:5px;font-weight:800;text-decoration:none;display:inline-flex}.transport{flex-shrink:0;gap:9px;display:flex}.moderation-action{color:#f4dcff}.icon-button.danger,.moderation-action.danger{color:#ffccc7;background:#ff6b6b1f;border-color:#ff6b6b59}.double-ban-icon{justify-content:center;align-items:center;gap:1px;display:inline-flex}.stats-row{grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.stats-row div{color:#cbb9d8;border-right:1px solid #ffffff14;gap:3px;padding:14px;font-size:.86rem;display:grid}.stats-row div:last-child{border-right:0}.stats-row span{color:#fff;font-size:1.45rem;font-weight:900}.queue-panel{grid-template-rows:minmax(0,1fr) auto;gap:0;min-height:0;padding:14px;display:grid;position:relative;overflow:hidden}.queue-drawer{grid-template-rows:auto minmax(0,1fr);min-height:0;transition:opacity .22s,transform .22s;display:grid;overflow:hidden}.queue-drawer.drawer-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.queue-drawer.drawer-hidden{opacity:0;pointer-events:none;position:absolute;inset:0;transform:translateY(12px)}.history-toggle-bar{color:#cbb9d8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:100%;min-height:36px;margin-top:10px;padding:0 12px;font-size:.78rem;font-weight:900;transition:background .12s,border-color .12s,color .12s;display:flex}.history-toggle-bar:hover{color:#fff;background:#ff00aa24;border-color:#ff00aa7a}.history-toggle-bar span{text-align:center;flex:1}.queue-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding-bottom:12px;display:flex}.queue-header .section-title,.history-header .section-title{margin-bottom:0}.queue-header-actions{align-items:center;gap:8px;min-width:0;display:inline-flex}.queue-limit-chip{color:#ffd6f1;text-overflow:ellipsis;white-space:nowrap;background:#ff00aa1a;border:1px solid #ff00aa47;border-radius:999px;min-width:0;max-width:128px;padding:7px 9px;font-size:.72rem;font-weight:950;line-height:1;overflow:hidden}.queue-list,.history-list{flex-direction:column;gap:8px;min-height:0;padding-bottom:4px;padding-right:3px;display:flex;overflow:hidden auto}.queue-item{background:linear-gradient(125deg, var(--queue-card-strong,#ffffff17), #08050dd6 58%), linear-gradient(180deg, #ffffff13, #ffffff09);color:#fff;text-align:left;border:1px solid #ffffff1f;border-radius:8px;flex-shrink:0;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:0;width:100%;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.queue-item.youtube{--queue-card-strong:#ff00003d}.queue-item.twitch{--queue-card-strong:#9146ff47}.queue-item.tiktok{--queue-card-strong:#25f4ee33}.queue-item.instagram{--queue-card-strong:#e1306c3d}.queue-item.twitter{--queue-card-strong:#1d9bf038}.queue-select{min-width:0;color:inherit;text-align:left;background:0 0;border:0;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding:0;display:flex}.queue-title{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;padding:8px 8px 6px;font-size:.88rem;font-weight:800;line-height:1.3;display:-webkit-box;overflow:hidden}.queue-actions{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:6px 6px 6px 4px;display:flex}.queue-action{color:#f4dcff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05030952;border:1px solid #ffffff1f;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;min-height:28px;display:inline-flex}.queue-action.danger{color:#ffccc7;background:#ff6b6b1a;border-color:#ff6b6b47}.queue-thumb{aspect-ratio:16/9;background:#050608;flex-shrink:0;width:100%;position:relative;overflow:hidden}.queue-thumb img,.thumbnail-fallback{width:100%;height:100%;position:absolute;inset:0}.queue-thumb img{object-fit:cover;object-position:center;display:block}.thumbnail-fallback{place-items:center;display:grid}.queue-thumb-overlay-top{z-index:2;align-items:center;gap:5px;display:flex;position:absolute;top:6px;left:6px;right:6px}.queue-thumb-overlay-top .provider-badge,.queue-thumb-overlay-top .points-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 1px 6px #0009}.queue-thumb-overlay-top .provider-badge.youtube{color:#fff;background:#c81e1ed1}.queue-thumb-overlay-top .provider-badge.twitch{color:#fff;background:#643cdcd1}.queue-thumb-overlay-top .provider-badge.tiktok{color:#33e0cf;background:#000000b8}.queue-thumb-overlay-top .provider-badge.instagram{color:#fff;background:#b41e5ad1}.queue-thumb-overlay-top .provider-badge.twitter{color:#c8ecff;background:#080f17d6}.queue-thumb-overlay-top .points-badge{color:#ffe0b0;background:#b45000d1;border-color:#ffa03c80}.queue-thumb-overlay-bottom{z-index:2;background:linear-gradient(#0000 0%,#000000c7 100%);padding:18px 8px 7px;position:absolute;bottom:0;left:0;right:0}.queue-submitter-line{color:#ffffffeb;text-shadow:0 1px 4px #000000e6;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:700;line-height:1.2;display:block;overflow:hidden}.queue-submitter-line strong{color:#fff;font-weight:950}.thumbnail-fallback.youtube{color:#ffb4b4;background:linear-gradient(135deg,#ff555547,#ffffff0f)}.thumbnail-fallback.twitch{color:#c7b8ff;background:linear-gradient(135deg,#9170ff52,#ffffff0f)}.thumbnail-fallback.tiktok{color:#95fff3;background:linear-gradient(135deg,#33e0cf47,#ff557a2e)}.thumbnail-fallback.instagram{color:#ffd6e6;background:linear-gradient(135deg,#ffd2583d,#d6297642,#4f5bd538)}.thumbnail-fallback.twitter{color:#c8ecff;background:linear-gradient(135deg,#1d9bf047,#ffffff0f)}.queue-copy{display:none}.queue-item.active{background:linear-gradient(125deg, var(--queue-card-strong,#ff00aa2e), #20051ed6 58%), #ff00aa1f;border-color:#ff00aaad}.queue-item.watched{opacity:.66}.queue-item.watched .queue-thumb{filter:grayscale(.75)}.queue-item.watched strong{color:#c9c5bd}.history-card{min-height:0}.history-card.blank{min-height:80px}.watched-ribbon{z-index:3;color:#fff;letter-spacing:0;text-transform:uppercase;background:#09050dd1;border:1px solid #ffffff42;border-radius:999px;padding:3px 7px;font-size:.67rem;font-weight:1000;line-height:1;position:absolute;top:6px;right:6px}.queue-item.blank{background:linear-gradient(90deg,#ffffff0b,#ffffff13,#ffffff0b),#ffffff09;min-height:80px}.provider-badge{text-overflow:ellipsis;white-space:nowrap;border-radius:999px;flex:none;width:fit-content;max-width:100%;padding:3px 8px;font-size:.72rem;font-weight:900;overflow:hidden}.queue-meta{align-items:center;gap:6px;width:100%;min-width:0;display:flex}.submitter-label{display:none}.points-badge{color:#ffd0a1;background:#ff843424;border:1px solid #ff98454d;border-radius:999px;flex:none;justify-self:end;align-items:center;gap:3px;padding:3px 7px;font-size:.72rem;font-weight:950;line-height:1;display:inline-flex}.provider-badge.youtube{color:#ffb4b4;background:#f553}.provider-badge.twitch{color:#d4c2ff;background:#9170ff42}.provider-badge.tiktok{color:#95fff3;background:#33e0cf2e}.provider-badge.instagram{color:#ffd6e6;background:#d6297633}.provider-badge.twitter{color:#c8ecff;background:#1d9bf033}.queue-item .queue-title{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;line-height:1.3;display:-webkit-box;overflow:hidden}.queue-item.watched .queue-title{color:#c9c5bd}.chat-line span{overflow-wrap:anywhere}.queue-item small,.quiet-text,.chat-line small{color:#bca9c9}.chat-feed{flex-direction:column;gap:10px;min-height:0;padding-top:8px;display:flex;overflow:auto}.chat-feed .section-title{margin-bottom:2px}.session-clips-toast{z-index:20;background:#120718f0;border:1px solid #ff00aa52;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:min(520px,100vw - 28px);padding:12px;display:grid;position:fixed;bottom:42px;right:22px;box-shadow:0 18px 60px #00000061}.session-clips-copy{gap:5px;min-width:0;display:grid}.session-clips-copy strong{color:#fff;font-size:.92rem;line-height:1.15}.session-clips-list{gap:3px;min-width:0;display:grid}.session-clips-list span{color:#d8b7e8;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:800;line-height:1.2;overflow:hidden}.chat-line{color:#ddd9d1;border-top:1px solid #ffffff14;gap:4px;padding-top:10px;font-size:.86rem;display:grid}.chat-line strong{color:#f1c4ff}@media (width<=1120px){.workspace-grid{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(280px,330px)}}@media (width<=760px){.app-shell{padding:14px}.topbar,.player-controls{flex-direction:column;align-items:stretch}.topbar{grid-template-columns:minmax(0,1fr);display:grid}.topbar-actions{justify-content:space-between}.help-grid{grid-template-columns:minmax(0,1fr)}.help-modal-header{padding:14px}.help-modal-body{padding:12px}.workspace-grid{grid-template-rows:minmax(0,1fr) minmax(150px,.48fr);grid-template-columns:minmax(0,1fr);overflow:hidden}.player-frame-slot{min-height:0}.player-stage{aspect-ratio:16/9}.transport{width:100%}.transport .primary-button{flex:1}.session-clips-toast{grid-template-columns:minmax(0,1fr);bottom:36px;right:14px}}