:root{--bg: #0b0c12;--panel: #0d0e15;--panel-2: #12141d;--rail: #07080c;--border: #1c2030;--border-2: #2a2f40;--text: #e8eaf1;--muted: #8a90a6;--muted-soft: #aeb4cc;--muted-dim: #6b7185;--accent: #6c8cff;--accent-2: #c44cff;--accent-grad: linear-gradient(90deg, #6c8cff, #a06bff);--speaking: #3ba55d;--speaking-text: #7ee0a2;--danger: #ff6c7a;--glow: 0 0 18px rgba(108, 140, 255, .5)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{background:var(--accent);color:#fff;border:0;padding:10px 16px;border-radius:8px;cursor:pointer;transition:filter .15s}button:hover{filter:brightness(1.1)}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:transparent;border:1px solid var(--border);color:var(--text)}input,select,textarea{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;outline:none;width:100%}input:focus,textarea:focus{border-color:var(--accent)}.aurora{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.aurora-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.26;will-change:transform}.aurora-blob-1{width:600px;height:600px;background:var(--accent);top:-10%;left:-5%;animation:aurora-drift-1 18s ease-in-out infinite alternate}.aurora-blob-2{width:500px;height:500px;background:var(--accent-2);bottom:-10%;right:-5%;animation:aurora-drift-2 22s ease-in-out infinite alternate}.aurora-blob-3{width:400px;height:400px;background:linear-gradient(135deg,var(--accent),var(--accent-2));top:40%;left:50%;animation:aurora-drift-3 15s ease-in-out infinite alternate}@keyframes aurora-drift-1{0%{transform:translate(0) scale(1)}to{transform:translate(15%,20%) scale(1.15)}}@keyframes aurora-drift-2{0%{transform:translate(0) scale(1)}to{transform:translate(-20%,-15%) scale(1.1)}}@keyframes aurora-drift-3{0%{transform:translate(-50%) scale(1)}to{transform:translate(-30%,-25%) scale(1.2)}}.home{min-height:100svh;display:flex;flex-direction:column;align-items:center;padding:0 20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0))}.home .card{width:100%;max-width:420px;background:#0d0e15b8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:16px;padding:28px}.home h1{margin:0 0 6px;font-size:32px;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.home p.lead{margin:0 0 20px;color:var(--muted);font-size:13px}.home .row{display:flex;gap:8px;margin-top:12px}.home label{font-size:13px;color:var(--muted);display:block;margin:12px 0 6px}.room-type-tabs{display:flex;gap:0;margin-top:16px;background:var(--panel-2);border-radius:10px;padding:3px}.room-type-tab{flex:1;background:transparent;color:var(--muted);border:0;padding:8px 12px;border-radius:8px;font-size:13px;cursor:pointer;transition:all .15s}.room-type-tab.active{background:var(--accent);color:#fff}.home-nav{width:100%;max-width:1100px;display:flex;align-items:center;justify-content:space-between;padding:16px 0;flex-shrink:0}.home-nav-logo{font-size:20px;font-weight:700;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.home-nav-links{display:flex;gap:6px;align-items:center}.home-nav-link{font-size:12px;color:var(--muted);text-decoration:none;padding:6px 10px;border-radius:8px;transition:background .15s}.home-nav-link:hover{background:var(--panel-2)}.home-nav-quick{font-size:12px;padding:6px 12px}.favicon-switcher{display:flex;align-items:center;gap:4px;margin-right:8px;padding-right:10px;border-right:1px solid var(--border)}.favicon-switcher-label{font-size:11px;color:var(--muted);margin-right:4px}.favicon-btn{width:30px;height:30px;padding:3px;border-radius:7px;background:transparent;border:1px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s}.favicon-btn:hover{border-color:var(--border)}.favicon-btn.active{border-color:var(--accent);background:var(--panel-2)}.favicon-btn img{border-radius:4px}.home-three-col{flex:1;display:flex;gap:24px;align-items:center;justify-content:center;width:100%;max-width:1100px}.home-side{width:220px;flex-shrink:0;display:flex;flex-direction:column;gap:10px}.home-side-title{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.home-side-subtitle{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-top:12px}.home-side-empty{font-size:12px;color:var(--muted);opacity:.6;padding:12px;background:var(--panel);border:1px solid var(--border);border-radius:10px;text-align:center}.home-side-stats{font-size:12px;color:var(--muted);opacity:.7;display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:var(--panel);border:1px solid var(--border);border-radius:10px}.channel-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--panel);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:border-color .15s}.channel-card:hover{border-color:var(--accent)}.channel-emoji{font-size:20px}.channel-name{font-size:13px;font-weight:500}.channel-meta{font-size:11px;color:var(--muted)}@media (max-width: 900px){.home-three-col{flex-direction:column;gap:20px}.home-side{width:100%;max-width:420px}}@media (max-width: 600px){.home{padding:20px 16px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0))}.home .card{padding:20px;border-radius:14px}.home h1{font-size:28px}.home p.lead{font-size:13px;margin-bottom:16px}.home label{font-size:12px}.home input{padding:12px;font-size:14px}.home button{padding:12px 18px;font-size:14px}.public-rooms-grid,.teasers-grid{grid-template-columns:1fr}}.public-rooms{width:100%;max-width:700px;margin:20px auto 0}.public-rooms-title{font-size:14px;color:var(--muted);margin:0 0 12px;font-weight:500}.public-rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.public-room-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;transition:border-color .15s,transform .15s}.public-room-card:hover{border-color:var(--accent);transform:translateY(-2px)}.public-room-thumb{aspect-ratio:16/9;background:var(--panel-2);overflow:hidden}.public-room-thumb img{width:100%;height:100%;object-fit:cover}.public-room-thumb-placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:28px}.public-room-info{padding:10px 12px}.public-room-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-room-meta{font-size:12px;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.teasers-section{width:100%;max-width:700px;margin:24px auto 0}.teasers-title{font-size:14px;color:var(--muted);margin:0 0 10px;font-weight:500}.quick-start{margin-bottom:16px}.quick-start-buttons{display:flex;gap:8px;flex-wrap:wrap}.quick-start-btn{font-size:13px;padding:8px 14px}.stats-strip{display:flex;gap:8px;justify-content:center;font-size:12px;color:var(--muted);margin-bottom:16px;opacity:.7}.teasers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.teaser-card{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px;text-decoration:none;color:inherit;transition:border-color .15s}.teaser-card:hover{border-color:var(--accent)}.teaser-icon{font-size:22px;flex-shrink:0}.teaser-body{min-width:0}.teaser-name{font-size:13px;font-weight:500;display:flex;align-items:center;gap:6px}.teaser-desc{font-size:11px;color:var(--muted);display:block;margin-top:2px}.teaser-tag{font-size:9px;padding:1px 5px;border-radius:4px;font-weight:600;text-transform:uppercase}.teaser-tag-скоро{background:var(--panel-2);color:var(--muted)}.teaser-tag-new{background:var(--accent);color:#fff}.room{display:grid;grid-template-columns:auto 1fr 320px;height:100vh;height:100svh;overflow:hidden;background:var(--bg)}.chat{flex:1;min-height:0;display:flex;flex-direction:column}.chat .messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.chat .msg .name{color:var(--accent);font-size:12px;margin-bottom:2px}.chat .msg .text{word-wrap:break-word}.chat .msg.system .text{color:var(--muted);font-style:italic;font-size:13px}.chat .msg.source-change .src-card{background:var(--panel-2);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.chat .msg.source-change .src-head{font-size:12px;color:var(--muted)}.chat .msg.source-change .src-head b{color:var(--accent);font-weight:600}.chat .msg.source-change .src-title{font-size:14px;font-weight:600;color:var(--text)}.chat .msg.source-change .src-link{font-size:11px;color:var(--muted);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat .msg.source-change .src-link:hover{color:var(--accent);text-decoration:underline}.chat .msg.source-change .src-btn{margin-top:4px;padding:6px 12px;font-size:12px;background:var(--accent);color:#fff;border:none;border-radius:6px;cursor:pointer;align-self:flex-start}.chat .msg.source-change .src-btn:hover{filter:brightness(1.1)}.chat form{display:flex;gap:8px;padding:10px;border-top:1px solid var(--border)}.search{padding:12px;overflow-y:auto;flex:1}.search .results{display:flex;flex-direction:column;gap:8px;margin-top:12px}.search .item{display:flex;gap:10px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:8px;cursor:pointer}.search .item:hover{border-color:var(--accent)}.search .item img{width:60px;height:86px;object-fit:cover;border-radius:4px}.search .item .title{font-size:14px;font-weight:600}.search .item .meta{font-size:12px;color:var(--muted)}.search .episodes{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.search .episodes button{padding:6px 10px;font-size:12px;background:var(--panel-2);border:1px solid var(--border);color:var(--text)}.search .episodes button:hover{border-color:var(--accent)}@media (max-width: 900px){.room{grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr)}.room .side{overflow:hidden}.room .stage .player{flex:0 0 auto;aspect-ratio:16 / 9;max-height:50vh}.room header{padding:10px 14px;gap:10px}}@media (max-width: 600px){.room{grid-template-rows:auto auto minmax(0,1fr);padding-bottom:env(safe-area-inset-bottom,0)}.room header{padding:8px 12px;gap:8px;min-height:48px}.room header h2{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto;min-width:0}.room header button.ghost{padding:8px 10px;font-size:11px}.room header .copy-btn .copy-label{display:none}.room header .copy-btn .copy-icon{font-size:14px;line-height:1}.room header .users{font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1 1 auto;min-width:0}.room header .spacer+div{font-size:11px}.room .stage .player{aspect-ratio:16 / 9;max-height:40vh}.room .stage .controls{padding:8px 12px;gap:6px}.room .stage .controls .url{padding:10px 12px;font-size:14px}.room .stage .controls button{padding:10px 14px;font-size:13px;white-space:nowrap}.chat form{padding:8px;gap:6px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0))}.chat form input{padding:12px 14px;font-size:14px}.chat form button{padding:12px 18px;font-size:16px}.chat .messages{padding:10px;gap:8px}.room .side .tabs button{padding:14px;font-size:13px}.chat .msg.source-change .src-card{padding:8px 10px}.chat .msg.source-change .src-btn{padding:8px 14px;font-size:13px}.search{padding:10px}.search .item{padding:6px;gap:8px}.search .item img{width:50px;height:72px}.search .item .title{font-size:13px}.search .item .meta{font-size:11px}.player-loading-spinner{width:40px;height:40px;border-width:3px}.player-loading-text{font-size:14px}.player-loading-hint{font-size:11px;padding:0 16px;text-align:center}.voice-music-chip{padding:4px 10px;font-size:11px;margin:0 4px}.overlay-quality-menu{right:0;max-height:50vh;overflow-y:auto}.voice-settings-section select{font-size:14px;padding:10px}.voice-context-menu{max-width:calc(100vw - 32px)}}@media (max-width: 380px){.room header{gap:6px;padding:6px 10px}.room header h2{font-size:12px}.room header .users{display:none}.room header button.ghost{padding:6px 8px;font-size:10px}.room header .spacer+div{font-size:10px}}@media (max-width: 900px) and (orientation: landscape) and (max-height: 500px){.room{grid-template-columns:1fr 280px;grid-template-rows:auto 1fr}.room .stage .player{aspect-ratio:auto;max-height:none;flex:1}}.player-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:20;pointer-events:auto;color:#fff;animation:player-loading-fadein .3s ease}@keyframes player-loading-fadein{0%{opacity:0}to{opacity:1}}.player-loading-spinner{width:48px;height:48px;border:4px solid rgba(108,140,255,.25);border-top-color:#6c8cff;border-radius:50%;animation:player-loading-spin .9s linear infinite}@keyframes player-loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.player-loading-text{font-size:16px;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.8)}.player-loading-hint{font-size:13px;color:#b0b4c0;text-shadow:0 1px 3px rgba(0,0,0,.8)}.player-loading-overlay.stuck{background:#140c04c7}.player-loading-overlay.stuck .player-loading-spinner{border-color:#f0a14c40;border-top-color:#f0a14c}.player-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;touch-action:manipulation}.overlay-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.overlay-btn-center{pointer-events:auto;width:68px;height:68px;border-radius:50%;background:#0a0a148c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;border:1px solid rgba(255,255,255,.12);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;box-shadow:0 4px 24px #0006}.overlay-btn-center:hover{transform:scale(1.1);background:#0a0a14b3;box-shadow:0 4px 32px #6c8cff40}.overlay-manual-hint{position:absolute;bottom:30%;color:#ffffffd9;font-size:14px;text-shadow:0 1px 6px rgba(0,0,0,.8);pointer-events:none}.overlay-bottom{display:flex;flex-direction:column;gap:0;padding:0;background:linear-gradient(transparent 0%,#000000a6);transition:opacity .3s ease}.overlay-bottom.overlay-hidden{opacity:0;pointer-events:none}.overlay-seekbar{position:relative;height:20px;padding:8px 14px;cursor:pointer;display:flex;align-items:center;touch-action:none}.overlay-seekbar.readonly{pointer-events:none;opacity:.5}.overlay-seekbar-track{position:relative;width:100%;height:4px;background:#ffffff26;border-radius:4px;transition:height .15s ease}.overlay-seekbar:hover .overlay-seekbar-track{height:6px}.overlay-seekbar-fill{height:100%;background:linear-gradient(90deg,#6c8cff,#a78bfa);border-radius:4px;transition:width .1s linear}.overlay-seekbar-thumb{position:absolute;top:50%;width:14px;height:14px;background:#fff;border-radius:50%;transform:translate(-50%,-50%) scale(0);box-shadow:0 0 8px #6c8cff80;transition:transform .15s ease}.overlay-seekbar:hover .overlay-seekbar-thumb{transform:translate(-50%,-50%) scale(1)}.overlay-controls{display:flex;align-items:center;gap:4px;padding:2px 10px 10px}.overlay-ctrl-btn{background:none;border:none;color:#fffc;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s ease,background .15s ease;line-height:0}.overlay-ctrl-btn:hover{color:#fff}.overlay-time{font-size:13px;color:#ffffffb3;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;padding:0 4px}.overlay-volume{display:flex;align-items:center}.overlay-volume-slider{width:0;overflow:hidden;transition:width .25s ease,opacity .25s ease;opacity:0}.overlay-volume.expanded .overlay-volume-slider{width:80px;opacity:1}.volbar{width:72px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff3;border-radius:4px;outline:none;cursor:pointer;margin:0 4px}.volbar::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 0 6px #6c8cff66;margin-top:-5px}.volbar::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer;border:none;box-shadow:0 0 6px #6c8cff66}.volbar::-webkit-slider-runnable-track{height:4px;background:#fff3;border-radius:4px}.volbar::-moz-range-track{height:4px;background:#fff3;border-radius:4px;border:none}.overlay-quality{position:relative}.overlay-quality-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#ffffffd9;font-size:12px;font-weight:600;cursor:pointer;padding:4px 10px;border-radius:6px;line-height:1;min-width:46px;transition:background .15s ease,color .15s ease}.overlay-quality-btn:hover{background:#ffffff2e;color:#fff}.overlay-quality-menu{position:absolute;bottom:100%;right:0;margin-bottom:8px;background:#0c0e18eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:4px;display:flex;flex-direction:column;gap:2px;min-width:80px;box-shadow:0 8px 32px #00000080}.overlay-quality-item{background:none;border:none;color:#ffffffb3;font-size:13px;text-align:center;padding:7px 12px;cursor:pointer;border-radius:5px;white-space:nowrap;transition:background .12s ease,color .12s ease}.overlay-quality-item:hover{background:#ffffff1a;color:#fff}.overlay-quality-item.active{color:#6c8cff;font-weight:700}@media (max-width: 600px){.overlay-volume-slider{display:none}.overlay-quality-btn{min-width:40px;padding:3px 6px}.overlay-controls{padding:2px 8px 8px}.channel-overlay{opacity:1}}:fullscreen .player{display:flex;align-items:center;justify-content:center;background:#000}:fullscreen .player>div{width:100%;height:100%}:fullscreen video{width:100%;height:100%;object-fit:contain}.voice-hint{display:flex;align-items:center;gap:12px;width:100%;padding:8px 12px;background:#ff6c7a1a;border:1px solid var(--danger);border-radius:8px}.voice-hint-body{flex:1}.voice-hint-title{color:var(--danger);font-size:13px;margin-bottom:4px}.voice-hint-steps{font-size:12px;color:var(--muted);line-height:1.5}.voice-context-menu{background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0006;padding:10px 12px;-webkit-user-select:none;user-select:none}.voice-context-menu-header{font-size:13px;font-weight:600;color:var(--text);padding-bottom:6px;margin-bottom:8px;border-bottom:1px solid var(--border);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-context-menu-row label{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.voice-context-menu-slider{display:flex;align-items:center;gap:8px}.voice-context-menu-slider input[type=range]{flex:1;accent-color:var(--accent)}.voice-context-menu-slider span{font-size:12px;color:var(--text);min-width:36px;text-align:right;font-variant-numeric:tabular-nums}@media (max-width: 900px){.voice-strip{padding:6px 10px;min-height:56px;gap:8px}.voice-tile{width:80px;height:60px}.voice-tile-avatar{font-size:22px}.voice-tile-name{font-size:10px}.voice-ctrl{width:36px;height:36px;font-size:14px}.voice-tiles{flex:1 1 0;min-width:0}.voice-controls{flex:0 0 auto;gap:4px}}@media (max-width: 600px){.voice-strip{min-height:48px}}@media (max-width: 480px){.voice-strip{padding:6px 8px;gap:6px}.voice-tile{width:64px;height:48px}.voice-tile-avatar{font-size:18px}.voice-tile-name{font-size:9px;padding:1px 4px}.voice-ctrl{width:34px;height:34px;font-size:13px}}.user-actions{margin-left:4px}.user-action-btn{padding:2px 5px;font-size:10px;border-radius:4px;opacity:0;transition:opacity .15s}.users span:hover .user-action-btn{opacity:1}.channel-overlay{position:absolute;bottom:0;left:0;right:0;z-index:10;pointer-events:none;opacity:0;transition:opacity .3s ease}.player-wrapper.controls-visible .channel-overlay{opacity:1}.channel-overlay-content{padding:12px 16px;background:linear-gradient(transparent,#000000d9);pointer-events:auto}.channel-progress-bar{height:3px;background:#ffffff26}.channel-progress-fill{height:100%;background:var(--accent);transition:width 1s linear}.channel-now-playing{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text);margin-bottom:8px}.channel-live-badge{background:var(--danger);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;letter-spacing:.5px}.channel-episode-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-time-remaining{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.channel-vote-section{margin-top:8px}.channel-vote-title{font-size:12px;color:var(--muted);margin-bottom:8px;font-weight:500}.channel-vote-cards{display:flex;gap:8px}.channel-vote-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;background:var(--panel);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:border-color .15s,transform .15s;text-align:center;font-size:12px;color:var(--text)}.channel-vote-card:hover{border-color:var(--accent);transform:translateY(-2px)}.channel-vote-card.voted{border-color:var(--accent);background:#6c8cff1a}.channel-vote-poster{width:60px;height:85px;object-fit:cover;border-radius:6px;background:var(--panel-2)}.channel-vote-label{font-weight:500;line-height:1.3;max-height:2.6em;overflow:hidden}.channel-vote-count{font-size:11px;color:var(--muted)}.channel-up-next{font-size:11px;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-skip-vote{display:flex;align-items:center;gap:10px;margin-top:6px;padding:6px 10px;background:#6c8cff1a;border:1px solid rgba(108,140,255,.25);border-radius:8px;pointer-events:auto}.channel-skip-label{font-size:13px;color:#ffffffe6;white-space:nowrap}.channel-skip-buttons{display:flex;gap:6px}.channel-skip-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fffc;font-size:13px;padding:4px 14px;border-radius:6px;cursor:pointer;transition:background .15s,border-color .15s,color .15s;display:flex;align-items:center;gap:6px}.channel-skip-btn:hover{background:#ffffff26;color:#fff}.channel-skip-yes.active{background:#6c8cff40;border-color:#6c8cff;color:#fff}.channel-skip-no.active{background:#ff646433;border-color:#ff6464;color:#fff}.channel-skip-count{font-size:11px;opacity:.7}.channel-card.clickable{cursor:pointer}.channel-card.clickable:hover{border-color:var(--accent)}.channel-card.disabled{opacity:.5;cursor:default}.channel-card.disabled:hover{border-color:var(--border)}.channel-playing{font-size:11px;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.owner-badge{font-size:12px;margin-left:2px}.user-stuck{font-size:9px;color:#f0a14c;margin-left:4px;line-height:1;vertical-align:middle}.msg.system-msg .src-card{border-left:3px solid var(--accent-2)}.channel-vote-chat-options{display:flex;flex-direction:column;gap:6px;margin-top:8px}.channel-vote-chat-btn{padding:8px 12px;font-size:12px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;cursor:pointer;text-align:left;color:var(--text);transition:border-color .15s}.channel-vote-chat-btn:hover{border-color:var(--accent)}.home-side .public-room-card{padding:8px 12px;margin-bottom:6px;background:var(--panel);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:border-color .15s}.home-side .public-room-card:hover{border-color:var(--accent)}.home-side .public-room-name{font-size:13px;font-weight:500}.home-side .public-room-meta{font-size:11px;color:var(--muted);margin-top:2px}.recently-watched-item{font-size:12px;color:var(--muted);padding:4px 0;border-bottom:1px solid var(--border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recently-watched-item:last-child{border-bottom:none}@media (max-width: 600px){.channel-vote-cards{flex-direction:column}.channel-vote-poster{width:40px;height:56px}.channel-overlay-content{padding:8px 12px}}.room-lobby{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg);padding:20px}.room-lobby-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:40px 36px;max-width:380px;width:100%;text-align:center}.room-lobby-card h2{margin:0 0 8px;font-size:22px}.room-lobby-card p{color:var(--muted);font-size:14px;margin:0 0 24px}.room-lobby-card label{display:block;text-align:left;font-size:12px;color:var(--muted);margin-bottom:6px}.room-lobby-card input{width:100%;padding:12px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;font-size:15px;margin-bottom:16px}.room-lobby-card input:focus{outline:none;border-color:var(--accent)}.room-lobby-card button{width:100%;padding:14px;font-size:15px;font-weight:500;border-radius:10px}.player-skip-vote{position:absolute;bottom:80px;left:50%;transform:translate(-50%);background:#0a0a0fe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:12px 20px;border-radius:12px;display:flex;align-items:center;gap:12px;z-index:20;font-size:14px;color:#fff;box-shadow:0 4px 24px #00000080;animation:fadeInUp .3s ease-out}.player-skip-vote .skip-vote-label{font-weight:500;margin-right:4px}.player-skip-vote button{padding:8px 16px;border-radius:8px;font-size:13px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff;cursor:pointer;transition:background .15s,border-color .15s}.player-skip-vote button:hover{background:#ffffff2e}.player-skip-vote button.active{background:var(--accent);border-color:var(--accent)}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 600px){.player-skip-vote{bottom:70px;padding:10px 14px;gap:8px;font-size:12px}.player-skip-vote button{padding:8px 12px;font-size:12px}}.legal-page{min-height:100vh;display:flex;flex-direction:column;position:relative}.legal-content{max-width:760px;width:100%;margin:40px auto;padding:40px 48px;background:#171923b8;border:1px solid var(--border);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex:1}.legal-content h1{margin:0 0 8px;font-size:32px}.legal-content h2{margin-top:32px;margin-bottom:10px;font-size:20px;color:var(--text)}.legal-content p,.legal-content li{line-height:1.6;color:var(--text)}.legal-content ul{padding-left:22px}.legal-content li{margin-bottom:6px}.legal-content a{color:var(--accent);text-decoration:none}.legal-content a:hover{text-decoration:underline}.legal-content .lead{font-size:17px;color:var(--muted);margin-top:4px}.legal-content .muted-small{font-size:13px;color:var(--muted)}.abuse-form{margin-top:24px;display:flex;flex-direction:column;gap:4px}.abuse-form label{margin-top:14px;margin-bottom:6px;font-size:14px;color:var(--muted)}.abuse-form input,.abuse-form textarea{background:var(--panel-2)}.abuse-form textarea{resize:vertical;font-family:inherit;min-height:110px}.abuse-checkbox{display:flex;align-items:flex-start;gap:10px;margin-top:18px!important;color:var(--text)!important;font-size:14px!important;line-height:1.4}.abuse-checkbox input[type=checkbox]{width:auto;margin-top:3px;flex-shrink:0}.abuse-submit{display:inline-block;margin-top:20px;align-self:flex-start;background:var(--accent);color:#fff!important;padding:12px 22px;border-radius:8px;text-decoration:none!important;font-weight:500;transition:filter .15s}.abuse-submit:hover{filter:brightness(1.1)}.abuse-submit.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.site-footer{margin-top:40px;padding:24px 32px 32px;border-top:1px solid var(--border);background:#0e0f1366}.site-footer-inner{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.site-footer-links{display:flex;gap:20px;flex-wrap:wrap}.site-footer-links a{color:var(--muted);text-decoration:none;font-size:14px;transition:color .15s}.site-footer-links a:hover{color:var(--text)}.site-footer-note{color:var(--muted);font-size:12px;max-width:420px;text-align:right}@media (max-width: 700px){.legal-content{margin:16px;padding:24px 20px}.legal-content h1{font-size:26px}.site-footer-inner{flex-direction:column;align-items:flex-start}.site-footer-note{text-align:left}}.home .card .row button:not(.ghost){box-shadow:var(--glow)}.player-empty{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:0 24px;background:radial-gradient(120% 90% at 50% 115%,rgba(108,140,255,.16),transparent 60%),#000}.player-empty-emoji{font-size:54px}.player-empty-title{font-size:24px;font-weight:800;background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.player-empty-hint{font-size:14px;color:var(--muted-soft)}.chat-empty{margin:auto;text-align:center;color:var(--muted-soft);font-size:13px;padding:20px;line-height:1.8}.chat-empty span{color:var(--muted-dim);font-size:12px}.vc-empty-hint{font-size:12px;color:var(--muted-dim);padding:8px 10px 0}.channel-card.clickable:hover,.public-room-card:hover,.teaser-card:hover{border-color:transparent;background:linear-gradient(var(--panel),var(--panel)) padding-box,linear-gradient(120deg,var(--accent),var(--accent-2)) border-box;border:1px solid transparent}.vc-section{padding:6px 8px;position:relative}.vc-label{font-size:11px;font-weight:700;color:var(--muted-dim);text-transform:uppercase;letter-spacing:.4px;padding:8px 8px 6px}.vc-channel{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;border-radius:9px;font-size:14px;font-weight:600;color:var(--text);background:linear-gradient(90deg,#6c8cff38,#c44cff24);border:1px solid rgba(108,140,255,.4);box-shadow:0 0 16px #6c8cff4d;cursor:pointer}.vc-channel:disabled{opacity:.7;cursor:default}.vc-channel-name{flex:1;text-align:left}.vc-channel-meta{font-size:11px;color:var(--muted-soft)}.vc-leave{color:var(--danger);font-size:13px;padding:0 2px}.vc-members{padding:8px 6px 0 16px;display:flex;flex-direction:column;gap:8px}.vc-member{display:flex;align-items:center;gap:8px;min-width:0}.vc-avatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));flex-shrink:0}.vc-avatar.speaking{box-shadow:0 0 0 2px var(--speaking)}.vc-member-name{font-size:13px;color:var(--muted-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.user-panel{position:relative;background:var(--rail);padding:9px 10px;display:flex;align-items:center;gap:8px;border-top:1px solid var(--border)}.user-panel-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));flex-shrink:0}.user-panel-id{min-width:0;flex:1}.user-panel-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-panel-status{font-size:11px}.user-panel-btn{width:30px;height:30px;padding:0;border-radius:7px;background:transparent;border:0;color:var(--muted-soft);font-size:14px;cursor:pointer;box-shadow:none;display:grid;place-items:center}.user-panel-btn:hover:not(:disabled){background:var(--panel-2)}.user-panel-btn:disabled{opacity:.4;cursor:default}.vc-member-mic{margin-left:auto;font-size:12px}.room-sidebar{display:flex;min-height:0}.room-channels{width:236px;background:var(--panel);display:flex;flex-direction:column;border-right:1px solid var(--border);min-height:0}.rc-head{padding:14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:8px}.rc-title{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.rc-invite{background:transparent;border:0;color:var(--muted-soft);font-size:15px;cursor:pointer;box-shadow:none;padding:4px;flex-shrink:0}.rc-scroll{flex:1;padding:12px 8px;overflow-y:auto;min-height:0}.rc-label{font-size:11px;font-weight:700;color:var(--muted-dim);text-transform:uppercase;letter-spacing:.4px;padding:0 8px 6px}.rc-channel{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:8px 10px;border-radius:8px;color:var(--muted-soft);font-size:14px;background:transparent;border:0;cursor:pointer;box-shadow:none;position:relative}.rc-channel:hover{background:var(--panel-2);color:var(--text)}.rc-channel.active{background:#6c8cff29;color:#fff;font-weight:500}.rc-channel.active:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:3px;background:linear-gradient(var(--accent),var(--accent-2))}.rc-feature-icon{font-size:13px}.rc-feature.active{background:#c44cff29}.rc-feature.active:before{background:linear-gradient(var(--accent-2),var(--accent))}.rc-hash{color:var(--accent)}.rc-channel:not(.active) .rc-hash{color:var(--muted-dim)}.room-center{display:flex;flex-direction:column;min-width:0;min-height:0}.room-topbar{height:50px;flex-shrink:0;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;padding:0 16px;min-width:0}.rt-hash{color:var(--accent);font-size:15px}.rt-tab{font-size:14px;font-weight:600}.rt-sep{width:1px;height:18px;background:var(--border-2)}.rt-now{font-size:13px;color:var(--muted-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.rt-watch{font-size:12px;color:var(--muted-soft);white-space:nowrap}.rt-invite{font-size:12px;padding:6px 11px;border-radius:8px;background:transparent;border:1px solid rgba(108,140,255,.4);color:var(--text);box-shadow:0 0 12px #6c8cff40;white-space:nowrap;cursor:pointer}.room-center .player{flex:1;position:relative;min-height:0;background:#000}.room-center .player>*{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.room-center .player iframe,.room-center .player video{width:100%;height:100%;max-width:100%;min-width:0}.room-center .controls{background:var(--panel);padding:11px 16px;display:flex;gap:10px;align-items:center;border-top:1px solid var(--border)}.room-center .controls .url{flex:1}.room-chat{background:var(--panel);display:flex;flex-direction:column;border-left:1px solid var(--border);min-height:0}.room-chat-head{height:50px;flex-shrink:0;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid var(--border);font-size:14px;font-weight:600}.room-chat .tab-body{flex:1;min-height:0;display:flex;flex-direction:column}.rt-people{position:relative}.rt-watch{background:transparent;border:0;cursor:pointer;box-shadow:none;padding:4px 6px}.people-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:30;min-width:240px;max-width:320px;max-height:60vh;overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:8px;box-shadow:0 8px 24px #00000073}.people-row{display:flex;align-items:center;gap:7px;padding:7px 8px;border-radius:8px;font-size:13px;color:var(--text)}.people-row:hover{background:var(--panel-2)}.people-row .pr-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.people-row .pr-time{opacity:.5;font-size:11px;font-variant-numeric:tabular-nums}.people-row .user-action-btn{opacity:1}.settings-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#05060ab8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;animation:settings-fadein .15s ease}@keyframes settings-fadein{0%{opacity:0}to{opacity:1}}.settings-modal-panel{display:flex;width:100%;max-width:880px;height:100%;max-height:620px;background:var(--panel);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 24px 80px #0009}.settings-nav{width:230px;flex-shrink:0;background:var(--rail);border-right:1px solid var(--border);padding:16px 10px;display:flex;flex-direction:column;gap:4px}.settings-nav-title{font-size:11px;font-weight:700;color:var(--muted-dim);text-transform:uppercase;letter-spacing:.4px;padding:6px 10px 10px}.settings-nav-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:9px 11px;border-radius:8px;background:transparent;border:0;color:var(--muted-soft);font-size:14px;cursor:pointer;box-shadow:none}.settings-nav-item:hover:not(:disabled){background:var(--panel-2);color:var(--text)}.settings-nav-item.active{background:#6c8cff29;color:#fff}.settings-nav-item:disabled{opacity:.5;cursor:default}.settings-soon{margin-left:auto;font-size:10px;color:var(--muted-dim)}.settings-content{flex:1;position:relative;padding:28px 32px;overflow-y:auto;min-width:0}.settings-close{position:absolute;top:18px;right:20px;width:32px;height:32px;border-radius:50%;background:var(--panel-2);border:1px solid var(--border-2);color:var(--muted-soft);font-size:14px;cursor:pointer;box-shadow:none;display:grid;place-items:center}.settings-close:hover{color:#fff;border-color:var(--accent)}.settings-h{font-size:20px;margin:0 0 20px}.settings-section{max-width:460px}.settings-label{display:block;font-size:12px;color:var(--muted-soft);margin-bottom:6px;text-transform:uppercase;letter-spacing:.3px;font-weight:600}.settings-select{width:100%;margin-bottom:16px}.settings-note{font-size:12px;color:var(--muted)}@media (max-width: 600px){.settings-modal{padding:0}.settings-modal-panel{max-height:none;border-radius:0;height:100%}.settings-nav{width:132px}.settings-content{padding:22px 18px}}.room-mobile{display:flex;flex-direction:column;height:100vh;height:100svh;overflow:hidden;background:var(--bg);padding-bottom:env(safe-area-inset-bottom,0)}.rm-header{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--panel)}.rm-back{color:var(--muted-soft);text-decoration:none;font-size:20px;flex-shrink:0}.rm-title{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.rm-invite{background:transparent;border:1px solid var(--border-2);color:var(--text);border-radius:8px;padding:6px 10px;font-size:13px;box-shadow:none;flex-shrink:0}.rm-stage{flex-shrink:0;display:flex;flex-direction:column;min-width:0}.room-mobile .player{position:relative;aspect-ratio:16 / 9;max-height:50vh;background:#000;min-width:0}.room-mobile .player>*{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.room-mobile .player iframe,.room-mobile .player video{width:100%;height:100%;max-width:100%;min-width:0}.room-mobile .controls{background:var(--panel);padding:8px 12px;display:flex;gap:8px;align-items:center;border-top:1px solid var(--border)}.room-mobile .controls .url{flex:1;min-width:0}.rm-panel{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--panel);border-top:1px solid var(--border)}.rm-hint{padding:16px;color:var(--muted);font-size:13px}.rm-voice{display:flex;flex-direction:column;min-height:0;overflow-y:auto}.people-list{padding:8px;overflow-y:auto;min-height:0}.room-mtabs{flex-shrink:0;display:flex;border-top:1px solid var(--border);background:var(--panel)}.room-mtabs button{flex:1;background:transparent;border:0;color:var(--muted-soft);font-size:11px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 4px;position:relative;box-shadow:none;cursor:pointer;min-width:0}.room-mtabs button.active{color:#fff}.room-mtabs button.active:before{content:"";position:absolute;top:0;left:25%;right:25%;height:2px;border-radius:2px;background:var(--accent-grad)}.room-mtabs .mt-i{font-size:17px}.room-mtabs .mt-badge{position:absolute;top:5px;left:56%;background:var(--speaking-text);color:#06281a;font-size:9px;font-weight:700;border-radius:9px;padding:0 5px}@media (orientation: landscape) and (max-height: 500px){.room-mobile{display:grid;grid-template-columns:1fr 240px;grid-template-rows:1fr auto}.rm-header{display:none}.rm-stage{grid-column:1;grid-row:1 / -1}.room-mobile .player{aspect-ratio:auto;max-height:none;flex:1}.rm-panel{grid-column:2;grid-row:1;border-top:0;border-left:1px solid var(--border)}.room-mtabs{grid-column:2;grid-row:2}}.rc-home{color:inherit;text-decoration:none}.rc-home:hover{color:var(--accent)}