:root{color:#f7f5ff;font-synthesis:none;text-rendering:optimizelegibility;--bg:#09090f;--panel:#12111a;--panel-2:#191722;--muted:#8f8b9d;--border:#ffffff13;--purple:#876df7;--purple-light:#aa91ff;--safe-top:max(0px, env(safe-area-inset-top));--safe-bottom:max(0px, env(safe-area-inset-bottom));background:#09090f;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;margin:0}body{min-width:320px;overflow-x:hidden}button,input{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--purple-light);outline-offset:2px}.app-shell{min-height:100dvh}.wrap{z-index:1;width:min(1120px,100% - 40px);margin-inline:auto;position:relative}.mobile-only{display:none}.logo{letter-spacing:-.7px;align-items:center;gap:10px;font-size:21px;font-weight:800;display:flex}.logo-mark{filter:drop-shadow(0 7px 15px #7c5cfc4d)}.avatar{object-fit:cover;border-radius:50%;flex:none;display:inline-flex}.avatar-fallback{color:#fff;justify-content:center;align-items:center;font-size:11px;font-weight:800}.button{cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 20px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:active{transform:scale(.98)}.button:disabled{opacity:.45;pointer-events:none}.button-primary{color:#fff;background:linear-gradient(135deg,#9c82ff,#7153eb);box-shadow:0 11px 32px #7855f040,inset 0 1px #ffffff40}.button-primary:hover{box-shadow:0 14px 38px #7855f05e,inset 0 1px #ffffff4d}.button-glass{color:#ece9f7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0b;border:1px solid #ffffff1a}.button-small{min-height:42px;padding-inline:17px;font-size:13px}.icon-button{color:#d8d4e4;border:1px solid var(--border);cursor:pointer;background:#ffffff09;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;padding:0;transition:all .18s;display:inline-flex}.icon-button:hover{color:#fff;background:#ffffff14}.icon-button svg{width:20px;height:20px}.home-screen{background:radial-gradient(circle at 50% -25%,#18132c 0,#0c0b13 38%,#09090f 68%);min-height:100vh;padding-bottom:80px;position:relative;overflow:hidden}.ambient{pointer-events:none;filter:blur(100px);opacity:.15;border-radius:50%;position:absolute}.ambient-one{background:#7750ff;width:480px;height:380px;top:-190px;left:5%}.ambient-two{opacity:.07;background:#f052a2;width:350px;height:350px;top:170px;right:-230px}.home-header{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;height:78px;display:flex}.profile-button{color:#fff;border:1px solid var(--border);cursor:pointer;background:#ffffff08;border-radius:24px;align-items:center;gap:11px;padding:4px 5px 4px 13px;display:flex}.profile-button>span{text-align:right;flex-direction:column;line-height:1.2;display:flex}.profile-button strong{font-size:12px;font-weight:700}.profile-button small{color:#7fd3b8;font-size:10px}.hero{text-align:center;padding:72px 0 68px}.eyebrow{color:#baf;letter-spacing:.25px;background:#8b6aff17;border:1px solid #a489ff3d;border-radius:30px;align-items:center;gap:7px;width:max-content;margin:0 auto 21px;padding:7px 12px;font-size:11px;font-weight:700;display:flex}.hero h1{letter-spacing:-3.8px;margin:0;font-size:clamp(42px,6.2vw,70px);font-weight:800;line-height:1.06}.hero h1 span{color:#0000;background:linear-gradient(100deg,#aa91ff,#dd9bff 55%,#f2b6db);-webkit-background-clip:text;background-clip:text}.hero>p{color:#9995a6;max-width:590px;margin:22px auto 29px;font-size:15px;line-height:1.75}.hero-actions{justify-content:center;gap:11px;display:flex}.hero-actions .button{min-width:190px}.trust-row{color:#777482;justify-content:center;align-items:center;gap:10px;margin-top:25px;font-size:10px;display:flex}.trust-row b{color:#c6c1d1}.trust-row>i{background:#4d4a55;border-radius:50%;width:3px;height:3px}.live-dot{color:#f27687;letter-spacing:.5px;font-weight:800}.live-dot:before{content:"";vertical-align:1px;background:#ff5167;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block;box-shadow:0 0 0 3px #ff51671f}.avatar-stack{align-items:center;display:flex}.avatar-stack>*{border:2px solid #12111a;margin-left:-7px}.avatar-stack>:first-child{margin-left:0}.avatar-stack.mini>span{color:#fff;border:2px solid #0c0b13;border-radius:50%;place-items:center;width:22px;height:22px;margin-left:-6px;font-size:8px;font-weight:800;display:grid}.home-content{padding-bottom:50px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:18px;display:flex}.section-heading>div>span{color:var(--purple-light);text-transform:uppercase;letter-spacing:1.2px;font-size:9px;font-weight:800}.section-heading h2{letter-spacing:-.7px;margin:5px 0 0;font-size:23px}.section-heading>button{color:#8d8999;cursor:pointer;background:0 0;border:0;align-items:center;font-size:11px;display:flex}.section-heading.second{margin-top:48px}.source-cards{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.source-card{text-align:left;border:1px solid var(--border);cursor:pointer;background:linear-gradient(145deg,#ffffff0e,#ffffff05);border-radius:18px;align-items:center;gap:16px;min-height:105px;padding:20px;transition:transform .22s,border-color .22s,background .22s;display:flex;position:relative;overflow:hidden}.source-card:before{content:"";background:var(--source-color);filter:blur(60px);opacity:.11;width:140px;height:120px;position:absolute;top:-30px;left:-35px}.source-card:hover{border-color:color-mix(in srgb, var(--source-color), transparent 62%);background:#ffffff0e;transform:translateY(-3px)}.source-logo{z-index:1;color:#fff;border-radius:15px;flex:none;place-items:center;width:51px;height:51px;font-size:17px;font-weight:800;display:grid;box-shadow:inset 0 1px #ffffff38,0 10px 23px #00000038}.source-logo svg{width:22px}.source-youtube{background:linear-gradient(135deg,#ff5c64,#d92a39)}.source-vk{background:linear-gradient(135deg,#3d9df4,#176dca)}.source-web{background:linear-gradient(135deg,#aa91ff,#7353ed)}.source-card>div:nth-child(2){z-index:1;flex-direction:column;gap:6px;display:flex}.source-card strong{font-size:15px}.source-card span{color:#827e8d;font-size:10px}.card-arrow{color:#55515f;width:19px;margin-left:auto}.featured-row{grid-template-columns:1.4fr 1fr;gap:13px;display:grid}.featured{border:1px solid var(--border);background:#15141d;border-radius:20px;height:225px;position:relative;overflow:hidden}.featured>img,.featured-shade,.abstract-cover{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.featured>img{opacity:.7}.featured-shade{background:linear-gradient(90deg,#08080ceb,#08080c33 68%,#08080c0f),linear-gradient(#0000 40%,#08080c8c)}.featured-copy{z-index:2;position:absolute;bottom:25px;left:26px}.tag{letter-spacing:.4px;background:#ff3c51e6;border-radius:6px;align-items:center;gap:5px;margin-bottom:9px;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.tag.soft{color:#c8b6ff;background:#a47aff29;border:1px solid #a47aff33}.featured h3{letter-spacing:-.5px;margin:0;font-size:20px}.featured p{color:#9c98a7;margin:6px 0 0;font-size:10px}.featured>button{z-index:2;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ffffff1f;border:1px solid #ffffff26;border-radius:50%;place-items:center;width:45px;height:45px;display:grid;position:absolute;bottom:25px;right:25px}.featured>button svg{width:18px}.abstract-cover{background:radial-gradient(circle at 25% 40%,#8a65f5 0,#0000 30%),radial-gradient(circle at 70% 70%,#e25c99 0,#0000 35%),#171324;overflow:hidden}.abstract-cover i{border:1px solid #ffffff21;border-radius:45%;width:180px;height:180px;position:absolute;top:-60px;left:35%;transform:rotate(35deg)}.abstract-cover i:nth-child(2){opacity:.6;top:25px;left:48%;transform:rotate(60deg)}.abstract-cover i:nth-child(3){opacity:.35;top:80px;left:5%;transform:rotate(20deg)}.room-screen{background:#09090f;min-height:100dvh}.room-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:15;background:#09090fd9;align-items:center;gap:14px;height:70px;padding:0 24px;display:flex;position:sticky;top:0}.room-heading{align-items:center;gap:10px;display:flex}.room-heading>div{flex-direction:column;gap:2px;display:flex}.room-heading strong{font-size:13px}.room-heading small{color:var(--muted);font-size:9px}.connection{background:#f1a54e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #f1a54e1a}.connection.online{background:#4fd3a6;box-shadow:0 0 0 4px #4fd3a61a}.room-header-actions{gap:9px;margin-left:auto;display:flex}.invite-button{color:#c7b8ff;background:#8463f51c;border:1px solid #9678ff38;min-height:40px;padding:0 14px}.invite-button svg{width:17px}.room-layout{grid-template-columns:minmax(0,1fr) 335px;max-width:1420px;min-height:calc(100vh - 70px);margin:auto;display:grid}.watch-column{min-width:0;padding:24px clamp(22px,3.1vw,48px) 60px}.player-wrap{position:relative}.player{aspect-ratio:16/9;background:#030305;border-radius:20px;width:100%;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000047}.player iframe,.player video,.player>div:not(.empty-glow){border:0;width:100%;height:100%;display:block}.player-empty{text-align:center;background:radial-gradient(circle,#1a1628,#0c0b12 60%);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-glow{aspect-ratio:1;filter:blur(80px);opacity:.13;background:#7559ed;border-radius:50%;width:34%;position:absolute}.player-empty-icon{z-index:1;color:#ac96ff;background:#8b6aff1a;border:1px solid #a084ff26;border-radius:18px;place-items:center;width:60px!important;height:60px!important;display:grid!important}.player-empty h3{z-index:1;margin:17px 0 7px;font-size:18px}.player-empty p{z-index:1;color:#817d8c;margin:0 0 20px;font-size:11px}.player-empty .button{z-index:1}.embedded-player .embed-note{color:#bcb7c9;pointer-events:none;background:#000000ad;border-radius:7px;width:max-content;max-width:90%;padding:6px 10px;font-size:8px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.web-open-card .source-orb{z-index:2;border-radius:18px;place-items:center;font-weight:800;width:60px!important;height:60px!important;display:grid!important}.web-open-card h3{white-space:nowrap;text-overflow:ellipsis;max-width:75%;overflow:hidden}.viewer-chip{z-index:4;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);pointer-events:none;background:#08080c99;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:8px;height:36px;padding:4px 10px 4px 5px;font-size:9px;display:flex;position:absolute;top:14px;left:14px}.viewer-chip .avatar{border-color:#191722}.avatar-stack>i{background:#282531;border-radius:50%;place-items:center;min-width:27px;height:27px;font-size:8px;font-style:normal;display:grid}.reaction-stage{z-index:5;pointer-events:none;border-radius:20px;position:absolute;inset:0;overflow:hidden}.reaction-stage span{filter:drop-shadow(0 5px 12px #0000004d);font-size:32px;animation:2.35s ease-out forwards reaction-float;position:absolute;bottom:8%}@keyframes reaction-float{0%{opacity:0;transform:translate(-50%,20px)scale(.4)rotate(-8deg)}15%{opacity:1;transform:translate(-50%)scale(1.15)rotate(4deg)}to{opacity:0;transform:translate(-50%,-260px)scale(.85)rotate(-12deg)}}.now-playing{border-bottom:1px solid var(--border);align-items:center;gap:20px;padding:20px 1px 19px;display:flex}.now-copy{min-width:0}.now-copy>span{color:#9b84f8;letter-spacing:1.2px;font-size:8px;font-weight:800}.now-copy h1{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.5px;max-width:680px;margin:5px 0 4px;font-size:19px;overflow:hidden}.now-copy p{color:var(--muted);margin:0;font-size:10px}.now-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.action-like:hover{color:#ff6f92}.change-button{border:1px solid var(--border);background:#ffffff0d;min-height:42px;padding-inline:14px;font-size:11px}.change-button svg{width:16px}.reaction-bar{border-bottom:1px solid var(--border);align-items:center;gap:16px;min-height:64px;display:flex}.reaction-bar>span{color:#6f6c79;font-size:9px}.reaction-bar>div{gap:7px;display:flex}.reaction-bar button{border:1px solid var(--border);cursor:pointer;background:#ffffff06;border-radius:50%;place-items:center;width:35px;height:35px;padding:0;font-size:16px;transition:transform .15s,background .15s;display:grid}.reaction-bar button:hover{background:#ffffff14;transform:scale(1.13)}.room-info-grid{grid-template-columns:1fr 1fr;gap:10px;padding-top:15px;display:grid}.room-code,.add-video-card{border:1px solid var(--border);background:#ffffff06;border-radius:15px;align-items:center;min-height:72px;padding:12px;display:flex}.info-icon,.add-video-card>div{color:#a68dfb;background:#8b6aff1a;border-radius:12px;flex:none;place-items:center;width:41px;height:41px;display:grid}.info-icon svg,.add-video-card>div svg{width:18px}.room-code>div:nth-child(2),.add-video-card>span{flex-direction:column;gap:4px;margin-left:11px;display:flex}.room-code span,.add-video-card small{color:#777381;font-size:8px}.room-code strong{letter-spacing:1.8px;font-size:13px}.room-code>button{color:#9485cd;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin-left:auto;padding:7px 9px;font-size:8px;display:flex}.room-code>button svg{width:13px}.add-video-card{text-align:left;cursor:pointer}.add-video-card strong{font-size:11px}.add-video-card>svg{color:#575360;width:16px;margin-left:auto}.chat-panel{border-left:1px solid var(--border);background:#0d0c13;flex-direction:column;min-width:0;height:calc(100dvh - 70px);display:flex;position:sticky;top:70px}.chat-title{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;height:56px;padding:0 18px;display:flex}.chat-title span{font-size:12px;font-weight:700}.chat-title i{color:#686573;font-size:8px;font-style:normal}.messages{scrollbar-width:thin;scrollbar-color:#2b2834 transparent;flex:1;min-height:0;padding:16px 15px;overflow-y:auto}.chat-empty{color:#777381;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:230px;display:flex}.chat-empty>div{border:1px solid var(--border);background:#ffffff06;border-radius:50%;place-items:center;width:48px;height:48px;font-size:21px;display:grid}.chat-empty strong{color:#aaa6b3;margin-top:13px;font-size:11px}.chat-empty span{margin-top:4px;font-size:8px}.message{align-items:flex-end;gap:7px;margin-bottom:12px;display:flex}.message>div{max-width:78%}.message-name{color:#878391;margin:0 0 3px 7px;font-size:8px;display:block}.message p{color:#dedbe5;overflow-wrap:anywhere;background:#1b1923;border-radius:5px 13px 13px;margin:0;padding:9px 10px;font-size:10px;line-height:1.5}.message time{color:#514e59;margin:3px 7px 0;font-size:7px;display:block}.message.own{justify-content:flex-end}.message.own>div{flex-direction:column;align-items:flex-end;display:flex}.message.own p{color:#eeeaff;background:linear-gradient(135deg,#6f55cf,#5840ad);border-radius:13px 5px 13px 13px}.message.own .message-name{margin-right:7px}.chat-form{margin:0 12px calc(12px + var(--safe-bottom));border:1px solid var(--border);background:#17151e;border-radius:13px;flex:none;align-items:center;gap:9px;min-height:43px;padding:0 7px 0 12px;display:flex}.chat-form>svg{color:#6f6b79;width:17px}.chat-form input{color:#fff;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:10px}.chat-form input::placeholder{color:#625e6c}.chat-form button{color:#fff;cursor:pointer;background:#7356df;border:0;border-radius:9px;place-items:center;width:31px;height:31px;padding:0;display:grid}.chat-form button:disabled{color:#77727f;background:0 0}.sheet-backdrop{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030306b8;justify-content:center;align-items:flex-end;padding:20px;animation:.2s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.search-sheet{background:#111018;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;width:min(760px,100%);height:min(790px,100vh - 40px);animation:.3s cubic-bezier(.2,.8,.2,1) sheet-up;display:flex;overflow:hidden;box-shadow:0 30px 100px #00000080}@keyframes sheet-up{0%{opacity:.3;transform:translateY(24px)}}.sheet-header{align-items:center;padding:20px 23px 15px;display:flex}.sheet-header h2{letter-spacing:-.6px;margin:0;font-size:20px}.sheet-header p{color:#787482;margin:3px 0 0;font-size:9px}.sheet-header .desktop-close{margin-left:auto}.source-tabs{grid-template-columns:repeat(3,1fr);gap:8px;padding:0 23px 14px;display:grid}.source-tabs>button{text-align:left;color:#9893a3;border:1px solid var(--border);cursor:pointer;background:#ffffff06;border-radius:13px;align-items:center;gap:9px;min-width:0;padding:10px;display:flex}.source-tabs>button.active{color:#fff;background:#8967f717;border-color:#9e7eff59}.source-tabs>button>span:last-child{flex-direction:column;min-width:0;display:flex}.source-tabs strong{white-space:nowrap;font-size:10px}.source-tabs small{color:#66626f;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:7px;overflow:hidden}.source-mini{color:#fff;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;font-size:10px;font-weight:800;display:grid}.source-mini svg{width:14px}.search-field{border:1px solid var(--border);background:#1a1822;border-radius:13px;align-items:center;gap:9px;height:46px;margin:0 23px 11px;padding:0 13px;display:flex}.search-field>svg{color:#77727f}.search-field input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px}.search-field input::placeholder{color:#64606d}.search-field button{color:#8e8998;background:0 0;border:0;place-items:center;padding:3px;display:grid}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.demo-notice,.error-notice{color:#b6a9e5;background:#8967f717;border-radius:9px;align-items:center;gap:6px;margin:0 23px 10px;padding:8px 10px;font-size:8px;display:flex}.error-notice{color:#ff9aac;background:#ff506914}.web-helper{margin:0 23px 10px}.direct-link-button{text-align:left;color:#a793f5;cursor:pointer;background:#9b87f50b;border:1px dashed #9b87f540;border-radius:12px;align-items:center;gap:10px;width:100%;padding:11px;display:flex}.direct-link-button>span{flex-direction:column;display:flex}.direct-link-button strong{font-size:9px}.direct-link-button small{color:#6f6a7a;margin-top:2px;font-size:7px}.direct-link-button:disabled{opacity:.4}.idea-chips{scrollbar-width:none;gap:6px;margin-top:8px;display:flex;overflow-x:auto}.idea-chips button{border:1px solid var(--border);color:#8d8998;cursor:pointer;background:#ffffff06;border-radius:20px;flex:none;padding:7px 10px;font-size:8px}.search-results{scrollbar-width:thin;scrollbar-color:#302d38 transparent;flex:1;min-height:0;padding:3px 23px 23px;overflow-y:auto}.media-row{border-bottom:1px solid #ffffff0b;align-items:center;gap:11px;padding:8px 0;display:flex}.media-thumb{aspect-ratio:16/9;cursor:pointer;background:#24212e;border:0;border-radius:10px;flex:none;width:116px;padding:0;position:relative;overflow:hidden}.media-thumb img{object-fit:cover;width:100%;height:100%;display:block}.media-thumb>i{color:#fff;opacity:0;background:#00000052;place-items:center;transition:opacity .18s;display:grid;position:absolute;inset:0}.media-thumb:hover>i{opacity:1}.media-thumb>em{color:#fff;background:#000000bf;border-radius:3px;padding:2px 4px;font-size:6px;font-style:normal;position:absolute;bottom:4px;right:4px}.media-thumb>span{color:#fff;place-items:center;width:100%;height:100%;font-size:16px;font-weight:800;display:grid}.media-thumb>span svg{width:22px}.placeholder-vk{background:linear-gradient(135deg,#2688eb,#6a4dd8)}.placeholder-web{background:linear-gradient(135deg,#8a70ef,#d873a8)}.media-copy{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.media-copy strong{color:#e8e4ee;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.35;display:-webkit-box;overflow:hidden}.media-copy span{color:#6e6a77;white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.queue-button{border:1px solid var(--border);color:#8b8595;cursor:pointer;background:#ffffff06;border-radius:9px;flex:none;place-items:center;width:33px;height:33px;display:grid}.queue-button svg{width:16px}.nothing-found{color:#5f5b68;flex-direction:column;justify-content:center;align-items:center;height:240px;display:flex}.nothing-found h3{color:#a8a3af;margin:12px 0 3px;font-size:12px}.nothing-found p{margin:0;font-size:8px}.queue-sheet{background:#111018;border:1px solid #ffffff1a;border-radius:24px;width:min(520px,100%);min-height:420px;max-height:min(680px,100vh - 40px);padding:22px;animation:.3s sheet-up;box-shadow:0 30px 100px #00000080}.queue-sheet header{justify-content:space-between;display:flex}.queue-sheet h2{margin:0;font-size:20px}.queue-sheet header p{color:var(--muted);margin:3px 0 0;font-size:9px}.queue-add{width:100%;margin:17px 0 10px}.queue-list{max-height:480px;overflow-y:auto}.queue-list article{border-bottom:1px solid var(--border);align-items:center;gap:10px;min-height:68px;display:flex}.queue-list article>b{color:#5f5a69;font-size:9px}.queue-thumb{aspect-ratio:16/9;background:#24212e;border-radius:8px;place-items:center;width:73px;display:grid;position:relative;overflow:hidden}.queue-thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.queue-thumb svg{z-index:1;filter:drop-shadow(0 2px 3px #000);width:15px}.queue-title{text-align:left;background:0 0;border:0;flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.queue-title strong,.queue-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.queue-title strong{font-size:9px}.queue-title span{color:#6f6b78;font-size:7px}.queue-list .icon-button{width:30px;height:30px}.queue-list .icon-button svg{width:14px}.queue-empty{color:#625e6b;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:230px;display:flex}.queue-empty h3{color:#aaa5b2;margin:12px 0 4px;font-size:12px}.queue-empty p{margin:0;font-size:8px}.dialog-backdrop{align-items:center}.join-dialog{text-align:center;background:#121119;border:1px solid #ffffff1a;border-radius:24px;width:min(390px,100%);padding:35px;position:relative;box-shadow:0 30px 100px #0000008c}.dialog-close{position:absolute;top:14px;right:14px}.dialog-icon{color:#b19cff;background:#8b6aff1a;border-radius:18px;place-items:center;width:58px;height:58px;margin:0 auto 17px;display:grid}.join-dialog h2{margin:0;font-size:21px}.join-dialog>p{color:var(--muted);margin:7px 0 21px;font-size:10px}.join-dialog>input{text-align:center;color:#fff;letter-spacing:1.4px;border:1px solid var(--border);background:#1a1822;border-radius:13px;outline:none;width:100%;height:52px;padding:0 14px;font-size:12px}.join-dialog>input:focus{border-color:#a284ff80}.join-dialog>input::placeholder{color:#55515e;letter-spacing:.4px}.join-dialog>.button{width:100%;margin-top:10px}@media (width<=900px){.room-layout{display:block}.chat-panel{border:1px solid var(--border);border-radius:16px;height:430px;margin:0 22px 100px;position:static;overflow:hidden}.room-info-grid{margin-bottom:15px}.watch-column{padding-bottom:22px}}@media (width<=650px){.mobile-only{display:flex}.desktop-close{display:none!important}.wrap{width:min(100% - 30px,560px)}.home-screen{background:radial-gradient(circle at 50% -10%,#211a3a,#0b0a11 36%,#09090f 68%);padding-bottom:92px}.home-header{height:62px;padding-top:var(--safe-top);border:0}.profile-button>span{display:none}.profile-button{background:0 0;border:0;padding:2px}.hero{padding:50px 0 54px}.eyebrow{margin-bottom:17px}.hero h1{letter-spacing:-2.4px;font-size:clamp(35px,10.5vw,48px)}.hero>p{margin:18px auto 25px;padding:0 6px;font-size:12px;line-height:1.7}.hero-actions{flex-direction:column;align-items:stretch;padding:0 8px}.hero-actions .button{min-width:0}.trust-row{margin-top:20px}.section-heading h2{font-size:20px}.source-cards{grid-template-columns:1fr;gap:9px}.source-card{border-radius:16px;min-height:82px;padding:14px}.source-logo{border-radius:13px;width:46px;height:46px}.source-card strong{font-size:14px}.section-heading.second{margin-top:38px}.featured-row{scrollbar-width:none;margin-inline:-15px;padding:0 15px 8px;display:flex;overflow-x:auto}.featured{flex:none;width:82vw;max-width:370px;height:195px}.featured-small{width:68vw}.bottom-nav{z-index:20;height:calc(67px + var(--safe-bottom));padding:7px 17px var(--safe-bottom);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0c0b12eb;justify-content:space-between;align-items:center;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#65616f;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;width:52px;padding:0;font-size:8px;display:flex}.bottom-nav button svg{width:20px}.bottom-nav button.active{color:#a58dfb}.bottom-nav .nav-create{color:#fff;background:linear-gradient(135deg,#9b80ff,#7354e9);border-radius:16px;justify-content:center;width:47px;height:47px;margin-top:-26px;box-shadow:0 8px 25px #7354e959}.bottom-nav .nav-create svg{width:22px}.room-header{height:calc(59px + var(--safe-top));padding:var(--safe-top) 12px 0;gap:9px}.room-heading strong{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.room-header-actions .invite-button{width:40px;padding:0}.invite-button span,.room-header-actions>.icon-button{display:none}.watch-column{padding:12px 0 15px}.player{aspect-ratio:16/9;border-radius:0}.reaction-stage{border-radius:0}.viewer-chip{top:9px;left:9px}.now-playing{align-items:flex-start;padding:16px 15px}.now-copy h1{font-size:16px}.now-actions>.icon-button{display:none}.change-button{border-radius:11px;width:38px;height:38px;min-height:38px;padding:0}.change-button span{display:none}.change-button{font-size:0}.change-button svg{width:18px}.reaction-bar{justify-content:space-between;padding:0 15px}.reaction-bar>span{display:none}.reaction-bar>div{justify-content:space-between;width:100%}.reaction-bar button{width:42px;height:42px;font-size:18px}.room-info-grid{grid-template-columns:1fr;padding:12px 15px 0}.room-code,.add-video-card{min-height:68px}.chat-panel{height:390px;margin:2px 15px 88px}.room-mobile-nav{z-index:20;height:calc(63px + var(--safe-bottom));padding:6px 23px var(--safe-bottom);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0c0b12f0;justify-content:space-between;align-items:center;position:fixed;bottom:0;left:0;right:0}.room-mobile-nav button{color:#625f6a;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;min-width:48px;padding:0;font-size:7px;display:flex;position:relative}.room-mobile-nav button svg{width:19px}.room-mobile-nav button.active{color:#aa92ff}.room-mobile-nav i{color:#fff;background:#7659e7;border-radius:8px;place-items:center;min-width:14px;height:14px;padding:0 3px;font-size:6px;font-style:normal;display:grid;position:absolute;top:-4px;right:4px}.sheet-backdrop{padding:0}.search-sheet{width:100%;height:100%;max-height:none;padding-top:var(--safe-top);border:0;border-radius:0}.sheet-header{gap:11px;padding:12px 15px}.sheet-header h2{font-size:17px}.sheet-header .icon-button{background:0 0;border:0;width:38px;height:38px}.source-tabs{gap:6px;padding:0 15px 12px}.source-tabs>button{justify-content:center;padding:9px 5px}.source-tabs>button>span:last-child small{display:none}.source-mini{width:28px;height:28px}.search-field,.demo-notice,.error-notice,.web-helper{margin-left:15px;margin-right:15px}.search-results{padding-left:15px;padding-right:15px}.media-thumb{width:105px}.media-copy strong{font-size:9px}.queue-sheet{width:100%;max-height:85vh;padding-bottom:calc(22px + var(--safe-bottom));border-radius:24px 24px 0 0}.dialog-backdrop{padding:15px}.join-dialog{padding:32px 23px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.refined-home{background:radial-gradient(circle at 82% 7%,#5c48be30,#0000 28%),radial-gradient(circle at 10% 55%,#1c919414,#0000 30%),#090a10}.home-profile{align-items:center;gap:12px;display:flex}.home-profile>div{flex-direction:column;align-items:flex-end;display:flex}.home-profile strong{font-size:12px}.home-profile span{color:#777382;margin-top:2px;font-size:9px}.new-hero{text-align:left;grid-template-columns:1.05fr .95fr;align-items:center;min-height:510px;padding-block:70px;display:grid}.hero-copy .eyebrow{margin:0 0 19px}.hero-copy h1{letter-spacing:-4px;margin:0;font-size:clamp(45px,6vw,72px);line-height:1.02}.hero-copy h1 em{color:#0000;background:linear-gradient(100deg,#a58cff,#e2a8e5);-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-copy>p{color:#9894a3;max-width:580px;margin:23px 0 29px;font-size:14px;line-height:1.7}.hero-copy .hero-actions{justify-content:flex-start}.hero-visual{place-items:center;height:360px;display:grid;position:relative}.play-sculpture{z-index:2;color:#fff;background:linear-gradient(145deg,#ae95ff,#6748dd);border-radius:45px;place-items:center;width:142px;height:142px;display:grid;position:relative;transform:rotate(-8deg);box-shadow:0 30px 90px #6d4be161,inset 0 1px 1px #ffffff73}.play-sculpture:after{content:"";border:1px solid #ffffff29;border-radius:37px;position:absolute;inset:10px}.play-sculpture svg{width:54px;height:54px;transform:rotate(8deg)}.orbital-ring{border:1px solid #a68bff29;border-radius:50%;position:absolute}.ring-one{width:290px;height:290px}.ring-two{width:390px;height:210px;transform:rotate(-22deg)}.float-card{z-index:3;color:#c8c3d1;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#161420bf;border:1px solid #ffffff1a;border-radius:13px;align-items:center;gap:7px;padding:10px 13px;font-size:9px;display:flex;position:absolute;box-shadow:0 12px 35px #0000004d}.float-card svg{width:14px}.card-chat{bottom:47px;left:2%}.card-sync{color:#76d6b8;top:42px;right:1%}.dashboard{padding-bottom:80px}.new-sources{grid-template-columns:repeat(3,1fr)}.premium-source{min-height:126px}.premium-source>svg{color:#5d5966;width:18px;margin-left:auto}.home-columns{grid-template-columns:1.3fr .7fr;gap:18px;margin-top:48px;display:grid}.section-heading.compact{margin-bottom:14px}.section-heading.compact h2{font-size:19px}.history-list,.friends-list,.empty-panel{border:1px solid var(--border);background:#ffffff06;border-radius:18px}.history-list{padding:5px 14px}.history-list>button{text-align:left;border:0;border-bottom:1px solid var(--border);cursor:pointer;background:0 0;align-items:center;gap:12px;width:100%;min-height:76px;padding:9px 2px;display:flex}.history-list>button:last-child{border-bottom:0}.history-thumb{aspect-ratio:16/9;background:#201e29;border-radius:9px;flex:none;place-items:center;width:88px;display:grid;overflow:hidden}.history-thumb img{object-fit:cover;width:100%;height:100%}.history-thumb svg{width:17px}.history-list>button>span:nth-child(2){flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.history-list strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.history-list small,.friends-list small{color:#74707d;font-size:8px}.history-list>button>svg{color:#504d57;width:15px}.friends-list{padding:8px 14px}.friends-list>div{border-bottom:1px solid var(--border);align-items:center;gap:10px;min-height:66px;display:flex}.friends-list>div:last-child{border:0}.friends-list>div>span{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.friends-list strong{font-size:10px}.friends-list button{border:1px solid var(--border);color:#9990bd;background:#ffffff08;border-radius:10px;place-items:center;width:33px;height:33px;display:grid}.friends-list button svg{width:15px}.empty-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:184px;display:flex}.empty-panel>div{color:#9e87ee;background:#8b6aff17;border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.empty-panel>div svg{width:20px}.empty-panel strong{margin-top:11px;font-size:11px}.empty-panel>span{color:#706c78;max-width:230px;margin-top:5px;font-size:8px;line-height:1.5}.source-browser{background:#0e0f16}.sheet-header small,.queue-sheet header small{color:#9982ef;letter-spacing:1.3px;margin-bottom:4px;font-size:8px;font-weight:800;display:block}.large-source-tabs>button{min-height:64px}.open-direct{text-align:left;color:#a58df5;cursor:pointer;background:#8967f70e;border:1px dashed #9f84ff47;border-radius:12px;align-items:center;gap:10px;margin:0 23px 11px;padding:11px 13px;display:flex}.open-direct>svg{width:18px}.open-direct>svg:last-child{width:14px;margin-left:auto}.open-direct>span{flex-direction:column;gap:2px;display:flex}.open-direct strong{font-size:9px}.open-direct small{color:#716b7d;font-size:7px}.setup-notice{background:#f0ad580e;border:1px solid #f0ad5826;border-radius:12px;flex-direction:column;gap:4px;margin:0 23px 11px;padding:12px 13px;display:flex}.setup-notice strong{color:#e6b36e;font-size:9px}.setup-notice span{color:#7e746c;font-size:8px}.search-prompt{text-align:center;color:#696572;flex-direction:column;justify-content:center;align-items:center;height:270px;display:flex}.search-prompt>div{border:1px solid var(--border);background:#ffffff06;border-radius:16px;place-items:center;width:52px;height:52px;display:grid}.search-prompt h3{color:#aaa6b2;margin:13px 0 4px;font-size:11px}.search-prompt p{margin:0;font-size:8px}.cinematic-room{background:radial-gradient(circle at 35% 10%,#4a358c14,#0000 34%),#08090e}.cinematic-room .room-heading{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.cinematic-room .room-heading small{text-transform:uppercase;letter-spacing:.6px}.cinematic-room .room-layout{grid-template-columns:minmax(0,1fr) 370px}.cinematic-room .watch-column{padding-top:28px}.fullscreen-button{z-index:8;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#040407a6;border:1px solid #ffffff26;border-radius:13px;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:14px;right:14px}.fullscreen-button svg{width:19px}.room-tools{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px;display:grid}.room-tools>button{text-align:left;border:1px solid var(--border);color:#fff;cursor:pointer;background:#ffffff06;border-radius:15px;align-items:center;gap:10px;min-height:72px;padding:11px;display:flex}.room-tools>button>span{color:#9f88f4;background:#8b6aff17;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.room-tools svg{width:17px}.room-tools>button>div{flex-direction:column;gap:4px;min-width:0;display:flex}.room-tools small{color:#65616e;letter-spacing:.7px;font-size:7px}.room-tools strong{white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.fullscreen-message{z-index:9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0a0fc2;border:1px solid #ffffff21;border-radius:15px;align-items:center;gap:10px;width:min(520px,100% - 30px);padding:10px 13px;animation:.25s message-in;display:flex;position:absolute;bottom:17px;left:50%;transform:translate(-50%)}.fullscreen-message>div{flex-direction:column;gap:2px;min-width:0;display:flex}.fullscreen-message strong{color:#b7a5f6;font-size:9px}.fullscreen-message span{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}@keyframes message-in{0%{opacity:0;transform:translate(-50%,12px)}}.cinematic-room.immersive{z-index:100;background:#000;position:fixed;inset:0}.cinematic-room.immersive .room-header,.cinematic-room.immersive .now-playing,.cinematic-room.immersive .room-tools,.cinematic-room.immersive .chat-panel{display:none}.cinematic-room.immersive .room-layout,.cinematic-room.immersive .watch-column,.cinematic-room.immersive .player-wrap,.cinematic-room.immersive .player{border:0;border-radius:0;width:100%;max-width:none;height:100%;min-height:0;margin:0;padding:0;display:block}.cinematic-room.immersive .player{aspect-ratio:auto}.cinematic-room.immersive .fullscreen-button{top:calc(14px + env(safe-area-inset-top));right:calc(14px + env(safe-area-inset-right))}.modern-chat .chat-title{height:66px;padding-inline:18px}.chat-title>div{flex-direction:column;gap:3px;display:flex}.chat-title strong{font-size:12px}.chat-title span{color:#67636f;font-size:8px!important}.message-wrap{--swipe-x:0px;--reply-progress:0;transform:translate3d(var(--swipe-x),0,0);touch-action:pan-y;align-items:flex-end;gap:7px;margin-bottom:15px;transition:transform .34s cubic-bezier(.22,.8,.28,1);display:flex;position:relative}.message-wrap.is-swiping{transition:none}.message-wrap.own{justify-content:flex-end}.swipe-reply-indicator{color:#bba8ff;width:28px;height:28px;opacity:var(--reply-progress);transform:scale(calc(.72 + var(--reply-progress)*.28));pointer-events:none;background:#8b6aff26;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:8px;left:-34px}.swipe-reply-indicator svg{width:14px}.message-body{min-width:80px;max-width:80%;position:relative}.message-meta{align-items:center;gap:5px;height:18px;padding:0 6px;display:flex}.message-meta strong{color:#8d8797;font-size:8px}.message-meta time{color:#55515d;margin-left:auto;font-size:7px}.friend-mini{color:#8e7bcc;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:19px;height:19px;padding:0;display:grid}.friend-mini svg{width:12px}.message-bubble{text-align:left;color:#ddd9e4;cursor:pointer;background:#1a1921;border:1px solid #ffffff0a;border-radius:5px 15px 15px;flex-direction:column;gap:7px;width:100%;padding:9px 11px;display:flex}.message-bubble>span:last-child{overflow-wrap:anywhere;font-size:10px;line-height:1.55}.own .message-bubble{background:linear-gradient(140deg,#5d46b0,#49378c);border-color:#a289ff1f;border-radius:15px 5px 15px 15px}.quoted-message{color:#bcb6c7;white-space:nowrap;text-overflow:ellipsis;border-left:2px solid #aa92ff;flex-direction:column;gap:2px;padding-left:8px;overflow:hidden;font-size:8px!important;display:flex!important}.quoted-message b{color:#b8a7f8}.message-reactions{gap:4px;margin-top:-4px;padding-inline:6px;display:flex}.message-reactions button{background:#22202a;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:3px;min-width:31px;height:24px;padding:0 6px;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:13px;display:flex}.message-reactions small{color:#958f9e;font-family:Manrope,sans-serif;font-size:7px}.reaction-picker{z-index:22;background:#27242f;border:1px solid #ffffff1a;border-radius:15px;width:max-content;padding:6px;animation:.16s ease-out picker-in;display:flex;position:absolute;bottom:calc(100% + 7px);left:0;box-shadow:0 14px 40px #00000073}.own .reaction-picker{left:auto;right:0}.reaction-picker button,.input-emoji-picker button{cursor:pointer;background:0 0;border:0;border-radius:10px;width:34px;height:34px;padding:0;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:20px;transition:background-color .15s,transform .15s}.reaction-picker button:active,.input-emoji-picker button:active{background:#ffffff0f;transform:scale(.92)}@media (hover:hover){.reaction-picker button:hover,.input-emoji-picker button:hover{background:#ffffff0e}}@keyframes picker-in{0%{opacity:0;transform:translateY(5px)scale(.97)}to{opacity:1;transform:none}}.reaction-picker .reply-action{border-left:1px solid var(--border);color:#a99bea;margin-left:4px}.reaction-picker .reply-action svg{width:16px}.chat-dismiss{z-index:20;background:0 0;border:0;position:fixed;inset:0}.reply-composer{background:#1b1823;border:1px solid #977cf126;border-bottom:0;border-radius:11px 11px 0 0;align-items:center;gap:8px;margin:0 12px;padding:9px 10px;display:flex}.reply-composer>svg{color:#a68ff5;width:15px}.reply-composer>div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.reply-composer strong{color:#ab95f4;font-size:8px}.reply-composer span{color:#77717e;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.reply-composer button{color:#716c78;background:0 0;border:0}.reply-composer button svg{width:14px}.input-emoji-picker{border:1px solid var(--border);background:#18161e;border-radius:13px;grid-template-columns:repeat(8,1fr);margin:0 12px 6px;padding:7px;display:grid}.chat-form{z-index:21;position:relative}.chat-form button.emoji-toggle{color:#827c8a;background:0 0;border:0;place-items:center;width:30px;height:30px;padding:0;display:grid}.emoji-toggle svg{width:18px}.chat-form .send-button svg{width:17px}.empty-chat-symbol{color:#9f8aef;background:#8b6aff14!important;font-family:Georgia,serif!important;font-size:22px!important}@media (width<=900px){.cinematic-room .room-layout{display:block}.home-columns{grid-template-columns:1fr}.modern-chat{height:480px!important}}@media (width<=650px){.home-profile>div{display:none}.new-hero{text-align:center;min-height:auto;padding:54px 0 42px;display:block}.hero-copy .eyebrow{margin-inline:auto}.hero-copy h1{letter-spacing:-2.5px;font-size:42px}.hero-copy>p{margin:18px auto 24px;font-size:11px}.hero-copy .hero-actions{justify-content:center}.hero-visual{height:250px;margin-top:12px}.play-sculpture{border-radius:33px;width:102px;height:102px}.play-sculpture:after{border-radius:26px}.play-sculpture svg{width:39px}.ring-one{width:210px;height:210px}.ring-two{width:290px;height:150px}.float-card{font-size:7px}.card-chat{bottom:36px;left:1%}.card-sync{top:35px;right:0}.new-sources{grid-template-columns:1fr}.premium-source{min-height:88px}.home-columns{margin-top:38px}.history-thumb{width:75px}.dashboard{padding-bottom:30px}.large-source-tabs{grid-template-columns:1fr}.large-source-tabs>button{justify-content:flex-start;padding-inline:12px}.large-source-tabs>button>span:last-child small{display:block}.open-direct,.setup-notice{margin-left:15px;margin-right:15px}.cinematic-room .room-layout{display:block}.cinematic-room .watch-column{padding:10px 0 14px}.cinematic-room .player{border-radius:0}.cinematic-room .now-playing{padding:14px 15px}.cinematic-room .room-tools{grid-template-columns:1fr;padding:0 15px}.cinematic-room .room-tools>button{min-height:62px}.cinematic-room .chat-panel{margin:14px 15px 24px;height:500px!important}.input-emoji-picker{grid-template-columns:repeat(4,1fr)}.reaction-picker{flex-wrap:wrap;max-width:275px}.fullscreen-button{top:9px;right:9px}.fullscreen-message{bottom:12px}.room-mobile-nav{display:none!important}}.home-nav{gap:6px;margin-left:auto;margin-right:18px;display:flex}.home-nav button{color:#8d8997;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:6px;height:36px;padding:0 11px;font-size:9px;display:flex}.home-nav button:hover{border-color:var(--border);color:#fff;background:#ffffff08}.home-nav svg{width:14px}.library-launchers{grid-template-columns:1fr 1fr;gap:12px;margin-top:42px;display:grid}.library-launchers>button{text-align:left;border:1px solid var(--border);color:#fff;cursor:pointer;background:linear-gradient(145deg,#ffffff0b,#ffffff04);border-radius:18px;align-items:center;gap:14px;min-height:106px;padding:18px;display:flex}.library-launchers>button>span{color:#a48df5;background:#8b6aff1a;border-radius:14px;flex:none;place-items:center;width:49px;height:49px;display:grid}.library-launchers>button>span svg{width:21px}.library-launchers>button>div{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.library-launchers small{letter-spacing:1px;color:#7e6db9;font-size:7px}.library-launchers strong{font-size:13px}.library-launchers p{color:#73707c;margin:0;font-size:8px}.library-launchers>button>svg{color:#55515e;width:16px}.source-choice-only{grid-template-columns:1fr;gap:10px;padding:7px 23px 24px;display:grid}.source-choice-only>button{text-align:left;border:1px solid var(--border);color:#fff;cursor:pointer;background:linear-gradient(145deg,#ffffff0d,#ffffff04);border-radius:19px;align-items:center;gap:16px;min-height:116px;padding:20px;transition:all .2s;display:flex}.source-choice-only>button:hover{border-color:#9b87f54d;transform:translateY(-2px)}.source-choice-only>button>span:nth-child(2){flex-direction:column;flex:1;gap:5px;display:flex}.source-choice-only strong{font-size:15px}.source-choice-only small{color:#77727f;font-size:9px}.source-choice-only>button>svg{color:#5e5968;width:17px;transform:rotate(180deg)}.source-back-link{color:#8d81b7;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin:0 23px 10px;padding:0;font-size:8px;display:flex}.source-back-link svg{width:13px}.create-room-sheet,.library-sheet,.settings-sheet{background:#101118;border:1px solid #ffffff1a;border-radius:25px;width:min(560px,100%);max-height:min(820px,100vh - 32px);animation:.25s sheet-up;overflow:hidden;box-shadow:0 30px 100px #0000008c}.create-room-sheet{padding:21px}.create-room-sheet header,.library-sheet header,.settings-sheet header{align-items:center;gap:12px;display:flex}.create-room-sheet header>div,.library-sheet header>div,.settings-sheet header>div{flex:1}.create-room-sheet header small,.library-sheet header small,.settings-sheet header small{letter-spacing:1.2px;color:#9581df;font-size:7px}.create-room-sheet h2,.library-sheet h2,.settings-sheet h2{margin:3px 0 0;font-size:19px}.selected-media{border:1px solid var(--border);background:#ffffff06;border-radius:15px;align-items:center;gap:12px;margin-top:19px;padding:11px;display:flex}.selected-media>img,.selected-media>svg{aspect-ratio:16/9;object-fit:cover;background:#1f1d27;border-radius:9px;width:112px}.selected-media>div{flex-direction:column;gap:4px;min-width:0;display:flex}.selected-media small{color:#9580e2;font-size:7px}.selected-media strong,.selected-media span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.selected-media strong{font-size:10px}.selected-media span{color:#77727f;font-size:8px}.create-room-sheet>h3{margin:22px 0 10px;font-size:11px}.privacy-options{flex-direction:column;gap:8px;display:flex}.privacy-options>button{text-align:left;border:1px solid var(--border);color:#fff;cursor:pointer;background:#ffffff05;border-radius:14px;align-items:center;gap:11px;min-height:67px;padding:10px 12px;display:flex}.privacy-options>button.active{background:#8b6aff14;border-color:#997ef473}.privacy-options>button>span{color:#a58ef5;background:#8b6aff1a;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.privacy-options>button>span svg{width:17px}.privacy-options>button>div{flex-direction:column;flex:1;gap:3px;display:flex}.privacy-options strong{font-size:10px}.privacy-options small{color:#77727e;font-size:8px}.privacy-options>button>svg{color:#aa91ff;width:16px}.create-confirm{width:100%;margin-top:17px}.library-sheet{flex-direction:column;height:min(720px,100vh - 32px);padding:21px;display:flex}.library-content{flex:1;min-height:0;margin-top:18px;overflow-y:auto}.library-content>article:not(.friend-card){border-bottom:1px solid var(--border);align-items:center;gap:12px;min-height:76px;padding:9px 3px;display:flex}.library-content>article:not(.friend-card)>img{aspect-ratio:16/9;object-fit:cover;border-radius:9px;width:95px}.library-content>article:not(.friend-card)>div{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.library-content article strong,.library-content article span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.library-content article strong{font-size:10px}.library-content article span,.library-content article small{color:#77727f;font-size:8px}.library-empty{text-align:center;color:#635f6b;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.library-empty>svg{width:28px}.library-empty h3{color:#aaa5b1;margin:14px 0 4px;font-size:12px}.library-empty p{margin:0;font-size:8px}.friend-card{border:1px solid var(--border);background:linear-gradient(145deg,#ffffff09,#ffffff03);border-radius:17px;margin-bottom:10px;padding:13px}.friend-card.is-watching{background:linear-gradient(145deg,#6c4cca17,#ffffff03);border-color:#9578f133}.friend-identity{align-items:center;gap:10px;display:flex}.friend-identity>div{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.friend-identity strong{font-size:11px!important}.friend-identity i{color:#85dfbd;background:#40c68b1a;border-radius:8px;padding:5px 7px;font-size:7px;font-style:normal}.friend-now-playing{text-align:left;color:#fff;cursor:pointer;background:#05050861;border:1px solid #fff1;border-radius:13px;align-items:center;gap:10px;width:100%;min-height:76px;margin-top:12px;padding:7px;display:flex}.friend-now-playing>img,.friend-now-playing>span{aspect-ratio:16/9;object-fit:cover;background:#1e1b29;border-radius:9px;flex:none;width:98px}.friend-now-playing>span{color:#a48df5;place-items:center;display:grid}.friend-now-playing>span svg{width:18px}.friend-now-playing>div{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.friend-now-playing small{letter-spacing:.8px;color:#7562b4!important;font-size:6px!important}.friend-now-playing strong{font-size:9px!important}.friend-now-playing em{color:#aa94f2;align-items:center;gap:3px;font-size:7px;font-style:normal;display:flex}.friend-now-playing em svg{width:11px}.friend-offline{color:#66616d;margin:10px 0 1px;padding-left:56px;font-size:8px}.settings-sheet{padding:22px}.settings-sheet>p{color:#77727f;margin:10px 0 18px;font-size:9px}.quick-reaction-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.quick-reaction-grid>button{border:1px solid var(--border);cursor:pointer;background:#ffffff06;border-radius:15px;place-items:center;height:65px;display:grid;position:relative}.quick-reaction-grid>button.active{background:#8b6aff17;border-color:#9e84f97a}.quick-reaction-grid>button>svg{color:#a991fa;width:14px;position:absolute;top:7px;right:7px}.system-emoji{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:29px;line-height:1}.room-summary{border-bottom:1px solid var(--border);align-items:center;gap:10px;min-height:82px;padding:15px 1px;display:flex}.room-summary>div:first-child{flex:1;min-width:0}.room-summary small{color:#9681e1;letter-spacing:.7px;font-size:7px}.room-summary h1{white-space:nowrap;text-overflow:ellipsis;margin:4px 0 3px;font-size:16px;overflow:hidden}.room-summary p{color:#77727f;margin:0;font-size:8px}.quality-select{border:1px solid var(--border);background:#ffffff06;border-radius:10px;flex-direction:column;gap:3px;padding:6px 9px;display:flex!important}.quality-select span{color:#65616d;font-size:6px}.quality-select select{color:#ddd8e5;background:#121119;border:0;outline:0;font-size:8px}.double-tap-hint{z-index:5;color:#b8b1c1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.75;pointer-events:none;background:#0505089e;border-radius:9px;padding:6px 10px;font-size:7px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.floating-reactions{z-index:7;pointer-events:none;position:absolute;inset:0;overflow:hidden}.floating-reactions span{font-family:Apple Color Emoji,Segoe UI Emoji,sans-serif;font-size:45px;animation:2.1s ease-out forwards quick-float;position:absolute;bottom:12%;left:50%}@keyframes quick-float{0%{opacity:0;transform:translate(-50%,15px)scale(.5)}15%{opacity:1;transform:translate(-50%)scale(1.2)}to{opacity:0;transform:translate(-50%,-220px)scale(.8)}}.members-strip{border:1px solid var(--border);background:#ffffff05;border-radius:16px;margin-top:14px}.members-title{border-bottom:1px solid var(--border);align-items:center;min-height:51px;padding:0 14px;display:flex}.members-title>div{flex-direction:column;flex:1;gap:3px;display:flex}.members-title small{color:#7564ad;letter-spacing:1px;font-size:6px}.members-title strong{font-size:10px}.members-title>span{color:#a58ff3;background:#8b6aff1a;border-radius:9px;place-items:center;min-width:24px;height:24px;font-size:8px;display:grid}.member-cards{scrollbar-width:none;gap:9px;padding:11px;display:flex;overflow-x:auto}.member-cards>div{border:1px solid var(--border);background:#ffffff05;border-radius:13px;align-items:center;gap:9px;min-width:185px;padding:9px;display:flex}.member-cards>div>span:not(.avatar){flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.member-cards strong{white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.member-cards small{color:#736f7b;font-size:7px}.member-cards button{border:1px solid var(--border);color:#9f8dea;background:#8b6aff0f;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.member-cards button svg{width:14px}.chat-ticker{z-index:10;left:0;right:0;bottom:max(18px,env(safe-area-inset-bottom));background:linear-gradient(90deg,#07070af0,#110e19e0,#07070af0);border-block:1px solid #ffffff1a;align-items:center;height:40px;display:flex;position:absolute;overflow:hidden}.chat-ticker>div{white-space:nowrap;width:max-content;font-size:13px;animation:10s linear forwards ticker-run}.chat-ticker b{color:#b39cff}@keyframes ticker-run{0%{transform:translate(100vw)}to{transform:translate(-100%)}}.room-error{text-align:center;background:#090a10;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.room-error>svg{color:#a48df4;width:42px;height:42px}.room-error h2{margin:17px 0 6px}.room-error p{color:#898592;max-width:350px;margin:0 0 20px;font-size:11px}.quick-reaction-button{z-index:8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#040407a6;border:1px solid #ffffff26;border-radius:13px;place-items:center;width:42px;height:42px;padding:0;display:grid;position:absolute;top:65px;right:14px}.quick-reaction-button b{color:#fff;font-size:6px;position:absolute;bottom:2px;right:3px}.native-emoji{place-items:center;font-family:Apple Color Emoji,Segoe UI Emoji,sans-serif;line-height:1;display:inline-grid}.twemoji{object-fit:contain;-webkit-user-select:none;user-select:none;display:block}.floating-reactions span{animation:2.1s ease-out forwards quick-float;position:absolute;bottom:12%;left:50%}.floating-reactions span .twemoji{filter:drop-shadow(0 7px 14px #00000059)}.member-cards button.is-added{color:#8de6be;background:#42d3921a;width:auto;padding-inline:10px;font-size:10px}.google-results{padding:0!important;overflow:hidden!important}.google-browser{background:#fff;flex-direction:column;height:100%;min-height:510px;display:flex}.google-browser-bar{color:#686572;background:#f3f2f7;align-items:center;gap:7px;height:34px;padding:0 12px;font-size:8px;display:flex}.google-browser-bar svg{color:#7658de;width:13px}.google-browser iframe{background:#fff;border:0;flex:1;width:100%}@media (width<=650px){.home-nav{z-index:20;left:15px;right:15px;bottom:calc(12px + env(safe-area-inset-bottom));border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f0e15eb;border-radius:17px;justify-content:space-around;height:52px;margin:0;padding:5px;position:fixed}.home-nav button{flex:1;justify-content:center}.home-screen{padding-bottom:90px}.library-launchers{grid-template-columns:1fr}.library-launchers>button{min-height:91px}.source-choice-only{padding-inline:15px}.source-choice-only>button{min-height:100px}.create-room-sheet,.library-sheet,.settings-sheet{border-radius:24px 24px 0 0;width:100%;max-height:92vh}.selected-media>img{width:92px}.room-summary{flex-wrap:wrap;padding:12px 15px}.room-summary>div:first-child{flex-basis:100%;width:100%}.quality-select{margin-left:auto}.members-strip{margin:12px 15px 0}.member-cards>div{min-width:168px}.double-tap-hint{bottom:8px}.cinematic-room .chat-panel{margin-top:12px}.chat-ticker{height:36px}.chat-ticker>div{font-size:11px}.quick-reaction-grid{grid-template-columns:repeat(4,1fr)}}@media (orientation:landscape) and (height<=600px){.cinematic-room.immersive .chat-ticker{bottom:12px}.cinematic-room.immersive .double-tap-hint{display:none}}