:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.app{text-align:center;box-sizing:border-box;width:100%;max-width:720px;margin:2.5rem auto;padding:0 1.25rem}header{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.app.room header{justify-content:space-between}.header-meta{align-items:center;gap:.75rem;display:flex}header h1{letter-spacing:-.5px;margin:0;font-size:2rem;line-height:1}header h1 a{color:inherit;align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}header h1 a:hover{color:var(--accent)}.logo-mark{width:auto;height:1.4rem}.landing-logo{width:auto;height:4.5rem;margin:0 auto 1.5rem;display:block}header span{font-size:.85rem}.ok{color:#22c55e}.bad{color:#ef4444}input{font:inherit;color:var(--text-h);background:var(--bg);border:1px solid var(--border);border-radius:8px;min-width:0;padding:.55rem .9rem}input:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-bg);outline:none}input::placeholder{color:var(--text);opacity:.7}button{font:inherit;cursor:pointer;border:1px solid var(--accent-border);background:var(--accent);color:var(--bg);border-radius:8px;padding:.55rem 1.1rem;font-weight:600;transition:filter .15s}button:hover:not(:disabled){filter:brightness(1.08)}button:disabled{opacity:.6;cursor:default}.load-bar{gap:.5rem;margin-bottom:1.5rem;display:flex}.load-bar input{flex:1}.load-bar button{white-space:nowrap}.search-results{border:1px solid var(--border);background:var(--bg);box-shadow:var(--shadow);border-radius:12px;margin:-.75rem 0 1.5rem;padding:.4rem}.search-results-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;padding:.15rem .4rem .4rem;font-size:.8rem;display:flex}.search-results-close{color:var(--text);white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:.2rem .5rem;font-size:.8rem;font-weight:500}.search-results-close:hover:not(:disabled){background:var(--accent-bg);color:var(--accent);filter:none}.search-results-list{flex-direction:column;gap:.15rem;max-height:20rem;margin:0;padding:.4rem 0 0;list-style:none;display:flex;overflow-y:auto}.search-result-row{align-items:center;gap:.25rem;display:flex}.search-result-row .search-result{flex:1;min-width:0}.search-result-queue{color:var(--accent);background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:.35rem .55rem;font-size:1.3rem;line-height:1}.search-result-queue:hover:not(:disabled){background:var(--accent-bg);filter:none}.queue-link{color:var(--accent);border-color:var(--border);white-space:nowrap;background:0 0}.queue-link:hover:not(:disabled){background:var(--accent-bg);filter:none}.search-result{width:100%;color:inherit;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;padding:.4rem;font-weight:400;display:flex}.search-result:hover{background:var(--accent-bg);filter:none}.search-result img{aspect-ratio:16/9;object-fit:cover;background:var(--code-bg);border-radius:6px;flex-shrink:0;width:110px}.search-result-info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.search-result-title{color:var(--text-h);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.95rem;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.search-result-meta{font-size:.8rem}#yt-player{width:100%;max-width:640px;margin:0 auto}.player-frame{width:100%;max-width:640px;margin:0 auto;position:relative}.unmute-nudge{z-index:2;color:#fff;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;border:0;border-radius:999px;padding:.45rem .8rem;font-size:.85rem;position:absolute;top:.75rem;left:.75rem}.unmute-nudge:hover{background:#000000e6}#yt-player iframe{aspect-ratio:16/9;border-radius:12px;width:100%;height:auto;display:block}.load-error.player-error{max-width:640px;margin:.75rem auto 0}.player-frame.is-fullscreen{background:#000;justify-content:center;align-items:center;max-width:none;display:flex}.player-frame.is-fullscreen #yt-player{width:100%;max-width:none;height:100%}.player-frame.is-fullscreen #yt-player iframe{border-radius:0;aspect-ratio:auto!important;width:100%!important;height:100%!important}.player-fs-button{border-color:var(--border);color:var(--text);background:0 0;align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:.85rem;font-weight:500;display:inline-flex}.player-fs-button:hover:not(:disabled){background:var(--accent-bg);color:var(--accent);filter:none}.player-fs-toggle{z-index:4;color:#fff;cursor:pointer;background:#0009;border:0;border-radius:8px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:0;display:flex;position:absolute;bottom:6.5rem;right:.75rem}.player-fs-toggle:hover{background:#000000d9}.fs-chat-toggle{z-index:4;color:#fff;cursor:pointer;background:#0009;border:0;border-radius:8px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:0;display:flex;position:absolute;bottom:9.5rem;right:.75rem}.fs-chat-toggle:hover{background:#000000d9}.queue-item.queue-radio{opacity:.85}.player-fs-toggle,.fs-chat-toggle{opacity:1;transition:opacity .25s}.player-frame .player-fs-toggle,.player-frame .fs-chat-toggle{opacity:.4}.player-frame .player-fs-toggle:hover,.player-frame .player-fs-toggle:focus-visible,.player-frame .fs-chat-toggle:hover,.player-frame .fs-chat-toggle:focus-visible{opacity:1}.fs-chat-badge{color:#fff;text-align:center;background:#ef4444;border-radius:999px;min-width:1.1rem;height:1.1rem;padding:0 .25rem;font-size:.7rem;font-weight:700;line-height:1.1rem;position:absolute;top:-.35rem;right:-.35rem}.fs-chat{z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:left;background:#000000a6;border-radius:12px;flex-direction:column;gap:.5rem;width:320px;max-width:80vw;padding:.6rem;display:flex;position:absolute;top:.75rem;bottom:9.5rem;right:.75rem}.fs-chat .chat-messages{flex:1;min-height:0;max-height:none;overflow-y:auto}.fs-chat .chat-bubble{color:#fff;background:#ffffff24}.fs-chat .chat-msg.own .chat-bubble{background:#6366f180}.fs-chat .chat-empty{color:#fff}.fs-chat-bar{gap:.4rem;display:flex}.fs-chat-bar input{color:#fff;min-width:0;font:inherit;background:#00000080;border:1px solid #ffffff40;border-radius:8px;flex:1;padding:.45rem .6rem;font-size:.85rem}.fs-chat-bar button{padding:.45rem .7rem;font-size:.85rem}.fs-chat .emoji-panel{box-shadow:none;background:#0000008c;border-color:#fff3;flex-shrink:0;position:static}.fs-chat .emoji-panel .emoji-grid{max-height:9rem}.fs-chat .emoji-search{color:#fff;background:#00000080;border-color:#ffffff40}.fs-chat .emoji-panel button{color:#fff}.end-overlay-close{z-index:1;color:#fff;background:#ffffff1f;border:0;border-radius:999px;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;line-height:0;display:flex;position:absolute;top:.5rem;right:.6rem}.end-overlay-close:hover{filter:none;background:#ffffff40}.end-overlay{z-index:3;color:#fff;text-align:center;background:#0a0a0ef7;border-radius:12px;padding:1rem;position:absolute;inset:0;overflow-y:auto}.player-frame.is-fullscreen .end-overlay{border-radius:0}.end-overlay-head{margin:.5rem 0 .25rem;font-size:1.05rem;font-weight:700}.end-overlay-sub{opacity:.8;margin:0 0 .9rem;font-size:.85rem}.end-overlay-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;max-width:56rem;margin:0 auto;display:grid}.end-tile{color:#fff;font:inherit;text-align:left;cursor:pointer;background:#ffffff0f;border:0;border-radius:10px;flex-direction:column;gap:.3rem;padding:.4rem;display:flex}.end-tile:hover{background:#ffffff24}.end-tile img{aspect-ratio:16/9;object-fit:cover;border-radius:6px;width:100%}.end-tile-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.end-tile-channel{opacity:.7;font-size:.72rem}.landing-account{opacity:.85;margin-top:2rem;font-size:.85rem}.landing-account-pitch{margin-bottom:.6rem}.sign-in{justify-content:center;display:flex}.friends{text-align:left;max-width:26rem;margin-top:1.5rem}.landing .friends{margin-inline:auto}.friends h2{margin-bottom:.5rem;font-size:1rem}.friends h3{opacity:.7;margin:1rem 0 .4rem;font-size:.8rem;font-weight:600}.friends-code{margin-bottom:.6rem;font-size:.85rem}.friends-code code{font-family:var(--mono);letter-spacing:.08em}.friends-note,.friends-empty{opacity:.75;margin-top:.6rem;font-size:.8rem}.friends-list{flex-direction:column;gap:.4rem;margin:.6rem 0 0;padding:0;list-style:none;display:flex}.friends-list li{justify-content:space-between;align-items:center;gap:.75rem;font-size:.9rem;display:flex}.friend-name{align-items:baseline;gap:.5rem;min-width:0;display:flex}.friend-here{opacity:.65;white-space:nowrap;font-size:.75rem}.friend-where{opacity:.7;white-space:nowrap;font-size:.7rem}.friend-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.friend-actions button:not(.link-button){padding:.25rem .6rem;font-size:.8rem}.friend-open{min-width:0;color:inherit;font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;flex:auto;align-items:baseline;gap:.5rem;margin-left:-.35rem;padding:.15rem .35rem;display:flex}.friend-open:hover:not(:disabled){background:var(--accent-bg);filter:none}.friend-open .friend-name{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.friend-status{background:#94a3b8;border-radius:50%;flex-shrink:0;align-self:center;width:.5rem;height:.5rem}.friend-status.in-room{background:#22c55e}.friend-status.online{background:#22d3ee}.friend-row.offline{opacity:.55}.friend-row.offline:hover{opacity:1}.friend-unread{background:var(--accent);min-width:1.05rem;height:1.05rem;color:var(--bg);border-radius:999px;justify-content:center;align-self:center;align-items:center;padding:0 .28rem;font-size:.68rem;font-weight:600;line-height:1;display:inline-flex}.friends.dm{flex-direction:column;gap:.5rem;display:flex}.dm-head{align-items:center;gap:.5rem;min-width:0;display:flex}.dm-back{color:var(--accent);background:0 0;border:0;border-radius:8px;padding:.1rem .45rem;font-size:1.1rem;line-height:1.2}.dm-back:hover:not(:disabled){background:var(--accent-bg);filter:none}.dm-with{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.dm-retention{opacity:.7;margin:0;font-size:.72rem}.dm-messages{min-height:5rem;max-height:15rem;padding-right:.15rem}.dm-bar{margin-bottom:0}.dm-bar input{padding:.4rem .7rem;font-size:.9rem}.dm-bar button{padding:.4rem .8rem;font-size:.85rem}.toolbar-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex;position:relative}.friends-menu{position:static}.friends-toggle{white-space:nowrap;color:var(--accent);background:0 0;align-items:center;gap:.4rem;font-size:.85rem;font-weight:500;display:inline-flex}.friends-toggle:hover:not(:disabled),.friends-toggle[aria-expanded=true]{background:var(--accent-bg);filter:none}.friends-badge{background:var(--accent,#6366f1);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:1.15rem;height:1.15rem;padding:0 .3rem;font-size:.7rem;line-height:1;display:inline-flex}.friends-badge.unread{background:#ef4444}.friends-dot{background:#ef4444;border-radius:50%;width:.45rem;height:.45rem}.friends-popover{z-index:30;border:1px solid var(--border,#80808040);background:var(--bg,#fff);text-align:left;border-radius:12px;width:min(22rem,100vw - 2rem);max-height:min(26rem,60vh);padding:.9rem 1rem 1rem;position:absolute;top:calc(100% + .5rem);right:0;overflow-y:auto;box-shadow:0 12px 32px #0000002e}@media (prefers-color-scheme:dark){.friends-popover{background:var(--bg,#16161a)}}@media (width<=640px){.friends-popover{box-sizing:border-box;width:auto;max-height:70vh;position:fixed;inset:auto .75rem .75rem}}.friends-popover .friends{max-width:none;margin-top:0}.friends-popover .friends h2{display:none}.invite-toast{z-index:20;color:#fff;background:#000000d9;border-radius:999px;align-items:center;gap:.75rem;max-width:calc(100vw - 2rem);padding:.7rem 1rem;font-size:.9rem;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0000004d}.invite-toast button:not(.link-button){padding:.25rem .75rem;font-size:.8rem}.invite-toast .link-button{color:#fff;opacity:.7}.link-button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.empty-state{aspect-ratio:16/9;box-sizing:border-box;border:1px dashed var(--border);width:100%;max-width:640px;color:var(--text);opacity:.8;border-radius:12px;justify-content:center;align-items:center;margin:0 auto;padding:1rem;display:flex}.load-error{color:#ef4444;margin:-.75rem 0 1rem;font-size:.85rem}.pip-hint{display:none}@media (hover:none) and (pointer:coarse){.pip-hint{opacity:.8;margin-top:.75rem;font-size:.8rem;display:block}}.debug-hud{font-family:var(--mono);opacity:.7;white-space:pre-line;margin-top:.75rem;font-size:.75rem;line-height:1.5}.queue{border:1px solid var(--border);text-align:left;border-radius:12px;margin-top:1rem;padding:.6rem .75rem}.queue-head{color:var(--text-h);align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.8rem;font-weight:600;display:flex}.queue-count{background:var(--accent-bg);color:var(--accent);border-radius:999px;padding:0 .5rem;font-size:.75rem}.queue-list{flex-direction:column;gap:.35rem;max-height:14rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.queue-item{align-items:center;gap:.6rem;display:flex}.queue-item img{aspect-ratio:16/9;object-fit:cover;background:var(--code-bg);border-radius:6px;flex-shrink:0;width:64px}.queue-info{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.queue-title{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;overflow:hidden}.queue-meta{font-size:.75rem}.queue-action{color:var(--text);background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:.3rem .4rem;font-size:.85rem;line-height:1}.queue-action:hover:not(:disabled){background:var(--accent-bg);color:var(--accent);filter:none}.autoplay-toggle{color:var(--text);cursor:pointer;white-space:nowrap;align-items:center;gap:.35rem;margin-left:auto;font-size:.78rem;font-weight:500;display:inline-flex}.autoplay-toggle input{accent-color:var(--accent);cursor:pointer;margin:0}.autoplay-note{opacity:.7;margin-bottom:.5rem;font-size:.72rem}.radio-status{color:var(--accent);margin-bottom:.5rem;font-size:.78rem}.radio-status.is-dry{color:var(--text);opacity:.8}.chat{border:1px solid var(--border);text-align:left;border-radius:12px;flex-direction:column;gap:.75rem;margin-top:1.75rem;padding:.75rem;display:flex}.chat-messages{flex-direction:column;gap:.5rem;max-height:16rem;display:flex;overflow-y:auto}.chat-empty{text-align:center;opacity:.7;margin:.5rem 0;font-size:.85rem}.chat-msg{flex-direction:column;align-items:flex-start;gap:.15rem;display:flex}.chat-msg.own{align-items:flex-end}.chat-name{color:var(--accent);padding:0 .25rem;font-size:.7rem;font-weight:600}.chat-bubble{background:var(--code-bg);color:var(--text-h);overflow-wrap:anywhere;white-space:pre-wrap;border-radius:4px 12px 12px;max-width:85%;padding:.4rem .75rem;font-size:.9rem;line-height:1.4}.chat-msg.own .chat-bubble{background:var(--accent-bg);border-radius:12px 4px 12px 12px}.chat-head{color:var(--text-h);justify-content:space-between;align-items:center;font-size:.8rem;font-weight:600;display:flex}.chat-mute{background:0 0;border:none;padding:.1rem .3rem;font-size:1rem;line-height:1}.chat-mute:hover:not(:disabled){background:var(--accent-bg);filter:none}.chat-msg.grouped{margin-top:-.35rem}.chat-msg.grouped .chat-bubble{border-radius:12px}.chat-bubble.emoji-only,.chat-msg.own .chat-bubble.emoji-only{background:0 0;padding:0 .25rem;font-size:1.9rem;line-height:1.25}.chat-bar-wrap{position:relative}.chat-bar{margin-bottom:0}.emoji-toggle{border-color:var(--border);background:0 0;padding:.55rem .7rem}.emoji-toggle:hover:not(:disabled){background:var(--accent-bg);filter:none}.emoji-panel{z-index:5;background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:.4rem;position:absolute;bottom:calc(100% + .5rem);left:0;right:0}.emoji-search{border:1px solid var(--border);background:var(--bg);width:100%;color:inherit;border-radius:8px;margin-bottom:.4rem;padding:.35rem .6rem;font-size:.85rem}.emoji-grid{grid-template-columns:repeat(8,1fr);gap:.1rem;max-height:11rem;display:grid;overflow-y:auto}.chat-msg.typing .chat-bubble{align-items:center;gap:.28rem;padding:.55rem .8rem;display:inline-flex}.typing-bubble i{opacity:.35;background:currentColor;border-radius:50%;width:.4rem;height:.4rem;animation:1.2s ease-in-out infinite typing-bounce}.typing-bubble i:nth-child(2){animation-delay:.2s}.typing-bubble i:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-.2rem)}}@media (prefers-reduced-motion:reduce){.typing-bubble i{opacity:.7;animation:none}}.chat-notice{color:#d9534f;margin:0 0 .25rem;padding:0 .25rem;font-size:.78rem}.room-uptime{color:var(--muted,#888);white-space:nowrap;font-size:.78rem}.emoji-panel button{background:0 0;border:none;border-radius:8px;padding:.3rem 0;font-size:1.25rem;line-height:1}.emoji-panel button:hover:not(:disabled){background:var(--accent-bg);filter:none}@media (width>=900px){.app.room{max-width:none}.room-main{grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"video chat""video recs";align-items:start;gap:1.25rem;display:grid;container-type:inline-size}.room-video{grid-area:video;min-width:0}.room-chat{grid-area:chat}.room-recs{grid-area:recs;min-width:0}.room-recs .queue{margin-top:0}.room-video #yt-player,.room-video .player-frame,.room-video .empty-state{max-width:none}.room-chat{height:calc(56.25cqw - 180px - .703125rem);min-height:15rem;position:relative}.room-chat .chat{box-sizing:border-box;margin-top:0;position:absolute;inset:0}.room-chat .chat-messages{flex:1;min-height:0;max-height:none}}.room-code{font-family:var(--mono);letter-spacing:.05em;color:var(--text-h);background:var(--code-bg);border-radius:6px;padding:.15rem .5rem;font-size:.9rem}.landing{margin-top:14vh}.landing h1{letter-spacing:-1.5px;margin:0;font-size:3.5rem}.tagline{max-width:26rem;margin:1.1rem auto 2.5rem}.landing-actions{flex-direction:column;align-items:center;gap:1rem;display:flex}.landing-actions>button{padding:.7rem 1.6rem;font-size:1rem}.landing-divider{opacity:.8;font-size:.85rem}.name-gate{margin-top:1.5rem}.name-gate p{margin-bottom:.75rem}.room-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.user-list{flex-wrap:wrap;flex:auto;justify-content:flex-start;gap:.4rem;min-width:0;display:flex}.user-chip{background:var(--accent-bg);color:var(--accent);border-radius:999px;padding:.2rem .65rem;font-size:.8rem;font-weight:500}.copy-link{white-space:nowrap;color:var(--accent);background:0 0;font-size:.85rem;font-weight:500}.copy-link:hover:not(:disabled){background:var(--accent-bg);filter:none}.link-page{text-align:left;max-width:34rem}.link-page header{justify-content:flex-start}.link-lead{margin:.75rem 0 1.25rem;font-size:.95rem}.link-warning{color:var(--text-h);background:#ef444414;border:1px solid #ef444466;border-left-width:3px;border-radius:10px;margin:0 0 1.25rem;padding:.75rem .9rem;font-size:.88rem;line-height:1.45}.link-code{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;font-size:1.1rem}.link-bar{margin-bottom:.75rem}.link-note{opacity:.7;font-size:.8rem}.link-done{background:#22c55e14;border:1px solid #22c55e66;border-radius:12px;padding:.9rem 1rem}.link-done .link-lead{margin:0}.app-footer{margin-top:2.5rem;padding-bottom:.5rem}.report-link{color:var(--text);opacity:.75;background:0 0;border-color:#0000;padding:.3rem .6rem;font-size:.78rem;font-weight:500}.report-link:hover:not(:disabled){background:var(--accent-bg);color:var(--accent);opacity:1;filter:none}.report-backdrop{z-index:40;background:#00000073;justify-content:center;align-items:center;padding:.75rem;display:flex;position:fixed;inset:0;overflow-y:auto}.report-dialog{box-sizing:border-box;border:1px solid var(--border);background:var(--bg);text-align:left;border-radius:14px;flex-direction:column;gap:.5rem;width:min(26rem,100%);max-height:calc(100svh - 1.5rem);padding:1.1rem;display:flex;overflow-y:auto;box-shadow:0 12px 32px #00000040}.report-dialog.is-dragging{border-color:var(--accent-border);box-shadow:0 12px 32px #00000040, inset 0 0 0 2px var(--accent-bg)}.report-title{margin:0;font-size:1.05rem}.report-lead{opacity:.85;font-size:.82rem}.report-text{font:inherit;box-sizing:border-box;resize:vertical;width:100%;min-height:6rem;color:var(--text-h);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.55rem .7rem;font-size:.9rem}.report-text:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.report-text::placeholder{color:var(--text);opacity:.7}.report-count,.report-retention{opacity:.7;font-size:.72rem}.report-retention{margin-top:-.15rem}.report-file{display:none}.report-attach{color:var(--text);border:1px dashed var(--border);background:0 0;padding:.6rem;font-size:.78rem;font-weight:500}.report-attach:hover:not(:disabled){background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent);filter:none}.report-thumb{border:1px solid var(--border);border-radius:10px;align-self:flex-start;max-width:100%;padding:.3rem;line-height:0;position:relative}.report-thumb img{border-radius:6px;max-width:100%;max-height:9rem}.report-thumb-meta{color:#fff;background:#000000a6;border-radius:999px;padding:.1rem .4rem;font-size:.65rem;line-height:1.5;position:absolute;bottom:.55rem;left:.55rem}.report-thumb-remove{border-radius:50%;width:1.5rem;height:1.5rem;padding:0;font-size:.75rem;line-height:1;position:absolute;top:-.5rem;right:-.5rem}.report-actions{justify-content:flex-end;gap:.5rem;margin-top:.25rem;display:flex}.report-cancel{border-color:var(--border);color:var(--text);background:0 0}.report-cancel:hover:not(:disabled){background:var(--accent-bg);filter:none}.report-error{margin:0}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.under-tabs{align-items:center;gap:.35rem;display:flex}.under-spacer{flex:1}.under-title{color:var(--text-h);font-weight:600}.under-tab{font:inherit;color:var(--muted,#888);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;align-items:center;gap:.35rem;padding:.1rem 0;font-weight:600;display:inline-flex}.under-tab:hover:not(:disabled){color:var(--text-h);filter:none;background:0 0}.under-tab.is-active{color:var(--text-h);border-bottom-color:var(--accent,#ff4d4d)}.queue-item.is-current{opacity:.6}.under-player .player-fs-button{padding:.25rem .55rem;font-size:.8rem}.player-waiting{color:var(--text);white-space:nowrap;font-size:.8rem}.recommended-list{max-height:21rem;overflow-y:auto}.room-recs .recommended .queue-item img{width:72px}.room-recs .recommended .queue-title{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;line-height:1.25;display:-webkit-box}@media (width>=1200px){#root:has(.app.room){width:1180px}}@media (width>=1280px){#root:has(.app.room .room-recs){width:min(1660px,100vw - 3rem)}.room-main:has(.room-recs){--rail:270px;grid-template-columns:var(--rail) minmax(0, 1fr) var(--rail);grid-template-areas:"recs video chat"}.room-main:has(.room-recs) .room-chat{height:calc((100cqw - var(--rail) * 2 - 2.5rem) * .5625)}.room-recs .recommended .queue-list{max-height:calc((100cqw - var(--rail) * 2 - 2.5rem) * .5625 - 3.5rem)}}@media (width>=1500px){.room-main:has(.room-recs){--rail:300px}}.env-badge{z-index:50;color:#1a1200;letter-spacing:.04em;text-transform:uppercase;pointer-events:none;background:#f0ad4e;border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:700;position:fixed;top:.5rem;right:.5rem}