@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Manrope:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";.landing-page{--ld-bg: var(--bg);--ld-bg-2: var(--bg-2);--ld-panel: var(--bg-2);--ld-panel-2: var(--bg-3);--ld-cream: var(--text);--ld-cream-dim: #d3d9bb;--ld-muted: var(--muted);--ld-faint: var(--faint);--ld-gold: var(--accent);--ld-gold-2: var(--accent-soft);--ld-gold-ink: var(--on-accent);--ld-line: var(--border-strong);--ld-line-soft: var(--border);--ld-serif: "Fraunces", "Playfair Display", Georgia, serif;--ld-sans: "Manrope", system-ui, -apple-system, sans-serif;--ld-max: 1200px;--ld-max-wide: 1320px;margin:0;background:var(--ld-bg);color:var(--ld-cream);font-family:var(--ld-sans);overflow-x:hidden;min-height:100vh;position:relative;isolation:isolate;-webkit-font-smoothing:antialiased}.landing-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E")}.landing-page ::selection{background:rgba(var(--olive-accent-rgb),.32);color:var(--text)}.landing-page a{color:inherit;text-decoration:none}.landing-page img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.ld-serif{font-family:var(--ld-serif);font-weight:500;letter-spacing:-.015em}.ld-kicker{display:inline-flex;align-items:center;gap:12px;font-size:11.5px;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:var(--ld-gold)}.ld-kicker:before{content:"";width:34px;height:1px;background:var(--ld-gold);opacity:.7}.ld-kicker.is-centered:after{content:"";width:34px;height:1px;background:var(--ld-gold);opacity:.7}.ld-h-display{font-family:var(--ld-serif);font-weight:500;letter-spacing:-.02em;line-height:1.04;margin:0;color:var(--ld-cream);text-wrap:balance}.ld-h-display em,.ld-gold-word{font-style:normal;color:var(--ld-gold-2)}.ld-lead{color:var(--ld-muted);font-size:17px;line-height:1.65;margin:0}.ld-word-mask{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em;margin-bottom:-.08em}.ld-word{display:inline-block;will-change:transform}.ld-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;font-family:var(--ld-sans);font-weight:700;font-size:15px;line-height:1;padding:16px 30px;border:1px solid transparent;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease;white-space:nowrap}.ld-btn:hover{transform:translateY(-1px)}.ld-btn:active{transform:translateY(0)}.ld-btn-gold{background:linear-gradient(180deg,var(--ld-gold-2) 0%,var(--ld-gold) 100%);color:var(--ld-gold-ink);box-shadow:0 10px 30px rgba(var(--olive-accent-rgb),.22)}.ld-btn-gold:hover{box-shadow:0 14px 36px rgba(var(--olive-accent-rgb),.32);color:var(--ld-gold-ink)}.ld-btn-ghost{background:transparent;border-color:transparent;color:var(--ld-cream-dim);font-weight:600}.ld-btn-ghost:hover{color:var(--ld-cream)}.ld-btn-outline{background:transparent;border-color:var(--ld-gold);color:var(--ld-gold-2)}.ld-btn-outline:hover{background:rgba(var(--olive-accent-rgb),.1);color:var(--ld-gold-2)}.ld-btn-sm{padding:12px 24px;font-size:14px}.ld-btn-ico{width:16px;height:16px;flex-shrink:0}.landing-top-chrome{position:fixed;top:0;left:0;right:0;z-index:50}.ld-nav{border-bottom:1px solid transparent;background:linear-gradient(180deg,rgba(var(--olive-bg-rgb),.85),rgba(var(--olive-bg-rgb),0));transition:background .3s ease,border-color .3s ease}.ld-nav.is-scrolled{background:rgba(var(--olive-bg-rgb),.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--ld-line-soft)}.ld-nav-inner{max-width:var(--ld-max-wide);margin:0 auto;padding:18px 32px;display:flex;align-items:center;gap:32px}.ld-brand{font-family:var(--ld-serif);font-size:24px;font-weight:600;letter-spacing:-.01em;color:var(--ld-cream);display:inline-flex;align-items:baseline;gap:0}.ld-brand b{font-weight:600;color:var(--ld-gold-2)}.ld-nav-links{display:flex;align-items:center;gap:34px;margin-left:auto;font-size:14.5px;font-weight:500;color:var(--ld-muted)}.ld-nav-links a{position:relative;padding:4px 0;transition:color .2s ease}.ld-nav-links a:hover{color:var(--ld-cream)}.ld-nav-links a.is-active{color:var(--ld-gold-2)}.ld-nav-links a.is-active:after{content:"";position:absolute;left:50%;bottom:-4px;width:4px;height:4px;border-radius:50%;background:var(--ld-gold);transform:translate(-50%)}.ld-nav-end{display:flex;align-items:center}.ld-section{width:min(var(--ld-max-wide),100% - 64px);margin-left:auto;margin-right:auto;position:relative}.ld-hero{padding:168px 0 88px;text-align:center;position:relative}.ld-hero:before{content:"";position:absolute;top:-20%;left:50%;width:min(1100px,120vw);height:70vh;transform:translate(-50%);background:radial-gradient(ellipse at 50% 0%,rgba(var(--olive-accent-rgb),.09),transparent 65%);pointer-events:none}.ld-hero-eyebrow{display:flex;justify-content:center}.ld-hero-title{font-size:clamp(52px,8vw,108px);margin:26px 0 0}.ld-hero-sub{margin:22px 0 0;font-size:clamp(17px,2vw,22px);color:var(--ld-cream-dim);font-weight:400}.ld-hero-actions{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:36px;flex-wrap:wrap}.ld-room{margin:64px auto 0;max-width:1120px;border:1px solid var(--ld-line);border-radius:16px;background:linear-gradient(180deg,var(--bg-2),var(--bg));box-shadow:0 40px 100px #0000008c;overflow:hidden;text-align:left}.ld-room-top{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid var(--ld-line-soft);font-size:13.5px;color:var(--ld-cream-dim)}.ld-room-top .ld-room-count{display:inline-flex;align-items:center;gap:8px;font-weight:600}.ld-room-top .ld-room-count svg{width:16px;height:16px;color:var(--ld-muted)}.ld-room-top-right{margin-left:auto;display:flex;align-items:center;gap:14px}.ld-avatars{display:flex;align-items:center}.ld-avatars i{width:30px;height:30px;border-radius:50%;border:2px solid var(--bg-2);margin-left:-9px;display:grid;place-items:center;font-size:11px;font-weight:800;font-style:normal;color:var(--bg)}.ld-avatars i:first-child{margin-left:0}.ld-share-pill{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ld-cream-dim);border:1px solid var(--ld-line);border-radius:9px;padding:8px 14px;background:rgba(var(--olive-text-rgb),.02)}.ld-share-pill svg{width:14px;height:14px}.ld-room-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;padding:14px}.ld-screen{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--ld-line-soft);background:#000;aspect-ratio:16 / 8.2}.ld-screen img{width:100%;height:100%;object-fit:cover;display:block;animation:ldKenBurns 26s ease-in-out infinite alternate}@keyframes ldKenBurns{0%{transform:scale(1)}to{transform:scale(1.07)}}.ld-screen-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000014 60%,#0000008c);pointer-events:none}.ld-player{position:absolute;left:0;right:0;bottom:0;padding:12px 16px 14px;display:flex;flex-direction:column;gap:10px}.ld-progress{height:3px;border-radius:99px;background:rgba(var(--olive-text-rgb),.22);position:relative}.ld-progress i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:var(--ld-gold-2)}.ld-progress i:after{content:"";position:absolute;right:-5px;top:50%;width:10px;height:10px;border-radius:50%;background:var(--ld-gold-2);transform:translateY(-50%)}.ld-player-row{display:flex;align-items:center;gap:16px;color:var(--text);font-size:13px}.ld-player-row svg{width:17px;height:17px;opacity:.9}.ld-player-time{font-variant-numeric:tabular-nums;opacity:.85;font-weight:500}.ld-player-spacer{flex:1}.ld-chatbox{border:1px solid var(--ld-line-soft);border-radius:12px;background:rgba(var(--olive-text-rgb),.015);display:flex;flex-direction:column;overflow:hidden;min-height:0}.ld-chatbox-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;border-bottom:1px solid var(--ld-line-soft);font-size:14.5px;font-weight:700}.ld-chatbox-head span:last-child{color:var(--ld-faint);letter-spacing:2px;font-size:13px}.ld-chatbox-msgs{flex:1;display:flex;flex-direction:column;gap:18px;padding:16px;overflow:hidden}.ld-msg{display:flex;gap:10px;align-items:flex-start}.ld-msg-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-size:11px;font-weight:800;color:var(--bg)}.ld-msg-body{font-size:13px;line-height:1.55;color:var(--ld-cream-dim);min-width:0}.ld-msg-meta{display:flex;gap:8px;align-items:baseline;margin-bottom:2px}.ld-msg-meta b{color:var(--ld-cream);font-size:13px}.ld-msg-meta time{color:var(--ld-faint);font-size:12px;font-variant-numeric:tabular-nums}.ld-chatbox-input{margin:0 12px 12px;border:1px solid var(--ld-line);border-radius:9px;padding:11px 12px;display:flex;align-items:center;gap:8px;color:var(--ld-faint);font-size:13px}.ld-chatbox-input svg{width:15px;height:15px;margin-left:auto;flex-shrink:0}.ld-features{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px;align-items:center;padding:120px 0}.ld-features-copy .ld-h-display{font-size:clamp(44px,5vw,72px);margin:22px 0 0}.ld-features-copy .ld-lead{margin-top:16px}.ld-timeline{list-style:none;margin:48px 0 0;padding:0;position:relative}.ld-timeline:before{content:"";position:absolute;left:26px;top:56px;bottom:56px;width:1px;background:linear-gradient(180deg,var(--ld-gold),rgba(var(--olive-accent-rgb),.15))}.ld-timeline li{position:relative;display:grid;grid-template-columns:52px 1fr;gap:22px;padding:20px 0}.ld-timeline-num{width:52px;height:52px;border-radius:50%;border:1px solid var(--ld-gold);display:grid;place-items:center;font-family:var(--ld-serif);font-size:20px;color:var(--ld-gold-2);background:var(--ld-bg);position:relative;z-index:1}.ld-timeline h3{margin:4px 0 6px;font-family:var(--ld-serif);font-size:24px;font-weight:600}.ld-timeline p{margin:0;color:var(--ld-muted);font-size:15px}.ld-features-note{margin:44px 0 0;padding-top:24px;border-top:1px solid var(--ld-line-soft);color:var(--ld-cream-dim);font-size:15.5px;line-height:1.6;max-width:30rem}.ld-features-note:before{content:"";display:block;width:26px;height:1px;background:var(--ld-gold);margin-bottom:16px}.ld-browser{border:1px solid var(--ld-line);border-radius:14px;background:var(--bg);box-shadow:0 40px 90px #00000080;overflow:hidden}.ld-browser-bar{display:flex;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid var(--ld-line-soft);font-size:13px}.ld-browser-brand{font-family:var(--ld-serif);font-size:16px;font-weight:600}.ld-browser-tag{color:var(--ld-faint);border-left:1px solid var(--ld-line);padding-left:12px}.ld-browser-bar-right{margin-left:auto;display:flex;align-items:center;gap:16px;color:var(--ld-cream-dim)}.ld-browser-bar-right svg{width:16px;height:16px}.ld-invite-btn{border:1px solid var(--ld-gold);color:var(--ld-gold-2);border-radius:999px;padding:8px 20px;font-size:13px;font-weight:700;background:transparent}.ld-browser-user{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--bg-3),var(--bg-2));display:grid;place-items:center;font-size:11px;font-weight:800;color:var(--ld-gold-2)}.ld-browser-body{display:grid;grid-template-columns:minmax(0,1fr) 250px;min-height:420px}.ld-browser-screen{position:relative;margin:14px 0 14px 14px;border-radius:10px;overflow:hidden;background:#000;min-height:340px}.ld-browser-screen img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;animation:ldKenBurns 30s ease-in-out infinite alternate}.ld-browser-player{position:absolute;left:0;right:0;bottom:0;padding:12px 16px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72));display:flex;flex-direction:column;gap:10px}.ld-browser-side{display:flex;flex-direction:column;border-left:1px solid var(--ld-line-soft);min-height:0}.ld-tabs{display:flex;gap:20px;padding:14px 16px 0;font-size:13px;font-weight:600;color:var(--ld-faint)}.ld-tabs b{color:var(--ld-gold-2);border-bottom:2px solid var(--ld-gold);padding-bottom:10px;font-weight:700}.ld-side-msgs{flex:1;display:flex;flex-direction:column;gap:16px;padding:16px;overflow:hidden}.ld-side-msg{display:flex;gap:10px;font-size:12.5px;line-height:1.5;color:var(--ld-cream-dim)}.ld-side-msg .ld-msg-avatar{width:28px;height:28px;font-size:10px}.ld-side-input{margin:0 12px 12px;border:1px solid var(--ld-line);border-radius:9px;padding:10px 12px;display:flex;align-items:center;color:var(--ld-faint);font-size:12.5px}.ld-side-input svg{width:15px;height:15px;margin-left:auto}.ld-about{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:72px;align-items:center;padding:110px 0 130px}.ld-about .ld-h-display{font-size:clamp(56px,7vw,104px);margin-top:24px}.ld-about .ld-lead{margin-top:28px;font-size:clamp(18px,2vw,23px);color:var(--ld-cream-dim);max-width:28rem}.ld-about-foot{margin-top:120px;display:flex;align-items:center;gap:10px;color:var(--ld-faint);font-size:13.5px}.ld-about-foot svg{width:16px;height:16px;flex-shrink:0}.ld-laptop{border:1px solid var(--bg-3);border-radius:18px 18px 0 0;background:var(--bg);overflow:hidden;box-shadow:0 50px 110px #0009}.ld-laptop-screen{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:12px;padding:16px}.ld-laptop-main{position:relative;border-radius:10px;overflow:hidden;min-height:380px;background:#000}.ld-laptop-main img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;animation:ldKenBurns 24s ease-in-out infinite alternate}.ld-laptop-player{position:absolute;left:0;right:0;bottom:0;padding:12px 16px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.7))}.ld-laptop-side{display:flex;flex-direction:column;gap:10px}.ld-laptop-side-head{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;color:var(--ld-cream-dim);padding:2px 2px 4px}.ld-laptop-side-head svg{width:15px;height:15px;color:var(--ld-muted)}.ld-person{position:relative;border-radius:10px;overflow:hidden;min-height:118px;display:flex;align-items:flex-end;padding:10px 12px;font-size:13px;font-weight:600;border:1px solid var(--ld-line-soft)}.ld-person svg{position:absolute;right:10px;bottom:10px;width:14px;height:14px;opacity:.8}.ld-person-crown{position:absolute;left:10px;bottom:10px;display:flex;align-items:center;gap:6px}.ld-laptop-cta{margin-top:2px;background:linear-gradient(180deg,var(--ld-gold-2),var(--ld-gold));color:var(--ld-gold-ink);border-radius:10px;padding:13px;font-size:13.5px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer}.ld-laptop-cta svg{width:15px;height:15px}.ld-laptop-base{height:12px;background:linear-gradient(180deg,var(--bg-2),var(--bg));border-top:1px solid var(--bg-3);border-radius:0 0 12px 12px;margin:0;position:relative}.ld-how{padding:120px 0 96px;position:relative;isolation:isolate}.ld-how-inner{max-width:var(--ld-max-wide, 1280px);margin:0 auto;padding:0 28px}.ld-how-head{text-align:center;max-width:680px;margin:0 auto 56px}.ld-how-kicker-wrap{display:inline-flex;align-items:center;justify-content:center;gap:16px;margin-bottom:18px}.ld-how-kicker-line{width:32px;height:1px;background:rgba(var(--olive-accent-rgb),.45)}.ld-how-kicker{color:var(--ld-gold, var(--accent));font-size:11.5px;font-weight:700;letter-spacing:.28em;text-transform:uppercase}.ld-how-title{font-family:var(--ld-sans, "Manrope", system-ui, sans-serif);font-size:clamp(38px,4.4vw,56px);font-weight:800;color:var(--text);line-height:1.12;letter-spacing:-.025em;margin:0 0 16px}.ld-how-subtitle{color:var(--muted);font-size:16.5px;line-height:1.6;max-width:520px;margin:0 auto}.ld-how-flow{display:flex;align-items:stretch;justify-content:space-between;gap:20px;position:relative;margin-top:56px}.ld-how-card{flex:1 1 0;min-width:0;background:linear-gradient(180deg,var(--bg-2) 0%,var(--bg) 100%);border:1px solid rgba(var(--olive-text-rgb),.08);border-radius:20px;padding:28px 24px 24px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s ease,box-shadow .4s ease;box-shadow:0 16px 36px #00000073}.ld-how-card:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--olive-accent-rgb),.3),transparent);pointer-events:none}.ld-how-card:hover{transform:translateY(-5px);border-color:rgba(var(--olive-accent-rgb),.36);box-shadow:0 24px 50px -10px #000000bf,0 0 24px rgba(var(--olive-accent-rgb),.08)}.ld-how-card-header{margin-bottom:22px}.ld-how-step-num{color:var(--accent);font-size:34px;font-weight:700;line-height:1;letter-spacing:-.02em;display:block}.ld-how-card-title{color:var(--text);font-size:22px;font-weight:700;margin:12px 0 8px;line-height:1.25;letter-spacing:-.015em}.ld-how-card-desc{color:var(--muted);font-size:14px;line-height:1.55;margin:0;min-height:44px}.ld-how-arrow{display:flex;align-items:center;justify-content:center;align-self:center;flex:0 0 auto;z-index:3}.ld-how-arrow-circle{width:36px;height:36px;border-radius:50%;background:var(--bg-2);border:1px solid rgba(var(--olive-accent-rgb),.32);color:var(--accent);display:grid;place-items:center;box-shadow:0 4px 14px #00000073;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.ld-how-arrow-circle svg{width:16px;height:16px;transition:transform .3s ease}.ld-how-card:hover+.ld-how-arrow .ld-how-arrow-circle,.ld-how-arrow-circle:hover{transform:scale(1.08);border-color:rgba(var(--olive-accent-rgb),.6);box-shadow:0 0 18px rgba(var(--olive-accent-rgb),.25)}.ld-how-mockup{background:var(--bg);border:1px solid rgba(var(--olive-text-rgb),.08);border-radius:14px;overflow:hidden;box-shadow:inset 0 1px rgba(var(--olive-text-rgb),.04),0 10px 24px #00000059}.ld-how-mockup--room{padding:16px 18px 20px}.ld-how-mock-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid rgba(var(--olive-text-rgb),.06)}.ld-how-brand{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-size:13px;font-weight:700}.ld-how-brand-icon{width:16px;height:16px;color:var(--accent)}.ld-how-brand-text{font-family:var(--ld-sans, sans-serif);letter-spacing:-.01em}.ld-how-user-avatar{width:26px;height:26px;border-radius:50%;overflow:hidden;border:1.5px solid rgba(var(--olive-accent-rgb),.45)}.ld-how-user-avatar img{width:100%;height:100%;object-fit:cover;display:block}.ld-how-mock-body{padding-top:14px;display:flex;flex-direction:column;gap:12px}.ld-how-form-label{color:var(--text);font-size:13px;font-weight:600;text-align:left}.ld-how-input-box{display:flex;align-items:center;background:rgba(var(--olive-text-rgb),.02);border:1px solid rgba(var(--olive-text-rgb),.12);border-radius:8px;padding:8px 12px;transition:border-color .2s ease,background .2s ease}.ld-how-input-box:focus-within{border-color:rgba(var(--olive-accent-rgb),.5);background:rgba(var(--olive-text-rgb),.04)}.ld-how-input{flex:1;background:transparent;border:none;color:var(--text);font-size:13.5px;font-weight:500;outline:none;font-family:inherit}.ld-how-input-clear{background:none;border:none;color:var(--muted);cursor:pointer;padding:2px;display:grid;place-items:center;transition:color .2s ease}.ld-how-input-clear:hover{color:var(--text)}.ld-how-input-clear svg{width:14px;height:14px}.ld-how-submit-btn{background:linear-gradient(180deg,var(--accent-deep) 0%,var(--accent-deep) 100%);color:var(--bg);border:none;border-radius:8px;padding:12px;font-size:13.5px;font-weight:700;cursor:pointer;text-align:center;text-decoration:none;display:block;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;box-shadow:0 4px 14px rgba(var(--olive-accent-rgb),.2)}.ld-how-submit-btn:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 6px 18px rgba(var(--olive-accent-rgb),.32)}.ld-how-mockup--invite{padding:22px 18px 18px;text-align:center}.ld-how-success-badge{width:38px;height:38px;border-radius:50%;background:#22c55e1f;border:1.5px solid rgba(34,197,94,.35);color:#22c55e;margin:0 auto 10px;display:grid;place-items:center;box-shadow:0 0 16px #22c55e33;animation:badgePulse 3s infinite ease-in-out}@keyframes badgePulse{0%,to{box-shadow:0 0 12px rgba(var(--olive-accent-rgb),.2)}50%{box-shadow:0 0 20px rgba(var(--olive-accent-rgb),.4)}}.ld-how-check-icon{width:18px;height:18px}.ld-how-invite-title{color:var(--text);font-size:15.5px;font-weight:700;margin:0 0 4px}.ld-how-invite-sub{color:var(--muted);font-size:12px;line-height:1.45;margin:0 auto 16px;max-width:250px}.ld-how-copy-bar{display:flex;align-items:center;justify-content:space-between;background:rgba(var(--olive-text-rgb),.03);border:1px solid rgba(var(--olive-text-rgb),.1);border-radius:8px;padding:4px 4px 4px 12px;gap:6px}.ld-how-copy-url{color:var(--text);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:monospace}.ld-how-copy-btn{background:linear-gradient(180deg,var(--accent-deep) 0%,var(--accent-deep) 100%);color:var(--bg);border:none;border-radius:6px;padding:7px 13px;font-size:12.5px;font-weight:700;display:inline-flex;align-items:center;gap:5px;cursor:pointer;flex-shrink:0;transition:filter .2s ease,transform .15s ease,background .3s ease,color .3s ease}.ld-how-copy-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.ld-how-copy-btn.is-copied{background:var(--accent-deep);color:var(--text)}.ld-how-copy-btn svg{width:14px;height:14px}.ld-how-share-divider{display:flex;align-items:center;gap:12px;margin:16px 0 12px;color:#555966;font-size:11px;font-weight:500}.ld-how-share-divider:before,.ld-how-share-divider:after{content:"";flex:1;height:1px;background:rgba(var(--olive-text-rgb),.06)}.ld-how-social-row{display:flex;align-items:center;justify-content:center;gap:8px}.ld-how-social-btn{width:32px;height:32px;border-radius:50%;background:rgba(var(--olive-text-rgb),.04);border:1px solid rgba(var(--olive-text-rgb),.08);color:var(--muted);display:grid;place-items:center;cursor:pointer;text-decoration:none;transition:transform .2s ease,border-color .2s ease,color .2s ease,background .2s ease}.ld-how-social-btn svg{width:15px;height:15px}.ld-how-social-btn:hover{transform:translateY(-2px);border-color:rgba(var(--olive-accent-rgb),.4);color:var(--text);background:rgba(var(--olive-text-rgb),.08)}.ld-how-mockup--player{display:flex;flex-direction:column;padding:0}.ld-how-player-top{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-2);border-bottom:1px solid rgba(var(--olive-text-rgb),.06);font-size:11.5px}.ld-how-player-title{display:inline-flex;align-items:center;gap:6px;color:var(--text);font-weight:600;font-size:12px}.ld-how-screen-ico{width:14px;height:14px;color:var(--muted)}.ld-how-player-count{display:inline-flex;align-items:center;gap:5px;background:rgba(var(--olive-text-rgb),.06);border:1px solid rgba(var(--olive-text-rgb),.08);border-radius:99px;padding:2px 7px;color:var(--muted);font-size:11px}.ld-how-live-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e;animation:liveDotPulse 2s infinite ease-in-out}@keyframes liveDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.ld-how-users-ico{width:12px;height:12px}.ld-how-player-tools{display:inline-flex;align-items:center;gap:8px;color:var(--muted)}.ld-how-mini-tool{background:none;border:none;color:inherit;cursor:pointer;padding:2px;display:grid;place-items:center;transition:color .2s ease}.ld-how-mini-tool svg{width:13px;height:13px}.ld-how-mini-tool:hover{color:var(--text)}.ld-how-player-screen{position:relative;height:160px;background:#000;overflow:hidden}.ld-how-player-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1)}.ld-how-card:hover .ld-how-player-img{transform:scale(1.03)}.ld-how-screen-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,rgba(var(--olive-bg-rgb),.8) 100%);pointer-events:none}.ld-how-player-controls{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg);color:var(--text);font-size:11px}.ld-how-play-toggle{background:none;border:none;color:var(--text);cursor:pointer;padding:2px;display:grid;place-items:center;transition:transform .15s ease,color .2s ease}.ld-how-play-toggle svg{width:14px;height:14px}.ld-how-play-toggle:hover{transform:scale(1.15);color:var(--accent)}.ld-how-player-time{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.ld-how-scrubber-track{flex:1;height:3px;background:rgba(var(--olive-text-rgb),.16);border-radius:99px;position:relative;cursor:pointer}.ld-how-scrubber-fill{height:100%;background:var(--accent-deep);border-radius:99px;position:relative}.ld-how-scrubber-thumb{position:absolute;right:-4px;top:-3.5px;width:10px;height:10px;border-radius:50%;background:var(--bg-2);box-shadow:0 0 6px var(--accent-deep);transition:transform .2s ease}.ld-how-scrubber-track:hover .ld-how-scrubber-thumb{transform:scale(1.3)}.ld-how-player-aux{display:inline-flex;align-items:center;gap:8px;color:var(--muted)}.ld-how-aux-btn{background:none;border:none;color:inherit;cursor:pointer;padding:2px;display:grid;place-items:center;transition:color .2s ease}.ld-how-aux-btn svg{width:13px;height:13px}.ld-how-aux-btn:hover{color:var(--text)}.ld-how-foot{margin-top:80px;display:flex;align-items:center;gap:24px;color:var(--muted);font-size:11px;letter-spacing:.3em;text-transform:uppercase;font-weight:600;text-align:center}.ld-how-foot:before,.ld-how-foot:after{content:"";flex:1;height:1px;background:rgba(var(--olive-text-rgb),.08)}@media (max-width: 991px){.ld-how-flow{flex-direction:column;align-items:center;gap:24px}.ld-how-card{flex:none;width:100%;max-width:480px}.ld-how-card-desc{min-height:auto}.ld-how-arrow{transform:rotate(90deg);margin:-4px 0}}@media (max-width: 560px){.ld-how{padding:80px 0 60px}.ld-how-inner{padding:0 18px}.ld-how-head{margin-bottom:40px}.ld-how-title{font-size:clamp(30px,8.5vw,40px)}.ld-how-subtitle{font-size:15px}.ld-how-card{padding:22px 18px 18px}.ld-how-foot{font-size:9.5px;letter-spacing:.2em;gap:14px;margin-top:56px}}.ld-reviews{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);min-height:640px;border-top:1px solid var(--ld-line-soft);border-bottom:1px solid var(--ld-line-soft)}.ld-reviews-copy{padding:96px 64px 72px min(max(32px,calc((100vw - var(--ld-max-wide)) / 2 + 32px)),96px);display:flex;flex-direction:column;justify-content:center}.ld-reviews-copy .ld-h-display{font-size:clamp(46px,5.4vw,80px);margin-top:24px}.ld-quote{margin:56px 0 0;min-height:190px}.ld-quote-mark{font-family:var(--ld-serif);font-size:44px;color:var(--ld-gold);line-height:.5;display:block;margin-bottom:18px}.ld-quote p{font-family:var(--ld-serif);font-size:clamp(26px,2.8vw,38px);line-height:1.28;margin:0;color:var(--ld-cream)}.ld-quote-author{margin-top:22px;color:var(--ld-cream-dim);font-size:15px;font-weight:500}.ld-pager{margin-top:56px;display:flex;align-items:center;gap:24px}.ld-pager-count{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ld-gold-2);display:flex;gap:8px;align-items:baseline}.ld-pager-count span:last-child{color:var(--ld-faint);font-weight:500}.ld-pager-track{width:150px;height:1px;background:rgba(var(--olive-text-rgb),.16);position:relative}.ld-pager-track i{position:absolute;left:0;top:0;bottom:0;background:var(--ld-gold-2);transition:width .5s ease}.ld-pager-btns{display:flex;gap:12px;margin-left:8px}.ld-pager-btn{width:46px;height:46px;border-radius:50%;border:1px solid var(--ld-line);background:transparent;color:var(--ld-cream-dim);display:grid;place-items:center;cursor:pointer;transition:border-color .2s ease,color .2s ease}.ld-pager-btn:hover,.ld-pager-btn.is-next{border-color:var(--ld-gold);color:var(--ld-gold-2)}.ld-pager-btn svg{width:17px;height:17px}.ld-reviews-media{position:relative;overflow:hidden;min-height:480px}.ld-reviews-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;animation:ldKenBurns 32s ease-in-out infinite alternate}.ld-reviews-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--ld-bg) 0%,transparent 22%)}.ld-reviews-foot{display:flex;justify-content:space-between;gap:16px;width:min(var(--ld-max-wide),100% - 64px);margin:0 auto;padding:22px 0;color:var(--ld-muted);font-size:13.5px}.ld-reviews-foot span:last-child{color:var(--ld-faint)}.ld-final{padding:130px 0 0;overflow:hidden}.ld-final-top{display:flex;align-items:center;gap:20px;font-size:11.5px;letter-spacing:.34em;text-transform:uppercase;color:var(--ld-muted);font-weight:600;width:min(var(--ld-max-wide),100% - 64px);margin:0 auto}.ld-final-top:after{content:"";width:60px;height:1px;background:var(--ld-line)}.ld-final-grid{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:48px;width:min(var(--ld-max-wide),100% - 64px);margin:36px auto 0;align-items:start}.ld-final-title{font-size:clamp(52px,8vw,116px)}.ld-final-steps{display:flex;flex-direction:column;gap:34px;padding-top:12px}.ld-final-step b{font-family:var(--ld-serif);font-size:26px;color:var(--ld-gold);font-weight:600}.ld-final-step span{display:block;margin-top:10px;padding-top:10px;border-top:1px solid var(--ld-gold);width:56px}.ld-final-step p{margin:10px 0 0;font-size:11.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--ld-cream-dim);line-height:1.9;font-weight:600}.ld-final-cta-row{width:min(var(--ld-max-wide),100% - 64px);margin:48px auto 0;display:flex;flex-direction:column;gap:22px;align-items:flex-start}.ld-final-cap{font-size:11.5px;letter-spacing:.34em;text-transform:uppercase;color:var(--ld-faint);font-weight:600}.ld-platforms{width:min(var(--ld-max-wide),calc(100% - 64px));margin:118px auto 72px}.ld-platforms-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:34px}.ld-platforms-head h3{font-family:var(--ld-serif);font-size:clamp(36px,4vw,58px);font-weight:500;line-height:1.05;margin:19px 0 0}.ld-platforms-head>p{max-width:320px;margin:0 0 5px;color:var(--ld-muted);line-height:1.6;font-size:14px}.ld-platforms-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ld-platform{position:relative;min-height:245px;display:flex;flex-direction:column;align-items:flex-start;padding:22px;border:1px solid var(--ld-line);border-radius:14px;background:rgba(var(--olive-text-rgb),.018);transition:border-color .35s ease,background-color .35s ease,transform .35s ease}.ld-platform:hover{transform:translateY(-5px);border-color:rgba(var(--olive-accent-rgb),.45);background:rgba(var(--olive-text-rgb),.04)}.ld-platform-index{align-self:flex-end;color:var(--ld-faint);font-size:11px;letter-spacing:.2em}.ld-platform-mark{width:50px;height:50px;display:grid;place-items:center;border:1px solid currentColor;border-radius:12px;margin:1px 0 auto;font-weight:800;font-size:25px;line-height:1}.ld-platform--youtube .ld-platform-mark{color:#f14545;font-size:20px}.ld-platform--drive .ld-platform-mark{color:var(--accent);font-size:32px}.ld-platform--netflix .ld-platform-mark{color:#e15353;font-family:var(--ld-serif)}.ld-platform--more .ld-platform-mark{color:var(--ld-gold)}.ld-platform strong{display:block;margin-top:24px;color:var(--ld-cream);font-family:var(--ld-serif);font-size:23px;font-weight:500;line-height:1.15}.ld-platform-detail{display:block;color:var(--ld-muted);margin-top:8px;font-size:12px;line-height:1.5}.ld-platforms-note{color:var(--ld-faint);font-size:12px;line-height:1.5;margin:18px 0 0}.ld-final-bar{display:flex;justify-content:space-between;gap:16px;padding:18px 32px;border-top:1px solid var(--ld-line-soft);font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--ld-faint);font-weight:600}.ld-footer{background:var(--bg);border-top:1px solid var(--ld-line-soft);padding:110px 0 40px}.ld-footer-grid{width:min(var(--ld-max-wide),100% - 64px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:64px}.ld-footer-word{font-family:var(--ld-serif);font-size:clamp(64px,9vw,128px);line-height:1;margin:0;letter-spacing:-.02em}.ld-footer-word b{font-weight:500;color:var(--ld-gold)}.ld-footer-tag{margin:18px 0 0;font-family:var(--ld-serif);font-size:clamp(18px,2vw,24px);color:var(--ld-cream-dim)}.ld-footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;align-content:start}.ld-footer-cols h4{margin:0 0 18px;font-family:var(--ld-serif);font-size:21px;font-weight:500;color:var(--ld-gold-2)}.ld-footer-cols ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.ld-footer-cols a{color:var(--ld-cream-dim);font-size:15px;transition:color .2s ease}.ld-footer-cols a:hover{color:var(--ld-cream)}.ld-footer-bar{width:min(var(--ld-max-wide),100% - 64px);margin:96px auto 0;padding-top:24px;border-top:1px solid var(--ld-line-soft);color:var(--ld-muted);font-size:13.5px}.ld-motion-on [data-reveal]{opacity:0;visibility:hidden}.ld-motion-on [data-split]:not(.is-split){opacity:0}@media (max-width: 1080px){.ld-features,.ld-about{grid-template-columns:1fr;gap:56px}.ld-about-foot{margin-top:40px}.ld-reviews{grid-template-columns:1fr}.ld-reviews-copy{padding:72px 32px 56px}.ld-reviews-media{min-height:380px}.ld-reviews-media:after{background:linear-gradient(180deg,var(--ld-bg) 0%,transparent 22%)}.ld-final-grid{grid-template-columns:1fr}.ld-final-steps{flex-direction:row;gap:40px;flex-wrap:wrap}.ld-how-grid{grid-template-columns:1fr;max-width:560px;margin-left:auto;margin-right:auto}.ld-platforms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ld-footer-grid{grid-template-columns:1fr}}@media (max-width: 860px){.ld-nav-links{display:none}.ld-nav-inner{padding:14px 20px}.ld-section,.ld-final-top,.ld-final-grid,.ld-final-cta-row,.ld-reviews-foot,.ld-footer-grid,.ld-footer-bar{width:calc(100% - 40px)}.ld-hero{padding:132px 0 64px}.ld-room-body,.ld-browser-body,.ld-laptop-screen{grid-template-columns:1fr}.ld-chatbox-msgs{max-height:220px}.ld-browser-body{min-height:0}.ld-browser-side{border-left:none;border-top:1px solid var(--ld-line-soft)}.ld-laptop-main{min-height:260px}.ld-quote{min-height:0}.ld-reviews-foot{flex-direction:column}.ld-footer-cols{grid-template-columns:1fr 1fr}.ld-final-bar{flex-direction:column;gap:8px}}@media (max-width: 560px){.ld-footer-cols{grid-template-columns:1fr}.ld-platforms-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ld-platform{min-height:205px;padding:14px}.ld-platform strong{font-size:19px}.ld-platforms-head{display:block}.ld-platforms-head>p{margin-top:18px}.ld-platforms{width:calc(100% - 40px);margin-top:82px}.ld-hero-actions .ld-btn{width:100%}}@media (prefers-reduced-motion: reduce){.ld-screen img,.ld-sim-video,.ld-browser-screen img,.ld-laptop-main img,.ld-reviews-media img{animation:none}.landing-page:before{display:none}.ld-typing i{animation:none;opacity:.7}}.ld-sim{margin-top:64px}.ld-sim-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000}.ld-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:rgba(var(--olive-bg-rgb),.32);border:none;cursor:pointer;color:var(--ld-cream)}.ld-play-ring{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,var(--ld-gold-2),var(--ld-gold));color:var(--ld-gold-ink);box-shadow:0 0 0 1px rgba(var(--olive-accent-rgb),.5),0 18px 50px #00000080;transition:transform .25s ease}.ld-play-overlay:hover .ld-play-ring{transform:scale(1.06)}.ld-play-ring svg{width:26px;height:26px;margin-left:3px}.ld-play-hint{font-size:13px;font-weight:600;letter-spacing:.04em;opacity:.9}.ld-muted-pill{position:absolute;top:12px;left:12px;z-index:3;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--ld-line);border-radius:999px;background:rgba(var(--olive-bg-rgb),.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ld-cream-dim);font-size:12px;font-weight:600;padding:7px 13px;cursor:pointer}.ld-muted-pill svg{width:14px;height:14px;color:var(--ld-gold-2)}.ld-player-btn{background:none;border:none;padding:2px;color:var(--text);display:grid;place-items:center;cursor:pointer;opacity:.92;transition:opacity .2s ease,transform .2s ease}.ld-player-btn:hover{opacity:1;transform:scale(1.08)}.ld-player-btn svg{width:17px;height:17px}.ld-progress.is-seekable{cursor:pointer;padding:6px 0;margin:-6px 0}.ld-progress.is-seekable:focus-visible{outline:1px solid var(--ld-gold);outline-offset:4px}.ld-room-top-right{position:relative}.ld-avatar-btn{width:30px;height:30px;border-radius:50%;border:2px solid var(--bg-2);margin-left:-9px;display:grid;place-items:center;font-size:11px;font-weight:800;color:var(--bg);cursor:pointer;padding:0;transition:transform .2s ease,box-shadow .2s ease}.ld-avatars .ld-avatar-btn:first-child{margin-left:0}.ld-avatar-btn:hover{transform:translateY(-2px);box-shadow:0 0 0 2px var(--ld-gold-2)}.ld-avatar-btn.is-open{box-shadow:0 0 0 2px var(--ld-gold-2)}.ld-profile-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;cursor:default}.ld-profile-pop{position:absolute;top:calc(100% + 12px);right:0;z-index:41;width:252px;display:flex;flex-direction:column;gap:8px;text-align:left;border:1px solid var(--ld-line);border-radius:14px;background:rgba(var(--olive-panel-rgb),.97);box-shadow:0 24px 60px #0009;padding:16px;animation:ldPopIn .28s cubic-bezier(.2,.9,.3,1.2)}@keyframes ldPopIn{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ld-profile-head{display:flex;align-items:center;gap:10px}.ld-profile-head i{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;font-style:normal;color:var(--bg);flex-shrink:0}.ld-profile-head span:nth-child(2){display:flex;flex-direction:column;gap:1px;min-width:0}.ld-profile-head b{font-size:14.5px;color:var(--ld-cream)}.ld-profile-head em{font-style:normal;font-size:12px;color:var(--ld-gold-2)}.ld-profile-live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--accent)}.ld-profile-live:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent-deep);box-shadow:0 0 8px rgba(var(--olive-accent-rgb),.9)}.ld-profile-meta{font-size:12px;color:var(--ld-faint)}.ld-profile-line{font-size:13px;line-height:1.55;color:var(--ld-cream-dim);border-top:1px solid var(--ld-line-soft);padding-top:10px;font-style:italic}.ld-chatbox-msgs.is-live{overflow-y:auto;scrollbar-width:none;min-height:180px;max-height:340px}.ld-chatbox-msgs.is-live::-webkit-scrollbar{display:none}.ld-msg{animation:ldMsgIn .4s ease}@keyframes ldMsgIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ld-sysmsg{margin:0;text-align:center;font-size:12px;color:var(--ld-faint);animation:ldMsgIn .4s ease}.ld-sysmsg:before,.ld-sysmsg:after{content:" — ";opacity:.5}.ld-typing{display:inline-flex;align-items:center;gap:5px;padding:10px 14px;border:1px solid var(--ld-line-soft);border-radius:4px 14px 14px;background:rgba(var(--olive-text-rgb),.03)}.ld-typing i{width:6px;height:6px;border-radius:50%;background:var(--ld-muted);animation:ldTpBounce 1.1s ease-in-out infinite}.ld-typing i:nth-child(2){animation-delay:.15s}.ld-typing i:nth-child(3){animation-delay:.3s}@keyframes ldTpBounce{0%,to{transform:translateY(0);opacity:.45}50%{transform:translateY(-4px);opacity:1}}.ld-gifmsg{position:relative;display:block;width:168px;border-radius:10px;overflow:hidden;border:1px solid var(--ld-line)}.ld-gifmsg img{display:block;width:100%;height:96px;object-fit:cover}.ld-gifmsg em{position:absolute;left:8px;bottom:8px;font-style:normal;font-size:10px;font-weight:800;letter-spacing:.08em;background:#000000b8;color:var(--text);border:1px solid rgba(var(--olive-text-rgb),.3);border-radius:5px;padding:2px 7px}.ld-chatbox-input.as-form{padding:6px 6px 6px 12px}.ld-chatbox-input.as-form input{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--ld-cream);font:inherit;padding:0;width:auto}.ld-chatbox-input.as-form input::placeholder{color:var(--ld-faint)}.ld-send-btn{width:32px;height:32px;border-radius:8px;border:none;display:grid;place-items:center;background:linear-gradient(180deg,var(--ld-gold-2),var(--ld-gold));color:var(--ld-gold-ink);cursor:pointer;flex-shrink:0;transition:transform .2s ease}.ld-send-btn:hover{transform:scale(1.07)}.ld-send-btn svg{width:15px;height:15px;margin:0}@media (max-width: 860px){.ld-sim{margin-top:48px}.ld-chatbox-msgs.is-live{max-height:260px}.ld-profile-pop{right:-40px}}.ld-hero{padding-top:178px;padding-bottom:120px}.ld-hero-title{letter-spacing:-.035em}.ld-hero-actions{gap:16px}.ld-scroll-cue{display:inline-flex;align-items:center;gap:12px;margin-top:52px;color:var(--ld-muted);font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase}.ld-scroll-cue i{font:20px var(--ld-sans);color:var(--ld-gold);animation:ldCue 2s ease-in-out infinite}@keyframes ldCue{50%{transform:translateY(6px)}}.ld-room{max-width:1280px;margin-top:80px}.ld-room-body{grid-template-columns:minmax(0,1fr) 320px;gap:16px;padding:16px}.ld-screen{aspect-ratio:16 / 8.9}.ld-room-top{padding:17px 22px}.ld-share-pill{cursor:pointer;font-family:inherit;transition:border-color .2s,background .2s}.ld-share-pill:hover,.ld-share-pill:focus-visible{border-color:var(--ld-gold);background:rgba(var(--olive-accent-rgb),.08)}.ld-profile-veil{border:0;padding:0;background:transparent}.ld-invite-pop{width:min(310px,calc(100vw - 48px));gap:12px}.ld-invite-pop b{font:600 18px var(--ld-serif)}.ld-invite-pop p{margin:0;color:var(--ld-muted);font-size:12px;line-height:1.55}.ld-invite-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--ld-line);border-radius:8px;padding:10px;color:var(--ld-cream-dim);font-size:12px}.ld-invite-pop button{border:0;border-radius:8px;padding:10px;background:var(--ld-gold);color:var(--ld-gold-ink);font:700 12px var(--ld-sans);cursor:pointer}.ld-invite-error{color:var(--ld-cream-dim);font-size:11px;line-height:1.4}.ld-screen.is-expanded{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;width:100vw;height:100dvh;aspect-ratio:auto;border:0;border-radius:0}.ld-screen.is-expanded .ld-sim-video{object-fit:contain}.ld-screen.is-expanded .ld-player{padding:18px min(4vw,48px) 24px;background:linear-gradient(transparent,#000000b8)}.ld-preview-error{position:absolute;top:18px;left:18px;z-index:2;padding:8px 11px;border-radius:8px;background:#000000c2;color:var(--ld-cream);font-size:12px}.ld-player-btn:disabled,.ld-progress[aria-disabled=true]{opacity:.45;cursor:not-allowed}.ld-player-btn:focus-visible,.ld-avatar-btn:focus-visible,.ld-share-pill:focus-visible,.ld-send-btn:focus-visible{outline:2px solid var(--ld-gold);outline-offset:3px}.ld-menu-toggle{display:none;width:36px;height:36px;border:0;background:none;padding:7px;cursor:pointer}.ld-menu-toggle span{display:block;height:1px;margin:5px 0;background:var(--ld-cream)}.ld-mobile-menu{display:none}.ld-features{gap:50px;padding-top:125px;padding-bottom:130px}.ld-timeline{--ld-line-progress: 1}.ld-timeline:before{background:var(--ld-gold);transform:scaleY(var(--ld-line-progress));transform-origin:top}.ld-device-orbit{position:absolute;left:5%;right:0;top:8%;bottom:8%;border:1px solid rgba(var(--olive-accent-rgb),.1);border-radius:50%;transform:rotate(-20deg)}.ld-devices{position:relative;min-height:640px;isolation:isolate}.ld-devices:before{content:"";position:absolute;top:15%;right:4%;bottom:15%;left:4%;background:radial-gradient(ellipse,rgba(var(--olive-accent-rgb),.09),transparent 65%);pointer-events:none}.ld-phone{position:absolute;border:5px solid var(--bg-3);border-radius:36px;background:var(--bg);box-shadow:0 32px 90px #000000a6,inset 0 0 0 1px var(--bg-3);overflow:hidden}.ld-phone-main{z-index:2;width:300px;height:602px;left:4%;top:2%;transform:rotate(-7deg)}.ld-phone-invite{z-index:1;width:260px;height:530px;right:2%;top:13%;transform:rotate(9deg)}.ld-phone-island{position:absolute;top:8px;left:50%;transform:translate(-50%);width:82px;height:16px;background:var(--bg);border-radius:100px;z-index:4}.ld-phone-top{height:57px;display:flex;align-items:end;justify-content:space-between;padding:0 17px 10px;border-bottom:1px solid var(--ld-line-soft);font-size:10px;color:var(--ld-muted)}.ld-phone-top b{font:600 15px var(--ld-serif);color:var(--ld-cream)}.ld-phone-top b span{color:var(--ld-gold)}.ld-phone-photo{height:207px;position:relative;overflow:hidden}.ld-phone-photo img,.ld-phone-invite-art img{display:block;width:100%;height:100%;object-fit:cover}.ld-phone-live{position:absolute;left:12px;bottom:10px;display:flex;align-items:center;gap:6px;color:var(--text);font-size:10px;font-weight:700;background:rgba(var(--olive-bg-rgb),.7);padding:5px 8px;border-radius:20px}.ld-phone-live i,.ld-about-media-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--bg-3);box-shadow:0 0 8px var(--bg-3)}.ld-phone-progress{height:3px;background:var(--bg-3)}.ld-phone-progress i{display:block;width:43%;height:100%;background:var(--ld-gold)}.ld-phone-playing{display:flex;align-items:center;gap:10px;padding:12px 13px 11px;color:var(--ld-cream-dim);font-size:10px;border-bottom:1px solid var(--ld-line-soft)}.ld-phone-playing span:first-child{color:var(--ld-gold)}.ld-phone-playing span:last-child{margin-left:auto;font-size:17px}.ld-phone-chat{padding:15px 13px 4px}.ld-phone-chat-title{display:flex;justify-content:space-between;color:var(--ld-cream);font-size:12px;font-weight:700}.ld-phone-chat-title small{color:var(--ld-faint);font-size:10px;font-weight:400}.ld-phone-chat p{display:flex;align-items:start;gap:8px;margin:15px 0;color:var(--ld-cream-dim);font-size:10px;line-height:1.45}.ld-phone-chat p i{flex:none;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--bg-3);color:var(--bg);font:700 9px var(--ld-sans)}.ld-phone-chat p:nth-of-type(2) i{background:var(--bg-3)}.ld-phone-chat p:nth-of-type(3) i{background:var(--bg-3)}.ld-phone-chat p b{display:block;color:var(--ld-cream);font-size:10px}.ld-phone-input{display:flex;justify-content:space-between;align-items:center;margin:9px 12px;padding:9px 10px;border:1px solid var(--ld-line);border-radius:8px;color:var(--ld-faint);font-size:10px}.ld-phone-input span{color:var(--ld-gold);font-size:17px}.ld-phone-invite-art{height:210px;overflow:hidden}.ld-phone-invite-art img{object-position:50% 34%}.ld-phone-invite-copy{padding:20px 17px}.ld-phone-overline{display:block;color:var(--ld-gold);font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.ld-phone-invite-copy strong{display:block;margin-top:14px;color:var(--ld-cream);font:500 29px/1.04 var(--ld-serif)}.ld-phone-invite-copy p{color:var(--ld-muted);font-size:11px;line-height:1.55}.ld-phone-invite-cta{display:flex;justify-content:space-between;align-items:center;margin-top:19px;padding:10px;border-radius:7px;background:var(--ld-gold);color:var(--ld-gold-ink);font-size:10px;font-weight:800}.ld-device-caption{position:absolute;right:4%;bottom:0;color:var(--ld-faint);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.ld-about{padding-top:115px;padding-bottom:145px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.ld-about-copy{position:relative;z-index:1}.ld-about .ld-h-display{margin-top:24px}.ld-about-detail{display:flex;gap:18px;align-items:flex-start;max-width:360px;margin-top:52px;padding-top:18px;border-top:1px solid var(--ld-line)}.ld-about-detail-num{flex:none;color:var(--ld-gold);font-size:11px;letter-spacing:.15em}.ld-about-detail p{margin:0;color:var(--ld-cream-dim);font-size:14px;line-height:1.6}.ld-about-foot{margin-top:72px}.ld-about-foot:before{content:"ⓘ";color:var(--ld-gold);font-size:16px}.ld-about-media{position:relative;margin:0;aspect-ratio:16 / 10;border:1px solid var(--ld-line);border-radius:16px;overflow:hidden;box-shadow:0 35px 90px #0006}.ld-about-media img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.ld-about-media:after{content:"";position:absolute;top:55%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#000000b8);pointer-events:none}.ld-about-media figcaption{position:absolute;z-index:1;left:24px;bottom:20px;display:flex;align-items:center;gap:10px;color:var(--ld-cream);font-size:12px;letter-spacing:.08em}.ld-how-grid:before{content:"";position:absolute;top:165px;left:31%;right:31%;border-top:1px solid rgba(var(--olive-accent-rgb),.55);pointer-events:none;transform:scaleX(var(--ld-how-progress, 1));transform-origin:left center}.ld-how-step{position:relative}.ld-how-step .ld-mini{transition:transform .45s ease,border-color .45s ease,box-shadow .45s ease}.ld-how-step:hover .ld-mini{transform:translateY(-5px);border-color:rgba(var(--olive-accent-rgb),.45);box-shadow:0 25px 55px #00000040}.ld-how-step .ld-step-n{transition:text-shadow .35s ease,color .35s ease}.ld-how-step:hover .ld-step-n{text-shadow:0 0 24px rgba(var(--olive-accent-rgb),.4)}.ld-quote{animation:ldQuoteIn .6s cubic-bezier(.22,1,.36,1) both}@keyframes ldQuoteIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.ld-reviews-media img{object-position:center}.ld-final-title{max-width:14ch}.ld-footer{background:transparent;padding-top:140px}.ld-footer-cols a:focus-visible,.ld-mobile-menu a:focus-visible{outline:2px solid var(--ld-gold);outline-offset:4px}@media (max-width: 1080px){.ld-features,.ld-about{grid-template-columns:1fr}.ld-devices{width:min(610px,100%);margin:0 auto}.ld-about-media{aspect-ratio:16 / 10}.ld-how-grid:before{display:none}}@media (max-width: 860px){.ld-nav-end{margin-left:auto;gap:10px}.ld-menu-toggle{display:block}.ld-mobile-menu.is-open{display:flex;flex-direction:column;padding:12px 20px 20px;border-top:1px solid var(--ld-line);background:rgba(var(--olive-bg-rgb),.98);box-shadow:0 20px 50px #0006}.ld-mobile-menu a{display:flex;justify-content:space-between;padding:13px 2px;color:var(--ld-cream);border-bottom:1px solid var(--ld-line-soft);font-size:14px}.ld-mobile-menu a span{color:var(--ld-gold)}.ld-room-body{grid-template-columns:1fr}.ld-screen{aspect-ratio:16 / 9}.ld-about-foot{margin-top:34px}}@media (max-width: 560px){.ld-hero{padding-top:146px;padding-bottom:80px;text-align:left}.ld-hero-eyebrow{justify-content:flex-start}.ld-kicker.is-centered:after{display:none}.ld-hero-title{font-size:clamp(54px,14vw,76px);line-height:.98;margin-top:26px}.ld-hero-title em{display:block}.ld-hero-sub{font-size:17px;line-height:1.5}.ld-hero-actions{align-items:stretch;margin-top:28px}.ld-hero-actions .ld-btn{justify-content:center}.ld-scroll-cue{margin-top:34px}.ld-room{margin-top:52px;width:100%}.ld-room-top{padding:12px}.ld-room-body{padding:8px;gap:8px}.ld-screen{aspect-ratio:1.32}.ld-chatbox-msgs.is-live{min-height:145px;max-height:180px}.ld-room-top-right{gap:7px}.ld-room-count{font-size:10px}.ld-avatars .ld-avatar-btn{width:22px;height:22px;font-size:8px;border-width:1px;margin-left:-8px}.ld-share-pill{padding:7px 8px;font-size:9px;gap:5px}.ld-player{padding:10px}.ld-player-row{gap:10px}.ld-player-time,.ld-muted-pill{font-size:10px}.ld-features{padding-top:100px;padding-bottom:90px;gap:38px}.ld-timeline{margin-top:28px}.ld-timeline li{gap:14px}.ld-devices{height:495px;min-height:0}.ld-phone-main{width:230px;height:465px;left:0}.ld-phone-invite{width:195px;height:420px;right:0;top:9%}.ld-phone-main .ld-phone-photo{height:150px}.ld-phone-main .ld-phone-chat p{margin:8px 0}.ld-phone-main .ld-phone-chat{padding-top:9px}.ld-phone-main .ld-phone-input{margin-top:4px}.ld-phone-invite-art{height:150px}.ld-phone-invite-copy{padding:14px}.ld-phone-invite-copy strong{font-size:23px}.ld-phone-invite-copy p{font-size:10px}.ld-device-caption{bottom:-18px;right:0;font-size:9px}.ld-about{padding-top:85px;padding-bottom:90px;gap:40px}.ld-about .ld-h-display{font-size:clamp(53px,13vw,76px)}.ld-about-detail{margin-top:28px}.ld-about-media{aspect-ratio:4 / 5}.ld-about-media img{object-position:45% center}.ld-how{padding-top:90px}.ld-how-grid{margin-top:45px;gap:35px}.ld-how-step{border-bottom:1px solid var(--ld-line-soft);padding-bottom:34px}.ld-final{padding-top:100px}.ld-final-title{font-size:clamp(50px,12vw,74px)}.ld-footer{padding-top:100px}.ld-footer-word{font-size:clamp(64px,16vw,90px)}}@media (prefers-reduced-motion: reduce){.ld-scroll-cue i,.ld-how-step .ld-mini,.ld-quote,.ld-platform{animation:none;transition:none}}.ld-feature-story{padding-top:130px;padding-bottom:70px}.ld-feature-story-head{max-width:720px;margin-bottom:38px}.ld-feature-story-head .ld-h-display{font-size:clamp(60px,7vw,108px);margin:22px 0;line-height:.98}.ld-feature-story-head>p{max-width:510px;color:var(--ld-muted);font-size:18px;line-height:1.55}.ld-storyline{position:relative}.ld-story-scene{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(70px,8vw,120px);align-items:center;min-height:660px;padding:65px 0}.ld-story-scene--desktop .ld-story-visual,.ld-story-scene--phone .ld-story-visual{grid-column:1;grid-row:1}.ld-story-scene--desktop .ld-story-copy,.ld-story-scene--phone .ld-story-copy{grid-column:2;grid-row:1}.ld-story-scene--tablet .ld-story-copy{grid-column:1;grid-row:1}.ld-story-scene--tablet .ld-story-visual{grid-column:2;grid-row:1}.ld-story-node{position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%);width:54px;height:54px;display:grid;place-items:center;border:1px solid var(--ld-gold);border-radius:50%;background:var(--ld-bg);color:var(--ld-gold);font:500 20px var(--ld-serif)}.ld-story-copy{position:relative;z-index:1;max-width:500px}.ld-story-eyebrow,.ld-story-stage-label{color:var(--ld-gold);font-size:10px;font-weight:700;letter-spacing:.24em;text-transform:uppercase}.ld-story-copy h3{margin:24px 0 18px;color:var(--ld-cream);font:500 clamp(46px,5vw,76px) / 1.02 var(--ld-serif);letter-spacing:-.02em}.ld-story-copy>p{max-width:430px;margin:0;color:var(--ld-cream-dim);font-size:clamp(16px,1.15vw,18px);line-height:1.65}.ld-story-time{display:flex;align-items:center;gap:9px;margin-top:50px;color:var(--ld-faint);font-size:11px;letter-spacing:.06em}.ld-story-time i{width:18px;height:1px;background:var(--ld-gold)}.ld-story-visual{min-width:0;display:flex;flex-direction:column;align-items:center;gap:24px}.ld-story-stage-label{color:var(--ld-faint);font-size:9px}.ld-monitor{width:min(100%,550px);filter:drop-shadow(0 30px 45px rgba(0,0,0,.5))}.ld-monitor-bezel{padding:10px;border:1px solid var(--bg-3);border-radius:15px;background:linear-gradient(145deg,var(--bg-3),var(--bg))}.ld-monitor-top{display:flex;align-items:center;gap:2px;padding:10px 12px 16px;color:var(--ld-cream);font:500 15px var(--ld-serif)}.ld-monitor-top>span:nth-child(2),.ld-tablet-head b span{color:var(--ld-gold)}.ld-monitor-light{width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--bg-3);box-shadow:0 0 10px var(--bg-3)}.ld-monitor-top small{margin-left:auto;color:var(--ld-faint);font:10px var(--ld-sans)}.ld-monitor-room{display:grid;grid-template-columns:minmax(0,1fr) 31%;background:var(--bg);border-radius:7px;overflow:hidden}.ld-monitor-video{height:260px;position:relative;overflow:hidden}.ld-monitor-video img,.ld-tablet-film img,.ld-turn-phone>img{width:100%;height:100%;object-fit:cover;display:block}.ld-monitor-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:var(--ld-gold);color:var(--bg-2);font-size:16px}.ld-monitor-controls{position:absolute;bottom:0;left:0;right:0;display:grid;gap:9px;padding:13px 14px 9px;background:linear-gradient(transparent,#000000d9);color:var(--text);font-size:10px}.ld-monitor-controls i{position:relative;height:3px;border-radius:99px;background:rgba(var(--olive-text-rgb),.22);overflow:hidden}.ld-monitor-controls i b{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--ld-gold),var(--ld-gold-2))}.ld-monitor-chat{padding:12px 10px;border-left:1px solid var(--ld-line);color:var(--ld-cream-dim);font-size:10px}.ld-monitor-chat>b,.ld-tablet-chat>b{display:flex;justify-content:space-between;color:var(--ld-cream);font-weight:600}.ld-monitor-chat>b span,.ld-tablet-chat>b i{color:var(--muted);font-size:9px;font-style:normal}.ld-monitor-chat p,.ld-tablet-chat p{display:flex;gap:6px;margin:15px 0;line-height:1.35}.ld-monitor-chat p em,.ld-tablet-chat p em{flex:none;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--bg-3);color:var(--bg);font:700 9px var(--ld-sans)}.ld-monitor-chat p:nth-of-type(2) em,.ld-tablet-chat p:nth-of-type(2) em{background:var(--bg-3)}.ld-monitor-chat p:nth-of-type(3) em,.ld-tablet-chat p:nth-of-type(3) em{background:var(--bg-3)}.ld-monitor-chat p strong{display:block;color:var(--ld-cream)}.ld-monitor-chat>div,.ld-tablet-chat>div{display:flex;justify-content:space-between;margin-top:19px;padding:8px;border:1px solid var(--ld-line);border-radius:5px;color:var(--ld-faint);font-size:9px}.ld-monitor-base{width:120px;height:76px;margin:auto;background:linear-gradient(90deg,var(--bg-2),var(--bg-3) 48%,var(--bg-2));clip-path:polygon(43% 0,57% 0,66% 86%,90% 100%,10% 100%,34% 86%)}.ld-tablet{position:relative;width:min(100%,560px);aspect-ratio:1.43;padding:18px;border:5px solid var(--bg-3);border-radius:25px;background:var(--bg);box-shadow:0 35px 85px #00000080,inset 0 0 0 1px #66636a;transform:rotate(3deg)}.ld-tablet-camera{position:absolute;top:50%;left:7px;width:4px;height:4px;border-radius:50%;background:var(--bg-3)}.ld-tablet-screen{height:100%;background:var(--bg);border-radius:9px;overflow:hidden}.ld-tablet-head{height:42px;display:flex;align-items:center;gap:13px;padding:0 14px;border-bottom:1px solid var(--ld-line-soft);color:var(--ld-muted);font-size:10px}.ld-tablet-head b{color:var(--ld-cream);font:500 17px var(--ld-serif)}.ld-tablet-head>span{margin-left:auto}.ld-tablet-body{display:grid;grid-template-columns:56% 44%;height:calc(100% - 42px)}.ld-tablet-film{position:relative;overflow:hidden}.ld-tablet-film>span{position:absolute;inset:auto 0 0;padding:18px 12px 10px;background:linear-gradient(transparent,#000000d9);color:var(--text);font-size:10px}.ld-tablet-chat{min-width:0;padding:13px;border-left:1px solid var(--ld-line);color:var(--ld-cream-dim);font-size:11px}.ld-tablet-chat p{margin:17px 0}.ld-tablet-chat p span{color:var(--ld-cream);font-weight:600}.ld-tablet-chat p small{display:block;color:var(--ld-muted);font-size:10px;font-weight:400}.ld-phone-stage{position:relative;width:min(100%,530px);height:490px;display:grid;place-items:center;perspective:1000px}.ld-turn-phone{position:absolute;overflow:hidden;border:5px solid var(--bg-3);border-radius:32px;background:var(--bg);box-shadow:0 40px 75px #00000094,inset 0 0 0 1px #66636a}.ld-turn-phone--portrait{width:230px;height:440px;transform:rotate(-7deg)}.ld-turn-phone--portrait>img{height:175px}.ld-turn-notch{position:absolute;z-index:2;top:8px;left:50%;transform:translate(-50%);width:70px;height:14px;border-radius:20px;background:var(--bg)}.ld-turn-phone-top{display:flex;align-items:end;padding:12px 14px 9px;height:52px;color:var(--ld-cream);font:500 15px var(--ld-serif)}.ld-turn-phone-top>span{color:var(--ld-gold)}.ld-turn-phone-top small{margin-left:auto;color:var(--ld-muted);font:10px var(--ld-sans)}.ld-turn-phone--portrait strong{display:block;padding:25px 17px 0;color:var(--ld-cream);font:500 29px var(--ld-serif)}.ld-turn-phone--portrait p{padding:0 17px;color:var(--ld-muted);font-size:12px}.ld-turn-hint{display:block;margin:25px 17px;padding:12px;border:1px solid var(--ld-gold);border-radius:7px;color:var(--ld-gold);font-size:11px;text-align:center}.ld-turn-phone--landscape{width:min(490px,100%);aspect-ratio:1.85;opacity:0;transform:scale(.75) rotate(-6deg)}.ld-turn-phone--landscape>img{height:100%}.ld-turn-phone--landscape .ld-turn-notch{left:11px;top:50%;width:12px;height:70px;transform:translateY(-50%)}.ld-turn-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:17px 30px 13px;color:var(--text);background:linear-gradient(transparent 55%,#0009);font-size:11px}.ld-turn-overlay b{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:var(--ld-gold);color:var(--bg-2)}.ld-turn-overlay i{align-self:stretch;height:2px;background:linear-gradient(90deg,var(--ld-gold) 50%,var(--bg-3) 50%)}.ld-story-outro{display:flex;justify-content:space-between;max-width:640px;margin:22px auto 0;padding-top:25px;border-top:1px solid var(--ld-line);color:var(--ld-cream-dim);font:500 20px var(--ld-serif)}.ld-story-outro span{color:var(--ld-gold)}.ld-about-story{position:relative;padding-top:140px;padding-bottom:130px}.ld-about-story-head{position:relative;z-index:2;max-width:650px}.ld-about-story-head .ld-h-display{margin:24px 0;font-size:clamp(60px,7vw,105px);line-height:.98}.ld-about-story-head .ld-lead{max-width:500px;color:var(--ld-cream-dim);font-size:19px;line-height:1.6}.ld-about-story-canvas{position:relative;min-height:660px;margin-top:-120px}.ld-about-story-main{position:absolute;width:65%;height:510px;top:50px;right:0;margin:0;overflow:hidden;border-radius:12px;box-shadow:0 35px 85px #00000059}.ld-about-story-main img,.ld-about-story-still img{width:100%;height:100%;object-fit:cover;display:block}.ld-about-story-main:after{content:"";position:absolute;top:55%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#000000a6)}.ld-about-story-main figcaption{position:absolute;z-index:1;bottom:20px;left:24px;color:var(--text);font-size:12px}.ld-about-story-main figcaption i{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--bg-3)}.ld-about-story-still{position:absolute;z-index:2;width:35%;height:250px;left:5%;bottom:20px;margin:0;padding:8px;background:var(--bg-2);transform:rotate(-4deg);box-shadow:0 25px 70px #00000080}.ld-about-story-still img{height:calc(100% - 23px)}.ld-about-story-still figcaption{color:var(--ld-cream-dim);padding:5px 2px 0;font-size:10px;letter-spacing:.12em}.ld-about-story-note{position:absolute;z-index:3;left:10%;top:200px;width:245px;padding:18px 20px;border:1px solid var(--ld-line);border-radius:10px;background:var(--bg-2);box-shadow:0 25px 65px #0000006b;transform:rotate(3deg)}.ld-about-story-note>span{color:var(--ld-gold);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.ld-about-story-note p{color:var(--ld-cream);font:500 22px/1.2 var(--ld-serif);margin:17px 0 11px}.ld-about-story-note small{color:var(--ld-faint)}.ld-about-story-index{position:absolute;right:3%;bottom:37px;color:var(--ld-faint);font-size:10px;letter-spacing:.17em}.ld-about-story-index span{color:var(--muted);margin:0 9px}.ld-about-story-disclaimer{margin:0;padding-top:18px;border-top:1px solid var(--ld-line);color:var(--ld-faint);font-size:12px}.ld-platform-marquee{position:relative;margin-top:28px;padding:20px 0;overflow:hidden;border-top:1px solid var(--ld-line);border-bottom:1px solid var(--ld-line);-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}.ld-platform-marquee-track{display:flex;width:max-content;animation:ldMarquee 36s linear infinite}.ld-platform-marquee-set{display:flex;flex:none;gap:12px;padding-right:12px}.ld-platform-logo{flex:none;width:242px;min-height:88px;display:flex;align-items:center;gap:17px;padding:16px 19px;border-right:1px solid var(--ld-line)}.ld-platform-logo img{flex:none;width:34px;height:34px;object-fit:contain;filter:brightness(0) invert(1);opacity:.9}.ld-platform-logo strong,.ld-platform-logo small{display:block}.ld-platform-logo strong{color:var(--ld-cream);font:500 21px var(--ld-serif);white-space:nowrap}.ld-platform-logo small{margin-top:5px;color:var(--ld-faint);font-size:10px;white-space:nowrap}.ld-platform-marquee:hover .ld-platform-marquee-track,.ld-platform-marquee:focus-within .ld-platform-marquee-track{animation-play-state:paused}@keyframes ldMarquee{to{transform:translate(-50%)}}@media (max-width: 900px){.ld-story-scene{display:flex;flex-direction:column;align-items:stretch;gap:40px;min-height:0;padding:70px 0 70px 76px}.ld-story-node{top:85px;left:25px;width:48px;height:48px}.ld-story-copy{order:1}.ld-story-visual{order:2;align-items:flex-start}.ld-story-copy h3{font-size:clamp(48px,9vw,75px)}.ld-story-time{margin-top:22px}.ld-phone-stage{height:470px}.ld-about-story-canvas{margin-top:30px;min-height:530px}.ld-about-story-main{width:76%;height:390px}.ld-about-story-still{width:37%;height:190px}.ld-about-story-note{left:1%;top:140px}}@media (max-width: 560px){.ld-feature-story{padding-top:100px;padding-bottom:55px}.ld-feature-story-head .ld-h-display,.ld-about-story-head .ld-h-display{font-size:clamp(57px,13vw,74px)}.ld-feature-story-head>p,.ld-about-story-head .ld-lead{font-size:16px}.ld-story-scene{padding-left:43px;padding-right:0;gap:30px}.ld-story-node{left:14px;width:29px;height:29px;font-size:12px}.ld-story-copy h3{font-size:50px;margin-top:15px}.ld-story-copy>p{font-size:14px}.ld-monitor-bezel{padding:5px}.ld-monitor-room{grid-template-columns:1fr 36%}.ld-monitor-video{height:180px}.ld-monitor-top{font-size:11px;padding:7px 5px}.ld-monitor-top small{font-size:7px}.ld-monitor-chat{padding:6px 4px;font-size:7px}.ld-monitor-chat p{margin:9px 0}.ld-monitor-chat p em{width:14px;height:14px;font-size:7px}.ld-monitor-chat>div{display:none}.ld-monitor-base{height:45px;width:70px}.ld-tablet{padding:9px;border-width:3px;border-radius:15px}.ld-tablet-head{height:25px;padding:0 6px;font-size:7px;gap:3px}.ld-tablet-head b{font-size:10px}.ld-tablet-body{height:calc(100% - 25px)}.ld-tablet-chat{padding:5px;font-size:7px}.ld-tablet-chat p{margin:7px 0;gap:3px}.ld-tablet-chat p em{width:13px;height:13px;font-size:7px}.ld-tablet-chat p small{font-size:6px}.ld-tablet-chat>div{display:none}.ld-phone-stage{height:345px}.ld-turn-phone--portrait{width:160px;height:300px;border-radius:23px;border-width:3px}.ld-turn-phone--portrait>img{height:110px}.ld-turn-phone-top{height:37px;font-size:11px}.ld-turn-phone--portrait strong{font-size:20px;padding-top:18px}.ld-turn-phone--portrait p{font-size:9px}.ld-turn-hint{margin-top:15px;padding:7px;font-size:8px}.ld-turn-phone--landscape{width:100%}.ld-story-outro{font-size:17px}.ld-about-story{padding-top:110px;padding-bottom:100px}.ld-about-story-canvas{min-height:450px;margin-top:35px}.ld-about-story-main{width:86%;height:285px;top:5px}.ld-about-story-main img{object-position:center}.ld-about-story-still{width:49%;height:135px;bottom:23px;left:0}.ld-about-story-still figcaption{font-size:7px}.ld-about-story-note{width:168px;top:240px;left:8%;padding:11px}.ld-about-story-note p{font-size:16px;margin:8px 0}.ld-about-story-note>span{font-size:7px}.ld-about-story-index{bottom:0;right:0;font-size:7px}.ld-platform-logo{width:205px;padding:12px}.ld-platform-logo img{width:30px;height:30px}.ld-platform-logo strong{font-size:18px}}@media (prefers-reduced-motion: reduce){.ld-turn-phone--portrait{display:none}.ld-turn-phone--landscape{opacity:1;transform:none}.ld-platform-marquee-track,.ld-how-caret{animation:none}.ld-platform-marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.ld-platform-marquee-set[aria-hidden=true]{display:none}}.ld-feature-story{width:min(1580px,calc(100% - 80px))}.ld-feature-story-head{margin-left:clamp(0px,6vw,92px);margin-bottom:15px}.ld-storyline{isolation:isolate}.ld-story-route{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.ld-story-route path{fill:none;stroke:#d9b36c24;stroke-width:1.3;vector-effect:non-scaling-stroke}.ld-story-route [data-story-route-progress]{stroke:var(--ld-gold);stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:0;filter:drop-shadow(0 0 6px rgba(217,179,108,.4))}.ld-story-scene{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(70px,8vw,140px);padding-block:clamp(80px,9vw,130px);min-height:680px;align-items:center}.ld-story-scene--desktop{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.ld-story-scene--tablet{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.ld-story-scene--phone{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)}.ld-story-scene--desktop .ld-story-visual,.ld-story-scene--phone .ld-story-visual{grid-column:1;grid-row:1;justify-self:center}.ld-story-scene--desktop .ld-story-copy,.ld-story-scene--phone .ld-story-copy{grid-column:2;grid-row:1;justify-self:start}.ld-story-scene--tablet .ld-story-copy{grid-column:1;grid-row:1;justify-self:end}.ld-story-scene--tablet .ld-story-visual{grid-column:2;grid-row:1;justify-self:center}.ld-story-node{left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 10px var(--ld-bg),0 0 24px rgba(var(--olive-accent-rgb),.22)}.ld-story-copy{position:relative;z-index:1;max-width:520px}.ld-story-copy h3{margin:22px 0 18px;color:var(--ld-cream);font:500 clamp(48px,5.2vw,76px) / 1.02 var(--ld-serif);letter-spacing:-.02em}.ld-story-copy>p{max-width:440px;margin:0;color:var(--ld-cream-dim);font-size:clamp(16px,1.15vw,18px);line-height:1.65}.ld-story-scene--desktop .ld-story-copy,.ld-story-scene--tablet .ld-story-copy,.ld-story-scene--phone .ld-story-copy{margin-top:0}.ld-story-outro{margin-top:65px}.ld-monitor-play svg{width:18px;height:18px}.ld-monitor-controls span{display:inline-flex;align-items:center;gap:6px}.ld-monitor-controls span svg{width:10px;height:10px}.ld-monitor-chat>div svg,.ld-tablet-chat>div svg{width:11px;height:11px;flex:none}.ld-tablet-film>span{display:flex;align-items:center;gap:7px}.ld-tablet-film>span svg{width:11px;height:11px;flex:none}.ld-live-dot{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--bg-3);box-shadow:0 0 7px rgba(var(--olive-muted-rgb),.9);vertical-align:1px}.ld-monitor-chat>b span{display:inline-flex;align-items:center}.ld-turn-hint{display:flex;align-items:center;justify-content:center;gap:8px}.ld-turn-hint svg{width:14px;height:14px}.ld-turn-overlay b svg{width:18px;height:18px}.ld-how-story{width:min(1440px,calc(100% - 80px))}.ld-how-story-head{margin-left:clamp(0px,5vw,80px)}.ld-how-story-sequence{margin-top:75px}.ld-how-beat{gap:8%;min-height:540px}.ld-how-beat--first{grid-template-columns:39% 53%}.ld-how-beat--second{grid-template-columns:54% 38%}.ld-how-beat--third{grid-template-columns:39% 53%}.ld-how-beat--first .ld-how-beat-copy{align-self:start;padding-top:72px}.ld-how-beat--second .ld-how-beat-copy{align-self:end;padding-bottom:30px}.ld-how-beat--third .ld-how-beat-copy{align-self:start;padding-top:60px}.ld-how-beat-visual--room{width:min(100%,560px);max-width:none;justify-self:end;transform:rotate(2deg)}.ld-how-beat-visual--invite{width:min(100%,540px);max-width:none;justify-self:start}.ld-how-beat-visual--watch{width:min(100%,620px);height:360px;justify-self:end;transform:rotate(-2deg)}.ld-how-cut{position:relative;z-index:1;height:125px;display:flex;align-items:center;gap:16px;color:var(--ld-faint);font-size:10px;letter-spacing:.2em}.ld-how-cut i{flex:none;display:block;width:clamp(150px,35vw,450px);height:1px;background:linear-gradient(90deg,transparent,var(--ld-gold) 15%,var(--ld-gold) 85%,transparent);transform-origin:left center}.ld-how-cut b{color:var(--ld-gold);font-weight:500;white-space:nowrap}.ld-how-cut--left{justify-content:flex-start;padding-left:16%;transform:rotate(-7deg)}.ld-how-cut--right{justify-content:flex-end;padding-right:11%;transform:rotate(7deg)}.ld-how-cut--right i{order:2;transform-origin:right center}.ld-how-cut--right b{order:3}.ld-how-story .ld-how-story-sequence{margin-top:10px}.ld-how-story .ld-how-beat{min-height:0;padding:70px 0}.ld-how-story .ld-how-beat-visual{width:min(100%,560px)}.ld-hw-num{display:inline-flex;align-items:center;gap:10px;color:var(--ld-gold)!important;font-size:12px!important;letter-spacing:.28em!important;font-weight:700}.ld-hw-num:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ld-gold-2);box-shadow:0 0 12px rgba(var(--olive-accent-rgb),.9)}.ld-hw-btn{display:inline-flex;align-items:center;gap:10px;margin-top:28px;padding:13px 26px;border:1px solid var(--ld-gold);border-radius:999px;color:var(--ld-gold-2);font-size:14px;font-weight:700;transition:background .2s ease,color .2s ease}.ld-hw-btn:hover{background:rgba(var(--olive-accent-rgb),.1);color:var(--ld-cream)}.ld-hw-btn svg{width:15px;height:15px}.ld-hw-btn.is-solid{border:none;background:linear-gradient(180deg,var(--ld-gold-2),var(--ld-gold));color:var(--ld-gold-ink)}.ld-hw-btn.is-solid:hover{color:var(--ld-gold-ink)}.ld-hw-tv{position:relative;margin:0;width:100%;border-radius:14px;overflow:hidden;border:1px solid var(--ld-line);box-shadow:0 40px 90px #00000080}.ld-hw-tv img{display:block;width:100%;height:clamp(240px,28vw,360px);object-fit:cover}.ld-hw-tv figcaption{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:radial-gradient(ellipse at center,#0000001f,#0000008c)}.ld-hw-tv figcaption b{color:var(--ld-cream);font:500 26px var(--ld-serif)}.ld-hw-tv figcaption span{font-size:13px;color:var(--ld-cream-dim)}.ld-hw-search{width:100%;border:1px solid var(--ld-line);border-radius:16px;background:var(--bg);padding:20px;box-shadow:0 40px 90px #00000080}.ld-hw-searchbar{display:flex;align-items:center;gap:12px;border:1px solid var(--ld-line);border-radius:10px;padding:8px 8px 8px 16px;color:var(--ld-faint);font-size:13.5px;background:rgba(var(--olive-text-rgb),.02)}.ld-hw-searchbar>svg{width:16px;height:16px;flex:none}.ld-hw-searchbar>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ld-hw-searchbar em{margin-left:auto;display:grid;place-items:center;width:34px;height:34px;flex:none;border:1px solid var(--ld-line);border-radius:8px;font-style:normal}.ld-hw-searchbar em svg{width:15px;height:15px;color:var(--ld-cream-dim)}.ld-hw-searchhead{display:flex;align-items:center;justify-content:space-between;margin:20px 2px 14px}.ld-hw-searchhead b{font-size:14px;color:var(--ld-cream)}.ld-hw-searchhead span{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--ld-gold-2)}.ld-hw-searchhead span svg{width:13px;height:13px}.ld-hw-posters{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ld-hw-posters figure{margin:0;min-width:0}.ld-hw-posters img{display:block;width:100%;aspect-ratio:2 / 3;object-fit:cover;border-radius:8px;border:1px solid var(--ld-line-soft)}.ld-hw-posters figcaption{padding-top:8px}.ld-hw-posters figcaption b{display:block;font-size:12px;color:var(--ld-cream);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ld-hw-posters figcaption span{font-size:11px;color:var(--ld-faint)}.ld-hw-invite{width:100%;border:1px solid var(--ld-line);border-radius:16px;background:var(--bg);padding:24px;box-shadow:0 40px 90px #00000080}.ld-hw-invite-head{display:flex;gap:14px;align-items:flex-start}.ld-hw-invite-head>em{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:12px;background:rgba(var(--olive-accent-rgb),.12);color:var(--ld-gold-2);font-style:normal}.ld-hw-invite-head>em svg{width:19px;height:19px}.ld-hw-invite-head b{display:block;font-size:15px;color:var(--ld-cream)}.ld-hw-invite-head span{font-size:12.5px;color:var(--ld-muted)}.ld-hw-invite-url{display:flex;gap:8px;margin-top:18px;border:1px solid var(--ld-line);border-radius:10px;padding:6px 6px 6px 14px;align-items:center;background:rgba(var(--olive-text-rgb),.02)}.ld-hw-invite-url>span{flex:1;min-width:0;font-size:12.5px;color:var(--ld-cream-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ld-hw-invite-url b{display:inline-flex;align-items:center;gap:7px;flex:none;background:linear-gradient(180deg,var(--ld-gold-2),var(--ld-gold));color:var(--ld-gold-ink);border-radius:7px;padding:10px 16px;font-size:13px}.ld-hw-invite-url b svg{width:14px;height:14px}.ld-hw-invite-foot{display:flex;align-items:center;gap:18px;margin-top:18px}.ld-hw-avatars{display:flex;flex:none}.ld-hw-avatars i{width:30px;height:30px;border-radius:50%;border:2px solid var(--bg);margin-left:-9px;display:grid;place-items:center;font-size:11px;font-weight:800;font-style:normal;color:var(--bg)}.ld-hw-avatars i:first-child{margin-left:0}.ld-hw-avatars .is-more{background:var(--bg-3);color:var(--ld-cream-dim);font-size:10px}.ld-hw-share{margin-left:auto;text-align:right}.ld-hw-share small{display:block;font-size:11px;color:var(--ld-faint);margin-bottom:8px}.ld-hw-share>span{display:flex;gap:8px;justify-content:flex-end}.ld-hw-share i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--ld-line);background:rgba(var(--olive-text-rgb),.03);color:var(--ld-cream-dim);font-style:normal}.ld-hw-share i svg{width:16px;height:16px}.ld-hw-player{width:100%;border:1px solid var(--ld-line);border-radius:16px;background:var(--bg);overflow:hidden;box-shadow:0 40px 90px #00000080}.ld-hw-player-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--ld-line-soft)}.ld-hw-player-head>b{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--ld-cream)}.ld-hw-player-head>b svg{width:13px;height:13px;color:var(--ld-muted)}.ld-hw-player-head>span{display:flex;gap:14px;color:var(--ld-muted)}.ld-hw-player-head em{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-style:normal}.ld-hw-player-head em svg{width:15px;height:15px}.ld-hw-player-screen{position:relative;min-height:300px;overflow:hidden}.ld-hw-player-screen>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ld-hw-player-screen .ld-how-dim{z-index:1}.ld-hw-chat{position:relative;z-index:2;list-style:none;margin:0 0 0 auto;width:min(230px,58%);min-height:300px;display:flex;flex-direction:column;justify-content:center;gap:13px;padding:20px 16px;background:rgba(var(--olive-bg-rgb),.8);border-left:1px solid var(--ld-line-soft)}.ld-hw-chat li{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:var(--ld-cream-dim)}.ld-hw-chat li i{width:26px;height:26px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:800;font-style:normal;color:var(--bg)}.ld-hw-chat li b{color:var(--ld-cream);font-size:12px;margin-right:5px}.ld-hw-player-bar{display:flex;align-items:center;gap:14px;padding:13px 18px;border-top:1px solid var(--ld-line-soft);color:var(--text)}.ld-hw-player-bar>svg{width:16px;height:16px;flex:none}.ld-hw-time{font-size:12px;font-variant-numeric:tabular-nums;opacity:.85;white-space:nowrap}.ld-hw-track{flex:1;height:3px;border-radius:99px;background:rgba(var(--olive-text-rgb),.22)}.ld-hw-track i{display:block;height:100%;border-radius:99px;background:var(--ld-gold-2)}@media (max-width: 900px){.ld-hw-posters{grid-template-columns:repeat(2,1fr)}.ld-hw-invite-foot{flex-wrap:wrap}.ld-hw-share{margin-left:0;text-align:left}.ld-hw-share>span{justify-content:flex-start}.ld-hw-player-screen,.ld-hw-chat{min-height:240px}.ld-hw-chat{width:min(200px,62%)}.ld-how-story .ld-how-beat{padding:56px 0}}@media (max-width: 1100px){.ld-story-route{display:none}.ld-story-scene{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6%;min-height:610px;padding-block:80px}.ld-story-scene .ld-story-copy,.ld-story-scene .ld-story-visual{grid-row:1}.ld-story-node{display:none}.ld-story-scene--tablet .ld-story-copy{grid-column:1}.ld-story-scene--tablet .ld-story-visual{grid-column:2}.ld-story-scene--desktop .ld-story-visual,.ld-story-scene--phone .ld-story-visual{grid-column:1}.ld-story-scene--desktop .ld-story-copy,.ld-story-scene--phone .ld-story-copy{grid-column:2}.ld-story-scene .ld-story-copy{margin-top:0}.ld-how-beat-visual--watch{height:300px}}@media (max-width: 900px){.ld-feature-story,.ld-how-story{width:min(var(--ld-max),calc(100% - 40px))}.ld-feature-story-head,.ld-how-story-head{margin-left:0}.ld-story-scene{display:flex;flex-direction:column;align-items:stretch;gap:32px;min-height:0;padding:75px 0 75px 45px}.ld-story-scene .ld-story-copy,.ld-story-scene .ld-story-visual{grid-column:auto;grid-row:auto}.ld-story-scene .ld-story-copy{order:1}.ld-story-scene .ld-story-visual{order:2}.ld-story-node{display:grid;top:88px!important;left:13px!important}.ld-story-scene:before{content:"";position:absolute;top:0;left:13px;width:42px;height:85px;border-left:1px solid var(--ld-gold);border-bottom:1px solid var(--ld-gold);border-radius:0 0 0 40px;opacity:.6}.ld-story-scene--tablet:before{left:auto;right:0;transform:scaleX(-1)}.ld-how-beat{display:flex;gap:32px;min-height:0;padding:55px 0 50px 45px}.ld-how-beat-copy,.ld-how-beat-visual{padding:0!important;transform:none}.ld-how-cut{height:70px}.ld-how-cut--left{padding-left:5%}.ld-how-cut--right{padding-right:0}}@media (max-width: 560px){.ld-feature-story,.ld-how-story{width:calc(100% - 32px)}.ld-story-scene{padding-left:40px}.ld-story-scene:before{left:9px;width:26px}.ld-story-scene--tablet:before{right:0;left:auto}.ld-story-node{left:9px!important}.ld-story-copy h3{font-size:clamp(42px,11vw,54px)}.ld-how-beat{padding-left:16px}.ld-how-cut i{width:clamp(75px,25vw,160px)}.ld-how-cut{gap:8px;font-size:8px}.ld-how-cut--left{padding-left:0}.ld-how-beat-visual--watch{height:215px}}.ld-hscroll{position:relative;overflow:hidden;margin:78px 0 6px;padding:20px 0;border-block:1px solid var(--ld-line-soft)}.ld-hscroll-track{display:flex;gap:64px;width:max-content;will-change:transform}.ld-hscroll-track>span{display:inline-flex;align-items:center;gap:16px;white-space:nowrap;color:var(--ld-faint);font-size:12px;font-weight:700;letter-spacing:.26em;text-transform:uppercase}.ld-hscroll-track>span i{flex:none;width:5px;height:5px;border-radius:50%;background:var(--ld-gold-2);box-shadow:0 0 10px rgba(var(--olive-accent-rgb),.8)}.ld-monitor{position:relative}.ld-monitor:before{content:"";position:absolute;top:-12%;right:-14%;bottom:-8%;left:-14%;z-index:-1;background:radial-gradient(closest-side,rgba(var(--olive-accent-rgb),.13),transparent 72%);pointer-events:none}.ld-monitor-bezel{border:1px solid var(--bg-3);background:linear-gradient(180deg,var(--bg-3),var(--bg));box-shadow:inset 0 1px rgba(var(--olive-text-rgb),.06)}.ld-monitor-video{cursor:pointer;outline:none}.ld-monitor-video:focus-visible{box-shadow:inset 0 0 0 2px rgba(var(--olive-accent-rgb),.7)}.ld-monitor-video img{transition:transform 7s ease}.ld-monitor.is-playing .ld-monitor-video img{transform:scale(1.07)}.ld-monitor-play{overflow:visible;box-shadow:0 8px 30px #00000073;transition:opacity .35s ease,transform .35s ease}.ld-monitor-play:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:50%;border:1px solid rgba(var(--olive-accent-rgb),.6);animation:ldPlayRing 2.4s ease-out infinite}.ld-monitor.is-playing .ld-monitor-play{opacity:0;transform:translate(-50%,-50%) scale(1.35);pointer-events:none}.ld-monitor.is-playing .ld-monitor-play:after{animation:none}@keyframes ldPlayRing{0%{transform:scale(.82);opacity:.85}to{transform:scale(1.4);opacity:0}}.ld-monitor.is-playing .ld-monitor-chat p{animation:ldChatPop .5s cubic-bezier(.2,.7,.3,1) both}.ld-monitor.is-playing .ld-monitor-chat p:nth-of-type(2){animation-delay:.12s}.ld-monitor.is-playing .ld-monitor-chat p:nth-of-type(3){animation-delay:.24s}@keyframes ldChatPop{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.ld-monitor-typing{display:flex;align-items:center;gap:6px;margin:4px 0 14px;color:var(--ld-faint);font-size:9px}.ld-monitor-typing em{flex:none;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--bg-3);color:var(--bg);font:700 9px var(--ld-sans);font-style:normal}.ld-monitor-typing b{width:4px;height:4px;border-radius:50%;background:var(--ld-faint);animation:ldTypingDot 1.2s ease-in-out infinite}.ld-monitor-typing b:nth-of-type(2){animation-delay:.15s}.ld-monitor-typing b:nth-of-type(3){animation-delay:.3s}@keyframes ldTypingDot{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-3px);opacity:1}}@media (max-width: 900px){.ld-monitor-typing{display:none}.ld-hscroll{margin:56px 0 2px}}@media (prefers-reduced-motion: reduce){.ld-monitor-play:after,.ld-monitor.is-playing .ld-monitor-chat p,.ld-monitor-typing b{animation:none}.ld-monitor.is-playing .ld-monitor-chat p,.ld-monitor.is-playing .ld-monitor-video img{transform:none;transition:none}}.home-container{min-height:100dvh;width:100%;position:relative;background:radial-gradient(130% 90% at 50% 0%,rgba(var(--olive-bg-rgb),.62),rgba(var(--olive-bg-rgb),.88) 48%,rgba(var(--olive-bg-rgb),.97)),url(/og-assets/home-room.webp) no-repeat center top / cover fixed!important;background-color:var(--bg);color:var(--text);font-family:var(--font-body, "Manrope", sans-serif);display:flex;flex-direction:column}@media (max-width: 680px){.home-container{background:radial-gradient(130% 60% at 50% 0%,rgba(var(--olive-bg-rgb),.7) 0%,rgba(var(--olive-bg-rgb),.92) 55%,var(--bg) 100%),url(/og-assets/home-room.webp) no-repeat center top / cover scroll!important}}.home-top-chrome nav{background:transparent!important;border-bottom:1px solid rgba(var(--olive-text-rgb),.06)!important;height:64px}.home-top-nav-inner{max-width:1140px;margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between}.header-brand-section{display:flex;align-items:center}.header-brand-link{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.header-brand-text{font-family:Fraunces,serif;font-size:24px;font-weight:600;color:var(--text);letter-spacing:-.01em}.header-brand-text .brand-highlight{color:var(--accent)}.header-nav-actions{display:flex;align-items:center;gap:4px;margin-left:auto;justify-content:flex-end}.header-identity-cluster{position:relative;z-index:60;display:inline-flex;align-items:center;gap:8px;padding:3px 12px 3px 3px;border-radius:999px;border:1px solid rgba(var(--olive-text-rgb),.1);background:rgba(var(--olive-text-rgb),.02);transition:border-color .35s cubic-bezier(.4,0,.2,1),background-color .35s cubic-bezier(.4,0,.2,1)}.header-identity-cluster:hover{border-color:rgba(var(--olive-text-rgb),.2);background:rgba(var(--olive-text-rgb),.045)}.home-top-chrome .header-identity-cluster .notif-bell-btn{width:32px;height:32px;padding:0;color:var(--muted);background:transparent;border-color:transparent;box-shadow:none;transition:color .3s ease,background-color .3s ease}.home-top-chrome .header-identity-cluster .notif-bell-btn:hover{color:var(--text);background:rgba(var(--olive-text-rgb),.06);box-shadow:none}.home-top-chrome .header-identity-cluster .notif-bell-btn.active{color:var(--accent);background:rgba(var(--olive-accent-rgb),.1);border-color:transparent;box-shadow:none}.home-top-chrome .header-identity-cluster .header-profile-btn{padding:3px 10px 3px 3px;background:transparent;border-color:rgba(var(--olive-accent-rgb),.28);box-shadow:none;transition:border-color .35s cubic-bezier(.4,0,.2,1),background-color .35s cubic-bezier(.4,0,.2,1)}.home-top-chrome .header-identity-cluster .header-profile-btn:hover{background:rgba(var(--olive-accent-rgb),.08);border-color:rgba(var(--olive-accent-rgb),.6);box-shadow:none}.home-top-chrome .header-identity-cluster .header-profile-btn:active{transform:none}.hdr-action-btn{--hdr-soft: cubic-bezier(.4, 0, .2, 1);position:relative;width:36px;height:36px;flex-shrink:0;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:flex-start;padding:0 9px;overflow:hidden;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--muted);text-decoration:none;cursor:pointer;transition:width .34s var(--hdr-soft),transform .34s var(--hdr-soft),color .24s var(--hdr-soft),background-color .24s var(--hdr-soft),border-color .24s var(--hdr-soft)}.hdr-action-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.hdr-action-label{max-width:0;margin-left:0;overflow:hidden;white-space:nowrap;font-size:12.5px;font-weight:600;letter-spacing:.01em;color:var(--text);opacity:0;transition:max-width .34s var(--hdr-soft),margin-left .34s var(--hdr-soft),opacity .2s var(--hdr-soft)}.hdr-action-btn:hover,.hdr-action-btn:focus-visible{width:122px;color:var(--text);background:rgba(var(--olive-text-rgb),.05);border-color:rgba(var(--olive-text-rgb),.12);outline:none}.hdr-action-btn:focus-visible{box-shadow:0 0 0 2px rgba(var(--olive-accent-rgb),.4)}.hdr-action-btn:hover .hdr-action-label,.hdr-action-btn:focus-visible .hdr-action-label{max-width:200px;margin-left:9px;opacity:1}.hdr-action-btn:hover~.hdr-action-btn,.hdr-action-btn:focus-visible~.hdr-action-btn{transform:translate(10px)}.hdr-action-divider{margin-left:8px;padding-left:14px}.hdr-action-divider:before{content:"";position:absolute;top:50%;left:0;width:1px;height:18px;margin-top:-9px;background:rgba(var(--olive-text-rgb),.12)}.hdr-action-count{position:absolute;top:-5px;right:-7px;min-width:16px;height:16px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(var(--olive-accent-rgb),.55);background:var(--bg);color:var(--accent);font-size:9.5px;font-weight:700;line-height:1}@media (prefers-reduced-motion: reduce){.header-identity-cluster,.hdr-action-btn,.hdr-action-label,.notif-bell-btn{transition-duration:.01ms}.notif-bell-btn.active svg{animation:none}}@media (max-width: 680px){.home-top-chrome nav{height:56px}.home-top-nav-inner{padding:0 16px}.home-top-chrome .header-brand-text{display:inline-block!important;font-size:22px!important}.home-top-chrome .header-nav-actions>:not(.mobile-menu-btn){display:none!important}.home-top-chrome .mobile-menu-btn{display:inline-flex!important;background:transparent!important;border:none!important;color:var(--text)!important;padding:0!important;width:36px!important;height:36px!important}}.home{max-width:1140px!important;width:100%!important;margin:0 auto!important;padding:36px 24px 60px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:24px!important;flex:1!important;box-sizing:border-box!important}@media (max-width: 680px){.home{padding:20px 16px 40px!important;gap:18px!important}}.home-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px 34px 32px;box-sizing:border-box;min-width:0}.home-hero-kicker{display:block;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:rgba(var(--olive-accent-rgb),.55);margin-bottom:18px}.home-hero-lead{display:flex;flex-direction:column;gap:2px;font-family:Fraunces,serif;font-size:clamp(40px,3.6vw,56px);font-weight:400;line-height:1.1;letter-spacing:-.02em;margin:0 0 18px;text-wrap:balance}.home-hero-greeting{color:rgba(var(--olive-text-rgb),.86)}.home-hero-name{color:rgba(var(--olive-accent-rgb),.82);overflow-wrap:anywhere}.home-hero-sub{font-size:12.5px;line-height:1.55;letter-spacing:.004em;margin:0;max-width:30ch;color:rgba(var(--olive-muted-rgb),.42)}@media (max-width: 680px){.home-hero{padding:24px 20px 20px}.home-hero-lead{font-size:34px}.home-hero-sub{max-width:none}}@media (max-width: 680px){.home-hero-lead{font-size:30px}}.home-cards{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:28px!important;width:100%!important;max-width:1140px!important;align-items:stretch!important;box-sizing:border-box!important}@media (max-width: 680px){.home-cards{grid-template-columns:1fr!important;gap:16px!important}}.home-card{border-radius:16px;padding:36px 34px 32px;display:flex;flex-direction:column;gap:20px;box-shadow:0 12px 36px #00000059;position:relative;box-sizing:border-box}.create-room-card,.join-room-card{height:100%!important;display:flex!important;flex-direction:column!important}.home-card-header{display:flex;flex-direction:column;gap:8px;text-align:left}.home-card-title{font-family:Fraunces,serif;font-size:32px;font-weight:600;margin:0;letter-spacing:-.015em;line-height:1.15}.home-card-desc{font-size:14px;line-height:1.45;margin:0}.create-room-card{background:var(--bg-2)!important;border:1px solid rgba(0,0,0,.05)!important;color:var(--text)}.create-room-card .home-card-title,.create-room-card .home-card-desc{color:var(--text)!important}.create-room-card .home-field-label{color:var(--text)!important;font-size:13.5px;font-weight:600}.create-room-card .home-field-input{background:var(--bg-2)!important;border:1px solid rgba(0,0,0,.12)!important;color:var(--text)!important;border-radius:10px!important;height:48px!important;font-size:14.5px!important;padding:0 16px!important}.create-room-card .home-field-input::placeholder{color:var(--muted)!important}.create-room-card .home-field-input:focus{background:var(--bg-2)!important;border-color:var(--accent-line)!important;box-shadow:0 0 0 3px rgba(var(--olive-accent-rgb),.18)!important}.create-room-card .home-field-input:-webkit-autofill,.create-room-card .home-field-input:-webkit-autofill:hover,.create-room-card .home-field-input:-webkit-autofill:focus,.create-room-card .home-field-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px var(--bg-2) inset!important;-webkit-text-fill-color:var(--text)!important;transition:background-color 5000s ease-in-out 0s}.create-room-card .password-toggle-btn{background:transparent;border:none;color:var(--muted)!important}.create-room-card .password-toggle-btn:hover{color:var(--text)!important;background:#0000000d}.btn-create-submit{width:100%;height:48px;background:var(--accent-deep)!important;color:var(--text)!important;font-size:15px;font-weight:600;border-radius:10px;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s ease,transform .12s ease;margin-top:auto!important}.btn-create-submit:hover:not(:disabled){background:var(--accent-deep)!important}.btn-create-submit:active:not(:disabled){transform:scale(.985)}.btn-create-submit:disabled{opacity:.6;cursor:not-allowed}.submit-arrow{font-size:16px;font-weight:600;line-height:1;transition:transform .15s ease}.btn-create-submit:hover:not(:disabled) .submit-arrow,.btn-join-submit:hover:not(:disabled) .submit-arrow{transform:translate(2px)}@media (min-width: 681px){.submit-arrow{display:none!important}}@media (max-width: 680px){.create-room-card{background:var(--bg-2)!important;border:1px solid rgba(var(--olive-text-rgb),.08)!important;color:var(--text)!important;padding:24px 20px!important}.create-room-card .home-card-title{color:var(--text)!important;font-size:26px!important}.create-room-card .home-card-desc,.create-room-card .home-field-label{color:var(--muted)!important}.create-room-card .home-field-input{background:var(--bg-2)!important;border:1px solid rgba(var(--olive-text-rgb),.1)!important;color:var(--text)!important}.create-room-card .home-field-input::placeholder{color:var(--muted)!important}.create-room-card .home-field-input:focus{background:var(--bg-2)!important;border-color:var(--accent-line)!important;box-shadow:0 0 0 3px rgba(var(--olive-accent-rgb),.25)!important}.create-room-card .password-toggle-btn{color:var(--muted)!important}.create-room-card .password-toggle-btn:hover{color:var(--text)!important;background:rgba(var(--olive-text-rgb),.06)}}.join-room-card{background:var(--bg-2)!important;border:1px solid rgba(var(--olive-text-rgb),.08)!important;color:var(--text)}@media (max-width: 680px){.join-room-card{padding:24px 20px!important}.join-room-card .home-card-title{font-size:26px!important}}.join-room-card .home-card-title{color:var(--text)!important}.join-room-card .home-card-desc{color:var(--muted)!important}.join-room-card .home-field-label{color:var(--muted)!important;font-size:13.5px;font-weight:600}.btn-join-submit{width:100%;height:48px;background:var(--bg-3)!important;border:1px solid rgba(var(--olive-text-rgb),.07)!important;color:var(--muted)!important;font-size:15px;font-weight:600;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .15s ease;margin-top:auto!important}.btn-join-submit:hover:not(:disabled){background:var(--bg-3)!important;color:var(--text)!important;border-color:rgba(var(--olive-text-rgb),.14)!important}.btn-join-submit:active:not(:disabled){transform:scale(.985)}.btn-join-submit:disabled{opacity:.5;cursor:not-allowed}.join-or-divider{display:flex;align-items:center;gap:12px;margin:16px 0 10px;width:100%}.join-or-line{flex:1;height:1px;background:rgba(var(--olive-text-rgb),.08)}.join-or-text{font-size:13px;color:var(--muted)}.join-invite-link-btn{background:transparent;border:none;color:var(--accent)!important;font-size:14px;font-weight:500;cursor:pointer;padding:4px;margin:0 auto;display:inline-flex;align-items:center;gap:4px;transition:color .15s ease;text-decoration:none}.join-invite-link-btn:hover{color:var(--accent)!important;text-decoration:underline}.friends-card,.home-cards>.friends-card{grid-column:auto!important;max-width:100%!important;width:100%!important;margin:0!important;background:var(--bg-2)!important;border:1px solid rgba(var(--olive-text-rgb),.08)!important;border-radius:16px!important;padding:32px 34px!important;color:var(--text);box-sizing:border-box!important}.desktop-only-friends{display:flex!important}@media (max-width: 680px){.desktop-only-friends{display:none!important}}.friends-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;width:100%}.friends-card-title-group{display:flex;flex-direction:column;gap:4px;text-align:left}.friends-title-with-badge{display:flex;align-items:center;gap:10px}.friends-card-title-group .home-card-title{font-size:24px;font-weight:600;color:var(--text)}.friends-card-desc{font-size:13.5px;color:var(--muted);margin:4px 0 0}.friends-header-action-group{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.btn-add-friend-action{background:var(--bg-2)!important;border:1px solid rgba(var(--olive-text-rgb),.12)!important;border-radius:8px!important;padding:8px 16px!important;color:var(--text)!important;font-size:13.5px!important;font-weight:500!important;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease}.btn-add-friend-action:hover{background:var(--bg-3)!important;border-color:rgba(var(--olive-text-rgb),.2)!important;color:var(--text)!important}.btn-add-friend-action .plus-sign{font-size:15px;line-height:1}.friends-header-action-hint{font-size:11.5px;color:#636b78;text-align:right;margin-top:4px}.friends-card-divider{display:none!important}.friends-empty-box-clean{display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:16px;row-gap:2px;padding:18px 2px 14px;text-align:left;width:100%}.friends-empty-icon-wrap{grid-row:1 / span 2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent!important;color:var(--muted);margin-bottom:0}.friends-empty-title{grid-column:2;font-size:14.5px;font-weight:600;color:var(--text);margin:0}.friends-empty-desc{grid-column:2;font-size:12.5px;color:var(--muted);margin:0;max-width:62ch}.home-field-group{display:flex;flex-direction:column;gap:6px;text-align:left;width:100%}.home-field-label{font-size:13.5px;font-weight:600}.home-field-input{width:100%;height:48px;border-radius:10px;padding:0 16px;font-size:14.5px;outline:none;box-sizing:border-box;transition:all .15s ease}.home-field-error{font-size:12px;color:#ef4444;margin-top:2px}.password-input-wrapper input{padding-right:44px}.password-toggle-btn{position:absolute;right:6px;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;outline:none;background:transparent;border:none;transition:color .15s ease,background .15s ease}.room-code-input-container{display:flex;flex-direction:column;gap:8px;width:100%}.room-code-header-row{display:flex;align-items:center;justify-content:space-between}.room-code-label{font-size:13.5px;font-weight:600;color:var(--muted)}.room-code-paste-btn{display:none!important}.room-code-boxes{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}.room-code-box{flex:1;height:54px;border-radius:10px;background:var(--bg-2);border:1px solid rgba(var(--olive-text-rgb),.09);color:var(--text);font-size:20px;font-weight:600;display:grid;place-items:center;transition:border-color .15s ease,box-shadow .15s ease}.room-code-box.active{border-color:var(--accent-line);box-shadow:0 0 0 2px rgba(var(--olive-accent-rgb),.25)}.room-code-box.filled{border-color:rgba(var(--olive-text-rgb),.25);color:var(--text)}.room-code-box-ph{color:rgba(var(--olive-text-rgb),.3);font-weight:400}@media (max-width: 480px){.room-code-boxes{gap:6px}.room-code-box{height:48px;font-size:18px}}.friend-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;width:100%}.friend-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:10px;background:rgba(var(--olive-text-rgb),.025);border:1px solid rgba(var(--olive-text-rgb),.05);transition:background .15s ease}.friend-row:hover{background:rgba(var(--olive-text-rgb),.04)}.friend-row-main{display:flex;align-items:center;gap:12px}.friend-avatar-wrapper{position:relative;background:transparent;border:none;padding:0;cursor:pointer}.friend-avatar-img{width:38px;height:38px;border-radius:50%;object-fit:cover}.presence-dot-badge{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-2)}.presence-dot-badge.online{background:#22c55e}.presence-dot-badge.offline{background:var(--bg-3)}.friend-info-block{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.friend-name-link{background:transparent;border:none;padding:0;font-size:14px;font-weight:600;color:var(--text);cursor:pointer}.friend-name-link:hover{color:var(--text);text-decoration:underline}.friend-room-badge{font-size:12px;color:var(--muted)}.friend-row-actions{display:flex;align-items:center;gap:8px}.friend-action-btn{background:rgba(var(--olive-text-rgb),.05);border:1px solid rgba(var(--olive-text-rgb),.08);border-radius:8px;padding:6px 12px;color:var(--text);font-size:12.5px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .15s ease}.friend-action-btn:hover{background:rgba(var(--olive-text-rgb),.1);color:var(--text)}.friend-action-btn--remove:hover{background:#ef444426;border-color:#ef44444d;color:#ef4444}.home-footer{font-size:13px;color:#5a6270;text-align:center;margin-top:24px}.home-container .announce-banner--under-nav,.home-container .announcement-bar-wrap{max-width:1140px!important;margin:12px auto 0!important;width:calc(100% - 48px)!important;box-sizing:border-box!important}@media (max-width: 680px){.home-container .announce-banner--under-nav,.home-container .announcement-bar-wrap{width:calc(100% - 32px)!important;margin:8px auto 0!important}}.room-privacy{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin-bottom:14px;border-radius:12px;background:rgba(var(--olive-text-rgb),.06);border:1px solid rgba(var(--olive-text-rgb),.08)}.room-privacy-opt{height:36px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.room-privacy-opt:hover{color:var(--text)}.room-privacy-opt.is-active{background:var(--bg-2);color:var(--text);box-shadow:0 1px 3px #00000040,0 0 0 1px var(--accent-line)}.room-password-collapse{display:grid;grid-template-rows:0fr;opacity:0;transform:translateY(-6px);transition:grid-template-rows .32s cubic-bezier(.22,1,.36,1),opacity .25s ease,transform .32s cubic-bezier(.22,1,.36,1)}.room-password-collapse.is-open{grid-template-rows:1fr;opacity:1;transform:none}.room-password-inner{min-height:0;overflow:hidden;padding:0 3px;margin:0 -3px}.room-password-collapse:not(.is-open) .room-password-inner{visibility:hidden;transition:visibility 0s .32s}@media (prefers-reduced-motion: reduce){.room-password-collapse,.room-privacy-opt{transition:none}}[data-lk-theme=default]{color-scheme:dark;--lk-bg: #111;--lk-bg2: rgb(29.75, 29.75, 29.75);--lk-bg3: rgb(42.5, 42.5, 42.5);--lk-bg4: rgb(55.25, 55.25, 55.25);--lk-bg5: #444444;--lk-fg: #fff;--lk-fg2: rgb(244.8, 244.8, 244.8);--lk-fg3: rgb(234.6, 234.6, 234.6);--lk-fg4: rgb(224.4, 224.4, 224.4);--lk-fg5: rgb(214.2, 214.2, 214.2);--lk-border-color: rgba(255, 255, 255, .1);--lk-accent-fg: #fff;--lk-accent-bg: #1f8cf9;--lk-accent2: rgb(50.867826087, 150.2, 249.532173913);--lk-accent3: rgb(70.7356521739, 160.4, 250.0643478261);--lk-accent4: rgb(90.6034782609, 170.6, 250.5965217391);--lk-danger-fg: #fff;--lk-danger: #f91f31;--lk-danger2: rgb(249.532173913, 50.867826087, 67.2713043478);--lk-danger3: rgb(250.0643478261, 70.7356521739, 85.5426086957);--lk-danger4: rgb(250.5965217391, 90.6034782609, 103.8139130435);--lk-success-fg: #fff;--lk-success: #1ff968;--lk-success2: rgb(50.867826087, 249.532173913, 117.3930434783);--lk-success3: rgb(70.7356521739, 250.0643478261, 130.7860869565);--lk-success4: rgb(90.6034782609, 250.5965217391, 144.1791304348);--lk-control-fg: var(--lk-fg);--lk-control-bg: var(--lk-bg2);--lk-control-hover-bg: var(--lk-bg3);--lk-control-active-bg: var(--lk-bg4);--lk-control-active-hover-bg: var(--lk-bg5);--lk-connection-excellent: #06db4d;--lk-connection-good: #f9b11f;--lk-connection-poor: #f91f31;--lk-font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--lk-font-size: 16px;--lk-line-height: 1.5;--lk-border-radius: .5rem;--lk-box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .15);--lk-drop-shadow: rgba(255, 255, 255, .2) 0px 0px 24px;--lk-grid-gap: .5rem;--lk-control-bar-height: 69px;--lk-chat-header-height: 69px}.lk-button,.lk-start-audio-button,.lk-chat-toggle,.lk-disconnect-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;color:var(--lk-control-fg);background-image:none;background-color:var(--lk-control-bg);border:0;border-radius:var(--lk-border-radius);cursor:pointer;white-space:nowrap;font-size:inherit;line-height:inherit;-webkit-user-select:none;user-select:none}.lk-button:not(:disabled):hover,.lk-start-audio-button:not(:disabled):hover,.lk-chat-toggle:not(:disabled):hover,.lk-disconnect-button:not(:disabled):hover{background-color:var(--lk-control-hover-bg)}.lk-button>svg,.lk-start-audio-button>svg,.lk-chat-toggle>svg,.lk-disconnect-button>svg{overflow:visible}.lk-button[aria-pressed=true],[aria-pressed=true].lk-start-audio-button,[aria-pressed=true].lk-chat-toggle,[aria-pressed=true].lk-disconnect-button{background-color:var(--lk-control-active-bg)}.lk-button[aria-pressed=true]:hover,[aria-pressed=true].lk-start-audio-button:hover,[aria-pressed=true].lk-chat-toggle:hover,[aria-pressed=true].lk-disconnect-button:hover{background-color:var(--lk-control-active-hover-bg)}.lk-button[data-lk-source=screen_share][data-lk-enabled=true],[data-lk-source=screen_share][data-lk-enabled=true].lk-start-audio-button,[data-lk-source=screen_share][data-lk-enabled=true].lk-chat-toggle,[data-lk-source=screen_share][data-lk-enabled=true].lk-disconnect-button{background-color:var(--lk-accent-bg)}.lk-button[data-lk-source=screen_share][data-lk-enabled=true]:hover,[data-lk-source=screen_share][data-lk-enabled=true].lk-start-audio-button:hover,[data-lk-source=screen_share][data-lk-enabled=true].lk-chat-toggle:hover,[data-lk-source=screen_share][data-lk-enabled=true].lk-disconnect-button:hover{background-color:var(--lk-accent2)}.lk-button:disabled,.lk-start-audio-button:disabled,.lk-chat-toggle:disabled,.lk-disconnect-button:disabled{opacity:.5}.lk-button-group{display:inline-flex;align-items:stretch;height:100%}.lk-button-group>.lk-button:first-child,.lk-button-group>.lk-start-audio-button:first-child,.lk-button-group>.lk-chat-toggle:first-child,.lk-button-group>.lk-disconnect-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.lk-button-group-menu{position:relative;flex-shrink:0}.lk-button-group-menu>.lk-button,.lk-button-group-menu>.lk-start-audio-button,.lk-button-group-menu>.lk-chat-toggle,.lk-button-group-menu>.lk-disconnect-button{height:100%;border-top-left-radius:0;border-bottom-left-radius:0}.lk-button-group-menu>.lk-button:after,.lk-button-group-menu>.lk-start-audio-button:after,.lk-button-group-menu>.lk-chat-toggle:after,.lk-button-group-menu>.lk-disconnect-button:after{margin-left:0}.lk-button-menu:after{display:inline-block;content:"";width:.5em;height:.5em;margin-top:-.25rem;margin-left:.5rem;border-left:.125em solid;border-bottom:.125em solid;transform:rotate(-45deg);transform-origin:center center}.lk-disconnect-button{font-weight:600;color:var(--lk-danger);border:1px solid var(--lk-danger)}.lk-disconnect-button:not(:disabled):hover{--lk-control-hover-bg: var(--lk-danger2);color:var(--lk-danger-fg)}.lk-disconnect-button:not(:disabled):active{--lk-control-hover-bg: var(--lk-danger3);color:var(--lk-danger-fg)}.lk-chat-toggle{position:relative}.lk-chat-toggle[data-lk-unread-msgs]:not([data-lk-unread-msgs="0"]):after{content:attr(data-lk-unread-msgs);position:absolute;top:0;left:0;padding:.25rem;margin-left:.25rem;margin-top:.25rem;border-radius:50%;font-size:.5rem;line-height:.75;background:var(--lk-accent-bg)}.lk-media-device-select:not(:last-child){padding-bottom:.5rem;margin-bottom:.75rem;border-bottom:1px solid var(--lk-border-color)}.lk-media-device-select li:not(:last-child){margin-bottom:.25rem}.lk-media-device-select li>.lk-button{width:100%;justify-content:start;padding-block:.5rem}.lk-media-device-select li:not([data-lk-active=true])>.lk-button:not(:disabled):hover{background-color:var(--lk-bg3)}.lk-media-device-select [data-lk-active=false]>.lk-button:hover{cursor:pointer;background-color:#0000000d}.lk-media-device-select [data-lk-active=true]>.lk-button{color:var(--lk-accent-fg);background-color:var(--lk-accent-bg)}.lk-device-menu{width:max-content;position:absolute;top:0;left:0;z-index:5;min-width:10rem;padding:.5rem;margin-bottom:.25rem;white-space:nowrap;background-color:var(--lk-bg2);border:1px solid var(--lk-border-color);border-radius:.75rem;box-shadow:var(--lk-box-shadow)}.lk-device-menu-heading{padding:.25rem .5rem;font-weight:700;opacity:.65}.lk-start-audio-button{color:var(--lk-accent-fg);background-color:var(--lk-accent-bg)}@media screen and (max-width: 600px){.lk-start-audio-button{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}}.lk-pagination-control{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;align-items:stretch;background-color:var(--lk-control-bg);border-radius:var(--lk-border-radius);transition:opacity ease-in-out .15s;opacity:0}.lk-pagination-control:hover{opacity:1}.lk-pagination-control>.lk-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.lk-pagination-control>.lk-button:first-child>svg{transform:rotate(180deg)}.lk-pagination-control>.lk-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.lk-pagination-count{padding:.5rem .875rem;border-inline:1px solid var(--lk-bg)}[data-lk-user-interaction=true].lk-pagination-control{opacity:1}.lk-pagination-indicator{position:absolute;height:var(--lk-grid-gap);background-color:var(--lk-bg2);width:fit-content;padding:.2rem .5rem;bottom:calc(var(--lk-grid-gap)/2);left:50%;transform:translate(-50%);border-radius:2rem;opacity:1;display:flex;gap:.2rem;align-items:center}.lk-pagination-indicator span{display:inline-block;width:.4rem;height:.4rem;border-radius:9999999px;background-color:var(--lk-fg);opacity:.35;transition:opacity linear .2s}.lk-pagination-indicator span[data-lk-active]{opacity:.9}.lk-grid-layout{--lk-col-count: 1;--lk-row-count: 1;display:grid;grid-template-columns:repeat(var(--lk-col-count),minmax(0,1fr));grid-auto-rows:minmax(0,1fr);grid-gap:var(--lk-grid-gap);width:100%;height:100%;max-width:100%;max-height:100%;padding:var(--lk-grid-gap)}.lk-grid-layout[data-lk-pagination=true]{padding-bottom:calc(var(--lk-grid-gap)*2)}.lk-focus-layout{display:grid;grid-template-columns:1fr 5fr;gap:var(--lk-grid-gap);width:100%;max-height:100%;padding:var(--lk-grid-gap)}.lk-focused-participant{position:relative}.lk-focused-participant .lk-pip-track{position:absolute;top:10px;right:10px;width:20%;height:auto}@media (max-width: 600px){.lk-focus-layout{grid-template-columns:1fr;grid-template-rows:5fr 1fr}.lk-carousel{order:1}}.lk-carousel{max-height:100%;display:flex;gap:var(--lk-grid-gap)}.lk-carousel>*{flex-shrink:0;aspect-ratio:16/10;scroll-snap-align:start}.lk-carousel[data-lk-orientation=vertical]{flex-direction:column;scroll-snap-type:y mandatory;overflow-y:auto;overflow-x:hidden}.lk-carousel[data-lk-orientation=vertical]>*{--lk-height-minus-gaps: calc(100% - calc(var(--lk-grid-gap) * calc(var(--lk-max-visible-tiles) - 1)));height:calc(var(--lk-height-minus-gaps)/var(--lk-max-visible-tiles))}.lk-carousel[data-lk-orientation=horizontal]{scroll-snap-type:x mandatory;overflow-y:hidden;overflow-x:auto}.lk-carousel[data-lk-orientation=horizontal]>*{--lk-width-minus-gaps: calc(100% - var(--lk-grid-gap) * (var(--lk-max-visible-tiles) - 1));width:calc(var(--lk-width-minus-gaps)/var(--lk-max-visible-tiles))}.lk-connection-quality{width:1.5rem;height:1.5rem}.lk-track-muted-indicator-camera,.lk-track-muted-indicator-microphone{position:relative;width:var(--lk-indicator-size, 1rem);height:var(--lk-indicator-size, 1rem);margin-inline-end:.25rem;transition:opacity .25s ease-in-out}.lk-track-muted-indicator-camera[data-lk-muted=true]{opacity:.5}.lk-track-muted-indicator-microphone{--lk-bg: var(--lk-icon-mic)}.lk-track-muted-indicator-microphone[data-lk-muted=true]{opacity:.5}.lk-participant-name{font-size:.875rem}.lk-participant-media-video{width:100%;height:100%;object-fit:cover;object-position:center;background-color:#000}.lk-participant-media-video[data-lk-orientation=landscape]{object-fit:cover}.lk-participant-media-video[data-lk-orientation=portrait],.lk-participant-media-video[data-lk-source=screen_share]{object-fit:contain;background-color:var(--lk-bg2)}.lk-participant-media-audio{width:auto}[data-lk-facing-mode=user] .lk-participant-media-video[data-lk-local-participant=true][data-lk-source=camera]{transform:rotateY(180deg)}.lk-audio-visualizer{width:100%;height:100%;min-height:160px;background:var(--lk-bg-control);aspect-ratio:16/9;border-radius:.5rem;display:flex;justify-content:space-around;align-items:center}.lk-audio-visualizer>rect{fill:var(--lk-accent-bg);transition:transform .1s cubic-bezier(.19,.02,.09,1)}.lk-audio-visualizer>path{stroke:var(--lk-accent-bg);transition:.1s cubic-bezier(.19,.02,.09,1)}.lk-audio-bar-visualizer{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--lk-bg);gap:var(--lk-va-bar-gap, 24px)}.lk-audio-bar-visualizer>.lk-audio-bar{transform-origin:"center";height:100%;width:var(--lk-va-bar-width, 12px);border-radius:var(--lk-va-bar-border-radius, 32px);background-color:var(--lk-va-bar-bg, rgba(136, 136, 136, .2));transition:background-color .25s ease-out}.lk-audio-bar-visualizer[data-lk-va-state=speaking]>.lk-audio-bar,.lk-audio-bar-visualizer>.lk-audio-bar.lk-highlighted,.lk-audio-bar-visualizer>[data-lk-highlighted=true]{background-color:var(--lk-fg, rgb(136, 136, 136));transition:none}.lk-audio-bar-visualizer[data-lk-va-state=thinking]{transition:background-color .15s ease-out}.lk-participant-tile{--lk-speaking-indicator-width: 2.5px;position:relative;display:flex;flex-direction:column;gap:.375rem;overflow:hidden;border-radius:var(--lk-border-radius)}.lk-participant-tile:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;border-radius:var(--lk-border-radius);border:0px solid var(--lk-accent-bg);transition-property:border opacity;transition-delay:.5s;transition-duration:.4s;pointer-events:none}.lk-participant-tile[data-lk-speaking=true]:not([data-lk-source=screen_share]):after{transition-delay:0s;transition-duration:.2s;border-width:var(--lk-speaking-indicator-width)}.lk-participant-tile .lk-focus-toggle-button{position:absolute;top:.25rem;right:.25rem;padding:.25rem;background-color:#00000080;border-radius:calc(var(--lk-border-radius)/2);opacity:0;transition:opacity .2s ease-in-out;transition-delay:.2s}.lk-participant-tile:hover .lk-focus-toggle-button,.lk-participant-tile:focus .lk-focus-toggle-button{opacity:1;transition-delay:0}.lk-participant-tile .lk-connection-quality{opacity:0;transition:opacity .2s ease-in-out;transition-delay:.2s}.lk-participant-tile .lk-connection-quality[data-lk-quality=poor]{opacity:1;transition-delay:0}.lk-participant-tile:hover .lk-connection-quality,.lk-participant-tile:focus .lk-connection-quality{opacity:1;transition-delay:0}.lk-participant-tile .lk-participant-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:var(--lk-bg2);opacity:0;transition:opacity .2s ease-in-out;pointer-events:none;border-radius:var(--lk-border-radius)}.lk-participant-tile .lk-participant-placeholder svg{height:100%;width:auto;padding:10%}.lk-participant-tile[data-lk-video-muted=true][data-lk-source=camera] .lk-participant-placeholder{opacity:1}.lk-participant-metadata{position:absolute;right:.25rem;bottom:.25rem;left:.25rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;line-height:1}.lk-participant-metadata-item{display:flex;align-items:center;padding:.25rem;background-color:#00000080;border-radius:calc(var(--lk-border-radius)/2)}.lk-toast{position:fixed;top:.75rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:var(--lk-bg);border:1px solid var(--lk-border-color);border-radius:var(--lk-border-radius);box-shadow:var(--lk-box-shadow)}.lk-spinner{animation:lk-rotate 2s infinite linear}@keyframes lk-rotate{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.lk-room-container{background-color:var(--lk-bg);line-height:var(--lk-line-height)}.lk-room-container{position:relative;width:100%;height:100%;--lk-has-imported-styles: "true"}.lk-room-container *[class^=lk-],.lk-room-container *[class*=" lk-"]{box-sizing:border-box}.lk-audio-conference{position:relative;width:100%;height:100%}.lk-audio-conference-stage{width:100%;height:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.lk-chat{display:grid;grid-template-rows:var(--lk-chat-header-height) 1fr var(--lk-control-bar-height);width:clamp(200px,55ch,60ch);background-color:var(--lk-bg2);border-left:1px solid var(--lk-border-color);align-items:end}.lk-chat-header{height:var(--lk-chat-header-height);padding:.75rem;position:relative;display:flex;align-items:center;justify-content:center}.lk-chat-header .lk-close-button{position:absolute;right:0;transform:translate(-50%);background-color:#0000}.lk-chat-header .lk-close-button:hover{background-color:var(--lk-control-active-hover-bg)}.lk-chat-messages{display:flex;width:100%;max-height:100%;flex-direction:column;gap:.25rem;overflow:auto}.lk-chat-entry{display:flex;flex-direction:column;gap:.25rem;margin:0 .25rem}.lk-chat-entry .lk-meta-data{font-size:.75rem;color:var(--lk-fg5);white-space:nowrap;padding:0 .3rem;display:flex}.lk-chat-entry .lk-meta-data .lk-participant-name{margin-top:1rem}.lk-chat-entry .lk-meta-data .lk-timestamp{margin-left:auto;align-self:flex-end}.lk-chat-entry .lk-edit-button{background:none;float:right;margin:0;padding:0 .25rem;border-radius:0;font-size:12px}.lk-chat-entry .lk-message-body{display:inline-block;border-radius:15px;padding:.25rem .75rem;word-break:break-word;width:fit-content;max-width:calc(100% - 32px)}.lk-chat-entry[data-lk-message-origin=local] .lk-message-body{background-color:var(--lk-bg5)}.lk-chat-entry[data-lk-message-origin=remote] .lk-message-body{background-color:var(--lk-accent4)}.lk-chat-entry a{text-decoration:underline;color:inherit}.lk-chat-entry *{margin-block-start:.25em;margin-block-end:.25em}.lk-chat-entry:last-child{margin-bottom:.25rem}.lk-chat-form{display:flex;gap:.75rem;padding:.75rem;border-top:1px solid var(--lk-border-color);max-height:var(--lk-control-bar-height)}.lk-chat-form-input{font-size:inherit;line-height:inherit;width:100%}@media (max-width: 600px){.lk-chat{position:fixed;top:0;right:0;max-width:100%;bottom:var(--lk-control-bar-height)}}.lk-control-bar,.lk-agent-control-bar{display:flex;gap:.5rem;align-items:center;justify-content:center;padding:.75rem;border-top:1px solid var(--lk-border-color);max-height:var(--lk-control-bar-height)}.lk-agent-control-bar{height:var(--lk-control-bar-height);--lk-bg: transparent;--lk-va-bar-width: 2px;--lk-va-bar-gap: 4px;--lk-va-bar-border-radius: 1px}.lk-agent-control-bar .lk-audio-bar-visualizer .lk-audio-bar.lk-highlighted{filter:none}.lk-prejoin{background-color:var(--lk-bg);line-height:var(--lk-line-height)}[data-lk-theme]{font-size:var(--lk-font-size);font-family:var(--lk-font-family);color:var(--lk-fg)}[data-lk-theme] .lk-list{list-style:none;margin:0;padding:0}[data-lk-theme] .lk-form-control{font-family:var(--lk-font-family);padding:.625rem 1rem;background-color:var(--lk-control-bg);border:1px solid var(--lk-border-color);border-radius:var(--lk-border-radius)}.lk-prejoin{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:1rem;gap:1rem;margin-inline:auto;background-color:var(--lk-bg);width:min(100%,480px);align-items:stretch}.lk-prejoin .lk-video-container{position:relative;width:100%;height:auto;aspect-ratio:16/10;background-color:#000;border-radius:var(--lk-border-radius);overflow:hidden}.lk-prejoin .lk-video-container video,.lk-prejoin .lk-video-container .lk-camera-off-note{display:block;width:100%;height:100%;object-fit:cover}.lk-prejoin .lk-video-container video[data-lk-facing-mode=user]{transform:rotateY(180deg)}.lk-prejoin .lk-video-container .lk-camera-off-note{position:absolute;top:0;left:0;width:100%;aspect-ratio:16/10;background-color:#000;display:grid;place-items:center}.lk-prejoin .lk-video-container .lk-camera-off-note>*{height:70%;max-width:100%}.lk-prejoin .lk-audio-container{display:none}.lk-prejoin .lk-audio-container audio{width:100%;height:auto}.lk-prejoin .lk-button-group-container{display:flex;flex-wrap:nowrap;gap:1rem}.lk-prejoin .lk-button-group-container>.lk-button-group{width:50%}.lk-prejoin .lk-button-group-container>.lk-button-group>.lk-button{justify-content:left}.lk-prejoin .lk-button-group-container>.lk-button-group>.lk-button:first-child{width:100%}@media (max-width: 400px){.lk-prejoin .lk-button-group-container{flex-wrap:wrap}.lk-prejoin .lk-button-group-container>.lk-button-group{width:100%}}.lk-prejoin .lk-username-container{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:100%}.lk-prejoin .lk-join-button{--lk-control-fg: var(--lk-accent-fg);--lk-control-bg: var(--lk-accent-bg);--lk-control-hover-bg: var(--lk-accent2);--lk-control-active-bg: var(--lk-accent3);--lk-control-active-hover-bg: var(--lk-accent4);background-color:var(--lk-control-bg)}.lk-prejoin .lk-join-button:hover{background-color:var(--lk-control-hover-bg)}.lk-focus-layout-wrapper,.lk-grid-layout-wrapper{position:relative;display:flex;justify-content:center;width:100%;height:calc(100% - var(--lk-control-bar-height))}.lk-grid-layout-wrapper{flex-direction:column;align-items:center}.lk-focus-layout-wrapper{align-items:stretch}.lk-video-conference{position:relative;display:flex;align-items:stretch;height:100%}.lk-video-conference-inner{display:flex;flex-direction:column;align-items:stretch;width:100%}.lk-settings-menu-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--lk-bg);padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:var(--lk-bg);border:1px solid var(--lk-border-color);border-radius:var(--lk-border-radius);box-shadow:var(--lk-box-shadow);min-width:50vw;min-height:50vh;max-width:100%;max-height:100%;overflow-y:auto}.radio-atelier-stage{position:relative;width:100%;overflow:hidden;border-radius:18px;background:#17100b}.radio-atelier-stage:before{content:"";position:absolute;top:-32px;right:-32px;bottom:-32px;left:-32px;background:linear-gradient(#080b10a8,#080b10a8),var(--radio-scene) center / cover;filter:blur(28px);pointer-events:none}.radio-atelier.radio-deck{display:block;position:relative;z-index:1;width:min(100%,1500px,calc((100dvh - 136px)*1.5));margin:-8px auto 0;padding:0;border:0;border-radius:18px;background:#17100b;box-shadow:none;overflow:hidden;container:radio-atelier / inline-size;--radio-screen-plane: none;--radio-glass-left: 33.0729%;--radio-glass-top: 27.4698%;--radio-glass-width: 54.1667%;--radio-glass-height: 47.8594%;flex:0 0 auto;color:#f0e1c9}.radio-atelier:before,.radio-atelier:after{display:none}.radio-atelier .atelier-cabinet{position:relative}.radio-atelier--picker-open .radio-deck-body{visibility:hidden}.radio-atelier .atelier-picker-host{position:absolute;left:var(--radio-glass-left);top:var(--radio-glass-top);width:var(--radio-glass-width);height:var(--radio-glass-height);transform:var(--radio-screen-plane);transform-origin:0 0;pointer-events:none;overflow:hidden;border-radius:2.6cqw;background:radial-gradient(120% 90% at 22% 8%,#1d2119,#0b0e0c 46%,#050706);box-shadow:inset 0 .5cqw 1.1cqw -.35cqw #000d,inset .45cqw 0 1cqw -.35cqw #000b,inset 0 -.35cqw .8cqw -.2cqw #0007,inset 0 0 0 1px #c8a15a2b}.radio-atelier:not(.radio-atelier--picker-open) .atelier-picker-host{visibility:hidden}.radio-atelier .radio-picker-backdrop--in-deck{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;padding:0;border-radius:inherit;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:auto}.radio-atelier .radio-picker-modal--in-deck{width:100%;max-width:none;height:100%;max-height:none;min-height:0;padding:1.1cqw 1.7cqw;gap:7px;display:flex;flex-direction:column;overflow:hidden;border:0;border-radius:inherit;background:transparent;box-shadow:none;transform:none;animation:none}.radio-atelier .radio-picker-modal--in-deck .radio-picker-head .invite-modal-sub{display:none}.radio-atelier .radio-picker-modal--in-deck .radio-tab{padding:5px 8px}.radio-atelier .radio-picker-modal--in-deck .radio-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.radio-atelier .radio-picker-modal--in-deck .radio-body,.radio-atelier .radio-picker-modal--in-deck .radio-page--inline{flex:1 1 auto;min-height:0}.radio-atelier .radio-picker-modal--in-deck .radio-body,.radio-atelier .radio-picker-modal--in-deck .radio-page--inline{overflow:hidden}.radio-atelier .radio-picker-modal--in-deck .radio-page--inline.is-settings{overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.radio-atelier .radio-picker-modal--in-deck .radio-picker--stations{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden}.radio-atelier .radio-picker-modal--in-deck .radio-picker--stations .radio-picker-search-row,.radio-atelier .radio-picker-modal--in-deck .radio-picker--stations .radio-count{flex:none}.radio-atelier .radio-picker-modal--in-deck .radio-picker--stations .radio-stations--picker{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.radio-atelier .radio-picker-modal--in-deck .radio-picker--filters{display:flex;flex:0 0 auto;flex-direction:column;gap:8px}.radio-atelier .radio-picker-modal--in-deck .radio-room-settings[hidden]{display:none}.radio-atelier .radio-picker-modal--in-deck .radio-room-settings{flex:0 0 auto;margin-top:12px}.radio-atelier .atelier-scene{display:block;width:100%;height:auto;aspect-ratio:3 / 2;pointer-events:none;-webkit-user-select:none;user-select:none}.radio-atelier .radio-deck-body{position:absolute;left:var(--radio-glass-left);top:var(--radio-glass-top);width:var(--radio-glass-width);height:var(--radio-glass-height);min-width:0;padding:1.1cqw 1.7cqw;display:grid;grid-template-columns:minmax(0,1fr) 13cqw;grid-template-rows:auto minmax(0,1fr);gap:.65cqw 1.2cqw;font-family:Segoe UI,sans-serif;transform:var(--radio-screen-plane);transform-origin:0 0;background:radial-gradient(120% 90% at 22% 8%,#1d2119,#0b0e0c 46%,#050706);border:0;border-radius:2.6cqw;box-shadow:inset 0 .5cqw 1.1cqw -.35cqw #000d,inset .45cqw 0 1cqw -.35cqw #000b,inset 0 -.35cqw .8cqw -.2cqw #0007,inset 0 0 0 1px #c8a15a2b;overflow:hidden}.radio-atelier .radio-deck-body:after,.radio-atelier .atelier-picker-host:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;border-radius:inherit;background:linear-gradient(148deg,#ffffff14 0%,#ffffff08 18%,transparent 42%),radial-gradient(90% 60% at 78% 96%,#c98f3a1a 0%,transparent 60%)}.radio-atelier .radio-deck-screen{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-column:1 / -1;gap:.5cqw 1cqw;min-width:0;padding:.7cqw 1cqw;background:none;border:0;border-radius:0;box-shadow:none}.radio-atelier .radio-modes{display:inline-flex;align-items:stretch;gap:2px;width:fit-content;max-width:100%;padding:2px;border-radius:calc(.65cqw + 2px);background:linear-gradient(180deg,#14150f,#0a0b08);box-shadow:inset 0 2px 4px #000b,inset 0 -1px #fff1d512,0 1px #c7a86d2e}.radio-atelier .radio-mode{flex:0 1 auto;min-width:0;min-height:30px;border:1px solid #37301f;border-radius:.65cqw;background:linear-gradient(168deg,#3b382e,#232319 70%);color:#cdbe9f;box-shadow:inset 0 1px #fff1d521,0 .1cqw .3cqw #0009}.radio-atelier .radio-mode.is-active{color:#32200c;border-color:#efd29a #aa7f42 #744c20 #d4ac6b;background:linear-gradient(175deg,#f3d69c,#cfa15b 62%,#b18340);box-shadow:inset 0 1px #fff3cdbd,inset 0 -1px #0002,0 1px 2px #000a;text-shadow:0 1px #fff0bd55}.radio-atelier .radio-deck-topline{grid-column:1;display:flex;align-items:center;flex-wrap:wrap;gap:.5cqw;margin:0}.radio-atelier .radio-live-badge{font-size:clamp(10px,.75cqw,13px);padding:.2cqw .55cqw;color:#efbf68;background:#65431840;border-color:#c194454d}.radio-atelier .radio-scope{color:#c8b69a;font-size:clamp(10px,.75cqw,13px)}.radio-atelier .radio-deck-main{grid-column:1;display:flex;align-items:center;gap:.8cqw;min-width:0}.radio-atelier .radio-deck-text{min-width:0}.radio-atelier .radio-deck-name{font-size:clamp(16px,1.45cqw,25px);font-weight:600;line-height:1.2;color:#f4e7d2;margin:0 0 .35cqw;overflow-wrap:anywhere}.radio-atelier .radio-deck-song{margin:0;font-size:clamp(11px,.85cqw,15px);line-height:1.4;color:#c4b89f;overflow-wrap:anywhere}.radio-atelier .radio-station-logo{flex:none;width:3.8cqw;height:3.8cqw;min-width:38px;min-height:38px;border-radius:.5cqw}.radio-atelier .radio-deck-actions{grid-column:2;grid-row:1 / 3;display:flex;flex-direction:column;align-items:end;justify-content:center;gap:.6cqw;position:static}.radio-atelier .btn,.radio-atelier .radio-mode,.radio-atelier .atelier-frequency-head button,.radio-atelier .atelier-tuner-steps button{min-height:30px;border:1px solid;border-color:#82745c #453c2d #252015 #695c45;border-radius:.65cqw;padding:.65cqw .85cqw;color:#e5d5b9;background:linear-gradient(168deg,#575044,#302e24 48%,#22231b);box-shadow:inset 0 2px 2px #fff1d545,inset 1px 0 #fff1d51c,inset 0 -2px 2px #0007,0 2px #3d3221,0 4px #17130d,2px 6px 7px #000b;font-family:inherit;font-size:clamp(11px,.85cqw,15px);line-height:1.2;font-weight:500;white-space:nowrap;cursor:pointer;transition:transform .1s,box-shadow .1s}.radio-atelier .btn.primary,.radio-atelier .radio-mode.is-active,.radio-atelier .atelier-frequency-head button[aria-pressed=true]{color:#32200c;border-color:#efd29a #aa7f42 #744c20 #d4ac6b;background:linear-gradient(175deg,#ffe3a8,#dfb570 48%,#bd8b43);box-shadow:inset 0 2px 2px #fff3cbd9,inset 1px 0 #ffe7b580,inset 0 -2px 2px #82541b80,0 2px #a97c3c,0 4px #583914,2px 6px 8px #000b;text-shadow:0 1px #fff0bd55}.radio-atelier button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px 4px #0005,0 1px #21170b}.radio-atelier button:disabled{opacity:.5;cursor:not-allowed}.radio-atelier button:focus-visible,.radio-atelier input:focus-visible,.radio-atelier [role=slider]:focus-visible{outline:2px solid #ffe0a3;outline-offset:4px}.radio-atelier .atelier-spectrum{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:1cqw}.radio-atelier .radio-eq{display:flex;align-items:end;flex:1;gap:.22cqw;height:2.4cqw;min-height:24px;max-width:23cqw}.radio-atelier .radio-eq i,.radio-atelier .radio-eq[data-playing=true] i{display:block;flex:1;min-width:2px;margin:0;border-radius:0;height:calc(var(--bar, .035) * 100%);background:repeating-linear-gradient(to top,#f1b44c 0 2px,transparent 2px 4px);animation:none;transform:none;box-shadow:none}.radio-atelier .atelier-signal{text-align:right;font-size:clamp(10px,.85cqw,14px);color:#efce99;line-height:1.45}.radio-atelier .atelier-signal small{display:block;color:#c6b69b;font-size:clamp(10px,.8cqw,13px);max-width:18cqw}.radio-atelier .atelier-frequency{grid-row:2;grid-column:1 / -1;border:1px solid #80643b;border-radius:.6cqw;padding:.5cqw .8cqw;background:linear-gradient(165deg,#ffffff06,transparent 42%),linear-gradient(#080b08,#191a12);box-shadow:inset 0 4px 8px #000c,inset 2px 0 4px #0007,inset 0 -1px #e1bd7133,0 1px #e1bd7166,0 -1px #000}.radio-atelier .btn.radio-deck-play{border-color:#ffe4ac #b88942 #765021 #e8c17e;background:radial-gradient(circle at 30% 20%,#ffe5a9,#dfb060 55%,#b78336);color:#30200b;box-shadow:inset 0 2px 2px #fff3d0b3,inset 0 -2px 3px #85572199,0 2px #9b7137,0 4px #503615,2px 6px 8px #000b}.radio-atelier .btn.radio-deck-play:active:not(:disabled){box-shadow:inset 0 2px 4px #0005,0 1px #503615}.radio-pages{display:none}.radio-atelier .radio-atelier-settings{grid-row:2;grid-column:1 / -1;min-width:0}.radio-atelier .radio-atelier-settings-summary,.radio-atelier .radio-filter-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;cursor:pointer;list-style:none}.radio-atelier .radio-atelier-settings-summary::-webkit-details-marker,.radio-atelier .radio-filter-summary::-webkit-details-marker{display:none}.radio-atelier .radio-atelier-settings-summary{display:none}.radio-atelier .radio-atelier-settings-grid{display:grid;grid-template-columns:minmax(0,1fr) 13cqw;grid-template-rows:auto auto;align-items:center;gap:.65cqw 1.2cqw;min-width:0}.radio-atelier .radio-atelier-settings .atelier-frequency{grid-row:1;grid-column:1 / -1}.radio-atelier .radio-atelier-settings .radio-deck-controls{grid-row:2;grid-column:1}.radio-atelier .radio-atelier-settings .atelier-tuner{grid-row:2;grid-column:2}.radio-atelier .radio-filter-disclosure{min-width:0}.radio-atelier .radio-filter-summary{display:flex;justify-content:flex-start;min-height:32px;margin-bottom:8px;color:#e4c58f}.radio-atelier .radio-filter-content{min-width:0}.radio-atelier .atelier-frequency-head{display:flex;align-items:center;justify-content:space-between;gap:1cqw}.radio-atelier .atelier-frequency-head>div{display:flex;gap:.5cqw}.radio-atelier .atelier-frequency-head button{padding:.35cqw .65cqw;min-height:24px}.radio-atelier .atelier-frequency-head output{color:#f4c77f;font:clamp(20px,2cqw,32px)/1.1 Consolas,monospace}.radio-atelier .atelier-frequency-head output small{font:12px Segoe UI,sans-serif}.radio-atelier .atelier-frequency-scale{position:relative;height:1.5cqw;min-height:18px;margin-top:.6cqw;border-bottom:1px solid #826639;background:repeating-linear-gradient(to right,#b6a07599 0 1px,transparent 1px 2.5%)}.radio-atelier .atelier-frequency-scale input{position:absolute;top:-4px;right:0;bottom:-4px;left:0;height:calc(100% + 8px);width:100%;margin:0;opacity:0;cursor:ew-resize}.radio-atelier .atelier-frequency-scale:focus-within{outline:2px solid #ffe0a3;outline-offset:4px}.radio-atelier .atelier-frequency-needle{position:absolute;top:-3px;bottom:-3px;width:2px;left:var(--tune-position);background:#ffe0a3;box-shadow:0 0 6px #edab47;pointer-events:none}.radio-atelier .atelier-frequency-caption{display:flex;align-items:start;justify-content:space-between;gap:.5cqw;margin-top:.35cqw;font-size:clamp(10px,.75cqw,13px);color:#cbb58e;line-height:1.3}.radio-atelier .atelier-frequency-caption>span:nth-child(2){text-align:center}.radio-atelier .atelier-frequency-caption button{background:transparent;border:0;color:#ffdb9d;text-decoration:underline;cursor:pointer}.radio-atelier .radio-deck-controls{grid-row:3;grid-column:1;display:flex;align-items:center;align-content:center;flex-wrap:wrap;gap:1cqw .8cqw;padding:.5cqw 0;margin:0;min-width:0;border:0}.radio-atelier .radio-volume{flex:1;width:100px;min-width:70px;accent-color:#e7b666}.radio-atelier .radio-modes{display:flex;flex-basis:100%;gap:.5cqw}.radio-atelier .radio-mode{border-radius:2cqw}.radio-atelier .atelier-notices{min-width:0;padding:10px 18px;background:#15160f}.radio-atelier .atelier-notices:empty{display:none}.radio-atelier .radio-note{color:#d7c6a9;font-size:clamp(11px,.8cqw,14px);line-height:1.4;margin:.25cqw 0}.radio-atelier .error-inline{font-size:12px;margin:.3cqw 0}.radio-atelier .atelier-tuner{grid-row:3;grid-column:2;display:grid;grid-template-columns:9cqw 3cqw;align-content:center;align-items:center;gap:.4cqw .7cqw}.radio-atelier .atelier-tuner-help{grid-column:1 / -1;text-align:center;font-size:clamp(10px,.85cqw,14px);color:#e3cdab;line-height:1.3}.radio-atelier .atelier-knob-housing{position:relative;width:9cqw;height:9cqw;display:grid;place-items:center}.radio-atelier .atelier-knob-housing:before{content:"";position:absolute;top:.4cqw;right:.4cqw;bottom:.4cqw;left:.4cqw;border-radius:50%;border:1px solid #c8a265;background:radial-gradient(circle,#080a08 56%,#3e2d16 65%,#b88b47 69%,#241c12 72%);box-shadow:inset 0 3px 6px #000,0 .3cqw .6cqw #000b}.radio-atelier .atelier-knob{position:relative;width:7.5cqw;height:7.5cqw;border-radius:50%;border:1px solid #e2b76e;background:repeating-conic-gradient(#d8b171 0,#d8b171 1deg,#654a25 1deg,#654a25 2deg,#9c783f 2deg,#9c783f 4deg);box-shadow:inset 0 0 0 .15cqw #5e4020,.1cqw .2cqw #a57a40,.2cqw .4cqw #775025,.3cqw .6cqw #3d2915,.45cqw .9cqw .8cqw #000c;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.radio-atelier .atelier-knob[aria-disabled=true]{cursor:default}.radio-atelier .atelier-knob:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#fff1c577,transparent 38%,#140b0080 82%);box-shadow:inset 2px 3px 3px #fff0bda6,inset -2px -4px 4px #36200ec9,0 0 0 1px #382511}.radio-atelier .atelier-knob.is-dragging{cursor:grabbing;translate:0 2px;filter:brightness(1.08)}.radio-atelier .atelier-knob-face{position:absolute;top:.5cqw;right:.5cqw;bottom:.5cqw;left:.5cqw;border-radius:50%;border:1px solid #f1ce93;background:repeating-radial-gradient(circle,transparent 0 2px,#402b1010 2px 3px),conic-gradient(from 35deg,#68401c,#d3a364 12%,#ffe0a4 19%,#b7894c 29%,#62421f 42%,#c29454 56%,#e2bd80 66%,#795326,#d9ae70 92%,#68401c);box-shadow:inset 2px 2px 3px #ffe9b87a,inset -2px -3px 4px #42290e99,0 2px 4px #000b}.radio-atelier .atelier-knob-face b{position:absolute;top:33%;right:33%;bottom:33%;left:33%;display:grid;place-items:center;border-radius:50%;border:1px solid #584022;background:radial-gradient(circle at 35% 25%,#4a3d29,#1b1c15);color:#e6c68d;font-size:clamp(9px,.8cqw,13px);font-weight:500;box-shadow:inset 1px 2px 3px #0008,0 1px #f5d29088}.radio-atelier .atelier-knob-face i{position:absolute;top:.3cqw;right:.3cqw;bottom:.3cqw;left:.3cqw;transform:rotate(var(--tune-angle))}.radio-atelier .atelier-knob-face i:before{content:"";position:absolute;left:calc(50% - 2px);top:1px;width:3px;height:1.1cqw;min-height:9px;border-radius:2px;background:#ffe5ae;box-shadow:0 0 5px #efa33a88,0 1px 2px #271809}.radio-atelier .atelier-tuner-steps{display:flex;flex-direction:column-reverse;align-items:center;gap:.6cqw;padding:.5cqw .2cqw;border:1px solid #715a37;border-radius:.7cqw;background:#13160f;box-shadow:inset 0 2px 4px #000b}.radio-atelier .atelier-tuner-steps span{font-size:clamp(8px,.6cqw,10px);color:#d5be99}.radio-atelier .atelier-tuner-steps button{width:2.4cqw;height:2.4cqw;min-height:26px;min-width:26px;padding:0;font-size:20px}@container radio-atelier (max-width: 1100px){.radio-atelier .atelier-picker-host{top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:none}.radio-atelier .radio-atelier-settings-grid{grid-template-columns:minmax(0,1fr) 165px;gap:12px}.radio-atelier .radio-picker-modal--in-deck{overflow:hidden}.radio-atelier .atelier-scene{display:none}.radio-atelier .atelier-cabinet{margin:6px;padding:12px;border-radius:24px;border:7px solid #62401f;background:repeating-linear-gradient(2deg,#352218 0,#352218 3px,#3c281b 3px,#3c281b 5px,#4a311d 5px,#4a311d 7px);box-shadow:inset 0 2px 2px #dc9c4c88,inset 0 -3px 5px #160e08,0 5px 15px #0009}.radio-atelier .radio-deck-body{position:relative;inset:auto;width:100%;height:auto;padding:18px;border:1px solid #ad8547;border-radius:15px;background:linear-gradient(130deg,#25231b,#090d0a 50%);transform:none;grid-template-columns:minmax(0,1fr) 165px;gap:16px}.radio-atelier .radio-deck-screen{padding:12px;gap:10px;border-radius:10px}.radio-atelier .radio-deck-name{font-size:20px}.radio-atelier .radio-deck-song,.radio-atelier .radio-note{font-size:13px}.radio-atelier .radio-deck-actions{gap:9px}.radio-atelier .btn,.radio-atelier .radio-mode{padding:10px 12px;min-height:38px;font-size:13px;border-radius:9px}.radio-atelier .radio-eq{max-width:55%;height:32px;gap:3px}.radio-atelier .atelier-signal small{max-width:190px;font-size:11px}.radio-atelier .atelier-frequency{padding:10px;border-radius:9px}.radio-atelier .atelier-frequency-scale{height:24px;margin-top:10px}.radio-atelier .atelier-frequency-caption{margin-top:7px;font-size:11px}.radio-atelier .radio-deck-controls{gap:15px 10px}.radio-atelier .radio-modes{gap:8px}.radio-atelier .atelier-tuner{grid-template-columns:116px 38px;gap:8px}.radio-atelier .atelier-tuner-help{font-size:12px}.radio-atelier .atelier-knob-housing{width:116px;height:116px}.radio-atelier .atelier-knob{width:96px;height:96px}.radio-atelier .atelier-knob-face{top:7px;right:7px;bottom:7px;left:7px}.radio-atelier .atelier-knob-face i{top:5px;right:5px;bottom:5px;left:5px}.radio-atelier .atelier-knob-face i:before{height:14px}.radio-atelier .atelier-tuner-steps{gap:8px;padding:7px 3px}.radio-atelier .atelier-tuner-steps button{width:30px;height:30px}}@container radio-atelier (max-width: 550px){.radio-atelier .radio-atelier-settings-summary,.radio-atelier .radio-filter-summary{display:flex;min-height:44px;padding:8px 12px;border:1px solid #765a31;border-radius:12px;background:linear-gradient(160deg,#292216,#15140f);color:#f2d6a2;font-size:13px;font-weight:650}.radio-atelier .radio-atelier-settings-summary output{color:#f0bd63;font-variant-numeric:tabular-nums}.radio-atelier .radio-atelier-settings-grid{grid-template-columns:minmax(0,1fr);gap:10px;padding-top:10px}.radio-atelier .radio-atelier-settings .atelier-frequency,.radio-atelier .radio-atelier-settings .radio-deck-controls,.radio-atelier .radio-atelier-settings .atelier-tuner{grid-column:1;grid-row:auto}.radio-atelier .radio-atelier-settings .radio-deck-controls{padding:6px 2px}.radio-atelier .radio-atelier-settings .atelier-tuner{justify-self:center}.radio-atelier .radio-filter-summary{margin-bottom:8px}.radio-atelier .radio-filter-summary:after,.radio-atelier .radio-atelier-settings-summary:after{content:"⌄";color:#e6b65e;font-size:18px}.radio-atelier .radio-filter-disclosure[open] .radio-filter-summary:after,.radio-atelier .radio-atelier-settings[open] .radio-atelier-settings-summary:after{content:"⌃"}.radio-atelier .radio-filter-content{display:grid;gap:8px;padding-bottom:10px}.radio-atelier--picker-open .radio-deck-body,.radio-atelier--picker-open .atelier-notices{display:none}.radio-atelier .atelier-picker-host{position:relative;inset:auto;width:100%;height:auto}.radio-atelier .radio-picker-backdrop--in-deck{position:relative;inset:auto;display:block;border-radius:12px}.radio-atelier .radio-picker-modal--in-deck{box-sizing:border-box;width:100%;max-width:100%;min-width:0;height:auto;min-height:min(400px,calc(100dvh - 200px));max-height:calc(100dvh - 200px);padding:14px 12px;overflow:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.radio-atelier .radio-picker-modal--in-deck .radio-body,.radio-atelier .radio-picker-modal--in-deck .radio-page,.radio-atelier .radio-picker-modal--in-deck .radio-picker,.radio-atelier .radio-picker-modal--in-deck .radio-tuner,.radio-atelier .radio-picker-modal--in-deck .radio-field{min-width:0;max-width:100%}.radio-atelier .radio-picker-modal--in-deck .radio-tuner{grid-template-columns:minmax(0,1fr)}.radio-atelier .radio-picker-modal--in-deck .radio-field .radio-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;flex-basis:auto}.radio-atelier .radio-picker-modal--in-deck .radio-field .radio-mode{min-width:0;padding-inline:5px}.radio-atelier .radio-picker-modal--in-deck .radio-picker-head .invite-modal-sub{display:block;font-size:12px;line-height:1.35}.radio-atelier .radio-picker-modal--in-deck .radio-tabs{position:sticky;top:0;z-index:1;padding-block:5px;background:#11150f}.radio-atelier .radio-picker-modal--in-deck .radio-tab{min-height:44px}.radio-atelier .radio-picker-modal--in-deck .radio-field .radio-select,.radio-atelier .radio-picker-modal--in-deck .radio-field input{height:44px;font-size:16px}.radio-atelier .radio-picker-modal--in-deck .radio-stations--picker{min-height:0;overflow-y:auto}.radio-atelier .radio-picker-modal--in-deck .radio-station{min-height:56px}.radio-atelier .atelier-cabinet{padding:5px;border-width:5px;margin:2px}.radio-atelier .radio-deck-body{padding:12px;gap:14px;grid-template-columns:minmax(0,1fr)}.radio-atelier .radio-deck-screen{grid-template-columns:minmax(0,1fr)}.radio-atelier .radio-deck-actions{grid-column:1;grid-row:auto;flex-direction:row;align-items:center;justify-content:start;flex-wrap:wrap}.radio-atelier .radio-deck-controls{grid-column:1;grid-row:3}.radio-atelier .atelier-tuner{grid-column:1;grid-row:4;justify-self:center}.radio-atelier .atelier-notices{grid-row:5}.radio-atelier .atelier-spectrum{gap:12px}.radio-atelier .atelier-signal{font-size:11px}.radio-atelier .atelier-signal small{max-width:140px}.radio-atelier .radio-modes{flex-wrap:wrap}.radio-atelier .btn,.radio-atelier .radio-mode,.radio-atelier .atelier-frequency-head button{min-height:44px}.radio-atelier .atelier-tuner-steps button{width:40px;height:40px}}@container radio-atelier (max-width: 550px){.radio-atelier .radio-deck-body{display:flex;flex-direction:column;height:clamp(300px,calc(100dvh - 220px),410px);box-sizing:border-box;gap:14px;overflow:hidden}.radio-atelier .radio-pages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;flex-shrink:0;padding:4px;border:1px solid #55452b;border-radius:12px;background:#100f0b}.radio-pages button{min-height:44px;border:0;border-radius:8px;background:transparent;color:#bdb39f;font:inherit;font-size:13px;cursor:pointer}.radio-pages button[aria-pressed=true]{background:#342a19;color:#f2cf8c}.radio-pages button:focus-visible{outline:2px solid #e6b65e;outline-offset:-2px}.radio-atelier .radio-deck-screen,.radio-atelier .radio-atelier-settings{min-height:0;overflow-y:auto;overscroll-behavior:contain;animation:radio-page-in .2s ease-out}.radio-atelier .radio-atelier-settings{flex:1}.radio-atelier [data-page=station] .radio-atelier-settings,.radio-atelier [data-page=sound] .radio-deck-screen,.radio-atelier [data-page=frequency] .radio-deck-screen,.radio-atelier [data-page=sound] .atelier-frequency,.radio-atelier [data-page=sound] .atelier-tuner,.radio-atelier [data-page=frequency] .radio-deck-controls{display:none}.radio-atelier [data-page=sound] .radio-deck-controls{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.radio-atelier [data-page=sound] .radio-modes{width:100%}.radio-atelier .atelier-stop{padding:8px 12px 12px}.radio-atelier .radio-stop{min-height:44px;max-width:100%}.radio-atelier .atelier-notices:empty{display:none}}@keyframes radio-page-in{0%{opacity:.5;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion: reduce){.radio-atelier button{transition:none!important}.radio-atelier .radio-deck-screen,.radio-atelier .radio-atelier-settings{animation:none}}.room-layout{background:linear-gradient(180deg,var(--bg-2),var(--bg) 45%,var(--bg))}.room-layout .invite-banner,.room-layout .chat{border-color:#daad6333;background-color:#14120ef0}.room-layout .chat{box-shadow:0 10px 28px #00000052,inset 0 1px #f5d39e0a}.room-layout .chat-msg:not(.self){border-color:#cfa56233;background:linear-gradient(145deg,var(--bg-2),var(--bg-2))}.room-layout .chat-msg.self{border-color:#615033;background:var(--bg-3);color:var(--text);box-shadow:none}.room-layout .chat-input-capsule{border-color:#daad634d;background:var(--bg-2)}.room-layout .chat-input-capsule:focus-within{border-color:var(--accent-line);background:var(--bg-2);box-shadow:0 0 0 2px #d7a64e29}.room-layout .chat-send-round-btn{border:1px solid var(--accent-line);background:linear-gradient(160deg,var(--accent-deep),var(--accent-deep));color:var(--bg-2);box-shadow:0 3px 10px #9160203d}.room-layout--mobile .mobile-dock{border-color:#daad633d;background:#12100cf5}.room-layout--mobile .mobile-dock .btn.control:not(.leave){border-color:#daad6340;background:linear-gradient(160deg,var(--bg-2),var(--bg-2));color:var(--text)}.room-layout .room-title-capsule{border-color:#daad6345;background:#1c1811f0}.room-layout .control-bar{border-color:#daad633d;background:#12100cf5}.room-layout .control-bar .btn.control:not(.leave){border-color:#daad6340;background:linear-gradient(160deg,var(--bg-2),var(--bg-2));color:var(--text)}.room-layout .control-bar .btn.control:not(.leave):hover{border-color:#ebc27e73;background:linear-gradient(160deg,var(--bg-3),var(--bg-2))}.room-layout .participant-panel,.room-layout .side-column{border-color:#daad6333}.room-layout .strip-card.is-speaking{outline-color:#f2cf8c;animation:none;box-shadow:0 0 12px #dca94f7a}.atelier-stop{display:flex;justify-content:flex-end;padding:6px 10px 0}.radio-stop{font-size:.82rem}.radio-unmute{align-self:flex-start}.notfound-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;background:var(--bg);color:var(--text);font-family:var(--font-body)}.notfound-page h1{margin:0;font-family:var(--font-space);font-size:clamp(56px,12vw,96px);line-height:1;color:var(--text)}.notfound-page p{margin:0;color:var(--muted)}.notfound-page a{margin-top:8px;color:var(--accent);text-decoration:none;border:1px solid var(--border);border-radius:var(--radius);padding:10px 18px;transition:border-color .15s ease,color .15s ease}.notfound-page a:hover{border-color:var(--accent);color:var(--accent-2)}:root{--bg: #11130e;--bg-2: #191b14;--bg-3: #272b1e;--surface: rgba(255, 255, 255, .028);--surface-hover: rgba(255, 255, 255, .055);--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .17);--text: #eae9de;--muted: #aeaf9d;--faint: #8d917e;--accent: #a0aa7d;--accent-soft: #bdc69f;--accent-deep: #707b51;--accent-wash: rgba(224, 169, 74, .1);--accent-line: rgba(224, 169, 74, .4);--on-accent: #11130e;--info: #6aa9e9;--ok: #4bbd8a;--danger: #e5676f;--radius: 10px;--radius-lg: 14px;--radius-pill: 999px;--ease: cubic-bezier(.4, 0, .2, 1);--dur: .35s;--dur-slow: .5s;--font-space: "Space Grotesk", sans-serif;--font-body: "Manrope", "Segoe UI", system-ui, sans-serif}html,body,#root{height:100%;margin:0;touch-action:pan-x pan-y;-webkit-text-size-adjust:100%;text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root,button,a,span,div,p,h1,h2,h3,h4,li,label,svg,img,video{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,select,[contenteditable=true]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.landing-page,.landing-page *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.landing-page :is(input,textarea,select,[contenteditable=true]){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}img,svg,video{-webkit-user-drag:none}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:15px}button{font:inherit;cursor:pointer}input{font:inherit;width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);outline:none}input:focus{border-color:var(--accent)}label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted)}.accent{color:var(--accent)}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-3);color:var(--text);text-decoration:none;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease),opacity var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));border:none;font-weight:600}.btn.ghost{background:transparent}.btn.tiny{padding:3px 8px;font-size:12px}.btn.danger{border-color:var(--danger);color:var(--danger)}.home-container{min-height:100dvh;width:100%;position:relative;background:linear-gradient(180deg,rgba(var(--olive-panel-rgb),.72),rgba(var(--olive-panel-rgb),.88)),url(/tv_room_preview.png) no-repeat center center fixed;background-size:cover;display:flex;flex-direction:column}.home{max-width:860px;width:100%;margin:0 auto;padding:28px 20px 60px;display:flex;flex-direction:column;align-items:center;gap:28px;flex:1}@media (max-width: 640px){.home{padding:16px 14px 40px;gap:20px}.home-cards{display:flex;flex-direction:column;min-height:auto;gap:18px;width:100%}}.home-header{text-align:center;display:flex;flex-direction:column;align-items:center}.home-header h1{font-size:44px;margin:0 0 8px;font-weight:700;letter-spacing:-.02em}.tagline{color:var(--muted);font-size:15px;margin:0 0 8px}.name-badge{display:inline-flex;background:rgba(var(--olive-panel-rgb),.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(var(--olive-text-rgb),.08);border-radius:999px;padding:6px 14px;margin-top:16px;align-items:center}.name-badge-content{display:flex;align-items:center;gap:16px}.name-badge-name{display:flex;align-items:center;gap:8px;color:var(--text);font-size:14px;font-weight:600}.name-badge-name .icon-user{color:var(--accent)}.name-badge-btn{background:rgba(var(--olive-text-rgb),.05);border:1px solid rgba(var(--olive-text-rgb),.12);color:var(--muted);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none}.name-badge-btn:hover{background:rgba(var(--olive-text-rgb),.1);color:var(--text);border-color:rgba(var(--olive-text-rgb),.25)}.name-edit{display:inline-flex;gap:8px;align-items:center}.name-edit input{width:180px;padding:6px 12px}.home-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;width:100%;max-width:860px;justify-content:center}@media (max-width: 680px){.home-cards{grid-template-columns:1fr}}.card{background:linear-gradient(145deg,rgba(var(--olive-raised-rgb),.72),rgba(var(--olive-panel-rgb),.85));backdrop-filter:blur(32px) saturate(190%);-webkit-backdrop-filter:blur(32px) saturate(190%);border:1px solid rgba(var(--olive-text-rgb),.13);border-radius:26px;padding:26px 24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 20px 50px #0000008c,inset 0 1px rgba(var(--olive-text-rgb),.16);transition:all .28s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.card h2{margin:0;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.card-header-row{display:flex;align-items:center;gap:14px;margin-bottom:4px;width:100%}.card-header-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;flex-shrink:0;color:var(--text);position:relative;transition:all .25s cubic-bezier(.16,1,.3,1)}.card-header-icon.gold{background:linear-gradient(135deg,var(--accent-deep) 0%,var(--accent-deep) 100%);border:1px solid rgba(var(--olive-accent-rgb),.4);box-shadow:0 4px 12px rgba(var(--olive-accent-rgb),.35),inset 0 1px rgba(var(--olive-text-rgb),.4)}.auto-anim-create-icon .create-icon-frame{transform-origin:12px 12px;animation:autoFrameBreathGold 3.4s ease-in-out infinite}@keyframes autoFrameBreathGold{0%,to{stroke-opacity:.9;transform:scale(1)}50%{stroke-opacity:1;transform:scale(1.03);stroke:#fef08a}}.auto-anim-create-icon .create-icon-plus-group{transform-origin:12px 12px;animation:autoPlusPulse 3.4s ease-in-out infinite}@keyframes autoPlusPulse{0%,to{transform:scale(1)}30%{transform:scale(1.1) rotate(6deg)}60%{transform:scale(1.1) rotate(-6deg)}85%{transform:scale(1) rotate(0)}}.auto-anim-create-icon .create-sparkle-1{animation:sparkleBlinkGold 2.6s ease-in-out infinite;transform-origin:17.5px 6.5px}@keyframes sparkleBlinkGold{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.25)}}.card-header-icon.blue{background:linear-gradient(135deg,var(--accent-deep) 0%,var(--accent-deep) 100%);border:1px solid rgba(var(--olive-text-rgb),.4);box-shadow:0 4px 12px rgba(var(--olive-accent-rgb),.35),inset 0 1px rgba(var(--olive-text-rgb),.4)}.auto-anim-join-icon .join-icon-portal{animation:autoPortalBreath 3.4s ease-in-out infinite}@keyframes autoPortalBreath{0%,to{stroke-opacity:.85}50%{stroke-opacity:1;stroke:#bfdbfe}}.auto-anim-join-icon .join-icon-arrow-group{transform-origin:12px 12px;animation:autoArrowShift 2.2s ease-in-out infinite}@keyframes autoArrowShift{0%,to{transform:translate(0)}50%{transform:translate(2.5px)}}.auto-anim-join-icon .join-portal-glow{animation:portalWavePulse 2.2s ease-in-out infinite;transform-origin:15px 12px}@keyframes portalWavePulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:.9;transform:scale(1.3)}}.card-header-icon.bronze{background:linear-gradient(135deg,var(--accent-deep) 0%,var(--accent-deep) 50%,var(--accent-deep) 100%);border:1px solid rgba(var(--olive-text-rgb),.4);box-shadow:0 4px 14px rgba(var(--olive-accent-rgb),.4),inset 0 1px rgba(var(--olive-text-rgb),.4)}.auto-anim-friends-icon .friends-icon-main-user{transform-origin:8.5px 7px;animation:autoUserNod 2.8s ease-in-out infinite}@keyframes autoUserNod{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(4deg)}}.auto-anim-friends-icon .friends-icon-second-user{transform-origin:16px 7px;animation:autoFriendWave 2.8s ease-in-out infinite}@keyframes autoFriendWave{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.auto-anim-friends-icon .friends-sparkle-center{animation:friendsSparklePulse 2.2s ease-in-out infinite;transform-origin:13.5px 11.5px}@keyframes friendsSparklePulse{0%,to{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.3)}}.card.glow-gold{border-color:rgba(var(--olive-accent-rgb),.35);box-shadow:0 20px 50px #0000008c,inset 0 1px rgba(var(--olive-text-rgb),.16)}.card.glow-gold:hover,.card.glow-gold:focus-within{border-color:rgba(var(--olive-accent-rgb),.65);box-shadow:0 28px 65px #000000a6,0 0 24px rgba(var(--olive-accent-rgb),.15),inset 0 1px rgba(var(--olive-text-rgb),.25);transform:translateY(-2px)}.card.glow-blue{border-color:rgba(var(--olive-accent-rgb),.35);box-shadow:0 20px 50px #0000008c,inset 0 1px rgba(var(--olive-text-rgb),.16)}.card.glow-blue:hover,.card.glow-blue:focus-within{border-color:rgba(var(--olive-accent-rgb),.65);box-shadow:0 28px 65px #000000a6,0 0 24px rgba(var(--olive-accent-rgb),.15),inset 0 1px rgba(var(--olive-text-rgb),.25);transform:translateY(-2px)}.card.glow-bronze{border-color:rgba(var(--olive-accent-rgb),.3);box-shadow:0 20px 50px #0000008c,inset 0 1px rgba(var(--olive-text-rgb),.16)}.card.glow-bronze:hover,.card.glow-bronze:focus-within{border-color:rgba(var(--olive-accent-rgb),.65);box-shadow:0 28px 65px #000000a6,0 0 24px rgba(var(--olive-accent-rgb),.2),inset 0 1px rgba(var(--olive-text-rgb),.25);transform:translateY(-2px)}.password-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.password-input-wrapper input{padding-right:48px}.password-toggle-btn{position:absolute;right:8px;width:34px;height:34px;border-radius:10px;background:rgba(var(--olive-text-rgb),.06);border:1px solid rgba(var(--olive-text-rgb),.1);color:var(--muted);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);outline:none}.password-toggle-btn:hover{color:var(--accent);background:rgba(var(--olive-accent-rgb),.18);border-color:rgba(var(--olive-accent-rgb),.5);transform:scale(1.08)}.password-toggle-btn:active{transform:scale(.92)}.pwd-eye-closed-svg{transition:transform .2s ease}.password-toggle-btn:hover .pwd-eye-closed-svg{transform:translateY(-1px)}.password-toggle-btn:hover .eye-lash-1{animation:lashWiggle1 .4s ease-in-out infinite alternate;transform-origin:6px 15.5px}.password-toggle-btn:hover .eye-lash-2{animation:lashWiggle2 .4s ease-in-out infinite alternate;transform-origin:12px 16.5px}.password-toggle-btn:hover .eye-lash-3{animation:lashWiggle3 .4s ease-in-out infinite alternate;transform-origin:18px 15.5px}@keyframes lashWiggle1{0%{transform:rotate(0)}to{transform:rotate(-12deg)}}@keyframes lashWiggle2{0%{transform:scaleY(1)}to{transform:scaleY(1.3)}}@keyframes lashWiggle3{0%{transform:rotate(0)}to{transform:rotate(12deg)}}.pwd-eye-open-svg{animation:autoEyeBlinkLive 3.8s ease-in-out infinite;transform-origin:12px 12px}@keyframes autoEyeBlinkLive{0%,93%,97%,to{transform:scaleY(1)}95%{transform:scaleY(.08)}}.pwd-eye-pupil-group{animation:autoPupilLookAround 4.8s ease-in-out infinite;transform-origin:12px 12px}@keyframes autoPupilLookAround{0%,to{transform:translate(0)}15%,35%{transform:translate(-2px,-.5px)}45%,55%{transform:translate(0)}65%,85%{transform:translate(2px,.5px)}}.create-room-card .create-field{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;text-align:left}.create-field-label{font-family:var(--font-space),"Space Grotesk",sans-serif;font-size:13px;font-weight:600;letter-spacing:-.01em;color:var(--text);display:inline-flex;align-items:center;gap:6px}.create-field-req{color:#f87171;font-weight:700}.create-field-error{display:block;margin-top:6px;font-size:.82rem;font-weight:600;color:#f87171}.create-field-input[aria-invalid=true]{border-color:#f871718c;box-shadow:0 0 0 3px #f8717126}.create-field-optional{font-family:var(--font-body),"Manrope",sans-serif;font-size:.72rem;font-weight:500;letter-spacing:.01em;color:var(--muted);background:rgba(var(--olive-text-rgb),.06);border:1px solid rgba(var(--olive-text-rgb),.1);border-radius:999px;padding:2px 8px}.create-field-input{width:100%;padding:12px 16px;border-radius:14px;border:1px solid rgba(var(--olive-text-rgb),.14);background:rgba(var(--olive-panel-rgb),.75);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--text);font-family:var(--font-body),"Manrope",sans-serif;font-size:14px;font-weight:500;text-align:left;outline:none;transition:all .22s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px rgba(var(--olive-text-rgb),.08)}.create-field-input::placeholder{color:var(--muted);font-weight:450}.create-field-input:hover{border-color:rgba(var(--olive-accent-rgb),.45);background:rgba(var(--olive-panel-rgb),.85)}.create-field-input:focus{border-color:rgba(var(--olive-accent-rgb),.75);background:rgba(var(--olive-raised-rgb),.92);box-shadow:0 0 18px rgba(var(--olive-accent-rgb),.25),inset 0 1px rgba(var(--olive-text-rgb),.12)}.create-password-wrap{position:relative;width:100%;overflow:hidden}.create-password-input{padding-right:48px;letter-spacing:.04em;position:relative;z-index:1}.create-password-input.is-masked-custom{color:transparent!important;caret-color:#fbbf24;-webkit-user-select:all;user-select:all}.create-password-input.is-masked-custom::selection{background:rgba(var(--olive-accent-rgb),.35);color:transparent}.password-glyphs-overlay{position:absolute;left:16px;top:0;bottom:0;right:50px;display:flex;align-items:center;gap:5px;pointer-events:none;overflow:hidden;white-space:nowrap;z-index:2}.pwd-glyph-item{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--accent);font-size:14.5px;font-weight:700;text-shadow:0 0 10px rgba(var(--olive-accent-rgb),.65),0 0 4px rgba(var(--olive-accent-rgb),.9);flex-shrink:0;animation:glyphPopIn .22s cubic-bezier(.34,1.56,.64,1) forwards;-webkit-user-select:none;user-select:none}@keyframes glyphPopIn{0%{opacity:0;transform:scale(.3) rotate(-20deg)}to{opacity:1;transform:scale(1) rotate(0)}}.create-password-wrap .password-toggle-btn{position:absolute;right:8px;width:34px;height:34px;border-radius:10px;border:1px solid rgba(var(--olive-text-rgb),.1);background:rgba(var(--olive-text-rgb),.06);color:var(--muted);padding:0;transition:all .2s ease;z-index:3}.create-password-wrap .password-toggle-btn:hover{color:var(--accent);background:rgba(var(--olive-accent-rgb),.16);border-color:rgba(var(--olive-accent-rgb),.4);transform:scale(1.05);box-shadow:0 0 12px rgba(var(--olive-accent-rgb),.2)}.create-password-wrap .password-toggle-btn.is-visible{color:var(--accent);background:rgba(var(--olive-accent-rgb),.2);border-color:rgba(var(--olive-accent-rgb),.5)}.create-password-wrap .password-toggle-btn:active{transform:scale(.95)}.password-toggle-icon{display:grid;place-items:center;animation:eyeSwapIn .28s cubic-bezier(.34,1.56,.64,1)}@keyframes eyeSwapIn{0%{opacity:0;transform:scale(.7) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(0)}}.join-info-details{margin-top:4px;background:rgba(var(--olive-accent-rgb),.08);border:1px solid rgba(var(--olive-accent-rgb),.22);border-radius:14px;padding:8px 14px;width:100%;transition:all .2s ease}.join-info-summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;cursor:pointer;color:var(--accent);font-size:12.5px;font-weight:600;-webkit-user-select:none;user-select:none;transition:color .2s ease}.join-info-summary::-webkit-details-marker{display:none}.join-info-summary:hover{color:var(--text)}.join-info-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid rgba(var(--olive-accent-rgb),.35);background:rgba(var(--olive-accent-rgb),.15);color:var(--accent);flex-shrink:0;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.join-info-summary:hover .join-info-icon{background:rgba(var(--olive-accent-rgb),.4);border-color:rgba(var(--olive-accent-rgb),.8);color:var(--text);transform:scale(1.18) rotate(15deg);box-shadow:0 0 12px rgba(var(--olive-accent-rgb),.5)}.join-info-details[open] .join-info-icon{background:rgba(var(--olive-accent-rgb),.3);transform:scale(1.05)}.join-info-hint{letter-spacing:.01em}.join-info-text{margin:8px 0 0;text-align:center;color:var(--text);font-size:12.5px;line-height:1.45;animation:joinInfoFade .22s ease-out}@keyframes joinInfoFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.card-btn-action-wrap{position:relative;width:100%;margin-top:4px}.btn.primary.btn-gradient.btn-locked-gold{background:linear-gradient(135deg,rgba(var(--olive-accent-rgb),.16),rgba(var(--olive-accent-rgb),.12))!important;color:rgba(var(--olive-accent-rgb),.7)!important;border:1px dashed rgba(var(--olive-accent-rgb),.45)!important;box-shadow:0 4px 14px #00000040,inset 0 1px rgba(var(--olive-text-rgb),.1)!important;cursor:pointer!important;opacity:.95}.btn.primary.btn-gradient.btn-locked-gold:hover{background:linear-gradient(135deg,rgba(var(--olive-accent-rgb),.26),rgba(var(--olive-accent-rgb),.2))!important;border-color:rgba(var(--olive-accent-rgb),.75)!important;color:var(--accent)!important;box-shadow:0 0 20px rgba(var(--olive-accent-rgb),.25),inset 0 1px rgba(var(--olive-text-rgb),.16)!important;transform:translateY(-1px)}.btn.btn-blue-outline.btn-locked-blue{background:linear-gradient(135deg,rgba(var(--olive-accent-rgb),.16),rgba(var(--olive-accent-rgb),.12))!important;color:rgba(var(--olive-text-rgb),.7)!important;border:1px dashed rgba(var(--olive-accent-rgb),.45)!important;box-shadow:0 4px 14px #00000040,inset 0 1px rgba(var(--olive-text-rgb),.1)!important;cursor:pointer!important;opacity:.95}.btn.btn-blue-outline.btn-locked-blue:hover{background:linear-gradient(135deg,rgba(var(--olive-accent-rgb),.26),rgba(var(--olive-accent-rgb),.2))!important;border-color:rgba(var(--olive-accent-rgb),.75)!important;color:var(--text)!important;box-shadow:0 0 20px rgba(var(--olive-accent-rgb),.25),inset 0 1px rgba(var(--olive-text-rgb),.16)!important;transform:translateY(-1px)}.btn.primary.btn-gradient.add-friend-submit.btn-locked-emerald{background:linear-gradient(135deg,rgba(var(--olive-accent-rgb),.16),rgba(var(--olive-accent-rgb),.12))!important;color:rgba(var(--olive-accent-rgb),.7)!important;border:1px dashed rgba(var(--olive-accent-rgb),.45)!important;box-shadow:0 4px 14px #00000040,inset 0 1px rgba(var(--olive-text-rgb),.1)!important;cursor:pointer!important;opacity:.95}.btn.primary.btn-gradient.add-friend-submit.btn-locked-emerald:hover{background:linear-gradient(135deg,rgba(var(--olive-accent-rgb),.26),rgba(var(--olive-accent-rgb),.2))!important;border-color:rgba(var(--olive-accent-rgb),.75)!important;color:var(--accent)!important;box-shadow:0 0 20px rgba(var(--olive-accent-rgb),.25),inset 0 1px rgba(var(--olive-text-rgb),.16)!important;transform:translateY(-1px)}.btn-locked-content{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%}.btn-chain-icon{display:inline-flex;align-items:center;justify-content:center;transition:transform .25s cubic-bezier(.34,1.56,.64,1);animation:lockPulse 2.8s infinite ease-in-out}.btn:hover .btn-chain-icon{transform:rotate(-10deg) scale(1.18);filter:drop-shadow(0 0 6px currentColor)}@keyframes lockPulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.08);opacity:1;filter:drop-shadow(0 0 5px currentColor)}}.btn-lock-badge{font-size:10px;font-weight:800;padding:2px 7px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em;margin-left:2px;transition:all .25s ease}.btn:hover .btn-lock-badge{transform:scale(1.06)}.btn-lock-badge.gold{background:rgba(var(--olive-accent-rgb),.25);border:1px solid rgba(var(--olive-accent-rgb),.5);color:var(--accent)}.btn:hover .btn-lock-badge.gold{box-shadow:0 0 10px rgba(var(--olive-accent-rgb),.4)}.btn-lock-badge.blue{background:rgba(var(--olive-accent-rgb),.25);border:1px solid rgba(var(--olive-accent-rgb),.5);color:var(--accent)}.btn:hover .btn-lock-badge.blue{box-shadow:0 0 10px rgba(var(--olive-accent-rgb),.4)}.btn-lock-badge.emerald{background:rgba(var(--olive-accent-rgb),.25);border:1px solid rgba(var(--olive-accent-rgb),.5);color:var(--accent)}.btn:hover .btn-lock-badge.emerald{box-shadow:0 0 10px rgba(var(--olive-accent-rgb),.4)}.btn-unlocked-glow{animation:unlockBurstGold .4s cubic-bezier(.34,1.56,.64,1)}@keyframes unlockBurstGold{0%{transform:scale(.96);box-shadow:0 0 30px rgba(var(--olive-accent-rgb),.9)}to{transform:scale(1);box-shadow:0 4px 18px rgba(var(--olive-accent-rgb),.45)}}.btn-unlocked-glow-blue{animation:unlockBurstBlue .4s cubic-bezier(.34,1.56,.64,1)}@keyframes unlockBurstBlue{0%{transform:scale(.96);box-shadow:0 0 30px rgba(var(--olive-accent-rgb),.9)}to{transform:scale(1);box-shadow:0 4px 18px rgba(var(--olive-accent-rgb),.45)}}.btn-unlocked-glow-emerald{animation:unlockBurstEmerald .4s cubic-bezier(.34,1.56,.64,1)}@keyframes unlockBurstEmerald{0%{transform:scale(.96);box-shadow:0 0 30px rgba(var(--olive-accent-rgb),.9)}to{transform:scale(1);box-shadow:0 4px 18px rgba(var(--olive-accent-rgb),.45)}}.btn-shake-anim{animation:hintShake .5s cubic-bezier(.36,.07,.19,.97) both!important}@keyframes hintShake{10%,90%{transform:translate3d(-2px,0,0)}20%,80%{transform:translate3d(3px,0,0)}30%,50%,70%{transform:translate3d(-5px,0,0)}40%,60%{transform:translate3d(5px,0,0)}}.input-pulse-gold{animation:inputPulseGoldAnim .6s ease both!important}@keyframes inputPulseGoldAnim{0%{box-shadow:0 0 rgba(var(--olive-accent-rgb),.8);border-color:rgba(var(--olive-accent-rgb),1)}50%{box-shadow:0 0 24px rgba(var(--olive-accent-rgb),.55);border-color:rgba(var(--olive-accent-rgb),1)}to{box-shadow:0 0 12px rgba(var(--olive-accent-rgb),.25)}}.input-pulse-blue{animation:inputPulseBlueAnim .6s ease both!important}@keyframes inputPulseBlueAnim{0%{box-shadow:0 0 rgba(var(--olive-accent-rgb),.8)}50%{box-shadow:0 0 24px rgba(var(--olive-accent-rgb),.55)}to{box-shadow:0 0 12px rgba(var(--olive-accent-rgb),.25)}}.input-pulse-emerald{animation:inputPulseEmeraldAnim .6s ease both!important}@keyframes inputPulseEmeraldAnim{0%{box-shadow:0 0 rgba(var(--olive-accent-rgb),.8);border-color:rgba(var(--olive-accent-rgb),1)}50%{box-shadow:0 0 24px rgba(var(--olive-accent-rgb),.55);border-color:rgba(var(--olive-accent-rgb),1)}to{box-shadow:0 0 12px rgba(var(--olive-accent-rgb),.25)}}.guide-assistant-bubble-wrap{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%);width:max-content;max-width:min(340px,94vw);z-index:100;pointer-events:auto;animation:guidePopUp .38s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes guidePopUp{0%{opacity:0;transform:translate(-50%) translateY(16px) scale(.85)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.guide-assistant-card{display:flex;align-items:center;gap:12px;background:rgba(var(--olive-raised-rgb),.94);backdrop-filter:blur(28px) saturate(190%);-webkit-backdrop-filter:blur(28px) saturate(190%);border:1.5px solid rgba(var(--olive-text-rgb),.16);padding:10px 14px 10px 10px;border-radius:20px;box-shadow:0 16px 40px #0009,inset 0 1px rgba(var(--olive-text-rgb),.2);position:relative}.guide-assistant-bubble-wrap.gold .guide-assistant-card,.guide-assistant-bubble-wrap.blue .guide-assistant-card,.guide-assistant-bubble-wrap.emerald .guide-assistant-card{border-color:rgba(var(--olive-accent-rgb),.5);box-shadow:0 16px 40px #0009,0 0 24px rgba(var(--olive-accent-rgb),.2),inset 0 1px rgba(var(--olive-text-rgb),.25)}.guide-assistant-card:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-style:solid;border-color:rgba(var(--olive-raised-rgb),.94) transparent transparent transparent}.guide-avatar-svg-wrap{flex-shrink:0;display:flex;align-items:center;justify-content:center;animation:guideFloat 2.8s ease-in-out infinite}@keyframes guideFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.guide-character-svg{filter:drop-shadow(0 6px 14px rgba(0,0,0,.55));transition:transform .2s ease}.guide-character-eyes{animation:eyeBlink 3.6s infinite ease-in-out;transform-origin:55px 51px}@keyframes eyeBlink{0%,94%,98%,to{transform:scaleY(1)}96%{transform:scaleY(.08)}}.guide-pointing-arm{transform-origin:80px 90px;animation:armPointWiggle 1.6s ease-in-out infinite}@keyframes armPointWiggle{0%,to{transform:rotate(0)}35%{transform:rotate(-7deg) translateY(-3px)}70%{transform:rotate(2deg) translateY(1px)}}.finger-sparkle{animation:fingerGlow 1.2s infinite ease-in-out}@keyframes fingerGlow{0%,to{transform:scale(1);opacity:.85;filter:drop-shadow(0 0 4px #ffffff)}50%{transform:scale(1.35);opacity:1;filter:drop-shadow(0 0 12px #ffffff)}}.finger-sparkle-cross{animation:sparkleRotate 4s linear infinite;transform-origin:92px 14px}@keyframes sparkleRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.guide-speech-bubble{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0;text-align:left}.guide-speech-header-row{display:flex;align-items:center;gap:8px}.guide-speech-icon-wrap{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9px;background:rgba(var(--olive-text-rgb),.08);border:1px solid rgba(var(--olive-text-rgb),.14);flex-shrink:0}.guide-assistant-bubble-wrap.gold .guide-speech-icon-wrap,.guide-assistant-bubble-wrap.blue .guide-speech-icon-wrap,.guide-assistant-bubble-wrap.emerald .guide-speech-icon-wrap,.guide-speech-icon-wrap.emerald{background:rgba(var(--olive-accent-rgb),.18);border-color:rgba(var(--olive-accent-rgb),.4);box-shadow:0 0 10px rgba(var(--olive-accent-rgb),.25)}.guide-msg-svg-icon{flex-shrink:0}.guide-speech-title{font-family:var(--font-space),"Segoe UI",sans-serif;font-size:.92rem;font-weight:800;color:var(--text);letter-spacing:-.01em;line-height:1.2}.guide-speech-sub{font-family:var(--font-body),"Segoe UI",sans-serif;font-size:.78rem;font-weight:500;color:var(--text);line-height:1.35;padding-left:2px}.guide-bubble-close{background:rgba(var(--olive-text-rgb),.08);border:1px solid rgba(var(--olive-text-rgb),.14);color:rgba(var(--olive-text-rgb),.7);width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;line-height:1;cursor:pointer;padding:0;margin-left:4px;transition:all .15s ease;flex-shrink:0}.guide-bubble-close:hover{background:rgba(var(--olive-text-rgb),.22);color:var(--text);transform:scale(1.1)}.btn.primary.btn-gradient{background:var(--accent)!important;color:var(--on-accent)!important;font-weight:700!important;border-radius:var(--radius)!important;min-height:48px!important;font-size:14.5px!important;width:100%;border:1px solid transparent;box-shadow:none;transition:background-color var(--dur) var(--ease),transform var(--dur) var(--ease);display:inline-flex;justify-content:center;align-items:center;gap:8px;cursor:pointer}.btn.primary.btn-gradient:hover:not(:disabled){background:var(--accent-soft)!important;box-shadow:none;transform:translateY(-1px)}.btn.primary.btn-gradient:active:not(:disabled){transform:translateY(0)}.btn.btn-blue-outline{background:var(--surface)!important;color:var(--text)!important;font-weight:600!important;border-radius:var(--radius)!important;min-height:48px!important;font-size:14.5px!important;width:100%;border:1px solid var(--border)!important;box-shadow:none!important;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease);display:inline-flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;box-sizing:border-box}.btn.btn-blue-outline:hover:not(:disabled){background:var(--surface-hover)!important;border-color:var(--border-strong)!important;color:var(--text)!important;box-shadow:none!important;transform:none}.btn.btn-blue-outline:active:not(:disabled){transform:none}.btn.btn-blue-outline svg{color:var(--muted);transition:color var(--dur) var(--ease)}.btn.btn-blue-outline:hover:not(:disabled) svg{color:var(--text)}.friends-empty-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px 20px;background:rgba(var(--olive-raised-rgb),.55);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px dashed rgba(var(--olive-text-rgb),.16);border-radius:20px;text-align:center;box-shadow:inset 0 1px rgba(var(--olive-text-rgb),.08)}.friends-empty-scene-wrap{display:flex;align-items:center;justify-content:center;padding:6px 0 4px;width:100%;cursor:pointer;perspective:1000px}.friends-handshake-scene-svg{filter:drop-shadow(0 12px 28px rgba(0,0,0,.65)) drop-shadow(0 0 20px rgba(251,191,36,.12));overflow:visible;transition:transform .6s cubic-bezier(.34,1.56,.64,1),filter .6s ease;will-change:transform}.friends-empty-scene-wrap:hover .friends-handshake-scene-svg{transform:translateY(-2px) scale(1.025);filter:drop-shadow(0 16px 36px rgba(0,0,0,.75)) drop-shadow(0 0 30px rgba(251,191,36,.28))}.chibi-char-left{transform-origin:105px 145px;animation:chibiBreatheLeft 4.2s cubic-bezier(.45,.05,.55,.95) infinite;will-change:transform}@keyframes chibiBreatheLeft{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-2.8px) rotate(-.8deg)}}.chibi-left-outer-arm{transform-origin:78px 86px;animation:chibiLeftOuterArmSwing 4.2s cubic-bezier(.45,.05,.55,.95) infinite;animation-delay:.18s;will-change:transform}@keyframes chibiLeftOuterArmSwing{0%,to{transform:rotate(0)}50%{transform:rotate(2.2deg) translateY(-.5px)}}.chibi-left-inner-arm{transform-origin:128px 86px;animation:chibiLeftInnerArmLift 4.2s cubic-bezier(.45,.05,.55,.95) infinite;animation-delay:.08s;will-change:transform}@keyframes chibiLeftInnerArmLift{0%,to{transform:rotate(0) translateY(0)}50%{transform:rotate(2.6deg) translateY(-1.2px)}}.chibi-char-right{transform-origin:275px 145px;animation:chibiBreatheRight 4.2s cubic-bezier(.45,.05,.55,.95) infinite;animation-delay:.45s;will-change:transform}@keyframes chibiBreatheRight{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-2.8px) rotate(.8deg)}}.chibi-right-outer-arm{transform-origin:302px 86px;animation:chibiRightOuterArmSwing 4.2s cubic-bezier(.45,.05,.55,.95) infinite;animation-delay:.63s;will-change:transform}@keyframes chibiRightOuterArmSwing{0%,to{transform:rotate(0)}50%{transform:rotate(-2.2deg) translateY(-.5px)}}.chibi-right-inner-arm{transform-origin:252px 86px;animation:chibiRightInnerArmPoint 4.2s cubic-bezier(.45,.05,.55,.95) infinite;animation-delay:.53s;will-change:transform}@keyframes chibiRightInnerArmPoint{0%,to{transform:rotate(0) translateY(0)}50%{transform:rotate(-2.6deg) translateY(-1.2px)}}.chibi-eye-blink-left{transform-origin:106px 54px;animation:naturalEyeBlinkLeft 4.8s cubic-bezier(.25,1,.5,1) infinite;will-change:transform}@keyframes naturalEyeBlinkLeft{0%,94%,98%,to{transform:scaleY(1)}96%{transform:scaleY(.08)}}.chibi-eye-blink-right{transform-origin:274px 54px;animation:naturalEyeBlinkRight 5.4s cubic-bezier(.25,1,.5,1) infinite;animation-delay:1.2s;will-change:transform}@keyframes naturalEyeBlinkRight{0%,93%,97%,to{transform:scaleY(1)}95%{transform:scaleY(.08)}}.chibi-center-star-core{transform-origin:190px 74px;animation:starRadiantRotate 5.6s cubic-bezier(.45,.05,.55,.95) infinite;will-change:transform}@keyframes starRadiantRotate{0%,to{transform:scale(.96) rotate(0)}50%{transform:scale(1.18) rotate(180deg)}}.friends-empty-scene-wrap:hover .chibi-center-star-core{animation:starRadiantRotateHover 2.8s cubic-bezier(.45,.05,.55,.95) infinite}@keyframes starRadiantRotateHover{0%,to{transform:scale(1.08) rotate(0)}50%{transform:scale(1.28) rotate(180deg)}}.magic-star-halo-anim{transform-origin:190px 74px;animation:starAuraExpansion 3.2s ease-in-out infinite;will-change:transform,opacity}@keyframes starAuraExpansion{0%,to{transform:scale(.88);opacity:.5}50%{transform:scale(1.25);opacity:.95}}.magic-star-core-anim{transform-origin:190px 74px;animation:starCorePulseGlow 2.4s ease-in-out infinite;will-change:transform,opacity}@keyframes starCorePulseGlow{0%,to{transform:scale(.92);opacity:.7}50%{transform:scale(1.22);opacity:1}}.magic-orbit-arc-1{animation:orbitStreamTop 5.4s linear infinite;will-change:stroke-dashoffset}@keyframes orbitStreamTop{0%{stroke-dashoffset:0;opacity:.65}50%{opacity:1}to{stroke-dashoffset:-32;opacity:.65}}.magic-orbit-arc-2{animation:orbitStreamBottom 6.2s linear infinite;will-change:stroke-dashoffset}@keyframes orbitStreamBottom{0%{stroke-dashoffset:0;opacity:.65}50%{opacity:1}to{stroke-dashoffset:30;opacity:.65}}.mini-sparkle-1{transform-origin:165px 62px;animation:sparkleTwinklePro1 2.4s ease-in-out infinite;will-change:transform,opacity}@keyframes sparkleTwinklePro1{0%,to{transform:scale(.6) rotate(0);opacity:.35}50%{transform:scale(1.35) rotate(45deg);opacity:1}}.mini-sparkle-2{transform-origin:218px 66px;animation:sparkleTwinklePro2 2.8s ease-in-out infinite;animation-delay:.6s;will-change:transform,opacity}@keyframes sparkleTwinklePro2{0%,to{transform:scale(.6) rotate(0);opacity:.35}50%{transform:scale(1.35) rotate(-45deg);opacity:1}}.mini-sparkle-3{transform-origin:190px 41px;animation:sparkleTwinklePro3 2.1s ease-in-out infinite;animation-delay:1.1s;will-change:transform,opacity}@keyframes sparkleTwinklePro3{0%,to{transform:scale(.5) rotate(0);opacity:.25}50%{transform:scale(1.4) rotate(90deg);opacity:1}}.mini-dot-1{animation:microEmber1 2.8s ease-in-out infinite;will-change:transform,opacity}@keyframes microEmber1{0%,to{transform:translate(0);opacity:.45}50%{transform:translate(2.5px,-3.5px);opacity:1}}.mini-dot-2{animation:microEmber2 3.2s ease-in-out infinite;animation-delay:.5s;will-change:transform,opacity}@keyframes microEmber2{0%,to{transform:translate(0);opacity:.45}50%{transform:translate(-2.5px,-3.5px);opacity:1}}.mini-dot-3{animation:microEmber3 2.5s ease-in-out infinite;animation-delay:.9s;will-change:transform,opacity}@keyframes microEmber3{0%,to{transform:translate(0);opacity:.35}50%{transform:translateY(-4px);opacity:1}}.friends-empty-title{font-family:var(--font-space),"Segoe UI",sans-serif;font-size:.95rem;font-weight:800;color:var(--text);margin:0;letter-spacing:-.01em}.friends-empty-text{font-size:12.5px;color:var(--text);line-height:1.45;margin:0;max-width:320px}.friends-empty-text strong{color:var(--accent)}.friend-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:rgba(var(--olive-raised-rgb),.5);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(var(--olive-text-rgb),.09);border-radius:16px;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #00000040,inset 0 1px rgba(var(--olive-text-rgb),.06)}.friend-row:hover{background:rgba(var(--olive-raised-rgb),.85);border-color:rgba(var(--olive-accent-rgb),.5);transform:translateY(-1px);box-shadow:0 8px 20px #0006,inset 0 1px rgba(var(--olive-text-rgb),.14)}.friend-row-info{display:flex;align-items:center;gap:8px}.btn.remove-btn{background:rgba(var(--olive-text-rgb),.04);border:1px solid rgba(var(--olive-text-rgb),.1);color:var(--muted);border-radius:10px;padding:6px 12px;font-size:13px;transition:all .2s ease}.btn.remove-btn:hover{background:#ff5c6c1f;border-color:#ff5c6c73;color:#ff5c6c}.home-footer{text-align:center;color:var(--muted);font-size:13px;margin-top:auto;padding-top:24px}.error-banner{background:#ef444424;border:1px solid rgba(248,113,113,.4);color:#fca5a5;border-radius:14px;padding:12px 18px;font-size:13.5px;font-weight:600;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 24px #ef444426}.error-inline{color:var(--danger);font-size:13px}.center-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.center-screen .card{min-width:320px}.room-connect-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:radial-gradient(ellipse 80% 55% at 50% 20%,rgba(42,58,114,.35),transparent 60%),linear-gradient(180deg,var(--bg-2) 0%,var(--bg-2) 100%)}.room-connect-card{width:min(100%,360px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.room-connect-mark{position:relative;width:56px;height:56px;margin-bottom:8px;display:grid;place-items:center}.room-connect-mark-letter{width:40px;height:40px;border-radius:10px;background:var(--accent-deep);color:var(--text);font-weight:800;font-size:22px;display:grid;place-items:center;font-family:Space Grotesk,Manrope,sans-serif;z-index:1}.room-connect-mark-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid rgba(var(--olive-accent-rgb),.45);animation:roomConnectPulse 1.8s ease-in-out infinite}@keyframes roomConnectPulse{0%,to{transform:scale(.92);opacity:.55}50%{transform:scale(1.08);opacity:1}}.room-connect-room{margin:0;color:var(--muted);font-size:.85rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-connect-title{margin:0;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.room-connect-sub{margin:0 0 8px;font-size:.82rem;color:var(--muted)}.room-connect-rail{display:flex;gap:6px;width:100%;max-width:220px;margin:4px 0 8px}.room-connect-rail-seg{flex:1;height:3px;border-radius:99px;background:rgba(var(--olive-text-rgb),.1);overflow:hidden;position:relative}.room-connect-rail-seg.is-done{background:rgba(var(--olive-accent-rgb),.55)}.room-connect-rail-seg.is-active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-deep);transform-origin:left;animation:roomConnectRail 1.1s ease-in-out infinite}@keyframes roomConnectRail{0%{transform:scaleX(.15)}50%{transform:scaleX(1)}to{transform:scaleX(.15)}}.room-connect-steps{list-style:none;margin:8px 0 0;padding:0;width:100%;display:flex;flex-direction:column;gap:8px;text-align:left}.room-connect-step{display:flex;align-items:center;gap:10px;font-size:.8rem;color:rgba(var(--olive-text-rgb),.35);transition:color .25s ease}.room-connect-step.is-done{color:rgba(var(--olive-accent-rgb),.75)}.room-connect-step-dot{width:8px;height:8px;border-radius:50%;background:rgba(var(--olive-text-rgb),.18);flex-shrink:0}.room-connect-step.is-active .room-connect-step-dot{background:var(--accent-deep);box-shadow:0 0 0 3px rgba(var(--olive-accent-rgb),.2)}.room-connect-step.is-done .room-connect-step-dot{background:rgba(var(--olive-accent-rgb),.7)}.room-island-stack{position:fixed;top:max(12px,env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);z-index:200;pointer-events:none;max-width:min(92vw,420px);display:flex;flex-direction:column;align-items:center;gap:8px}.room-island-anchor{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:100%}.room-island-toast{display:inline-flex;align-items:center;gap:0;max-width:100%;min-height:36px;padding:8px 10px;border-radius:999px;background:rgba(var(--olive-panel-rgb),.92);border:1px solid rgba(var(--olive-text-rgb),.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text);box-shadow:0 10px 28px #00000059;animation:roomIslandExpand .32s cubic-bezier(.22,1,.36,1) forwards;overflow:hidden}.room-island-toast.is-leaving{animation:roomIslandCollapse .28s ease forwards}.room-island-toast--warn{border-color:rgba(var(--olive-accent-rgb),.35)}.room-island-toast--error{border-color:#ef444466}.room-island-icon{display:grid;place-items:center;width:20px;height:20px;flex-shrink:0;color:var(--accent)}.room-island-toast--error .room-island-icon{color:#f87171}.room-island-text{font-size:.78rem;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0;opacity:0;margin-left:0;animation:roomIslandTextIn .28s ease .12s forwards}@keyframes roomIslandExpand{0%{width:36px;padding-left:8px;padding-right:8px}to{width:auto;padding-left:12px;padding-right:14px}}@keyframes roomIslandCollapse{to{opacity:0;transform:translateY(-6px) scale(.96)}}@keyframes roomIslandTextIn{to{max-width:360px;opacity:1;margin-left:8px}}@media (min-width: 768px){.room-island-stack{top:18px}.room-island-text{font-size:.82rem}}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.room-layout{height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(var(--olive-panel-rgb),.84),rgba(var(--olive-panel-rgb),.88)),url(/tv_room_preview.png) no-repeat center center fixed;background-size:cover}.invite-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;background:rgba(var(--olive-panel-rgb),.5);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(var(--olive-text-rgb),.1);box-shadow:0 4px 24px #00000040;position:relative;z-index:10}.invite-banner-spacer{flex:1;display:none}@media (min-width: 768px){.invite-banner-spacer{display:block}}.room-title-capsule{display:inline-flex;align-items:center;gap:8px;background:rgba(var(--olive-panel-rgb),.78);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(var(--olive-text-rgb),.14);padding:4px 14px 4px 6px;border-radius:999px;box-shadow:0 4px 18px #0006,inset 0 1px rgba(var(--olive-text-rgb),.12);transition:all .2s cubic-bezier(.16,1,.3,1);margin:0 auto}.room-title-icon-badge{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--accent-deep) 0%,var(--accent-deep) 100%);display:flex;align-items:center;justify-content:center;color:var(--text);box-shadow:0 2px 8px rgba(var(--olive-accent-rgb),.4);flex-shrink:0}.room-title-text{font-size:13.5px;font-weight:600;color:var(--text);letter-spacing:-.01em;white-space:nowrap}.room-lock-badge{font-size:9.5px;font-weight:800;background:rgba(var(--olive-accent-rgb),.22);border:1px solid rgba(var(--olive-accent-rgb),.5);color:var(--accent);border-radius:6px;padding:1.5px 6px;text-transform:uppercase;letter-spacing:.04em;margin-left:2px}.invite-banner-action{flex:1;display:flex;justify-content:flex-end}.code-label{font-size:11px;color:var(--muted);margin-right:4px}.room-main{flex:1;display:grid;grid-template-columns:1fr minmax(420px,min(28vw,480px));min-height:0}.stage-column{display:flex;flex-direction:column;min-width:0;min-height:0}.stage-column--watching{flex:1;min-height:0}.room-layout--watching:not(.room-layout--sharing) .stage-column .stage{display:none!important}.room-layout--watching.room-layout--sharing .watch-panel--active{display:none!important}.room-layout--watching.room-layout--sharing .stage{display:flex!important;flex:1 1 auto;min-height:0;padding:0;gap:0}.room-layout--watching.room-layout--sharing .stage-focus{flex:1 1 auto;min-height:0;aspect-ratio:16 / 9;width:100%;border-radius:16px;background:#000}.room-layout--watching.room-layout--sharing .stage-focus video{object-fit:contain!important;background:#000}.room-layout--watching.room-layout--sharing .stage-label-full{font-size:.75rem}.room-layout--watching.room-layout--sharing .stage-label-full:after{content:none}.watch-share-hint{margin:.5rem .75rem 0;padding:.55rem .75rem;border-radius:10px;font-size:.82rem;line-height:1.35;color:rgba(var(--olive-text-rgb),.92);background:rgba(var(--olive-accent-rgb),.35);border:1px solid rgba(var(--olive-accent-rgb),.35)}.watch-status-chip{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .65rem;margin:.4rem .75rem 0;padding:.4rem .65rem;border-radius:999px;font-size:.78rem;line-height:1.3;color:rgba(var(--olive-text-rgb),.9);background:rgba(var(--olive-panel-rgb),.75);border:1px solid rgba(var(--olive-text-rgb),.12);max-width:100%}.watch-status-chip-dot{width:7px;height:7px;border-radius:50%;background:#3dd68c;box-shadow:0 0 0 3px #3dd68c40;flex-shrink:0}.watch-status-chip--cinema .watch-status-chip-dot{background:#f0c14b;box-shadow:0 0 0 3px #f0c14b40}.watch-status-chip--share .watch-status-chip-dot{background:#6ea8ff;box-shadow:0 0 0 3px #6ea8ff40}.watch-status-chip-text{flex:1 1 12rem;min-width:0}.watch-status-chip-link{color:#9ec5ff;text-decoration:none;font-weight:600;white-space:nowrap}.watch-status-chip-link:hover{text-decoration:underline}.watch-fallback-panel{margin:8px 12px 0;padding:12px 14px;border-radius:10px;background:rgba(var(--olive-raised-rgb),.92);border:1px solid rgba(var(--olive-text-rgb),.12);display:flex;flex-direction:column;gap:8px}.watch-fallback-title{margin:0;font-size:.95rem;font-weight:650;color:var(--text)}.watch-fallback-body{margin:0;font-size:.85rem;line-height:1.4}.watch-fallback-hint{margin:0;font-size:.8rem;line-height:1.35}.stage-column:has(.watch-panel--active){flex:1;min-height:0}.side-column{border-left:1px solid rgba(var(--olive-text-rgb),.16);display:flex;flex-direction:column;min-height:0;background:rgba(var(--olive-panel-rgb),.25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.stage{flex:1;display:flex;flex-direction:column;min-height:0;padding:12px;gap:10px}.stage-focus{position:relative;flex:1;min-height:0;background:var(--bg);border:1px solid rgba(var(--olive-text-rgb),.16);border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 50px #0009}.stage-focus video{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.stage-focus--cover video{object-fit:cover}.stage-focus canvas.stage-hold-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;z-index:1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease}.stage-focus--cover canvas.stage-hold-frame{object-fit:cover}.stage-focus canvas.stage-hold-frame.stage-hold-frame--on{opacity:1;visibility:visible}.stage-focus img.stage-focus-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;z-index:1;pointer-events:none}.stage-focus--cover img.stage-focus-poster{object-fit:cover}.stage-hold-caption{position:absolute;top:10px;left:10px;z-index:2;margin:0;padding:5px 10px;border-radius:999px;background:#0000008c;color:var(--text);font-size:12px;pointer-events:none}.stage-focus:fullscreen,.stage-focus:-webkit-full-screen{border-radius:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;flex:1 1 auto;background:#000}.stage-label{position:absolute;left:10px;bottom:10px;background:#0000008c;padding:5px 10px;border-radius:999px;font-size:12px;z-index:2;pointer-events:none;max-width:min(42%,280px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .28s ease,transform .28s ease}.stage-label-short{display:none}.stage-focus--chrome-hidden .stage-label,.stage-focus--chrome-hidden .stage-controls{opacity:0;pointer-events:none;transform:translateY(6px)}.stage-focus--chrome-hidden .stage-controls:focus-within,.stage-focus--chrome-hidden .stage-controls--vol-open,.stage-focus--chrome-hidden .stage-controls--quality-open{opacity:1;pointer-events:auto;transform:none}.stage-focus:hover .stage-controls,.stage-controls:focus-within{opacity:1;background:rgba(var(--olive-panel-rgb),.9)}.stage-ctrl-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:8px;background:transparent;color:var(--text);flex-shrink:0}.stage-ctrl-btn:hover{background:var(--bg-3)}.stage-ctrl-btn[aria-pressed=true]{color:var(--accent);background:rgba(var(--olive-accent-rgb),.12)}.stage-vol-wrap{position:relative;display:flex;align-items:center}.stage-controls{position:absolute;right:10px;bottom:10px;z-index:3;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;border-radius:12px;background:rgba(var(--olive-panel-rgb),.78);border:1px solid rgba(var(--olive-raised-rgb),.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:.9;transition:opacity .28s ease,transform .28s ease,background .15s}.stage-ctrl-cluster{display:flex;align-items:center;gap:2px;padding:4px 6px;position:relative}.stage-ctrl-btn.is-active{color:var(--accent)}.stage-vol-wrap,.stage-quality-wrap{position:relative;display:inline-flex;align-items:center}.stage-quality-popover{position:absolute;right:0;bottom:calc(100% + 8px);z-index:6;min-width:168px;padding:10px;border-radius:12px;background:rgba(var(--olive-panel-rgb),.96);border:1px solid rgba(var(--olive-text-rgb),.14);box-shadow:0 10px 28px #00000073}.stage-vol-popover{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%);display:flex;align-items:center;gap:10px;min-width:168px;padding:12px 14px;border-radius:12px;background:rgba(var(--olive-panel-rgb),.96);border:1px solid rgba(var(--olive-raised-rgb),.95);box-shadow:0 10px 28px #00000073;z-index:6;animation:stage-vol-in .18s ease}.stage-vol-slider{flex:1;width:120px;min-height:28px;margin:0;padding:0;border:none;background:transparent;accent-color:var(--accent);cursor:pointer;touch-action:none}.stage-vol-pct{flex-shrink:0;min-width:2.4em;font-size:11px;font-variant-numeric:tabular-nums;color:var(--muted);text-align:right}@keyframes stage-vol-in{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%)}}.stage-volume{display:flex;align-items:center;width:80px;margin:0 2px}.stage-volume input[type=range]{width:100%;padding:0;height:4px;border:none;border-radius:999px;background:var(--bg-3);accent-color:var(--accent);cursor:pointer}.mini-player{position:fixed;right:max(12px,env(safe-area-inset-right,0px));bottom:max(12px,env(safe-area-inset-bottom,0px));z-index:48;width:min(220px,42vw);background:var(--bg);border:1px solid rgba(var(--olive-text-rgb),.16);border-radius:12px;overflow:hidden;box-shadow:0 12px 40px #00000080;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.mini-player:active{cursor:grabbing}.mini-player-close{position:absolute;top:6px;right:6px;z-index:2;width:28px;height:28px;border:none;border-radius:8px;background:#000000a6;color:var(--text);font-size:18px;line-height:1;cursor:pointer}.mini-player-video{aspect-ratio:16 / 10;background:#000;pointer-events:none}.mini-player-video video{width:100%;height:100%;object-fit:contain;pointer-events:none}.mini-player-label{padding:6px 10px;font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.stage-mini-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:rgba(var(--olive-bg-rgb),.85);color:var(--muted);font-size:14px;z-index:1}.room-title{font-size:16px;display:flex;align-items:center;justify-content:center;gap:8px;grid-column:1 / -1;justify-self:center}@media (min-width: 701px){.invite-banner{grid-template-columns:1fr auto 1fr}.room-title{grid-column:2}.invite-open-btn{grid-column:3;justify-self:end}}.invite-open-btn{display:inline-flex;align-items:center;gap:7px;background:rgba(var(--olive-panel-rgb),.75);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(var(--olive-text-rgb),.16);padding:6px 14px 6px 12px;border-radius:999px;color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 14px #0000004d,inset 0 1px rgba(var(--olive-text-rgb),.1)}.invite-open-btn:hover{background:rgba(var(--olive-raised-rgb),.9);border-color:rgba(var(--olive-accent-rgb),.5);color:var(--text);box-shadow:0 6px 20px rgba(var(--olive-accent-rgb),.25),inset 0 1px rgba(var(--olive-text-rgb),.18);transform:translateY(-1px)}.invite-open-btn:active{transform:translateY(0) scale(.96)}.invite-modal{width:min(92vw,380px);max-width:calc(100vw - 32px);background:var(--bg-2);border:1px solid var(--border);border-radius:20px;padding:20px 18px 16px;position:relative;display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 48px #00000073}.invite-modal--v2{width:min(94vw,410px);background:linear-gradient(165deg,rgba(var(--olive-raised-rgb),.94),rgba(var(--olive-panel-rgb),.98));backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid rgba(var(--olive-text-rgb),.16);border-radius:24px;box-shadow:0 24px 60px #000000b3,inset 0 1px rgba(var(--olive-text-rgb),.16);padding:24px 22px 20px;gap:16px}.invite-modal-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.invite-modal-icon-wrap{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,rgba(var(--olive-accent-rgb),.2),rgba(var(--olive-accent-rgb),.25));border:1px solid rgba(var(--olive-accent-rgb),.4);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:4px;box-shadow:0 0 16px rgba(var(--olive-accent-rgb),.25)}.invite-modal--v2 h3{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--text);margin:0}.invite-modal--v2 .invite-modal-sub{font-size:13px;color:var(--muted);margin:0}.invite-copy-link-btn{background:linear-gradient(135deg,var(--accent-deep) 0%,var(--accent-deep) 100%)!important;color:var(--text)!important;font-weight:700!important;font-size:14px!important;border:1px solid rgba(var(--olive-text-rgb),.2)!important;border-radius:12px!important;min-height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;box-shadow:0 4px 16px rgba(var(--olive-accent-rgb),.4),inset 0 1px rgba(var(--olive-text-rgb),.25)!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;cursor:pointer}.invite-copy-link-btn:hover{background:linear-gradient(135deg,var(--accent-deep) 0%,var(--accent-deep) 100%)!important;box-shadow:0 6px 22px rgba(var(--olive-accent-rgb),.55),inset 0 1px rgba(var(--olive-text-rgb),.35)!important;transform:translateY(-1px)}.invite-copy-link-btn:active{transform:translateY(0) scale(.98)}.invite-modal-code--tiles{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:14px 12px;background:rgba(var(--olive-panel-rgb),.65);border:1px solid rgba(var(--olive-text-rgb),.1);border-radius:16px;box-shadow:inset 0 1px rgba(var(--olive-text-rgb),.06)}.invite-code-label{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.invite-code-row{display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.invite-code-tiles{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.invite-code-tile{width:36px;height:44px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,rgba(var(--olive-raised-rgb),.85),rgba(var(--olive-panel-rgb),.95));border:1px solid rgba(var(--olive-text-rgb),.15);font-size:1.15rem;font-weight:800;letter-spacing:.04em;color:var(--text);font-variant-numeric:tabular-nums;box-shadow:0 4px 12px #00000059,inset 0 1px rgba(var(--olive-text-rgb),.12)}.invite-code-copy{width:44px;height:44px;border-radius:12px;border:1px solid rgba(var(--olive-text-rgb),.16);background:rgba(var(--olive-text-rgb),.06);color:var(--text);display:grid;place-items:center;cursor:pointer;flex-shrink:0;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #00000040}.invite-code-copy:hover{background:rgba(var(--olive-accent-rgb),.18);border-color:rgba(var(--olive-accent-rgb),.5);color:var(--text);transform:translateY(-1px)}.invite-code-copy.is-copied{color:var(--accent);background:rgba(var(--olive-accent-rgb),.18);border-color:rgba(var(--olive-accent-rgb),.55);box-shadow:0 0 14px rgba(var(--olive-accent-rgb),.35)}.invite-lock-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;background:rgba(var(--olive-text-rgb),.06)!important;border:1px solid rgba(var(--olive-text-rgb),.14)!important;border-radius:12px!important;min-height:40px!important;color:var(--text)!important;font-weight:600!important;font-size:13px!important;transition:all .2s ease!important}.invite-lock-btn:hover{background:rgba(var(--olive-text-rgb),.1)!important;border-color:rgba(var(--olive-text-rgb),.25)!important;color:var(--text)!important}@media (min-width: 768px){.invite-modal--v2{width:min(92vw,420px)}.invite-code-tile{width:38px;height:46px;font-size:1.18rem}}.invite-modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(var(--olive-text-rgb),.12);background:rgba(var(--olive-text-rgb),.06);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease}.invite-modal-close:hover{background:rgba(var(--olive-text-rgb),.14);color:var(--text);border-color:rgba(var(--olive-text-rgb),.25)}.invite-modal-action{width:100%;justify-content:center}.invite-modal-code{display:flex;flex-direction:column;gap:6px;padding:12px;background:var(--bg-3);border-radius:12px;border:1px solid var(--border)}.invite-modal-code strong{letter-spacing:2px;font-size:20px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.room-layout--theater .invite-banner,.room-layout--theater .side-column,.room-layout--theater .control-bar-desktop,.room-layout--theater .mobile-dock{display:none!important}.room-layout--theater .room-main{grid-template-columns:1fr}.room-layout--theater .stage{padding:0}.room-layout--theater .stage-focus{border-radius:0;flex:1}.room-layout--theater .media-strip-wrap,.room-layout--theater .camera-strip-panel{display:none}.room-layout--theater{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#000;height:100%}html.watch-immersive,html.watch-immersive body{overflow:hidden!important;overscroll-behavior:none;touch-action:none;height:100%;height:-webkit-fill-available}html.watch-immersive .invite-banner,html.watch-immersive .side-column,html.watch-immersive .control-bar-desktop,html.watch-immersive .mobile-dock,html.watch-immersive .media-strip-wrap,html.watch-immersive .camera-strip-panel,html.watch-immersive .room-header,html.watch-immersive .watch-share-prompt,html.watch-immersive .watch-fallback-panel,html.watch-immersive .watch-note{display:none!important}html.watch-immersive .watch-player,html.watch-immersive .watch-player.watch-player--immersive{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;width:100vw!important;height:100%!important;height:100dvh!important;min-height:0!important;min-width:0!important;max-width:none!important;max-height:none!important;margin:0!important;aspect-ratio:auto!important;z-index:60!important;border-radius:0!important;padding:0!important;box-sizing:border-box;background:#000;overflow:hidden}html.watch-immersive .watch-panel--active{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;border:0;border-radius:0;background:#000}.watch-player:fullscreen,.watch-player:-webkit-full-screen{width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;aspect-ratio:auto!important;border-radius:0!important}html.watch-immersive .yt-chrome-bar{padding-bottom:max(12px,env(safe-area-inset-bottom,12px))}html.watch-immersive .yt-chrome-top{top:max(8px,env(safe-area-inset-top,8px));right:max(8px,env(safe-area-inset-right,8px))}html.watch-immersive .yt-chrome-fs-close{top:max(10px,env(safe-area-inset-top,10px));left:max(10px,env(safe-area-inset-left,10px))}.chat-toast-stack{position:fixed;top:calc(12px + env(safe-area-inset-top,0px));right:calc(12px + env(safe-area-inset-right,0px));z-index:45;display:flex;flex-direction:column;gap:8px;width:min(320px,calc(100vw - 24px));pointer-events:none}.chat-toast{background:rgba(var(--olive-panel-rgb),.88);border:1px solid rgba(var(--olive-accent-rgb),.35);border-radius:12px;padding:10px 12px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 24px #00000059;animation:chat-toast-in .32s ease;display:flex;flex-direction:column;gap:2px}.chat-toast--leave{animation:chat-toast-out .28s ease forwards}.chat-toast-from{font-size:11px;font-weight:700;color:var(--accent);letter-spacing:.02em}.chat-toast-text{font-size:13px;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}@keyframes chat-toast-in{0%{opacity:0;transform:translate(16px) translateY(-4px)}to{opacity:1;transform:none}}@keyframes chat-toast-out{to{opacity:0;transform:translateY(-10px) scale(.96)}}@media (max-width: 600px){.stage-volume--inline{display:none}.stage-controls{right:8px;bottom:8px;padding:3px 4px}.stage-ctrl-btn{width:28px;height:28px}.stage-label-full{display:none}.stage-label-short{display:inline}.stage-label{max-width:min(48%,160px);left:8px;bottom:8px;font-size:11px;padding:4px 8px}.chat-toast-stack{width:min(280px,calc(100vw - 20px));top:calc(10px + env(safe-area-inset-top,0px));right:calc(10px + env(safe-area-inset-right,0px))}}.camera-strip-panel{flex:none;display:flex;flex-direction:column;min-width:0;background:var(--bg)}.camera-strip-panel--collapsed{background:transparent}.camera-strip-toggle{display:flex;align-items:center;justify-content:center;width:100%;min-height:28px;margin:0;padding:4px 0;border:0;border-top:1px solid rgba(var(--olive-text-rgb),.06);background:rgba(var(--olive-panel-rgb),.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:rgba(var(--olive-text-rgb),.72);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .18s ease,color .18s ease}.camera-strip-toggle:hover,.camera-strip-toggle:focus-visible{background:rgba(var(--olive-panel-rgb),.62);color:var(--text);outline:none}.camera-strip-toggle-bar{display:inline-flex;align-items:center;justify-content:center;width:48px;height:18px;border-radius:999px;background:rgba(var(--olive-text-rgb),.1);border:1px solid rgba(var(--olive-text-rgb),.12)}.camera-strip-panel--collapsed .camera-strip-toggle{min-height:32px;border-top:0;border-bottom:1px solid rgba(var(--olive-text-rgb),.06)}@media (max-width: 900px){.camera-strip-toggle{min-height:36px;padding:6px 0}.camera-strip-panel--collapsed .camera-strip-toggle{min-height:40px}}.media-strip-wrap{position:relative;flex:none}.media-strip{display:flex;gap:8px;height:110px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.media-strip::-webkit-scrollbar{display:none}.strip-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:34px;height:60px;border:1px solid var(--border);border-radius:10px;background:rgba(var(--olive-panel-rgb),.85);color:var(--text);font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center}.strip-arrow:hover{border-color:var(--accent)}.strip-arrow.left{left:4px}.strip-arrow.right{right:4px}.media-tile{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(165deg,rgba(var(--olive-panel-rgb),.88),rgba(var(--olive-panel-rgb),.96));border:1px solid rgba(var(--olive-text-rgb),.12);box-shadow:0 12px 36px #00000073,inset 0 1px rgba(var(--olive-text-rgb),.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform .22s cubic-bezier(.16,1,.3,1),border-color .2s ease,box-shadow .22s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;flex:0 0 calc((100% - 16px) / 3);max-width:160px;min-width:120px;scroll-snap-align:start}.media-strip:has(.media-tile:only-child) .media-tile,.media-strip:has(.media-tile:first-child:nth-last-child(2)) .media-tile{flex-basis:min(280px,100%);max-width:min(280px,100%);min-width:min(200px,100%)}.media-tile:hover{border-color:rgba(var(--olive-text-rgb),.24);box-shadow:0 16px 44px #0009,inset 0 1px rgba(var(--olive-text-rgb),.18);transform:translateY(-1px)}.media-tile video{width:100%;height:100%;object-fit:cover;display:block}.media-tile[data-fit=contain] video{object-fit:contain;background:var(--bg)}.media-tile .tile-top-bar{position:absolute;top:10px;right:10px;z-index:5;display:flex;align-items:center;gap:8px}.media-tile .tile-bottom-bar{position:absolute;bottom:12px;left:10px;right:10px;z-index:5;display:flex;align-items:center;justify-content:center;pointer-events:none}.media-tile .tile-name{pointer-events:auto;display:inline-flex;align-items:center;gap:7px;max-width:94%;background:rgba(var(--olive-panel-rgb),.78);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(var(--olive-text-rgb),.16);padding:4px 10px 4px 6px;border-radius:999px;color:var(--text);font-size:12px;font-weight:600;letter-spacing:-.01em;box-shadow:0 4px 18px #00000080,inset 0 1px rgba(var(--olive-text-rgb),.12);white-space:nowrap;transition:all .22s cubic-bezier(.16,1,.3,1)}.media-tile .tile-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;color:var(--text)}.media-tile .tile-self-tag{background:rgba(var(--olive-accent-rgb),.24);border:1px solid rgba(var(--olive-accent-rgb),.45);color:var(--accent);font-size:9.5px;font-weight:800;padding:1.5px 5.5px;border-radius:5px;text-transform:uppercase;letter-spacing:.04em;margin-left:2px;display:inline-flex;align-items:center;box-shadow:0 0 8px rgba(var(--olive-accent-rgb),.25)}.tile-vol-wrap{position:relative;display:flex;align-items:center;flex-direction:row-reverse;gap:6px;z-index:5}.tile-vol-btn{width:28px;height:28px;border:none;border-radius:8px;background:#000000a6;color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,transform .15s ease}.tile-vol-btn:hover{background:#000000d9;transform:scale(1.05)}.tile-vol-btn.muted{color:var(--danger)}.tile-vol-panel{display:flex;align-items:center;background:#000000d9;border-radius:8px;padding:4px 8px;animation:tile-vol-in .15s ease;border:1px solid rgba(var(--olive-text-rgb),.1)}@keyframes tile-vol-in{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}.tile-vol-slider{width:88px;height:4px;accent-color:var(--accent)}.tile-mic{margin-right:4px}.media-tile.speaking{border-color:rgba(var(--olive-accent-rgb),.85);box-shadow:0 0 24px rgba(var(--olive-accent-rgb),.4),inset 0 0 12px rgba(var(--olive-accent-rgb),.2);animation:speak-glow 1.5s ease-in-out infinite}@keyframes speak-glow{0%,to{box-shadow:0 0 8px rgba(var(--olive-accent-rgb),.35)}50%{box-shadow:0 0 24px rgba(var(--olive-accent-rgb),.85)}}.avatar-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;position:relative;overflow:visible}.media-tile .avatar-wrap:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(var(--olive-accent-rgb),.18) 0%,rgba(239,68,68,.08) 45%,transparent 72%);filter:blur(18px);pointer-events:none;z-index:0;transition:all .35s ease}.media-tile.speaking .avatar-wrap:before{background:radial-gradient(circle,rgba(var(--olive-accent-rgb),.3) 0%,rgba(var(--olive-accent-rgb),.14) 48%,transparent 75%);filter:blur(22px);animation:ambientAuraPulse 1.6s ease-in-out infinite alternate}@keyframes ambientAuraPulse{0%{transform:translate(-50%,-50%) scale(.92);opacity:.75}to{transform:translate(-50%,-50%) scale(1.22);opacity:1}}.avatar{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:var(--text);-webkit-user-select:none;user-select:none}.media-tile.big .avatar{width:104px;height:104px;font-size:40px}.camera-grid{flex:1;min-height:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;align-content:center;gap:20px;padding:24px;overflow-y:auto;width:100%;box-sizing:border-box}.camera-grid[data-count="1"] .media-tile.big,.camera-grid:has(.media-tile.big:only-child) .media-tile.big{flex:0 1 520px;width:100%;max-width:520px;max-height:calc(100% - 20px);aspect-ratio:16 / 9}.camera-grid[data-count="2"] .media-tile.big{flex:0 1 calc(50% - 12px);max-width:480px;max-height:calc(100% - 20px);aspect-ratio:16 / 9}.camera-grid[data-count="3"] .media-tile.big,.camera-grid[data-count="4"] .media-tile.big{flex:0 1 calc(50% - 12px);max-width:420px;max-height:calc(50% - 12px);aspect-ratio:16 / 9}.camera-grid .media-tile.big{flex:0 1 320px;max-width:380px;aspect-ratio:16 / 9}.media-start-gate{pointer-events:auto;display:inline-flex;align-items:center;max-width:min(92vw,420px);padding:6px 14px 6px 6px;border-radius:999px;background:rgba(var(--olive-panel-rgb),.92);border:1px solid rgba(var(--olive-accent-rgb),.45);color:var(--text);cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 28px #00000059;animation:media-gate-fade .35s ease}.media-start-card{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;row-gap:1px;text-align:left}.media-start-pulse{grid-row:1 / span 2;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--accent-deep),var(--accent-deep));box-shadow:0 0 rgba(var(--olive-accent-rgb),.45);animation:media-pulse 1.6s ease-out infinite}.media-start-play{font-size:11px;margin-left:1px;color:var(--text)}.media-start-title{font-size:13.5px;font-weight:700;letter-spacing:.01em}.media-start-sub{display:none;font-size:11.5px;color:var(--muted);line-height:1.35;font-weight:400}@media (min-width: 641px){.media-start-sub{display:block}}@keyframes media-pulse{0%{box-shadow:0 0 rgba(var(--olive-accent-rgb),.5)}70%{box-shadow:0 0 0 8px rgba(var(--olive-accent-rgb),0)}to{box-shadow:0 0 rgba(var(--olive-accent-rgb),0)}}@keyframes media-gate-fade{0%{opacity:0}to{opacity:1}}.stage-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;border:1px solid rgba(var(--olive-text-rgb),.16);border-radius:16px;padding:32px 24px;background:rgba(var(--olive-panel-rgb),.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 0 40px #0000004d}.stage-empty-title{font-family:var(--font-space);font-size:19px;font-weight:700;color:var(--text);margin:0 0 4px;letter-spacing:-.02em}.control-bar{display:flex;align-items:center;gap:12px;padding:14px 20px;border-top:1px solid rgba(var(--olive-text-rgb),.16);background:rgba(var(--olive-panel-rgb),.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);flex-wrap:wrap}.control-bar-desktop .control-bar{border-radius:0 0 16px 16px}.share-quality-wrap{position:relative;display:inline-flex}.share-quality-popover,.stage-quality-popover{position:absolute;left:50%;bottom:calc(100% + 12px);transform:translate(-50%);z-index:30;min-width:180px;padding:10px 12px;border-radius:16px;background:rgba(var(--olive-panel-rgb),.94);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(var(--olive-text-rgb),.16);box-shadow:0 12px 32px #0009,inset 0 1px rgba(var(--olive-text-rgb),.12)}.share-quality-popover-title{margin:0 0 8px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.share-quality-modal{width:min(94vw,420px);background:linear-gradient(165deg,rgba(var(--olive-raised-rgb),.95),rgba(var(--olive-panel-rgb),.98));backdrop-filter:blur(36px);-webkit-backdrop-filter:blur(36px);border:1px solid rgba(var(--olive-text-rgb),.16);border-radius:26px;box-shadow:0 24px 64px #000000bf,inset 0 1px rgba(var(--olive-text-rgb),.16);padding:24px 22px 20px;display:flex;flex-direction:column;gap:14px;animation:shareModalFadeIn .24s cubic-bezier(.16,1,.3,1)!important}@keyframes shareModalFadeIn{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.share-quality-header{display:flex;align-items:center;gap:12px}.share-quality-icon-badge{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--accent-deep) 0%,var(--accent-deep) 100%);display:flex;align-items:center;justify-content:center;color:var(--text);box-shadow:0 4px 14px rgba(var(--olive-accent-rgb),.4),inset 0 1px rgba(var(--olive-text-rgb),.25);flex-shrink:0}.share-quality-title{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--text);margin:0}.share-quality-sub{font-size:13px;color:var(--muted);margin:2px 0 0}.share-audio-tip-box{display:flex;align-items:flex-start;gap:10px;background:rgba(var(--olive-accent-rgb),.08);border:1px solid rgba(var(--olive-accent-rgb),.25);border-radius:14px;padding:10px 12px;box-shadow:inset 0 1px rgba(var(--olive-text-rgb),.06)}.share-audio-tip-icon{color:var(--accent);flex-shrink:0;margin-top:1px}.share-audio-tip-text{font-size:12px;color:var(--text);line-height:1.4}.share-quality-picker{display:flex;flex-direction:column;gap:8px}.share-quality-picker-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(var(--olive-text-rgb),.12);border-radius:16px;background:rgba(var(--olive-raised-rgb),.6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--text);text-align:left;padding:12px 14px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .22s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #00000040,inset 0 1px rgba(var(--olive-text-rgb),.08)}.share-quality-picker-btn:hover:not(:disabled){background:rgba(var(--olive-raised-rgb),.82);border-color:rgba(var(--olive-text-rgb),.28);transform:translateY(-1px);box-shadow:0 6px 18px #00000059,inset 0 1px rgba(var(--olive-text-rgb),.15)}.share-quality-picker-btn.is-active{background:linear-gradient(135deg,rgba(var(--olive-accent-rgb),.24),rgba(var(--olive-accent-rgb),.18));border-color:rgba(var(--olive-accent-rgb),.7);box-shadow:0 0 20px rgba(var(--olive-accent-rgb),.3),inset 0 1px rgba(var(--olive-text-rgb),.2)}.share-quality-picker-icon-badge{width:36px;height:36px;border-radius:10px;background:rgba(var(--olive-text-rgb),.08);border:1px solid rgba(var(--olive-text-rgb),.12);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0;box-shadow:inset 0 1px rgba(var(--olive-text-rgb),.1)}.share-quality-picker-btn.is-active .share-quality-picker-icon-badge{background:linear-gradient(135deg,var(--accent-deep) 0%,var(--accent-deep) 100%);color:var(--text);border-color:rgba(var(--olive-text-rgb),.3);box-shadow:0 2px 8px rgba(var(--olive-accent-rgb),.5)}.share-quality-picker-info{display:flex;flex-direction:column;gap:2px;flex:1}.share-quality-picker-label{font-size:13.5px;font-weight:700;color:var(--text);letter-spacing:-.01em}.share-quality-picker-hint{font-size:11.5px;color:var(--muted)}.share-quality-picker-btn.is-active .share-quality-picker-hint{color:var(--text)}.share-quality-picker-check{width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(var(--olive-text-rgb),.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.share-quality-picker-check.is-checked{background:var(--accent-deep);border-color:var(--accent-line);color:var(--text);box-shadow:0 0 10px rgba(var(--olive-accent-rgb),.6)}.share-quality-picker--compact{flex-direction:row;gap:4px;background:rgba(var(--olive-panel-rgb),.6);border-radius:12px;padding:3px;border:1px solid rgba(var(--olive-text-rgb),.1)}.share-quality-picker--compact .share-quality-picker-btn{border:none;border-radius:8px;background:transparent;padding:6px 10px;align-items:center;justify-content:center;flex:1;box-shadow:none}.share-quality-picker--compact .share-quality-picker-btn.is-active{background:rgba(var(--olive-accent-rgb),.35);box-shadow:0 2px 8px rgba(var(--olive-accent-rgb),.4)}.share-quality-picker--compact .share-quality-picker-label{font-size:12px}.share-quality-submit{background:linear-gradient(135deg,var(--accent-deep) 0%,var(--accent-deep) 100%)!important;color:var(--text)!important;font-weight:700!important;font-size:14.5px!important;border:1px solid rgba(var(--olive-text-rgb),.2)!important;border-radius:14px!important;min-height:46px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;box-shadow:0 4px 18px rgba(var(--olive-accent-rgb),.45),inset 0 1px rgba(var(--olive-text-rgb),.25)!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;cursor:pointer;margin-top:4px}.share-quality-submit:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-deep) 0%,var(--accent-deep) 100%)!important;box-shadow:0 6px 24px rgba(var(--olive-accent-rgb),.6),inset 0 1px rgba(var(--olive-text-rgb),.35)!important;transform:translateY(-1px)}.share-quality-submit:active:not(:disabled){transform:translateY(0) scale(.97)}.share-busy-modal{width:min(94vw,400px);background:linear-gradient(165deg,rgba(var(--olive-panel-rgb),.96),rgba(var(--olive-panel-rgb),.98));backdrop-filter:blur(36px);-webkit-backdrop-filter:blur(36px);border:1px solid rgba(var(--olive-accent-rgb),.25);border-radius:24px;box-shadow:0 24px 64px #000000bf,inset 0 1px rgba(var(--olive-text-rgb),.12);padding:24px 22px 20px;display:flex;flex-direction:column;gap:16px;text-align:center}.share-busy-header{display:flex;flex-direction:column;align-items:center;gap:8px}.share-busy-icon-badge{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,rgba(var(--olive-accent-rgb),.2),#ef444440);border:1px solid rgba(var(--olive-accent-rgb),.5);color:var(--accent);display:flex;align-items:center;justify-content:center;box-shadow:0 0 18px rgba(var(--olive-accent-rgb),.25)}.share-busy-title{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--text);margin:0}.share-busy-sub{font-size:13px;color:var(--text);margin:0;line-height:1.45}.share-busy-submit{min-height:42px!important;border-radius:12px!important}@media (max-width: 900px){.share-quality-backdrop{background:rgba(var(--olive-bg-rgb),.88)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);align-items:flex-end!important;justify-content:center!important;padding:0!important;z-index:999}.share-quality-modal{width:100%!important;max-width:100%!important;max-height:min(92vh,calc(100dvh - 60px - env(safe-area-inset-bottom,0px)))!important;margin:0!important;border-radius:26px 26px 0 0!important;border-bottom:none!important;background:linear-gradient(165deg,rgba(var(--olive-raised-rgb),.98),rgba(var(--olive-panel-rgb),.99))!important;border:1px solid rgba(var(--olive-text-rgb),.16)!important;box-shadow:0 -10px 40px #000c!important;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:18px 20px calc(24px + env(safe-area-inset-bottom,12px))!important;animation:sheet-up .28s cubic-bezier(.16,1,.3,1)!important}.share-quality-modal .apps-sheet-handle{display:block!important}.share-quality-modal:before{content:none;display:none}.share-quality-modal .invite-modal-close{top:14px;right:14px;width:32px;height:32px;border-radius:50%;background:rgba(var(--olive-text-rgb),.08);border:1px solid rgba(var(--olive-text-rgb),.12);color:var(--muted);display:inline-flex;align-items:center;justify-content:center}.share-quality-submit{min-height:48px!important;border-radius:14px!important;font-size:1rem!important;font-weight:700!important;margin-top:8px!important}}.btn.control{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:8px 18px;border-radius:999px;background:rgba(var(--olive-panel-rgb),.78);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(var(--olive-text-rgb),.16);color:var(--text);font-weight:600;font-size:13.5px;transition:all .22s cubic-bezier(.16,1,.3,1);cursor:pointer;box-shadow:0 4px 16px #00000059,inset 0 1px rgba(var(--olive-text-rgb),.12)}.btn.control:hover:not(:disabled){background:rgba(var(--olive-raised-rgb),.92);border-color:rgba(var(--olive-text-rgb),.35);color:var(--text);transform:translateY(-1px);box-shadow:0 8px 24px #00000073,inset 0 1px rgba(var(--olive-text-rgb),.22)}.btn.control:active:not(:disabled){transform:translateY(0) scale(.96)}.btn.control:disabled{opacity:.45;cursor:not-allowed}.btn.control.icon-only .ctrl-label{display:none}.ctrl-icon{position:relative;display:inline-flex}.btn.control[aria-busy=true] .ctrl-icon:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2px solid rgba(var(--olive-accent-rgb),.25);border-top-color:var(--accent-line);animation:ctrl-busy-spin .8s linear infinite;pointer-events:none}@keyframes ctrl-busy-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.btn.control[aria-busy=true] .ctrl-icon:after{animation:none;border-color:rgba(var(--olive-accent-rgb),.75)}}@media (min-width: 901px){.btn.control.icon-only .ctrl-label{display:inline}}.btn.control.active{background:rgba(var(--olive-accent-rgb),.2);border-color:rgba(var(--olive-accent-rgb),.7);color:var(--accent);box-shadow:0 0 18px rgba(var(--olive-accent-rgb),.35),inset 0 1px rgba(var(--olive-text-rgb),.15)}.btn.control.active:hover:not(:disabled){background:rgba(var(--olive-accent-rgb),.3);border-color:rgba(var(--olive-accent-rgb),.9);box-shadow:0 0 22px rgba(var(--olive-accent-rgb),.5)}.btn.control.share.active{background:#ef444433;border-color:#ef4444bf;color:#f87171;box-shadow:0 0 18px #ef444459,inset 0 1px rgba(var(--olive-text-rgb),.15)}.btn.control.share.active:hover:not(:disabled){background:#ef44444d;border-color:#f87171e6;box-shadow:0 0 22px #ef444480}.btn.control.leave{background:#ef444414;border-color:#ef444466;color:#f87171}.btn.control.leave:hover:not(:disabled){background:#ef444438;border-color:#ef4444d9;color:var(--text);box-shadow:0 0 20px #ef444466}.control-spacer{flex:1}.control-note{align-self:center}.control-error{font-size:12px}.mobile-dock{display:none}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.chat-header h3{margin:0}.chat-header--watch{flex-direction:column;align-items:stretch;gap:6px;margin-bottom:8px}.chat-room-title{display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;text-align:center}.chat-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px}.chat-header--watch .chat-header-row h3{flex:1;text-align:left;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted, var(--muted))}.chat-invite-btn{flex:0 0 auto;width:36px;height:36px;padding:0;justify-content:center;border-radius:10px}.chat-people-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:8px;background:var(--bg-3);color:var(--text)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(var(--olive-bg-rgb),.68);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:flex-end;justify-content:center;animation:sheetBackdropFadeIn .26s cubic-bezier(.16,1,.3,1)}.sheet-panel{width:100%;max-width:520px;max-height:min(90vh,740px);min-height:min(55vh,460px);background:rgba(var(--olive-panel-rgb),.96);backdrop-filter:blur(28px) saturate(190%);-webkit-backdrop-filter:blur(28px) saturate(190%);border-radius:24px 24px 0 0;border:1px solid rgba(var(--olive-text-rgb),.12);border-bottom:none;box-shadow:0 -12px 48px #000000a6,inset 0 1px rgba(var(--olive-text-rgb),.14);padding:0 0 14px;overflow:auto;position:relative;animation:sheet-up .28s cubic-bezier(.16,1,.3,1);padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));touch-action:pan-y}.sheet-handle-wrap{width:100%;padding:10px 0 4px;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.sheet-handle{width:44px;height:5px;border-radius:999px;background:rgba(var(--olive-text-rgb),.26);margin:0 auto;transition:all .2s ease}.sheet-handle-wrap:hover .sheet-handle,.sheet-handle-wrap:active .sheet-handle{background:rgba(var(--olive-text-rgb),.48);width:52px}.sheet-close{position:absolute;top:12px;right:14px;z-index:1000!important;pointer-events:auto!important;width:36px;height:36px;border:1px solid rgba(var(--olive-text-rgb),.16);border-radius:50%;background:rgba(var(--olive-text-rgb),.1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s ease}.sheet-close:hover,.sheet-close:active{background:rgba(var(--olive-text-rgb),.22)!important;border-color:rgba(var(--olive-text-rgb),.35)!important;color:var(--text)!important;transform:scale(1.08)}.sheet-panel .participants{max-height:none;margin:0;padding:0;border:none;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;position:relative;z-index:1!important}.sheet-panel .participants-header{padding:8px 60px 12px 18px;cursor:default;-webkit-user-select:none;user-select:none}.sheet-panel .participants-header:hover{background:transparent}.sheet-panel .participants-toggle-btn{display:none!important}.sheet-panel .participants-body{max-height:none;padding:0 14px 24px}.sheet-panel .participant-row{padding:8px 12px;min-height:48px;border-radius:14px}.sheet-panel .participant-display-name{max-width:200px;font-size:14px}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheetBackdropFadeIn{0%{opacity:0}to{opacity:1}}.focus-tile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(var(--olive-bg-rgb),.88);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px;animation:fadeInModal .22s cubic-bezier(.16,1,.3,1) forwards}.focus-tile-modal{width:100%;max-width:440px;background:var(--bg-2);border:1px solid rgba(var(--olive-text-rgb),.09);border-radius:28px;overflow:hidden;display:flex;flex-direction:column;position:relative;box-shadow:0 32px 80px #000000d9,0 0 0 1px rgba(var(--olive-text-rgb),.04);animation:scaleInModal .3s cubic-bezier(.16,1,.3,1) forwards}.focus-tile-close{position:absolute;top:14px;right:14px;z-index:12;width:34px;height:34px;border:1px solid rgba(var(--olive-text-rgb),.12);border-radius:50%;background:rgba(var(--olive-panel-rgb),.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.focus-tile-close:hover{background:rgba(var(--olive-text-rgb),.15);color:var(--text);transform:scale(1.06)}.focus-tile-close:active{transform:scale(.94)}.focus-tile-media{position:relative;background:var(--bg);width:100%;height:320px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid rgba(var(--olive-text-rgb),.06)}.focus-tile-media video{width:100%;height:100%;object-fit:cover}.focus-tile-avatar-hero{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(var(--olive-raised-rgb),.6),rgba(var(--olive-bg-rgb),.95))}.focus-tile-online-chip{position:absolute;bottom:14px;left:16px;z-index:4;background:rgba(var(--olive-panel-rgb),.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(var(--olive-text-rgb),.12);border-radius:999px;padding:5px 12px;font-size:.76rem;font-weight:700;color:#4ade80;display:inline-flex;align-items:center;gap:6px;box-shadow:0 4px 12px #0006}.focus-tile-online-dot{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981}.focus-tile-meta{padding:20px 20px 22px;display:flex;flex-direction:column;gap:16px;background:var(--bg-2)}.focus-tile-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.focus-tile-user-info{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.focus-tile-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.focus-tile-name{font-size:1.25rem;font-weight:800;color:var(--text);letter-spacing:-.02em;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:230px}.focus-tile-mood{font-size:1.1rem}.focus-tile-status-row{display:flex;align-items:center;gap:8px}.focus-tile-status-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:8px;font-size:.75rem;font-weight:700}.focus-tile-status-pill.muted{background:#ef44441f;border:1px solid rgba(239,68,68,.28);color:#fca5a5}.focus-tile-status-pill.speaking{background:#10b98124;border:1px solid rgba(16,185,129,.35);color:#86efac}.focus-tile-status-pill.unmuted{background:#6366f11f;border:1px solid rgba(129,140,248,.25);color:var(--text)}.focus-tile-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.focus-tile-action-btn{width:42px;height:42px;border-radius:13px;border:1px solid rgba(var(--olive-text-rgb),.09);background:rgba(var(--olive-text-rgb),.04);color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s cubic-bezier(.16,1,.3,1)}.focus-tile-action-btn:hover{background:rgba(var(--olive-text-rgb),.09);border-color:rgba(var(--olive-text-rgb),.16);color:var(--text);transform:translateY(-1px)}.focus-tile-action-btn:active{transform:scale(.95)}.focus-tile-action-btn.is-friend{background:rgba(var(--olive-accent-rgb),.1);border-color:rgba(var(--olive-accent-rgb),.25)}.focus-tile-controls-row{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;padding:6px 0 2px}.focus-tile-ctrl-btn{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);border:1px solid rgba(var(--olive-text-rgb),.1);background:rgba(var(--olive-text-rgb),.05);color:var(--muted)}.focus-tile-ctrl-btn:hover{transform:translateY(-2px) scale(1.05);background:rgba(var(--olive-text-rgb),.1);color:var(--text)}.focus-tile-ctrl-btn:active{transform:scale(.95)}.focus-tile-ctrl-btn.active{background:rgba(var(--olive-accent-rgb),.2);border:1.5px solid rgba(var(--olive-accent-rgb),.6);color:var(--accent);box-shadow:0 0 20px rgba(var(--olive-accent-rgb),.35)}.focus-tile-ctrl-btn.muted,.focus-tile-ctrl-btn.off{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171}.focus-tile-ctrl-btn.muted:hover,.focus-tile-ctrl-btn.off:hover{background:#ef444433;color:#fca5a5}.focus-vol-row{display:flex;align-items:center;gap:12px;width:100%;padding:8px 4px}.focus-vol-speaker-btn{background:transparent;border:none;color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:color .15s ease}.focus-vol-speaker-btn:hover{color:var(--text)}.focus-vol-slider{flex:1;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;background:rgba(var(--olive-text-rgb),.12);outline:none;cursor:pointer}.focus-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--bg-2);box-shadow:0 0 10px rgba(var(--olive-accent-rgb),.8),0 2px 6px #0006;cursor:pointer;transition:transform .15s ease}.focus-vol-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.focus-vol-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--bg-2);border:none;box-shadow:0 0 10px rgba(var(--olive-accent-rgb),.8),0 2px 6px #0006;cursor:pointer}.focus-vol-pct{min-width:2.2rem;text-align:right;font-size:.85rem;font-weight:700;color:var(--accent);font-family:ui-monospace,SFMono-Regular,monospace}.stage-focus--loading{display:flex;align-items:center;justify-content:center}.stage-loading{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--muted)}.stage-sub-fail{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;background:#000000b3;padding:10px 14px;border-radius:10px}.room-preview-modal{width:min(92vw,420px)}.room-preview-modal--v2{padding-top:14px;gap:10px;overflow:hidden}.room-preview-error-container{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 4px 6px}.room-preview-error-badge{width:54px;height:54px;border-radius:50%;background:#ff4d4d1f;border:1px solid rgba(255,77,77,.28);color:#ff5c5c;display:flex;align-items:center;justify-content:center;margin-bottom:14px;box-shadow:0 0 20px #ff4d4d2e}.room-preview-error-title{color:var(--text);font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:700;margin:0 0 8px}.room-preview-error-desc{color:var(--muted);font-size:.92rem;line-height:1.55;margin:0 0 20px;max-width:320px}.room-preview-retry-box{width:100%;padding:16px;border-radius:14px;background:rgba(var(--olive-text-rgb),.03);border:1px solid rgba(var(--olive-text-rgb),.08);display:flex;flex-direction:column;gap:12px;box-sizing:border-box}.room-preview-retry-label{color:var(--text);font-size:.88rem;font-weight:600}.room-preview-retry-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:4px}.room-preview-retry-btn{min-height:40px;padding:0 20px;font-weight:700}.room-preview-page{min-height:100%;background:var(--bg-2)}.room-preview-cover{position:relative;margin:-4px -2px 4px;height:140px;border-radius:12px;background:linear-gradient(135deg,var(--bg-3) 0%,var(--bg-2) 55%,var(--bg-3) 100%);background-size:cover;background-position:center;overflow:hidden;border:1px solid rgba(var(--olive-text-rgb),.08)}.room-preview-cover--watch{background-color:var(--bg-2)}.room-preview-cover--has-thumb{background-color:var(--bg-2);background-size:cover;background-position:center;background-repeat:no-repeat}.room-preview-cover--has-thumb .room-preview-cover-shade{background:linear-gradient(180deg,transparent 40%,rgba(var(--olive-panel-rgb),.78) 100%)}.room-preview-cover--screen{background:linear-gradient(145deg,rgba(var(--olive-accent-rgb),.12),transparent 50%),linear-gradient(135deg,var(--bg-3) 0%,var(--bg-2) 100%)}.room-preview-cover-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 30%,rgba(var(--olive-panel-rgb),.85) 100%)}.room-preview-cover-label{position:absolute;left:12px;bottom:10px;z-index:1;font-size:.78rem;font-weight:650;color:var(--text);letter-spacing:.01em}.room-preview-loading{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 8px}.room-preview-progress{width:120px;height:3px;border-radius:99px;background:rgba(var(--olive-text-rgb),.1);overflow:hidden;position:relative}.room-preview-progress:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:40%;background:var(--accent-deep);animation:roomPreviewBar 1s ease-in-out infinite}@keyframes roomPreviewBar{0%{transform:translate(-20%)}to{transform:translate(280%)}}.room-preview-badges{display:flex;flex-wrap:wrap;gap:6px}.room-preview-people-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg-3);color:var(--text);font-size:.9rem;cursor:pointer;text-align:left}.room-preview-chevron{transition:transform .2s ease;color:var(--muted)}.room-preview-people-toggle.is-open .room-preview-chevron{transform:rotate(180deg)}.room-preview-people-panel{max-height:0;overflow:hidden;opacity:0;transition:max-height .28s ease,opacity .2s ease}.room-preview-people-panel.is-open{max-height:180px;opacity:1}.room-preview-people-empty{margin:0;padding:6px 4px;font-size:.85rem}.room-preview-participants{list-style:none;margin:0;padding:0;max-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.room-preview-participants li{padding:6px 10px;background:var(--bg-3);border-radius:8px;font-size:.92rem}.room-preview-field{display:flex;flex-direction:column;gap:6px;font-size:.85rem}.room-preview-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg-3);color:var(--text);font-size:.95rem}.room-preview-pw-wrap{width:100%}.room-preview-pw-wrap.is-shaking{animation:room-pw-shake .45s ease}.room-preview-input.is-invalid{border-color:#ef4444d9;box-shadow:0 0 0 2px #ef444433}.room-preview-pw-error{margin:0;opacity:0;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease}.room-preview-pw-error.is-visible{opacity:1;transform:translateY(0)}@keyframes room-pw-shake{0%,to{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(8px)}45%{transform:translate(-6px)}60%{transform:translate(6px)}75%{transform:translate(-3px)}90%{transform:translate(3px)}}.room-preview-actions{display:flex;gap:10px;margin-top:4px}.room-preview-actions .btn{flex:1;justify-content:center}.room-preview-join:disabled{opacity:.45;cursor:not-allowed;transform:none}.room-preview-join.is-ready:not(:disabled){animation:roomPreviewJoinReady .35s ease}@keyframes roomPreviewJoinReady{0%{filter:saturate(.7);transform:scale(.98)}to{filter:none;transform:scale(1)}}.room-preview-spinner{margin:8px auto}.room-preview-backdrop{z-index:70}button.media-tile{border:2px solid transparent;padding:0;text-align:left;color:inherit;cursor:pointer;font:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none}.panel{padding:14px 16px;display:flex;flex-direction:column;min-height:0}.panel h3{margin:0 0 10px;font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.participants{border-bottom:none;flex:0 0 auto;margin:8px 8px 0;padding:0;border:1px solid rgba(var(--olive-text-rgb),.1);border-radius:16px;background:rgba(var(--olive-panel-rgb),.55);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 32px -4px #00000059;transition:all .25s cubic-bezier(.4,0,.2,1);overflow:visible;position:relative;z-index:10}.participants.is-collapsed{background:rgba(var(--olive-panel-rgb),.35);border-color:rgba(var(--olive-text-rgb),.06);box-shadow:0 4px 16px #0003}.participants-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:16px;transition:background .15s ease}.participants-header:hover{background:rgba(var(--olive-text-rgb),.03)}.participants-header-left{display:flex;align-items:center;gap:8px}.participants-live-dot{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 10px #10b981a6;animation:live-pulse 2.2s infinite ease-in-out}@keyframes live-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.35);opacity:1;box-shadow:0 0 14px rgba(var(--olive-accent-rgb),.9)}}.participants-title{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--muted)}.participants-count-badge{display:inline-flex;align-items:center;justify-content:center;padding:1px 7px;font-size:11px;font-weight:600;border-radius:999px;background:rgba(var(--olive-text-rgb),.08);border:1px solid rgba(var(--olive-text-rgb),.1);color:var(--text)}.participants-toggle-btn{background:transparent;border:none;padding:4px;border-radius:6px;color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.participants-toggle-btn:hover{color:var(--text);background:rgba(var(--olive-text-rgb),.08)}.participants-toggle-icon{width:15px;height:15px;transition:transform .25s cubic-bezier(.4,0,.2,1)}.participants-toggle-icon.is-collapsed{transform:rotate(180deg)}.participants-body{max-height:260px;overflow-y:auto;overflow-x:visible;padding:8px 8px 10px;transition:max-height .28s cubic-bezier(.4,0,.2,1),opacity .2s ease,padding .2s ease}.participants.is-collapsed .participants-body{max-height:0;padding:0 8px;opacity:0;pointer-events:none;overflow:hidden}.participants-desktop{display:flex;flex-direction:column;min-height:0}.participants-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.participant-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;min-height:42px;overflow:visible;border-radius:12px;width:100%;box-sizing:border-box;background:transparent;border:1px solid transparent;transition:background .15s ease,border-color .15s ease;position:relative}.participant-row:hover{background:rgba(var(--olive-text-rgb),.04);border-color:rgba(var(--olive-text-rgb),.05)}.participant-row.menu-active{background:rgba(var(--olive-text-rgb),.06);border-color:rgba(var(--olive-text-rgb),.08);z-index:50}.participant-info{display:flex;align-items:center;gap:6px;min-width:0;flex:1 1 auto}.participant-name{display:inline-flex;align-items:center;gap:6px;min-width:0;line-height:1.3}.participant-user-link,.friend-name-link{display:inline-flex;align-items:center;gap:7px;min-width:0;background:transparent;border:none;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.participant-display-name{font-size:13px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.friend-name-link:hover .participant-display-name{color:var(--accent)}.participant-self-tag{color:var(--muted);font-style:normal;font-size:11.5px;margin-left:2px;flex-shrink:0}.participant-avatar{flex:0 0 32px;width:32px;height:32px;overflow:visible}.participant-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.participant-avatar .avatar-fallback{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--bg-3) 0%,var(--bg-2) 100%);border:1px solid rgba(var(--olive-text-rgb),.1);color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}.role-pill{font-size:10.5px;font-weight:600;border-radius:999px;padding:1.5px 7px;margin-left:4px;white-space:nowrap;flex-shrink:0;letter-spacing:.2px}.role-pill.owner{background:rgba(var(--olive-accent-rgb),.12);color:var(--accent);border:1px solid rgba(var(--olive-accent-rgb),.25);box-shadow:0 0 10px rgba(var(--olive-accent-rgb),.1)}.role-pill.admin,.role-pill.full-access,.role-pill.sharer{background:rgba(var(--olive-accent-rgb),.12);color:var(--accent);border:1px solid rgba(var(--olive-accent-rgb),.25)}.role-pill.twitch-paused{background:#f871711f;color:#fca5a5;border:1px solid rgba(248,113,113,.25)}.participant-actions-wrapper{display:flex;align-items:center;gap:4px;flex-shrink:0;position:relative}.participant-inline-actions{display:flex;align-items:center;gap:4px}.btn-quick-action{width:24px;height:24px;border-radius:6px;border:none;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.btn-quick-action.accept{background:rgba(var(--olive-accent-rgb),.2);color:var(--accent);border:1px solid rgba(var(--olive-accent-rgb),.35)}.btn-quick-action.accept:hover{background:rgba(var(--olive-accent-rgb),.35);color:var(--text)}.btn-quick-action.decline{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.btn-quick-action.decline:hover{background:#ef44444d;color:var(--text)}.participant-menu-container{position:relative}.participant-menu-btn{width:26px;height:26px;border-radius:7px;background:transparent;border:1px solid transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.participant-menu-btn:hover,.participant-menu-btn.is-active{color:var(--text);background:rgba(var(--olive-text-rgb),.08);border-color:rgba(var(--olive-text-rgb),.08)}.participant-portal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99990;background:#0006;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:portal-fade-in .15s ease-out}@keyframes portal-fade-in{0%{opacity:0}to{opacity:1}}.participant-portal-menu{position:fixed;z-index:99999;width:195px;background:rgba(var(--olive-panel-rgb),.96);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(var(--olive-text-rgb),.14);border-radius:14px;box-shadow:0 20px 48px -6px #000000bf,0 0 0 1px rgba(var(--olive-text-rgb),.06);padding:5px;display:flex;flex-direction:column;gap:2px;animation:dropdown-pop .16s cubic-bezier(.16,1,.3,1)}.participant-portal-header,.participant-portal-cancel-btn{display:none}.participant-portal-items{display:flex;flex-direction:column;gap:2px}@keyframes dropdown-pop{0%{opacity:0;transform:scale(.94) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.participant-dropdown-item{width:100%;display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:8px;border:none;background:transparent;color:var(--text);font-size:12px;font-weight:500;text-align:left;cursor:pointer;transition:all .12s ease}.participant-dropdown-item:hover{background:rgba(var(--olive-text-rgb),.08);color:var(--text)}.participant-dropdown-item.warning{color:#fcd34d}.participant-dropdown-item.warning:hover{background:#f59e0b26;color:#fef08a}.participant-dropdown-item.danger{color:#f87171;border-top:1px solid rgba(var(--olive-text-rgb),.06);margin-top:2px;padding-top:8px}.participant-dropdown-item.danger:hover{background:#ef444426;color:#fca5a5}.dropdown-item-icon{font-size:13px;line-height:1;display:inline-flex;align-items:center;justify-content:center}@media (max-width: 640px){.participant-portal-backdrop{background:#000000a6}.participant-portal-menu{top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;border-radius:20px 20px 0 0!important;border:1px solid rgba(var(--olive-text-rgb),.12)!important;border-bottom:none!important;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px))!important;box-shadow:0 -12px 40px #000000b3!important;animation:sheet-up .24s cubic-bezier(.16,1,.3,1)!important;gap:12px}.participant-portal-header{display:flex;align-items:center;gap:12px;padding:4px 6px 12px;border-bottom:1px solid rgba(var(--olive-text-rgb),.08)}.participant-portal-userinfo{display:flex;flex-direction:column;gap:4px;min-width:0}.participant-portal-name{font-size:15px;font-weight:600;color:var(--text)}.participant-portal-roles{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.participant-portal-items{display:flex;flex-direction:column;gap:6px}.participant-dropdown-item{padding:12px 14px;font-size:14px;border-radius:12px;background:rgba(var(--olive-text-rgb),.04)}.participant-dropdown-item:active{background:rgba(var(--olive-text-rgb),.1)}.participant-portal-cancel-btn{display:block;width:100%;padding:12px;border-radius:12px;border:1px solid rgba(var(--olive-text-rgb),.1);background:rgba(var(--olive-text-rgb),.06);color:var(--muted);font-size:14px;font-weight:600;text-align:center;cursor:pointer;margin-top:4px;transition:background .15s ease,color .15s ease}.participant-portal-cancel-btn:active{background:rgba(var(--olive-text-rgb),.12);color:var(--text)}}.participants-body::-webkit-scrollbar{width:4px}.participants-body::-webkit-scrollbar-track{background:transparent}.participants-body::-webkit-scrollbar-thumb{background:rgba(var(--olive-text-rgb),.15);border-radius:999px}.participants-body::-webkit-scrollbar-thumb:hover{background:rgba(var(--olive-text-rgb),.3)}.af .friend-avatar-img,.af-inner .friend-avatar-img{width:100%;height:100%;border:none;background:transparent}.role-grant-backdrop,.moderation-reason-backdrop{z-index:10000;padding:16px}.role-grant-modal,.moderation-reason-modal{position:relative;z-index:10001;width:min(94vw,460px);max-height:min(85vh,640px);overflow-y:auto;text-align:left;padding:20px 22px 18px;background:var(--bg-2);border:1px solid rgba(var(--olive-text-rgb),.12);border-radius:20px;box-shadow:0 24px 64px #000000bf,0 0 40px rgba(var(--olive-accent-rgb),.12)}.role-grant-modal h3,.moderation-reason-modal h3{margin:0 28px 6px 0;font-size:1.15rem;font-weight:700}.role-grant-sheet-handle{display:none;width:40px;height:4px;border-radius:999px;background:rgba(var(--olive-text-rgb),.2);margin:0 auto 12px}.role-option-list{display:flex;flex-direction:column;gap:10px;margin:14px 0 4px}.role-option{display:flex;flex-direction:row;gap:12px;align-items:flex-start;padding:14px;min-height:48px;border:1px solid rgba(var(--olive-text-rgb),.12);border-radius:14px;cursor:pointer;text-align:left;background:rgba(var(--olive-text-rgb),.03);transition:border-color .15s ease,background .15s ease}.role-option:hover{border-color:rgba(var(--olive-text-rgb),.22);background:rgba(var(--olive-text-rgb),.05)}.role-option--active{border-color:rgba(var(--olive-accent-rgb),.75);background:rgba(var(--olive-accent-rgb),.12)}.role-option input{margin:2px 0 0;flex:0 0 auto;width:18px;height:18px;accent-color:var(--accent)}.role-option-body{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 auto}.role-option-label-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.role-option-label{font-weight:650;font-size:.95rem;color:var(--text, var(--text))}.role-option-current{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:rgba(var(--olive-accent-rgb),.18);color:var(--accent);white-space:nowrap}.role-option-hint{font-size:12.5px;opacity:.72;line-height:1.45;color:var(--muted, var(--muted))}.participant-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;flex:1 1 auto}.chat{flex:1;position:relative;border:1px solid rgba(var(--olive-text-rgb),.16);border-radius:16px;margin:8px;background:rgba(var(--olive-panel-rgb),.25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 10px 30px #00000040;transition:all .3s ease}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:3px;padding:6px 8px 10px}.chat-typing{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:10px;padding:2px 2px 4px;align-self:flex-start;width:fit-content;max-width:min(92%,20rem)}.chat-typing-row{display:flex;align-items:center;gap:7px;width:fit-content;max-width:100%;animation:chat-typing-in .22s cubic-bezier(.16,1,.3,1)}.chat-typing-meta{display:flex;flex-direction:column;min-width:0;flex:0 1 auto;max-width:9.5rem;gap:1px}.chat-typing-name{font-size:13px;font-weight:700;color:var(--text);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-typing-label{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:650;color:var(--accent);letter-spacing:.01em}.chat-typing-word{animation:chat-typing-glow 2.4s ease-in-out infinite}.chat-typing-seq{display:inline-flex;align-items:center;gap:3px}.chat-typing-seq>span{display:block;width:4px;height:4px;border-radius:50%;background:var(--accent-deep);opacity:.22;animation:chat-typing-dot-1 1.2s ease-in-out infinite}.chat-typing-seq>span:nth-child(2){animation-name:chat-typing-dot-2}.chat-typing-seq>span:nth-child(3){animation-name:chat-typing-dot-3}.chat-typing-fallback{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--text)}.chat-typing-more{margin:0;padding-left:36px;font-size:11.5px;font-weight:650;color:var(--muted)}@keyframes chat-typing-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes chat-typing-dot-1{0%,8%{opacity:.2;transform:scale(.72);box-shadow:none}16%,70%{opacity:1;transform:scale(1);box-shadow:0 0 5px rgba(var(--olive-accent-rgb),.45)}82%,to{opacity:.2;transform:scale(.72);box-shadow:none}}@keyframes chat-typing-dot-2{0%,24%{opacity:.2;transform:scale(.72);box-shadow:none}32%,70%{opacity:1;transform:scale(1);box-shadow:0 0 5px rgba(var(--olive-accent-rgb),.45)}82%,to{opacity:.2;transform:scale(.72);box-shadow:none}}@keyframes chat-typing-dot-3{0%,40%{opacity:.2;transform:scale(.72);box-shadow:none}48%,70%{opacity:1;transform:scale(1);box-shadow:0 0 5px rgba(var(--olive-accent-rgb),.45)}82%,to{opacity:.2;transform:scale(.72);box-shadow:none}}@keyframes chat-typing-glow{0%,to{opacity:.84;color:var(--accent);text-shadow:none}50%{opacity:1;color:var(--accent);text-shadow:0 0 8px rgba(var(--olive-accent-rgb),.28)}}@media (prefers-reduced-motion: reduce){.chat-typing-row,.chat-typing-word,.chat-typing-seq>span{animation:none}.chat-typing-word{opacity:1;text-shadow:none}.chat-typing-seq>span{opacity:.85;transform:none;box-shadow:none}}.chat-msg-row{display:flex;flex-direction:column;max-width:90%;position:relative;transition:transform .12s ease;animation:chat-bubble-in .22s cubic-bezier(.16,1,.3,1)}.chat-msg-row.self{align-self:flex-end;align-items:flex-end}.chat-msg-row.other{align-self:flex-start;align-items:flex-start}.chat-msg{background:linear-gradient(150deg,rgba(var(--olive-raised-rgb),.9),rgba(var(--olive-panel-rgb),.96));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:18px 18px 18px 6px;padding:7px 13px 6px;font-size:13.5px;line-height:1.4;display:flex;flex-direction:column;gap:2px;border:1px solid rgba(var(--olive-text-rgb),.08);box-shadow:0 4px 18px #00000052,inset 0 1px rgba(var(--olive-text-rgb),.06);min-width:72px;color:var(--text)}.chat-msg.self{background:linear-gradient(145deg,var(--accent-deep) 0%,var(--accent-deep) 100%);border:1px solid rgba(var(--olive-text-rgb),.18);border-radius:18px 18px 6px;color:var(--text);box-shadow:0 4px 18px rgba(var(--olive-accent-rgb),.38),inset 0 1px 1px rgba(var(--olive-text-rgb),.25)}.chat-msg-row.chat-msg--group-start .chat-msg{border-bottom-left-radius:6px}.chat-msg-row.other.chat-msg--group-mid .chat-msg{border-radius:6px 18px 18px 6px}.chat-msg-row.other.chat-msg--group-end .chat-msg{border-top-left-radius:6px;border-bottom-left-radius:18px}.chat-msg-row.other.chat-msg--solo .chat-msg{border-radius:18px 18px 18px 6px}.chat-msg-row.self.chat-msg--group-start .chat-msg{border-bottom-right-radius:6px}.chat-msg-row.self.chat-msg--group-mid .chat-msg{border-radius:18px 6px 6px 18px}.chat-msg-row.self.chat-msg--group-end .chat-msg{border-top-right-radius:6px;border-bottom-right-radius:18px}.chat-msg-row.self.chat-msg--solo .chat-msg{border-radius:18px 18px 6px}.chat-msg-row.chat-msg--group-mid,.chat-msg-row.chat-msg--group-end{margin-top:2px}.chat-msg-row.chat-msg--group-start,.chat-msg-row.chat-msg--solo{margin-top:9px}.chat-from{font-size:11.5px;font-weight:700;color:var(--accent);margin-bottom:2px;letter-spacing:.01em}.chat-text{word-break:break-word;line-height:1.42;font-size:13.5px;font-weight:450}.chat-time{font-size:10.5px;color:rgba(var(--olive-text-rgb),.48);display:inline-flex;align-items:center;gap:4px;align-self:flex-end;margin-top:3px;line-height:1;-webkit-user-select:none;user-select:none}.chat-msg.self .chat-time{color:rgba(var(--olive-text-rgb),.75)}.chat-check-icon{display:inline-block;vertical-align:middle;color:var(--text);flex-shrink:0}.chat-system-pill{align-self:center;margin:8px 0;padding:4px 12px;border-radius:999px;background:rgba(var(--olive-text-rgb),.06);border:1px solid rgba(var(--olive-text-rgb),.08);color:var(--muted);font-size:12px;text-align:center;animation:chat-bubble-in .22s ease}.chat-reply-preview{display:flex;flex-direction:column;gap:2px;padding:6px 10px;margin-bottom:6px;border-radius:12px;background:rgba(var(--olive-panel-rgb),.5);border:1px solid rgba(var(--olive-text-rgb),.08);border-left:3px solid var(--accent-line);font-size:12px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);min-width:120px}.chat-msg.self .chat-reply-preview{background:#00000038;border:1px solid rgba(var(--olive-text-rgb),.16);border-left:3px solid var(--text)}.chat-reply-preview strong{font-size:11.5px;font-weight:700;color:var(--accent);letter-spacing:.01em}.chat-msg.self .chat-reply-preview strong{color:var(--text)}.chat-reply-preview span{color:rgba(var(--olive-text-rgb),.85);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:11.5px;line-height:1.3}.chat-msg.self .chat-reply-preview span{color:rgba(var(--olive-text-rgb),.9)}.chat-msg-bubble-wrap{position:relative;display:inline-flex;flex-direction:column;max-width:100%}.chat-gif-card{display:flex;flex-direction:column;background:transparent;padding:0;border:none;max-width:220px;position:relative}.chat-gif-media-frame{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #00000073;border:1px solid rgba(var(--olive-text-rgb),.12);background:rgba(var(--olive-panel-rgb),.6);transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s ease,border-color .2s ease}.chat-gif-card:hover .chat-gif-media-frame{transform:translateY(-2px);box-shadow:0 12px 28px #0009;border-color:rgba(var(--olive-text-rgb),.22)}.chat-gif-media-frame .chat-gif{display:block;width:100%;max-width:220px;max-height:200px;object-fit:cover;border-radius:16px;margin:0}.chat-gif-footer{display:flex;justify-content:flex-end;padding-top:3px;padding-right:2px}.chat-gif-card .chat-time{font-size:10px;color:rgba(var(--olive-text-rgb),.55)}.chat-msg-actions-drawer{display:flex;max-height:0;opacity:0;margin-top:0;pointer-events:none;overflow:hidden;transition:max-height .22s cubic-bezier(.16,1,.3,1),opacity .18s cubic-bezier(.16,1,.3,1),margin-top .22s cubic-bezier(.16,1,.3,1)}.chat-msg-row.self .chat-msg-actions-drawer{justify-content:flex-end}.chat-msg-row.other .chat-msg-actions-drawer{justify-content:flex-start}.chat-msg-row:hover .chat-msg-actions-drawer,.chat-msg-row.show-actions .chat-msg-actions-drawer{max-height:38px;opacity:1;margin-top:4px;pointer-events:auto}.chat-msg-actions{display:flex;gap:5px;align-items:center;padding:1px 2px 2px}.chat-msg-row.self .chat-msg-actions{flex-direction:row-reverse}.chat-msg-row.other .chat-msg-actions{flex-direction:row}.chat-msg-row:hover .chat-action-btn,.chat-msg-row.show-actions .chat-action-btn{animation:actionSpringIn .24s cubic-bezier(.16,1,.3,1) forwards}.chat-msg-row.self:hover .chat-action-btn.react-btn,.chat-msg-row.self.show-actions .chat-action-btn.react-btn{animation-delay:0ms}.chat-msg-row.self:hover .chat-action-btn.reply-btn,.chat-msg-row.self.show-actions .chat-action-btn.reply-btn{animation-delay:45ms}.chat-msg-row.other:hover .chat-action-btn.react-btn,.chat-msg-row.other.show-actions .chat-action-btn.react-btn{animation-delay:0ms}.chat-msg-row.other:hover .chat-action-btn.reply-btn,.chat-msg-row.other.show-actions .chat-action-btn.reply-btn{animation-delay:45ms}@keyframes actionSpringIn{0%{opacity:0;transform:scale(.65) translateY(-3px)}70%{opacity:1;transform:scale(1.08) translateY(1px)}to{opacity:1;transform:scale(1) translateY(0)}}.chat-action-btn{border:1px solid rgba(var(--olive-text-rgb),.16);background:rgba(var(--olive-panel-rgb),.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--muted);width:28px;height:28px;border-radius:50%;font-size:13px;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px #00000073;transition:all .2s cubic-bezier(.16,1,.3,1)}.chat-action-btn:hover{color:var(--text);background:rgba(var(--olive-raised-rgb),.98);border-color:rgba(var(--olive-accent-rgb),.65);transform:scale(1.14)!important;box-shadow:0 6px 18px rgba(var(--olive-accent-rgb),.45)}.chat-action-btn:active{transform:scale(.92)!important}.chat-react-strip{position:absolute;bottom:calc(100% + 6px);right:0;display:flex;align-items:center;gap:4px;padding:5px 8px;background:rgba(var(--olive-panel-rgb),.94);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(var(--olive-text-rgb),.18);border-radius:999px;box-shadow:0 12px 36px #000000a6,0 0 0 1px rgba(var(--olive-text-rgb),.08) inset;z-index:30;animation:popReactionStrip .22s cubic-bezier(.34,1.56,.64,1)}.chat-msg-row.other .chat-react-strip{left:0;right:auto}.chat-react-strip.open-below{bottom:auto;top:calc(100% + 6px);animation:popReactionStripDown .22s cubic-bezier(.34,1.56,.64,1)}@keyframes popReactionStrip{0%{transform:scale(.72) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes popReactionStripDown{0%{transform:scale(.72) translateY(-8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.chat-react-emoji-btn{border:none;background:transparent;font-size:18px;line-height:1;padding:4px 6px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .16s cubic-bezier(.34,1.56,.64,1),background .15s ease}.chat-react-emoji-btn:hover{transform:scale(1.35) translateY(-2px);background:rgba(var(--olive-text-rgb),.14)}.chat-react-emoji-btn:active{transform:scale(.92)}.chat-reactions{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px;z-index:5}.chat-msg.self .chat-reactions{justify-content:flex-end}.chat-reaction-chip{border:1px solid rgba(var(--olive-text-rgb),.16);background:rgba(var(--olive-panel-rgb),.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:999px;font-size:12px;padding:3px 8px 3px 7px;color:var(--text);display:inline-flex;align-items:center;gap:4px;cursor:pointer;box-shadow:0 3px 10px #00000059,inset 0 1px rgba(var(--olive-text-rgb),.08);transition:all .18s cubic-bezier(.34,1.56,.64,1);animation:reactionChipPop .22s cubic-bezier(.34,1.56,.64,1)}.chat-reaction-chip:hover{transform:scale(1.1) translateY(-1px);background:rgba(var(--olive-raised-rgb),.95);border-color:rgba(var(--olive-text-rgb),.28);box-shadow:0 5px 14px #00000073}.chat-reaction-chip:active{transform:scale(.92)}.chat-reaction-chip.mine{border-color:rgba(var(--olive-accent-rgb),.65);background:rgba(var(--olive-accent-rgb),.28);color:var(--accent);box-shadow:0 0 12px rgba(var(--olive-accent-rgb),.35),inset 0 1px rgba(var(--olive-text-rgb),.15)}.chat-reaction-chip.mine:hover{background:rgba(var(--olive-accent-rgb),.42);border-color:rgba(var(--olive-accent-rgb),.85);box-shadow:0 0 16px rgba(var(--olive-accent-rgb),.5)}.chat-reaction-emoji{font-size:13px;line-height:1}.chat-reaction-count{font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;color:inherit}@keyframes reactionChipPop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.chat-reply-bar{display:flex;align-items:center;gap:10px;margin:0 4px 6px;padding:8px 12px 8px 14px;background:rgba(var(--olive-panel-rgb),.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(var(--olive-text-rgb),.12);border-left:4px solid var(--accent-line);box-shadow:0 8px 24px #0006,0 1px rgba(var(--olive-text-rgb),.06) inset;animation:slideUpReply .22s cubic-bezier(.16,1,.3,1)}@keyframes slideUpReply{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.chat-reply-bar-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.chat-reply-bar-body strong{font-size:12px;color:var(--accent);font-weight:700}.chat-reply-bar-body span{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.chat-reply-cancel{border:none;background:rgba(var(--olive-text-rgb),.08);color:var(--muted);width:24px;height:24px;border-radius:50%;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease;padding:0}.chat-reply-cancel:hover{background:rgba(var(--olive-text-rgb),.2);color:var(--text);transform:scale(1.1)}.chat-mention-list{list-style:none;margin:0 4px 6px;padding:4px;background:var(--bg-2);border:1px solid var(--border);border-radius:10px;max-height:160px;overflow:auto}.chat-mention-list button{width:100%;text-align:left;border:none;background:transparent;color:var(--text);padding:8px 10px;border-radius:8px}.chat-mention-list button:hover{background:var(--bg-3)}.mention-banner{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:5;padding:8px 14px;border-radius:999px;background:rgba(var(--olive-accent-rgb),.95);color:var(--text);font-size:13px;box-shadow:0 8px 24px #00000059;animation:chat-bubble-in .25s ease;white-space:nowrap}.mention-banner--leave{opacity:0;transition:opacity .3s ease}@keyframes chat-bubble-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}.chat-msg-row.self{animation-name:chat-bubble-in-self}@keyframes chat-bubble-in-self{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}.chat-input-capsule{display:flex;align-items:center;gap:6px;margin-top:8px;padding:4px 6px 4px 8px;border-radius:24px;background:rgba(var(--olive-panel-rgb),.75);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(var(--olive-text-rgb),.12);box-shadow:0 8px 24px #00000059,0 1px rgba(var(--olive-text-rgb),.06) inset;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.chat-input-capsule:focus-within{border-color:rgba(var(--olive-accent-rgb),.55);background:rgba(var(--olive-raised-rgb),.9);box-shadow:0 10px 30px #00000073,0 0 0 2px rgba(var(--olive-accent-rgb),.25)}.chat-gif-pill-btn{flex:0 0 auto;height:30px;padding:0 10px;border-radius:14px;border:1px solid rgba(var(--olive-text-rgb),.14);background:rgba(var(--olive-text-rgb),.06);color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.05em;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.chat-gif-pill-btn:hover:not(:disabled){background:rgba(var(--olive-text-rgb),.14);color:var(--text);border-color:rgba(var(--olive-text-rgb),.24);transform:translateY(-1px)}.chat-gif-pill-btn.active{background:rgba(var(--olive-accent-rgb),.22);border-color:rgba(var(--olive-accent-rgb),.75);color:var(--text)}.chat-gif-pill-btn:disabled{opacity:.5;cursor:not-allowed}.chat-input-field{flex:1;min-width:0;background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;padding:6px;font-size:13.5px;color:var(--text);line-height:1.4}.chat-input-field::placeholder{color:var(--muted)}.chat-send-round-btn{flex:0 0 auto;width:32px;height:32px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--accent-deep) 0%,var(--accent-deep) 100%);color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px rgba(var(--olive-accent-rgb),.35);transition:all .2s cubic-bezier(.16,1,.3,1);padding:0}.chat-send-round-btn:hover:not(:disabled){transform:scale(1.08);box-shadow:0 6px 16px rgba(var(--olive-accent-rgb),.5);background:linear-gradient(135deg,var(--accent-deep) 0%,var(--accent-deep) 100%)}.chat-send-round-btn:active:not(:disabled){transform:scale(.94)}.chat-send-round-btn:disabled{opacity:.35;background:rgba(var(--olive-text-rgb),.08);color:var(--muted);box-shadow:none;cursor:not-allowed}.chat-input{display:flex;gap:8px;margin-top:6px;padding:0 4px 4px}@media (max-width: 900px){.room-layout{height:100%;min-height:100%;display:flex;flex-direction:column}.room-main{flex:1;min-height:0;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(160px,38vh) 1fr;grid-template-areas:"stage" "side"}.stage-column{grid-area:stage;min-height:0}.side-column{grid-area:side;border-left:none;border-top:1px solid rgba(var(--olive-text-rgb),.16);max-height:none;min-height:0;flex:1}.participants-desktop,.control-bar-desktop{display:none}.mobile-dock{display:block;flex:none;border-top:1px solid rgba(var(--olive-text-rgb),.16);background:rgba(var(--olive-panel-rgb),.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding-bottom:env(safe-area-inset-bottom,0px);z-index:20}.mobile-dock .control-bar{border-top:none;justify-content:space-around;flex-wrap:nowrap;gap:4px;padding:8px 10px;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.mobile-dock .control-spacer,.mobile-dock .control-error{display:none}.mobile-dock .btn.control{flex:1;min-width:0;min-height:44px;padding:8px 6px;border-radius:999px;font-size:12px}.chat-people-btn{display:inline-flex}.stage{padding:6px;gap:6px}.media-strip{height:72px}.media-tile{max-width:none;border-radius:12px}.avatar{width:44px;height:44px;font-size:20px}.media-tile.big .avatar{width:64px;height:64px;font-size:26px}.media-tile .tile-name{font-size:11px;padding:2px 8px}.media-tile .tile-top-bar{top:6px;right:6px}.media-tile .tile-bottom-bar{bottom:6px;left:6px;right:6px}.camera-grid{gap:10px;padding:10px}.camera-grid[data-count="1"] .media-tile.big,.camera-grid[data-count="2"] .media-tile.big{flex:1 1 calc(50% - 6px);max-width:100%}.strip-arrow{width:28px;height:48px}.invite-banner{padding:10px 12px}.invite-open-label{display:none}.panel.chat{padding:10px 10px 8px;margin:6px}.chat-msg-actions-drawer{display:flex;max-height:0;opacity:0;margin-top:0;pointer-events:none;overflow:hidden}.chat-msg-row.show-actions .chat-msg-actions-drawer{max-height:38px;opacity:1;margin-top:4px;pointer-events:auto}.chat-action-btn{width:30px;height:30px;font-size:14px}.chat-react-strip{max-width:min(280px,calc(100vw - 48px));flex-wrap:wrap;justify-content:center;bottom:38px}.chat-msg-row.other .chat-react-strip{left:0;right:auto}.stage-focus{border-color:rgba(var(--olive-text-rgb),.16)}.mobile-dock{border-top:1px solid rgba(var(--olive-text-rgb),.1)}}@media (min-width: 901px){.mobile-dock,.chat-people-btn{display:none!important}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(var(--olive-bg-rgb),.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:60;animation:fadeInModal .25s ease-out}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.invite-modal,.modal-backdrop .card,.modal-backdrop form,.username-setup-modal{background:rgba(var(--olive-raised-rgb),.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(var(--olive-text-rgb),.08);border-radius:18px;box-shadow:0 24px 60px #0000008c,0 0 40px rgba(var(--olive-accent-rgb),.05);animation:scaleInModal .24s cubic-bezier(.16,1,.3,1)}@keyframes scaleInModal{0%{transform:scale(.96) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.consent-modal{max-width:460px;display:flex;flex-direction:column;gap:12px}.consent-modal .muted{text-align:center}.moderation-reason-modal label{display:flex;flex-direction:column;gap:6px;text-align:left;margin-top:8px}.moderation-reason-modal textarea{resize:vertical;min-height:72px;font:inherit;padding:10px 12px;border-radius:12px;border:1px solid rgba(var(--olive-text-rgb),.12);background:#00000040;color:inherit}.moderation-reason-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.username-setup-modal{width:min(420px,92vw)}.username-setup-modal label{display:flex;flex-direction:column;gap:6px;text-align:left}.username-setup-modal input{font-size:1.05rem;padding:10px 12px}.username-setup-hint{margin:-4px 0 0;font-size:.85rem}.avatar-modal-backdrop{z-index:70}.avatar-modal{width:min(360px,92vw);padding:22px;display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center}.avatar-preview-wrap{display:flex;justify-content:center}.avatar-preview{width:140px;height:140px;border-radius:50%;object-fit:cover;border:2px solid rgba(var(--olive-text-rgb),.12);box-shadow:0 8px 24px #0006}.avatar-preview-empty{display:flex;align-items:center;justify-content:center;background:rgba(var(--olive-text-rgb),.06);color:rgba(var(--olive-text-rgb),.45);font-size:.8rem}.avatar-modal-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.avatar-modal-footer{display:flex;gap:10px;justify-content:center;width:100%}.avatar-chip{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid rgba(var(--olive-text-rgb),.12)}.avatar-chip-fallback{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(var(--olive-accent-rgb),.15);color:var(--accent);font-size:.75rem;font-weight:700;flex-shrink:0}.avatar-chip-lg{width:64px;height:64px;font-size:1.4rem}.dm-dock{position:fixed;right:16px;bottom:0;display:flex;gap:10px;align-items:flex-end;z-index:55;pointer-events:none}.dm-window{pointer-events:auto;width:320px;max-width:calc(100vw - 32px);background:rgba(var(--olive-raised-rgb),.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(var(--olive-text-rgb),.1);border-radius:14px 14px 0 0;box-shadow:0 -8px 30px #00000080;display:flex;flex-direction:column;overflow:hidden;animation:dmSlideUp .22s ease-out}.dm-window.minimized{height:auto}.dm-window-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;cursor:pointer;background:rgba(var(--olive-text-rgb),.04);border-bottom:1px solid rgba(var(--olive-text-rgb),.08);flex-shrink:0}.dm-window-header:hover{background:rgba(var(--olive-text-rgb),.06)}.dm-window-title{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.dm-status-dot{width:8px;height:8px;border-radius:50%;background:var(--bg-3);flex-shrink:0;transition:background .2s ease,box-shadow .2s ease}.dm-status-dot.online{background:#22c55e;box-shadow:0 0 8px #22c55e99}.dm-avatar-sm{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1.5px solid rgba(var(--olive-text-rgb),.16);box-shadow:0 2px 6px #0000004d}.dm-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(var(--olive-accent-rgb),.25),rgba(var(--olive-accent-rgb),.2));color:var(--accent);font-weight:700;font-size:.82rem;text-transform:uppercase}.dm-window-name{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-window-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.dm-window-btn{background:rgba(var(--olive-text-rgb),.06);border:1px solid rgba(var(--olive-text-rgb),.1);border-radius:6px;color:rgba(var(--olive-text-rgb),.7);cursor:pointer;padding:2px 8px;font-size:.85rem;line-height:1.4}.dm-window-btn:hover{background:rgba(var(--olive-text-rgb),.12);color:var(--text)}.dm-msg-row{display:flex;width:100%}.dm-msg-row.other{justify-content:flex-start}.dm-msg-row.self{justify-content:flex-end}.dm-msg-row.self .dm-msg{background:linear-gradient(135deg,var(--accent-deep),var(--accent-deep));color:var(--text)}.dm-msg-text{display:block;word-break:break-word}.dm-window .dm-error{padding:6px 12px 0;flex-shrink:0}.dm-input{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid rgba(var(--olive-text-rgb),.08);background:rgba(var(--olive-panel-rgb),.5);flex-shrink:0}.dm-input-tools{display:flex;align-items:center;gap:6px;flex-shrink:0}.dm-input input:not([type=file]):not([hidden]){flex:1;min-width:0;background:rgba(var(--olive-text-rgb),.06);border:1px solid rgba(var(--olive-text-rgb),.12);border-radius:8px;padding:8px 10px;color:inherit;font:inherit;font-size:.88rem}.dm-input input:not([type=file]):not([hidden]):focus{outline:none;border-color:rgba(var(--olive-accent-rgb),.6);background:rgba(var(--olive-text-rgb),.08)}.dm-send-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:40px;height:40px;padding:0 12px;border:none;border-radius:10px;background:linear-gradient(135deg,var(--accent-deep),var(--accent-deep));color:var(--text);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .15s ease,transform .12s ease}.dm-send-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.dm-send-btn:disabled{opacity:.45;cursor:default;transform:none}.dm-send-label{display:inline}.dm-dock-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:54;border:none;padding:0;margin:0;background:rgba(var(--olive-bg-rgb),.55);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);cursor:pointer;animation:fadeInModal .2s ease-out}@media (max-width: 900px){.dm-dock,.dm-dock.dm-dock--sheet{left:0;right:0;bottom:0;width:100%;justify-content:stretch;align-items:flex-end}.dm-window,.dm-window.dm-window--sheet{width:100%;max-width:100%;height:min(75vh,560px);border-radius:16px 16px 0 0;border-bottom:none;display:flex;flex-direction:column}.dm-window-header{cursor:default;padding:12px 14px}.dm-window-header:hover{background:rgba(var(--olive-text-rgb),.04)}.dm-messages{flex:1;height:auto;max-height:none;min-height:0}.dm-input{flex-wrap:nowrap;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px))}.dm-input input:not([type=file]):not([hidden]){flex:1;min-width:0}.dm-send-label{display:none}.dm-send-btn{width:40px;padding:0}.dm-attach-btn,.dm-gif-btn{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center}}@media (max-width: 600px){.dm-dock{right:0}}@media (min-width: 901px){.dm-dock-backdrop{display:none}}.dm-dock-thread{pointer-events:auto;width:300px;max-width:calc(100vw - 32px);background:rgba(var(--olive-raised-rgb),.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(var(--olive-text-rgb),.08);border-radius:14px 14px 0 0;box-shadow:0 -8px 30px #00000080;display:flex;flex-direction:column;overflow:hidden;animation:dmSlideUp .22s ease-out}@keyframes dmSlideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.dm-dock-thread.minimized{height:auto}.dm-dock-header{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;background:rgba(var(--olive-text-rgb),.03);border-bottom:1px solid rgba(var(--olive-text-rgb),.06)}.dm-dock-header-name{flex:1;font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-dock-header .btn-icon{background:transparent;border:none;color:rgba(var(--olive-text-rgb),.6);cursor:pointer;padding:2px 6px;font-size:.9rem;line-height:1}.dm-dock-header .btn-icon:hover{color:var(--text)}.dm-messages{height:340px;max-height:50vh;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.dm-messages.minimized{display:none}.dm-empty{margin:auto;color:rgba(var(--olive-text-rgb),.4);font-size:.85rem;text-align:center}.dm-error{color:#ff6b6b;font-size:.8rem;margin:0}.dm-msg{max-width:82%;padding:7px 10px;border-radius:12px;font-size:.85rem;line-height:1.35;word-break:break-word;background:rgba(var(--olive-text-rgb),.07);align-self:flex-start}.dm-msg.self{align-self:flex-end;background:linear-gradient(135deg,var(--accent-deep),var(--accent-deep));color:var(--text)}.dm-msg-time{display:block;margin-top:3px;font-size:.68rem;opacity:.55}.dm-input-bar{display:flex;gap:8px;padding:10px 12px;border-top:1px solid rgba(var(--olive-text-rgb),.06)}.dm-input-bar input{flex:1;min-width:0}.dm-dock-empty-state{padding:16px;text-align:center;color:rgba(var(--olive-text-rgb),.4);font-size:.85rem}.friends-loading{display:flex;align-items:center;gap:10px}.friends-spinner{width:18px;height:18px;border-width:2px;flex-shrink:0}.invites-strip{display:flex;flex-direction:column;gap:8px;margin:0 0 16px}.home-notifications{display:flex;flex-direction:column;gap:8px;margin:0 0 18px;text-align:left;width:min(920px,100%)}.home-notifications-title{margin:0 0 4px;font-size:1rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.notif-toast{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-radius:10px;padding:12px 14px}.notif-toast span:first-child{flex:1;min-width:180px}.friend-notif{background:rgba(var(--olive-accent-rgb),.12);border:1px solid rgba(var(--olive-accent-rgb),.35)}.invite-toast{display:flex;align-items:center;gap:10px;background:rgba(var(--olive-accent-rgb),.12);border:1px solid rgba(var(--olive-accent-rgb),.4);border-radius:10px;padding:10px 14px}.invite-toast span{flex:1}.friends-card{width:100%;max-width:580px;margin:0 auto;text-align:left}.outgoing-note{margin-top:10px}.friend-request-backdrop,.share-busy-backdrop{z-index:80}.friend-request-actions{display:flex;gap:10px}.friend-request-actions .btn{flex:1;justify-content:center}.friend-request-timer{margin:0;font-size:.85rem;text-align:center}.btn.control.share-busy:not(.active){opacity:.85}.friend-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;margin:4px 0;border-radius:12px;background:rgba(var(--olive-text-rgb),.02);border:1px solid rgba(var(--olive-text-rgb),.05);transition:all .18s ease}.friend-row:hover{background:rgba(var(--olive-text-rgb),.045);border-color:rgba(var(--olive-text-rgb),.12)}.friend-actions{display:flex;gap:8px;flex-shrink:0;align-items:center}.friend-list{list-style:none;margin:0;padding:0}.friend-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:36px;height:36px;padding:0 8px;border-radius:8px;border:1px solid rgba(var(--olive-text-rgb),.1);background:rgba(var(--olive-text-rgb),.04);color:rgba(var(--olive-text-rgb),.85);cursor:pointer;font:inherit;font-size:.8rem;font-weight:600;transition:background .15s ease,border-color .15s ease,color .15s ease}.friend-action-btn:hover{background:rgba(var(--olive-text-rgb),.1);border-color:rgba(var(--olive-text-rgb),.18);color:var(--text)}.friend-action-btn--message:hover{border-color:rgba(var(--olive-accent-rgb),.45);color:var(--accent)}.friend-action-btn--message{position:relative;overflow:visible}.friend-unread-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:#ff5c6c;color:var(--text);font-size:.68rem;font-weight:700;line-height:1;box-shadow:0 0 0 2px rgba(var(--olive-panel-rgb),.9);pointer-events:none}.notif-item-dm-msg .notif-icon-avatar{border-color:rgba(var(--olive-accent-rgb),.5)}.notif-dm-count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;margin-left:4px;border-radius:8px;background:var(--accent-deep);color:var(--text);font-size:.62rem;font-weight:700;line-height:1;vertical-align:middle}.user-card-stat-btn{cursor:pointer;border:1px solid transparent;background:transparent;font:inherit;color:inherit;text-align:left;padding:0;border-radius:10px;transition:border-color .15s ease,background .15s ease}.user-card-stat-btn:hover{border-color:rgba(var(--olive-accent-rgb),.35);background:rgba(var(--olive-accent-rgb),.08)}.user-card-stat-btn.is-active{border-color:rgba(var(--olive-accent-rgb),.55);background:rgba(var(--olive-accent-rgb),.14)}.admin-room-history{margin-top:12px;border-top:1px solid rgba(var(--olive-text-rgb),.08);padding-top:10px}.admin-room-history-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.admin-room-history-empty{font-size:.8rem;margin:4px 0}.admin-room-history-list{list-style:none;margin:0;padding:0;max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.admin-room-history-item{padding:8px 10px;border-radius:8px;background:rgba(var(--olive-text-rgb),.03);border:1px solid rgba(var(--olive-text-rgb),.06)}.admin-room-history-main{display:flex;align-items:center;justify-content:space-between;gap:8px}.admin-room-history-name{font-weight:600;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-room-history-badge{flex-shrink:0;font-size:.66rem;font-weight:700;padding:2px 7px;border-radius:999px}.admin-room-history-badge.is-active{background:rgba(var(--olive-accent-rgb),.15);color:var(--accent)}.admin-room-history-badge.is-closed{background:rgba(var(--olive-text-rgb),.06);color:rgba(var(--olive-text-rgb),.5)}.admin-room-history-badge.is-deleted{background:#ff5c6c24;color:#ff8a96}.admin-friend-main{display:flex;align-items:center;gap:10px;width:100%}.admin-friend-ava{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.admin-friend-ava--fallback{display:flex;align-items:center;justify-content:center;background:rgba(var(--olive-accent-rgb),.25);color:var(--text);font-size:.75rem;font-weight:700}.admin-friend-meta{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.admin-room-history-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:.72rem;margin-top:3px}.friend-action-btn--join{background:rgba(var(--olive-accent-rgb),.12);border-color:rgba(var(--olive-accent-rgb),.35);color:var(--accent)}.friend-action-btn--join:hover{background:rgba(var(--olive-accent-rgb),.22);border-color:rgba(var(--olive-accent-rgb),.55);color:var(--text)}.friend-action-btn--remove:hover{background:#ff5c6c1f;border-color:#ff5c6c66;color:#ff8a96}.friend-action-label{display:none}@media (min-width: 901px){.friend-action-btn{min-width:0;height:auto;padding:6px 10px}.friend-action-label{display:inline}}@media (max-width: 900px){.friend-row{flex-wrap:nowrap;align-items:center;gap:10px;padding:8px 0}.friend-row-info{flex:1;min-width:0;flex-wrap:wrap;row-gap:2px}.friend-row-info em.muted{font-size:.78rem;width:100%;margin-left:26px}.friend-actions{gap:4px}.friend-action-btn{min-width:34px;width:34px;height:34px;padding:0}}.presence-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--bg-3)}.presence-dot.online{background:#4ade80;box-shadow:0 0 6px #4ade8088}.presence-dot.offline{background:var(--bg-3)}.invite-friends{margin-top:10px;border-top:1px solid rgba(var(--olive-text-rgb),.08);padding-top:8px}.invite-friends h4{margin:0 0 6px;font-size:.85rem;opacity:.8}.role-pill.admin{background:rgba(var(--olive-accent-rgb),.2);color:var(--accent)}.btn.tiny{padding:2px 8px;font-size:.75rem;border-radius:7px}.btn.danger{background:#b91c1c;border-color:#b91c1c;color:var(--text)}.btn.danger:hover{background:#dc2626}.admin-panel-layout{display:flex;min-height:100vh;background:var(--bg);color:var(--text)}.admin-sidebar{width:260px;background:rgba(var(--olive-panel-rgb),.45);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(var(--olive-text-rgb),.05);padding:24px 16px;display:flex;flex-direction:column;gap:28px;position:sticky;top:0;height:100vh;box-sizing:border-box}.admin-sidebar-header{display:flex;align-items:center;gap:10px;padding:0 8px}.admin-sidebar-header h2{font-family:var(--font-space);font-size:20px;font-weight:700;margin:0}.admin-sidebar-subtitle{font-size:11px;background:rgba(var(--olive-accent-rgb),.1);color:var(--accent);padding:2px 6px;border-radius:6px;font-weight:600;letter-spacing:.02em}.admin-sidebar-nav{display:flex;flex-direction:column;gap:8px;flex:1}.admin-sidebar-link{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:12px;background:transparent;border:1px solid transparent;color:var(--muted);font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;box-sizing:border-box}.admin-sidebar-link:hover{background:rgba(var(--olive-text-rgb),.03);color:var(--text)}.admin-sidebar-link.active{background:linear-gradient(135deg,#1a36734d,#1a36731a);border:1px solid rgba(var(--olive-accent-rgb),.2);color:var(--accent);box-shadow:0 4px 20px rgba(var(--olive-accent-rgb),.05)}.admin-sidebar-badge{background:rgba(var(--olive-text-rgb),.08);color:var(--text);font-size:11px;padding:2px 8px;border-radius:20px;font-weight:700}.admin-sidebar-link.active .admin-sidebar-badge{background:rgba(var(--olive-accent-rgb),.2);color:var(--accent)}.admin-sidebar-divider{font-size:10px;font-weight:700;color:rgba(var(--olive-text-rgb),.3);letter-spacing:.08em;margin:16px 8px 8px}.admin-sidebar-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid rgba(var(--olive-text-rgb),.05)}.admin-profile-name{font-size:14px;font-weight:700;color:var(--text)}.admin-profile-role{font-size:11px;color:var(--muted)}.admin-profile-actions{display:flex;gap:8px}.admin-profile-action-btn{background:rgba(var(--olive-text-rgb),.03);border:1px solid rgba(var(--olive-text-rgb),.06);color:var(--muted);width:32px;height:32px;border-radius:8px;display:grid;place-items:center;cursor:pointer;transition:all .2s}.admin-profile-action-btn:hover{background:rgba(var(--olive-text-rgb),.08);color:var(--text);border-color:rgba(var(--olive-text-rgb),.15)}.admin-main{flex:1;padding:32px;display:flex;flex-direction:column;gap:24px;overflow-y:auto;box-sizing:border-box}.admin-main-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.admin-main-title{display:flex;align-items:center;gap:12px}.admin-main-title h2{font-size:22px;font-weight:700;margin:0;color:var(--text)}.admin-main-header-actions{display:flex;align-items:center;gap:12px}.admin-header-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700}.admin-header-pill.green{background:rgba(var(--olive-accent-rgb),.1);color:var(--accent);border:1px solid rgba(var(--olive-accent-rgb),.15)}.admin-header-pill.green .dot{width:6px;height:6px;border-radius:50%;background:var(--accent-deep);animation:pulse 1.6s infinite}.admin-header-pill.red{background:#f871711a;color:#f87171;border:1px solid rgba(248,113,113,.15)}.admin-header-pill.red .dot{width:6px;height:6px;border-radius:50%;background:#f87171}.admin-header-pill.blue{background:rgba(var(--olive-accent-rgb),.1);color:var(--accent);border:1px solid rgba(var(--olive-accent-rgb),.15)}.admin-header-pill.blue .dot{width:6px;height:6px;border-radius:50%;background:var(--accent-deep)}.admin-toast{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-radius:12px;background:rgba(var(--olive-accent-rgb),.08);border:1px solid rgba(var(--olive-accent-rgb),.15);color:var(--accent);font-size:13px;font-weight:600}.admin-content-card{background:rgba(var(--olive-panel-rgb),.3);border:1px solid rgba(var(--olive-text-rgb),.05);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-main-footer{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:auto;padding-top:24px;border-top:1px solid rgba(var(--olive-text-rgb),.05)}.admin-footer-widget{background:rgba(var(--olive-panel-rgb),.25);border:1px solid rgba(var(--olive-text-rgb),.03);border-radius:14px;padding:16px;display:flex;align-items:center;gap:16px}.widget-icon{width:44px;height:44px;border-radius:12px;background:rgba(var(--olive-text-rgb),.02);border:1px solid rgba(var(--olive-text-rgb),.05);display:grid;place-items:center}.widget-icon.pulse{animation:pulse-widget 2s infinite ease-in-out}@keyframes pulse-widget{0%{transform:scale(1);box-shadow:0 0 rgba(var(--olive-accent-rgb),.1)}70%{transform:scale(1.02);box-shadow:0 0 0 8px rgba(var(--olive-accent-rgb),0)}to{transform:scale(1);box-shadow:0 0 rgba(var(--olive-accent-rgb),0)}}.widget-title{font-size:11px;text-transform:uppercase;color:var(--muted);font-weight:700;letter-spacing:.05em;margin-bottom:4px}.widget-value{font-size:14px;font-weight:600;color:var(--text)}.text-green{color:var(--accent)!important}@media (max-width: 1024px){.admin-panel-layout{flex-direction:column}.admin-sidebar{width:100%;height:auto;position:static}.admin-main{padding:16px}}.admin-login{max-width:380px;display:flex;flex-direction:column;gap:10px}.admin-login-modes{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.admin-login-modes .btn{font-size:.85rem;padding:4px 8px}.admin-recovery-codes{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:4px 0;padding-left:20px}.admin-recovery-codes code{font-size:.95rem;letter-spacing:.5px;-webkit-user-select:all;user-select:all}.admin-stats{display:flex;gap:16px;opacity:.75;font-size:.9rem;margin-bottom:12px}.admin-section{display:flex;flex-direction:column;gap:12px;align-items:flex-start;width:100%}.admin-search{width:100%;max-width:380px;padding:8px 12px;border-radius:8px;border:1px solid rgba(var(--olive-text-rgb),.15);background:rgba(var(--olive-text-rgb),.06);color:inherit}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table th,.admin-table td{text-align:left;padding:8px 10px;border-bottom:1px solid rgba(var(--olive-text-rgb),.08);vertical-align:top}.admin-table th{opacity:.6;font-weight:600;font-size:.78rem;text-transform:uppercase}.admin-actions{display:flex;gap:6px;flex-wrap:wrap}.admin-ip-cell{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.admin-ip-chip{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem;letter-spacing:.02em;color:var(--text);background:rgba(var(--olive-accent-rgb),.08);border:1px solid rgba(var(--olive-accent-rgb),.22);border-radius:6px;padding:3px 8px;cursor:pointer;line-height:1.3}.admin-ip-chip:hover{background:rgba(var(--olive-accent-rgb),.16);border-color:rgba(var(--olive-accent-rgb),.4);color:var(--text)}.admin-ip-dup{font-size:.7rem;font-weight:700;color:var(--accent);background:rgba(var(--olive-accent-rgb),.12);border:1px solid rgba(var(--olive-accent-rgb),.35);border-radius:999px;padding:1px 7px;line-height:1.4;white-space:nowrap}.row-banned{opacity:.55}.mono{font-family:monospace;font-size:.8em}.live-pill{color:var(--accent);font-size:.72rem;margin-left:6px;animation:pulse 1.6s infinite}@keyframes pulse{50%{opacity:.45}}.admin-room-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(var(--olive-bg-rgb),.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeInModal .25s ease-out forwards}.ban-modal-backdrop.admin-user-card-backdrop,.ban-modal-backdrop.admin-ban-backdrop{z-index:10100}.admin-room-modal{width:100%;max-width:980px;max-height:90vh;background:linear-gradient(160deg,rgba(var(--olive-panel-rgb),.98),rgba(var(--olive-panel-rgb),.99));border:1px solid rgba(var(--olive-text-rgb),.12);border-radius:24px;box-shadow:0 32px 80px #000000bf,0 0 40px rgba(var(--olive-accent-rgb),.08);display:flex;flex-direction:column;overflow:hidden;animation:scaleInModal .28s cubic-bezier(.34,1.56,.64,1) forwards;position:relative}.admin-room-header{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(var(--olive-text-rgb),.08);background:rgba(var(--olive-text-rgb),.02);flex-wrap:wrap}.admin-room-header-title-wrap{display:flex;flex-direction:column;gap:6px}.admin-room-header-status{display:flex;align-items:center;gap:10px}.admin-room-name{font-size:20px;font-weight:700;color:var(--text);margin:0;display:flex;align-items:center;gap:10px}.admin-room-tag{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.02em}.admin-room-tag.live{background:rgba(var(--olive-accent-rgb),.12);color:var(--accent);border:1px solid rgba(var(--olive-accent-rgb),.25)}.admin-room-tag.closed{background:#f871711f;color:#f87171;border:1px solid rgba(248,113,113,.25)}.admin-room-live-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;animation:pulse 1.6s infinite}.admin-room-code-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:8px;font-size:11px;background:rgba(var(--olive-accent-rgb),.1);color:var(--accent);border:1px solid rgba(var(--olive-accent-rgb),.25);cursor:pointer;transition:all .2s ease;position:relative}.admin-room-code-chip:hover{background:rgba(var(--olive-accent-rgb),.2);color:var(--text)}.admin-room-code-copied{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);background:var(--accent-deep);color:var(--text);font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;pointer-events:none;box-shadow:0 4px 12px #0000004d}.admin-room-header-actions{display:flex;align-items:center;gap:10px}.admin-room-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.admin-room-action-btn.watch{background:rgba(var(--olive-accent-rgb),.12);color:var(--accent);border-color:rgba(var(--olive-accent-rgb),.25)}.admin-room-action-btn.watch:hover{background:rgba(var(--olive-accent-rgb),.25);color:var(--text);transform:translateY(-1px)}.admin-room-action-btn.close-room{background:#ef444426;color:#f87171;border-color:#ef44444d}.admin-room-action-btn.close-room:hover{background:#dc2626;color:var(--text);transform:translateY(-1px)}.admin-room-action-btn.delete-hist{background:#ef444426;color:#f87171;border-color:#ef44444d}.admin-room-action-btn.delete-hist:hover{background:#dc2626;color:var(--text);transform:translateY(-1px)}.admin-room-close-btn{width:34px;height:34px;border-radius:50%;background:rgba(var(--olive-text-rgb),.05);border:1px solid rgba(var(--olive-text-rgb),.1);color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:all .2s ease}.admin-room-close-btn:hover{background:#ef444440;border-color:#ef444466;color:#f87171;transform:rotate(90deg)}.admin-room-error-banner{padding:10px 20px;background:#ef444426;border-bottom:1px solid rgba(239,68,68,.3);color:#fca5a5;font-size:13px;font-weight:600}.admin-room-bento-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 24px;background:#00000026;border-bottom:1px solid rgba(var(--olive-text-rgb),.06)}.admin-room-bento-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:rgba(var(--olive-text-rgb),.03);border:1px solid rgba(var(--olive-text-rgb),.06);border-radius:12px}.bento-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(var(--olive-text-rgb),.05);flex-shrink:0}.bento-icon.crown,.bento-icon.users,.bento-icon.chat,.bento-icon.time{background:rgba(var(--olive-accent-rgb),.12)}.bento-content{display:flex;flex-direction:column;min-width:0}.bento-label{font-size:10px;color:var(--muted);text-transform:uppercase;font-weight:700;letter-spacing:.04em}.bento-value{font-size:13px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-room-close-banner{display:flex;align-items:center;gap:12px;padding:12px 24px;background:#ef44441a;border-bottom:1px solid rgba(239,68,68,.2);color:#fca5a5;font-size:13px}.closed-by-tag{display:inline-block;margin-left:8px;padding:1px 6px;border-radius:4px;background:#ef444433;font-size:11px;font-weight:600}.admin-room-tabs-bar{display:flex;gap:8px;padding:12px 24px 0;border-bottom:1px solid rgba(var(--olive-text-rgb),.08);background:#0000001a;overflow-x:auto}.admin-room-tab-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px 10px 0 0;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.admin-room-tab-btn:hover{color:var(--text);background:rgba(var(--olive-text-rgb),.03)}.admin-room-tab-btn.active{color:var(--accent);border-bottom-color:var(--accent-line);background:rgba(var(--olive-accent-rgb),.08);font-weight:700}.admin-room-body{flex:1;padding:20px 24px;overflow-y:auto;min-height:280px;max-height:calc(88vh - 220px);display:flex;flex-direction:column}.admin-room-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px;color:var(--muted)}.admin-room-spinner{width:32px;height:32px;border:3px solid rgba(var(--olive-accent-rgb),.2);border-top-color:var(--accent-line);border-radius:50%;animation:spin .8s linear infinite}.admin-room-overview-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-room-panel-card{background:rgba(var(--olive-text-rgb),.02);border:1px solid rgba(var(--olive-text-rgb),.06);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px}.panel-card-head{display:flex;align-items:center;justify-content:space-between}.panel-card-head h3{font-size:14px;font-weight:700;color:var(--text);margin:0;display:flex;align-items:center;gap:8px}.admin-room-members-mini-list{display:flex;flex-direction:column;gap:8px}.mini-member-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:rgba(var(--olive-text-rgb),.02);border:1px solid rgba(var(--olive-text-rgb),.04)}.mini-member-avatar{width:30px;height:30px;border-radius:50%;background:rgba(var(--olive-accent-rgb),.15);color:var(--accent);font-weight:700;font-size:11px;display:grid;place-items:center;position:relative}.mini-member-meta{display:flex;align-items:center;gap:8px;flex:1}.mini-member-name{font-size:13px;font-weight:600;color:var(--text)}.mini-role-pill{font-size:10px;padding:1px 6px;border-radius:6px;font-weight:700;text-transform:uppercase}.mini-role-pill.owner,.mini-role-pill.admin,.mini-role-pill.moderator,.mini-role-pill.sharer{background:rgba(var(--olive-accent-rgb),.15);color:var(--accent)}.mini-role-pill.viewer{background:rgba(var(--olive-text-rgb),.06);color:var(--muted)}.mini-chat-stream{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow-y:auto}.mini-chat-bubble{display:flex;align-items:baseline;gap:6px;padding:6px 10px;border-radius:8px;background:rgba(var(--olive-text-rgb),.02);font-size:12px}.mini-chat-time{font-size:10px;color:var(--muted);font-family:monospace}.mini-chat-text{color:var(--text);word-break:break-word}.admin-room-members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.member-card{background:rgba(var(--olive-text-rgb),.03);border:1px solid rgba(var(--olive-text-rgb),.07);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:all .2s ease}.member-card.is-live{border-color:rgba(var(--olive-accent-rgb),.2);background:linear-gradient(145deg,rgba(var(--olive-accent-rgb),.03),rgba(var(--olive-text-rgb),.02))}.member-card.is-left{opacity:.75}.member-card-top{display:flex;align-items:center;gap:12px}.member-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,rgba(var(--olive-accent-rgb),.2),rgba(var(--olive-accent-rgb),.2));border:1px solid rgba(var(--olive-text-rgb),.1);color:var(--text);font-weight:700;font-size:13px;display:grid;place-items:center;position:relative;flex-shrink:0}.member-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.mini-member-avatar .presence-dot,.member-avatar .presence-dot{position:absolute;right:-1px;bottom:-1px;border:2px solid rgba(var(--olive-panel-rgb),.95)}.member-info{display:flex;flex-direction:column;min-width:0;flex:1}.member-name{font-size:14px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-id{font-size:11px;color:var(--muted)}.member-role-badge{font-size:10px;padding:3px 8px;border-radius:20px;font-weight:700;text-transform:uppercase}.member-role-badge.owner,.member-role-badge.admin,.member-role-badge.moderator,.member-role-badge.sharer{background:rgba(var(--olive-accent-rgb),.15);color:var(--accent);border:1px solid rgba(var(--olive-accent-rgb),.3)}.member-role-badge.viewer{background:rgba(var(--olive-text-rgb),.08);color:var(--muted);border:1px solid rgba(var(--olive-text-rgb),.1)}.member-card-details{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:8px;background:#0003;font-size:12px}.member-detail-row{display:flex;justify-content:space-between;align-items:center}.member-inspect-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px;border-radius:8px;background:rgba(var(--olive-accent-rgb),.08);border:1px solid rgba(var(--olive-accent-rgb),.18);color:var(--accent);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.member-inspect-btn:hover{background:rgba(var(--olive-accent-rgb),.18);color:var(--text)}.admin-room-chat-pane{display:flex;flex-direction:column;gap:12px;height:100%}.chat-top-filter{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.chat-search-wrap{display:flex;align-items:center;gap:8px;background:rgba(var(--olive-text-rgb),.03);border:1px solid rgba(var(--olive-text-rgb),.08);border-radius:10px;padding:6px 12px;width:260px}.chat-search-wrap input{background:transparent;border:none;color:var(--text);font-size:12px;outline:none;width:100%}.search-clear-btn{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:12px;padding:0}.admin-chat-transcript-box{flex:1;background:#00000040;border:1px solid rgba(var(--olive-text-rgb),.06);border-radius:14px;padding:16px;overflow-y:auto;max-height:380px;min-height:220px;display:flex;flex-direction:column;gap:10px}.transcript-msg-item{display:flex;align-items:flex-start;gap:10px;padding:8px 12px;border-radius:10px;background:rgba(var(--olive-text-rgb),.02);border:1px solid rgba(var(--olive-text-rgb),.04)}.msg-avatar{width:32px;height:32px;border-radius:50%;background:rgba(var(--olive-accent-rgb),.15);color:var(--accent);font-weight:700;font-size:11px;display:grid;place-items:center;flex-shrink:0}.msg-content-wrap{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.msg-meta{display:flex;align-items:center;gap:8px}.msg-sender{font-size:13px;font-weight:700;color:var(--text)}.msg-time{font-size:11px;color:var(--muted);font-family:monospace}.msg-text{font-size:13px;color:var(--text);word-break:break-word;line-height:1.4}.chat-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px;color:var(--muted);text-align:center;font-size:13px}.chat-feed-error{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 0;padding:7px 10px;border:1px solid rgba(248,113,113,.4);border-radius:6px;color:#f87171;font-size:12px}.admin-live-chat-sender{display:flex;flex-direction:column;gap:8px;padding:12px 14px;background:rgba(var(--olive-text-rgb),.02);border:1px solid rgba(var(--olive-text-rgb),.06);border-radius:12px}.admin-sender-types{display:flex;gap:8px}.sender-type-pill{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;background:rgba(var(--olive-text-rgb),.04);border:1px solid rgba(var(--olive-text-rgb),.08);color:var(--muted);transition:all .2s ease}.sender-type-pill.info.active,.sender-type-pill.warn.active{background:rgba(var(--olive-accent-rgb),.2);border-color:rgba(var(--olive-accent-rgb),.4);color:var(--accent)}.sender-type-pill.alert.active{background:#ef444433;border-color:#ef444466;color:#f87171}.admin-sender-input-row{display:flex;gap:10px}.admin-sender-input-row input{flex:1;padding:8px 12px;border-radius:8px;background:#0000004d;border:1px solid rgba(var(--olive-text-rgb),.1);color:var(--text);font-size:13px;outline:none}.admin-sender-input-row input:focus{border-color:var(--accent-line)}.admin-send-btn{padding:8px 16px;font-size:13px;font-weight:600;white-space:nowrap}.sender-success-toast{font-size:12px;font-weight:600;color:#4ade80;animation:fadeInModal .2s ease}.admin-room-events-pane{display:flex;flex-direction:column;gap:14px}.events-filter-bar{display:flex;gap:8px;flex-wrap:wrap}.events-filter-bar .filter-btn{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;background:rgba(var(--olive-text-rgb),.03);border:1px solid rgba(var(--olive-text-rgb),.08);color:var(--muted);cursor:pointer;transition:all .2s ease}.events-filter-bar .filter-btn:hover{color:var(--text);background:rgba(var(--olive-text-rgb),.06)}.events-filter-bar .filter-btn.active{background:rgba(var(--olive-accent-rgb),.15);border-color:rgba(var(--olive-accent-rgb),.3);color:var(--accent)}.admin-room-timeline-wrap{display:flex;flex-direction:column;position:relative;padding-left:24px}.admin-room-timeline-wrap:before{content:"";position:absolute;top:10px;bottom:10px;left:7px;width:2px;background:rgba(var(--olive-text-rgb),.08)}.timeline-row{display:flex;align-items:flex-start;gap:14px;position:relative;padding-bottom:16px}.timeline-node{position:absolute;left:-24px;top:2px}.timeline-icon-badge{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--bg-2);border:2px solid rgba(var(--olive-text-rgb),.2);color:var(--muted)}.timeline-icon-badge.action,.timeline-icon-badge.event{border-color:var(--accent-line);color:var(--accent);background:rgba(var(--olive-accent-rgb),.15)}.timeline-content{flex:1;background:rgba(var(--olive-text-rgb),.02);border:1px solid rgba(var(--olive-text-rgb),.05);border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;gap:4px}.timeline-header{display:flex;justify-content:space-between;align-items:center}.timeline-title{font-size:13px;font-weight:700;color:var(--text)}.timeline-time{font-size:11px;color:var(--muted);font-family:monospace}.timeline-actors{display:flex;gap:12px;font-size:12px;color:var(--muted)}.timeline-actors b{color:var(--accent)}.timeline-subtitle{font-size:12px;color:var(--text)}.events-empty-state{padding:32px;text-align:center;color:var(--muted);font-size:13px}.admin-room-submodal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--olive-bg-rgb),.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeInModal .2s ease-out forwards}.admin-room-submodal{width:100%;max-width:520px;background:linear-gradient(160deg,var(--bg-3) 0%,var(--bg-2) 100%);border:1px solid rgba(239,68,68,.3);border-radius:20px;padding:24px;box-shadow:0 24px 60px #000000b3;display:flex;flex-direction:column;gap:14px}.admin-room-submodal h3{margin:0;font-size:18px;color:#f87171}.close-presets-list{display:flex;flex-direction:column;gap:8px}.preset-radio-row{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#cbd5e1;cursor:pointer;padding:6px 8px;border-radius:6px;background:#ffffff05}.custom-close-msg-wrap{display:flex;flex-direction:column;gap:6px}.custom-close-msg-wrap label{font-size:12px;color:var(--muted)}.custom-close-msg-wrap textarea{width:100%;padding:10px;border-radius:8px;background:#0000004d;border:1px solid rgba(var(--olive-text-rgb),.1);color:var(--text);font-size:13px;outline:none;resize:vertical}.submodal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.chat-filter-row{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.chat-filter-row label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--muted)}.chat-filter-row select{background:rgba(var(--olive-text-rgb),.03);border:1px solid rgba(var(--olive-text-rgb),.08);border-radius:8px;color:var(--text);font-size:12px;padding:6px 8px;outline:none;min-width:118px}.chat-filter-row select:focus-visible{border-color:rgba(var(--olive-accent-rgb),.55)}.chat-filter-clear{background:transparent;border:1px solid rgba(var(--olive-text-rgb),.1);border-radius:8px;color:var(--text);cursor:pointer;font-size:11px;padding:6px 10px}.chat-filter-clear:hover{border-color:rgba(var(--olive-accent-rgb),.5);color:var(--text)}.msg-severity-pill{border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.3px;padding:1px 7px;text-transform:uppercase}.msg-severity-pill.info,.msg-severity-pill.warn{background:rgba(var(--olive-accent-rgb),.16);color:var(--accent)}.msg-severity-pill.alert{background:#f8717129;color:#f87171}.transcript-msg-item.sev-alert{border-color:#f8717159}.transcript-msg-item.sev-warn{border-color:rgba(var(--olive-accent-rgb),.32)}.transcript-msg-item.sev-info{border-color:rgba(var(--olive-accent-rgb),.3)}.member-elapsed{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:600}.member-card.is-left .member-elapsed{color:var(--muted)}.timeline-row.tone-info .timeline-content,.timeline-row.tone-ok .timeline-content{border-left:2px solid rgba(var(--olive-accent-rgb),.6)}.timeline-row.tone-danger .timeline-content{border-left:2px solid rgba(248,113,113,.6)}.timeline-row.tone-warn .timeline-content{border-left:2px solid rgba(var(--olive-accent-rgb),.6)}.timeline-row.tone-muted .timeline-content{border-left:2px solid rgba(var(--olive-text-rgb),.14)}@media (max-width: 768px){.admin-room-bento-grid{grid-template-columns:repeat(2,1fr)}.admin-room-overview-cols{grid-template-columns:1fr}}.preset-row{display:flex;gap:8px;align-items:flex-start;font-size:.88rem;text-align:left}.modal-actions{display:flex;gap:10px;justify-content:center}.admin-watch{--watch-gap: 14px;--watch-card-bg: rgba(12, 15, 21, .9);--watch-card-line: 1px solid var(--border);max-width:1320px;margin:0 auto;padding:20px 16px 36px;display:flex;flex-direction:column;gap:var(--watch-gap)}.admin-watch .admin-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:12px;border-bottom:var(--watch-card-line)}.admin-watch .admin-header h1{margin:0;font-size:1.15rem}.admin-watch-head-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.admin-watch-counter{color:var(--muted);font-size:.8rem;font-variant-numeric:tabular-nums}.admin-watch-body{display:flex;flex-direction:column;gap:var(--watch-gap)}@media (min-width: 901px){.admin-watch-body{display:grid;grid-template-columns:minmax(0,1fr) clamp(320px,26vw,380px);align-items:start}}.admin-watch-stage,.admin-watch-side{display:flex;flex-direction:column;gap:var(--watch-gap);min-width:0}.admin-watch-screen,.admin-watch-roster,.admin-watch-chat,.admin-watch-composer{background:var(--watch-card-bg);border:var(--watch-card-line);border-radius:var(--radius-lg);padding:14px}.admin-watch-roster h3,.admin-watch-chat h3,.admin-watch-composer h3{margin:0 0 10px;font-size:.95rem}.admin-watch-screen-head{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--muted);font-size:.85rem}.admin-watch-live-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);animation:pulse 1.6s infinite}.admin-watch-screen-video{position:relative;aspect-ratio:16 / 9;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);overflow:hidden}.admin-watch-video{width:100%;height:100%;display:block;object-fit:contain}.admin-watch-screen--empty{padding:48px 20px;text-align:center}.admin-watch-screen--empty h3{margin:0 0 8px;font-size:1rem}.admin-watch-roster-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.admin-watch-member{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 10px;border:var(--watch-card-line);border-radius:var(--radius);background:var(--surface)}.admin-watch-avatar{flex-shrink:0;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;background:var(--accent-wash);color:var(--accent-soft);transition:box-shadow var(--dur) var(--ease)}.admin-watch-member.is-speaking .admin-watch-avatar{box-shadow:0 0 0 2px var(--accent-line)}.admin-watch-member-name{font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-watch-chat-count{margin-left:6px;color:var(--faint);font-size:.75rem;font-weight:500;font-variant-numeric:tabular-nums}.admin-watch-chat-log{display:flex;flex-direction:column;gap:6px;max-height:340px;min-height:120px;overflow-y:auto;padding-right:4px;font-size:.82rem}.admin-watch-msg{line-height:1.5;word-break:break-word}.admin-watch-msg-time{font-size:.72rem}.admin-watch-msg.admin-own-msg strong{color:var(--accent-soft)}.admin-watch-msg-text{padding:1px 5px;border-radius:6px}.admin-watch-sound-btn{position:fixed;right:18px;bottom:18px;z-index:20}.admin-watch-ack-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10200;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(var(--olive-bg-rgb),.86)}.admin-watch-ack-card{width:100%;max-width:520px;display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--bg-2)}.admin-watch-ack-card h2{margin:0;font-size:1.05rem}.admin-watch-ack-card p{margin:0;color:var(--muted);line-height:1.6}.admin-watch-ack-actions{display:flex;justify-content:flex-end;gap:10px}.user-badges{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.user-badges .admin-badge-slot{display:inline-flex;vertical-align:middle;cursor:help;line-height:0}.admin-unverified-tag{display:inline-flex;align-items:center;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.02em;color:#fca5a5;background:#ef444426;border:1px solid rgba(239,68,68,.35);cursor:help}.banned-screen{position:relative;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:32px 20px;background-color:var(--bg);overflow:hidden;box-sizing:border-box}.banned-grid-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(239,68,68,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(239,68,68,.05) 1px,transparent 1px);background-size:36px 36px;background-position:center center;opacity:.8;mask-image:radial-gradient(circle at 50% 50%,black 30%,transparent 85%);-webkit-mask-image:radial-gradient(circle at 50% 50%,black 30%,transparent 85%);pointer-events:none}.banned-backdrop-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 30%,rgba(225,29,72,.22),transparent 60%),radial-gradient(circle at 50% 80%,rgba(var(--olive-panel-rgb),.95),transparent 70%);animation:banGlowPulse 4s ease-in-out infinite alternate;pointer-events:none}@keyframes banGlowPulse{0%{opacity:.6;transform:scale(.97)}to{opacity:1;transform:scale(1.03)}}.banned-card{position:relative;z-index:10;max-width:520px;width:100%;padding:36px 32px;border-radius:24px;background:rgba(var(--olive-bg-rgb),.85);backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);border:1px solid rgba(239,68,68,.22);box-shadow:0 30px 90px #000000e6,0 0 60px #e11d481f,inset 0 1px rgba(var(--olive-text-rgb),.08);display:flex;flex-direction:column;align-items:center;text-align:center;animation:banCardAppear .5s cubic-bezier(.16,1,.3,1);box-sizing:border-box}@keyframes banCardAppear{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.banned-brand-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:rgba(var(--olive-text-rgb),.04);border:1px solid rgba(var(--olive-text-rgb),.08);margin-bottom:20px;font-size:.78rem}.banned-brand-name{font-weight:700;color:var(--text)}.banned-brand-tag{font-weight:600;color:#f87171;text-transform:uppercase;letter-spacing:.04em;font-size:.7rem}.banned-header{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:20px}.banned-icon-wrapper{position:relative;width:76px;height:76px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.banned-icon-pulse-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid rgba(239,68,68,.35);animation:banRingPulse 2.5s cubic-bezier(.25,.1,.25,1) infinite}@keyframes banRingPulse{0%{transform:scale(.88);opacity:.8}50%{transform:scale(1.12);opacity:.2}to{transform:scale(.88);opacity:.8}}.banned-icon{width:68px;height:68px;border-radius:50%;background:radial-gradient(circle,#e11d4838,#8813371a);border:1.5px solid rgba(239,68,68,.45);color:#f87171;display:flex;align-items:center;justify-content:center;box-shadow:0 0 24px #e11d484d}.banned-title{font-size:clamp(1.8rem,5vw,2.4rem);font-weight:800;margin:0;background:linear-gradient(135deg,var(--bg-2) 0%,#fca5a5 60%,#ef4444 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.01em;line-height:1.15}.banned-status-box{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:22px}.banned-subtitle{color:var(--muted);font-size:.9rem;margin:0 0 16px;font-weight:500}.banned-timer-grid{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:14px}.banned-timer-block{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;padding:10px 12px;background:rgba(var(--olive-text-rgb),.03);border:1px solid rgba(239,68,68,.25);border-radius:14px;box-shadow:0 4px 16px #0006}.banned-timer-num{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.75rem;font-weight:700;color:var(--text);letter-spacing:.03em;line-height:1.1}.banned-timer-unit{font-size:.64rem;font-weight:700;color:#f87171cc;letter-spacing:.08em;margin-top:4px}.banned-timer-colon{font-size:1.6rem;font-weight:700;color:#ef444499;margin-bottom:12px;animation:timerColonFlicker 1s infinite alternate}@keyframes timerColonFlicker{0%{opacity:.3}to{opacity:.9}}.banned-timer-detail-pill{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;border-radius:999px;background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#fca5a5;font-size:.78rem;font-weight:500}.banned-timer-dot{width:6px;height:6px;border-radius:50%;background:#f87171;box-shadow:0 0 8px #f87171;animation:timerDotPulse 1.2s infinite ease-in-out}@keyframes timerDotPulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.banned-perm-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:999px;background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#fca5a5;font-size:.88rem;font-weight:600}.banned-reload-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;border-radius:14px;background:linear-gradient(135deg,var(--accent-deep) 0%,var(--accent-deep) 100%);color:var(--text);font-size:.92rem;font-weight:700;border:none;cursor:pointer;box-shadow:0 6px 20px rgba(var(--olive-accent-rgb),.35);transition:all .2s ease}.banned-reload-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(var(--olive-accent-rgb),.45)}.banned-reason-box{width:100%;text-align:left;padding:16px 18px;border-radius:16px;background:rgba(var(--olive-text-rgb),.02);border:1px solid rgba(var(--olive-text-rgb),.07);margin-bottom:20px;box-sizing:border-box}.banned-reason-header{display:flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700;color:#f87171;letter-spacing:.06em;margin-bottom:8px}.banned-reason-text{margin:0;color:var(--text);font-size:.9rem;line-height:1.55;white-space:pre-wrap}.banned-footer-note{margin:0;font-size:.78rem;color:rgba(var(--olive-muted-rgb),.7);line-height:1.5}@media (max-width: 480px){.banned-card{padding:32px 20px}.banned-timer-block{min-width:56px;padding:8px}.banned-timer-num{font-size:1.45rem}.banned-timer-colon{font-size:1.4rem}}.ban-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:rgba(var(--olive-bg-rgb),.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.own-id-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}.own-id-label{font-size:.8rem;opacity:.7}.own-id-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;padding:2px 8px;border-radius:8px;background:rgba(var(--olive-text-rgb),.06);border:1px solid rgba(var(--olive-text-rgb),.1);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.own-id-copy{font-size:.78rem;padding:3px 10px;border-radius:8px;cursor:pointer;color:inherit;background:rgba(var(--olive-text-rgb),.04);border:1px solid rgba(var(--olive-text-rgb),.12);transition:background .15s ease}.own-id-copy:hover{background:rgba(var(--olive-text-rgb),.1)}.ban-modal{width:min(440px,calc(100vw - 32px));padding:24px;border-radius:16px;background:var(--bg-2);border:1px solid rgba(var(--olive-text-rgb),.08);box-shadow:0 20px 60px #00000080}.ban-modal h3{margin:0 0 4px}.ban-modal .muted{font-size:.85rem}.ban-modal textarea{width:100%;min-height:84px;resize:vertical;margin:12px 0;padding:10px 12px;border-radius:10px;background:rgba(var(--olive-text-rgb),.04);border:1px solid rgba(var(--olive-text-rgb),.1);color:inherit;font:inherit}.ban-scope-split{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.ban-scope-opt{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;border-radius:12px;background:rgba(var(--olive-text-rgb),.04);border:1px solid rgba(var(--olive-text-rgb),.1);color:inherit;text-align:left;cursor:pointer;font:inherit}.ban-scope-opt b{font-size:.88rem}.ban-scope-opt .muted{font-size:.74rem;line-height:1.3}.ban-scope-opt.active{background:#dc262624;border-color:#ef44448c}.ban-scope-opt.active b{color:#f87171}.ban-duration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.ban-duration-grid button{padding:8px 6px;border-radius:10px;font-size:.82rem;background:rgba(var(--olive-text-rgb),.04);border:1px solid rgba(var(--olive-text-rgb),.1);color:inherit;cursor:pointer}.ban-duration-grid button.active{background:#dc26262e;border-color:#ef444499;color:#f87171;font-weight:600}.ban-modal-actions{display:flex;justify-content:flex-end;gap:8px}.xp-admin-state{display:flex;flex-wrap:wrap;gap:14px;padding:10px 12px;margin-bottom:10px;border-radius:8px;background:rgba(var(--olive-text-rgb),.05);font-size:14px}.xp-admin-form{display:flex;flex-direction:column;gap:8px;margin:10px 0}.xp-admin-events{margin-top:12px;max-height:200px;overflow-y:auto}.xp-admin-events h4{margin:0 0 6px;font-size:13px;opacity:.8}.xp-admin-events ul{list-style:none;margin:0;padding:0}.xp-admin-events li{display:flex;align-items:center;gap:10px;padding:4px 0;font-size:13px;border-bottom:1px solid rgba(var(--olive-text-rgb),.06)}.xp-admin-events .xp-kind{flex:1}.xp-admin-tabs{display:flex;gap:6px;margin:4px 0 12px;border-bottom:1px solid rgba(var(--olive-text-rgb),.08);padding-bottom:8px}.xp-admin-tab{background:transparent;border:1px solid transparent;color:rgba(var(--olive-text-rgb),.65);padding:6px 12px;border-radius:8px;cursor:pointer;font-size:13px}.xp-admin-tab:hover{color:var(--text);background:rgba(var(--olive-text-rgb),.05)}.xp-admin-tab.active{color:var(--text);background:rgba(var(--olive-accent-rgb),.14);border-color:rgba(var(--olive-accent-rgb),.35)}.xp-admin-frame-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 4px}.xp-admin-frame-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:inherit;cursor:pointer}.xp-admin-frame-card:hover{border-color:#ffffff38}.xp-admin-frame-card.on{border-color:#facc158c;background:#facc1514}.xp-admin-frame-name{font-weight:600;font-size:13px}.xp-admin-frame-check{font-size:12px;opacity:.75}.xp-admin-frame-card.on .xp-admin-frame-check{color:#facc15;opacity:1}.xp-pos{color:var(--accent);font-weight:600;min-width:44px}.xp-neg{color:#f85149;font-weight:600;min-width:44px}.user-name-link{cursor:pointer;text-decoration:underline dotted;text-underline-offset:2px}.user-name-link:hover{color:#f87171}.user-card-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(var(--olive-bg-rgb),.85);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px;animation:fadeInModal .22s cubic-bezier(.16,1,.3,1) forwards}.user-card-modal{width:100%;max-width:400px;background:var(--bg-2);border:1px solid rgba(var(--olive-text-rgb),.09);border-radius:26px;position:relative;box-shadow:0 28px 70px #000c,0 0 0 1px rgba(var(--olive-text-rgb),.03);animation:scaleInModal .3s cubic-bezier(.16,1,.3,1) forwards;padding:22px 18px 18px;overflow:hidden}.user-card-close-btn{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(var(--olive-text-rgb),.1);background:rgba(var(--olive-text-rgb),.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s cubic-bezier(.16,1,.3,1)}.user-card-close-btn:hover{background:rgba(var(--olive-text-rgb),.12);color:var(--text);transform:scale(1.05)}.user-card-close-btn:active{transform:scale(.95)}.user-card-loading,.user-card-error{padding:48px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;color:var(--muted)}.user-card-content{display:flex;flex-direction:column;gap:12px;width:100%}.user-card-header-row{display:flex;align-items:center;gap:16px;width:100%;padding-top:4px}.user-card-avatar-container{position:relative;flex-shrink:0;width:78px;height:78px;display:flex;align-items:center;justify-content:center}.user-card-avatar-glow-ring{width:78px;height:78px;border-radius:50%;padding:2.5px;background:conic-gradient(from 160deg at 50% 50%,var(--accent-deep) 0deg,var(--accent-deep) 120deg,transparent 250deg,transparent 360deg);display:flex;align-items:center;justify-content:center}.user-card-avatar-frame{width:100%;height:100%;border-radius:50%;background:#0f172a}.user-card-ava-img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--bg-2)}.user-card-ava-fallback{width:100%;height:100%;border-radius:50%;background:var(--bg-3);color:var(--muted);display:flex;align-items:center;justify-content:center}.user-card-shield-badge{position:absolute;bottom:-2px;right:-2px;width:24px;height:24px;border-radius:50%;background:var(--accent-deep);border:2.5px solid var(--bg-2);display:flex;align-items:center;justify-content:center;z-index:5;box-shadow:0 2px 8px rgba(var(--olive-accent-rgb),.4)}.user-card-shield-badge.unverified{background:#10b981}.user-card-header-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;align-items:flex-start;text-align:left}.user-card-name-title{font-size:1.35rem;font-weight:800;color:var(--text);letter-spacing:-.02em;margin:0;line-height:1.2;word-break:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.user-card-id-capsule{display:inline-flex;align-items:center;gap:8px;background:rgba(var(--olive-text-rgb),.035);border:1px solid rgba(var(--olive-text-rgb),.08);border-radius:999px;padding:4px 10px;width:100%;max-width:255px;justify-content:space-between}.user-card-id-prefix{font-size:.74rem;color:var(--muted);font-weight:600}.user-card-id-text{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.78rem;color:var(--text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card-id-copy{background:rgba(var(--olive-text-rgb),.06);border:1px solid rgba(var(--olive-text-rgb),.1);border-radius:6px;padding:2.5px 7px;font-size:.72rem;color:var(--text);font-weight:600;display:inline-flex;align-items:center;gap:4px;cursor:pointer;transition:all .15s ease;flex-shrink:0}.user-card-id-copy:hover{background:rgba(var(--olive-text-rgb),.12);color:var(--text)}.user-card-badges-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin-top:4px}.user-card-badge-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:12px;font-size:.76rem;font-weight:700;flex:1;justify-content:center;white-space:nowrap}.user-card-badge-pill.level{background:rgba(var(--olive-accent-rgb),.12);border:1px solid rgba(var(--olive-accent-rgb),.28);color:var(--text)}.user-card-badge-pill.streak{background:rgba(var(--olive-accent-rgb),.12);border:1px solid rgba(var(--olive-accent-rgb),.28);color:var(--accent)}.user-card-badge-pill.unverified{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#fca5a5}.user-card-badge-pill.verified{background:#10b9811a;border:1px solid rgba(16,185,129,.25);color:#86efac}.user-card-presence-row{display:flex;justify-content:center;width:100%;margin-top:-2px;margin-bottom:2px}.user-card-presence-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 14px;border-radius:999px;background:rgba(var(--olive-text-rgb),.04);border:1px solid rgba(var(--olive-text-rgb),.08);font-size:.78rem;font-weight:600;color:var(--text)}.presence-glow-dot{width:7px;height:7px;border-radius:50%;background:var(--bg-3)}.user-card-presence-pill.online .presence-glow-dot{background:#10b981;box-shadow:0 0 8px #10b981;animation:live-pulse 2s infinite ease-in-out}.user-card-roadmap-box{background:rgba(var(--olive-text-rgb),.025);border:1px solid rgba(var(--olive-text-rgb),.07);border-radius:18px;padding:14px 16px;width:100%;display:flex;flex-direction:column;gap:12px}.user-card-roadmap-header{display:flex;justify-content:space-between;align-items:center}.roadmap-header-title{font-size:.85rem;font-weight:700;color:var(--text)}.roadmap-header-count{font-size:.75rem;font-weight:600;color:var(--muted)}.user-card-roadmap-steps{display:flex;align-items:flex-start;justify-content:space-between;position:relative;padding:0 4px}.roadmap-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;width:72px}.roadmap-icon-bubble{position:relative;width:44px;height:44px;border-radius:50%;background:rgba(var(--olive-text-rgb),.04);border:1px solid rgba(var(--olive-text-rgb),.1);display:flex;align-items:center;justify-content:center;color:var(--muted);transition:all .2s ease}.roadmap-step.is-completed .roadmap-icon-bubble{background:rgba(var(--olive-accent-rgb),.15);border:1.5px solid var(--accent-line);color:var(--accent);box-shadow:0 0 14px rgba(var(--olive-accent-rgb),.25)}.roadmap-check-mini{position:absolute;bottom:-2px;right:-2px;width:15px;height:15px;border-radius:50%;background:var(--accent-deep);border:2px solid var(--bg-2);display:flex;align-items:center;justify-content:center}.roadmap-line{flex:1;height:1px;border-top:1.5px dashed rgba(var(--olive-text-rgb),.12);margin-top:22px}.roadmap-line.is-active{border-top-color:rgba(var(--olive-accent-rgb),.5)}.roadmap-step-name{font-size:.72rem;font-weight:600;color:var(--text);white-space:nowrap}.roadmap-step.is-completed .roadmap-step-name{color:var(--text);font-weight:700}.roadmap-step-score{font-size:.72rem;font-weight:700;color:var(--muted)}.roadmap-step.is-completed .roadmap-step-score{color:var(--accent)}.user-card-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%}.stat-card,.user-card-stat-btn{background:rgba(var(--olive-text-rgb),.025);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(var(--olive-text-rgb),.07);border-radius:16px;padding:14px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;transition:all .2s cubic-bezier(.16,1,.3,1);color:inherit;font:inherit;position:relative;overflow:hidden}.stat-card:hover{background:rgba(var(--olive-text-rgb),.045);border-color:rgba(var(--olive-text-rgb),.14);transform:translateY(-1px)}.user-card-stat-btn{cursor:pointer}.user-card-stat-btn:hover{background:rgba(var(--olive-accent-rgb),.08);border-color:rgba(var(--olive-accent-rgb),.3)}.user-card-stat-btn:active{transform:scale(.98)}.user-card-stat-btn.is-active{background:rgba(var(--olive-accent-rgb),.15);border-color:rgba(var(--olive-accent-rgb),.5);box-shadow:0 0 16px rgba(var(--olive-accent-rgb),.2)}.stat-icon-wrap{width:auto;height:auto;background:transparent;border:none;display:flex;align-items:center;justify-content:center;margin-bottom:2px}.stat-icon-wrap.blue,.stat-icon-wrap.amber,.stat-icon-wrap.emerald,.stat-icon-wrap.purple{color:var(--accent)}.stat-value{font-size:1.35rem;font-weight:800;color:var(--text);line-height:1.1;letter-spacing:-.02em}.stat-value-date{font-size:.82rem;font-weight:700;color:var(--text)}.stat-label{font-size:.68rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.stat-btn-hint{font-size:.65rem;color:var(--accent);font-weight:700;margin-top:2px}.user-card-friends-panel{width:100%;background:rgba(var(--olive-panel-rgb),.6);border:1px solid rgba(var(--olive-text-rgb),.08);border-radius:16px;padding:12px;max-height:180px;overflow-y:auto;animation:fadeInModal .2s ease-out}.user-card-friends-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:8px}.user-card-friends-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.user-card-friends-item{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:10px;background:rgba(var(--olive-text-rgb),.03);transition:background .15s ease}.user-card-friends-item:hover{background:rgba(var(--olive-text-rgb),.07)}.user-card-friends-meta{flex:1;min-width:0;display:flex;flex-direction:column}.user-card-friends-level{font-size:.72rem;color:var(--muted)}.user-card-room-banner{display:flex;align-items:center;gap:12px;width:100%;margin:2px 0;padding:12px 14px;border-radius:16px;border:1px solid rgba(var(--olive-accent-rgb),.35);background:linear-gradient(135deg,rgba(var(--olive-accent-rgb),.2),rgba(var(--olive-panel-rgb),.7));color:var(--text);text-align:left;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.user-card-room-banner:hover{border-color:rgba(var(--olive-accent-rgb),.6);background:linear-gradient(135deg,rgba(var(--olive-accent-rgb),.3),rgba(var(--olive-panel-rgb),.85));transform:translateY(-1px)}.user-card-room-banner-icon{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:11px;background:rgba(var(--olive-accent-rgb),.3);color:var(--text)}.user-card-room-banner-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.user-card-room-banner-name{font-size:.92rem;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card-room-banner-hint{font-size:.72rem;color:rgba(var(--olive-text-rgb),.8);font-weight:500}.user-card-room-banner-chevron{flex-shrink:0;color:rgba(var(--olive-text-rgb),.7)}.user-card-actions-bar{width:100%;margin-top:2px}.user-card-self-badge{display:block;text-align:center;padding:11px;background:rgba(var(--olive-accent-rgb),.1);border:1px solid rgba(var(--olive-accent-rgb),.22);border-radius:14px;color:var(--text);font-size:.88rem;font-weight:600}.user-card-action-btn,.user-card-msg-btn{width:100%;height:46px;border-radius:var(--radius);font-size:.92rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.user-card-action-btn:hover,.user-card-msg-btn:hover{transform:translateY(-1px)}.user-card-action-btn:active,.user-card-msg-btn:active{transform:none}.user-card-dual-actions{display:flex;gap:10px;width:100%}.user-card-dual-actions .btn{flex:1;height:46px;border-radius:14px;font-size:.9rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px}.user-card-dual-actions .btn.ghost.remove-btn{background:rgba(var(--olive-text-rgb),.04);border:1px solid rgba(var(--olive-text-rgb),.1);color:var(--muted);transition:all .15s ease}.user-card-dual-actions .btn.ghost.remove-btn:hover{background:#ef444426;border-color:#ef444459;color:#fca5a5}.user-card-safety-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:2px}.user-card-safety-btn{height:42px;border-radius:12px;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:rgba(var(--olive-text-rgb),.04);border:1px solid rgba(var(--olive-text-rgb),.08);color:var(--muted);cursor:pointer;transition:all .15s ease}.user-card-safety-btn:hover{background:rgba(var(--olive-text-rgb),.08);color:var(--text);border-color:rgba(var(--olive-text-rgb),.15)}.user-card-safety-btn.danger{background:#dc262624;border:1px solid rgba(220,38,38,.32);color:#f87171}.user-card-safety-btn.danger:hover{background:#dc262640;border-color:#dc26268c;color:var(--text)}.user-card-report-done{font-size:.82rem;font-weight:600;color:var(--accent);display:flex;align-items:center;justify-content:center}.user-card-report-form{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:6px;padding:12px;background:rgba(var(--olive-panel-rgb),.6);border:1px solid rgba(var(--olive-text-rgb),.08);border-radius:14px;animation:fadeInModal .2s ease-out}.user-card-report-label{font-size:.76rem;font-weight:600;color:var(--muted)}.user-card-report-select,.user-card-report-detail{width:100%;padding:8px 12px;border-radius:10px;border:1px solid rgba(var(--olive-text-rgb),.12);background:rgba(var(--olive-text-rgb),.05);color:var(--text);font-size:.85rem;font-family:inherit;outline:none;transition:border-color .15s ease}.user-card-report-select:focus,.user-card-report-detail:focus{border-color:rgba(var(--olive-accent-rgb),.6)}.user-card-report-detail{resize:vertical}.tile-mic-off{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:.7rem;font-weight:600;color:#f87171;background:#dc262629;border:1px solid rgba(239,68,68,.4);line-height:1.4;white-space:nowrap}.chat-admin-msg{margin:8px 4px;padding:10px 12px;border-radius:10px;border:1px solid rgba(var(--olive-text-rgb),.25);box-shadow:0 2px 8px #00000059;display:flex;flex-direction:column;gap:4px;background:#c62828;color:var(--text);word-break:break-word}.chat-admin-msg-from{font-size:.75rem;opacity:.9;letter-spacing:.02em}.chat-admin-msg-text{font-size:.95rem}.chat-admin-msg .chat-time{align-self:flex-end;opacity:.75}.error-inline{color:#ff8a80;font-size:.8rem}.admin-composer-label{display:block;font-size:.78rem;opacity:.8;margin:10px 0 4px}.admin-template-list{display:flex;flex-direction:column;gap:6px}.admin-template-item{text-align:left;font-size:.8rem;padding:7px 9px;border-radius:8px;border:1px solid rgba(var(--olive-text-rgb),.12);background:rgba(var(--olive-text-rgb),.04);color:inherit;cursor:pointer}.admin-template-item:hover{background:rgba(var(--olive-text-rgb),.1)}.admin-template-item.active{border-color:rgba(var(--olive-accent-rgb),.7);background:rgba(var(--olive-accent-rgb),.15)}.admin-color-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.admin-color-swatch{width:24px;height:24px;border-radius:6px;border:2px solid transparent;cursor:pointer}.admin-color-swatch.active{border-color:var(--accent-line);box-shadow:0 0 0 2px rgba(var(--olive-accent-rgb),.35)}.admin-color-row input[type=color]{width:28px;height:28px;padding:0;border:none;background:none;cursor:pointer}.admin-style-row{display:flex;gap:16px;margin-top:10px;font-size:.85rem}.admin-style-row label{display:flex;align-items:center;gap:6px;cursor:pointer}.admin-msg-preview{margin-top:10px;padding:10px 12px;border-radius:10px;font-size:.9rem;border:1px dashed rgba(var(--olive-text-rgb),.3);word-break:break-word}.admin-composer-form{display:flex;flex-direction:column;gap:8px;margin-top:10px}.admin-composer-form textarea{resize:vertical;min-height:60px;border-radius:8px;padding:8px 10px;background:rgba(var(--olive-text-rgb),.05);border:1px solid rgba(var(--olive-text-rgb),.15);color:inherit;font:inherit}.admin-composer-info{margin-top:6px;font-size:.8rem}.admin-site-panel{display:flex;flex-direction:column;gap:16px}.admin-site-card{background:rgba(var(--olive-text-rgb),.03);border:1px solid rgba(var(--olive-text-rgb),.08);border-radius:12px;padding:16px}.admin-site-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.admin-site-card-head h3{margin:0;font-size:15px}.admin-site-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.admin-site-choice-row{display:flex;gap:8px;flex-wrap:wrap}.admin-site-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.admin-site-preview{border:1px dashed rgba(var(--olive-text-rgb),.15);border-radius:10px;padding:14px;margin-top:10px}.admin-toast{position:fixed;bottom:20px;right:20px;background:var(--accent-deep);color:var(--text);padding:10px 16px;border-radius:10px;font-size:13px;z-index:300;box-shadow:0 8px 24px #0006}.maintenance-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,var(--bg-3) 0%,var(--bg-2) 65%);padding:24px}.maintenance-card{max-width:520px;text-align:center;background:rgba(var(--olive-text-rgb),.04);border:1px solid rgba(var(--olive-text-rgb),.1);border-radius:16px;padding:36px 28px}.maintenance-icon{font-size:44px;margin-bottom:12px}.maintenance-brand{font-size:12px;letter-spacing:2px;text-transform:uppercase;opacity:.6;margin-top:18px}.maintenance-preview{background:var(--bg-2)}.announce-banner{display:flex;align-items:center;gap:10px;padding:8px 16px;font-size:13.5px;font-weight:550;letter-spacing:-.01em;color:var(--text);border-bottom:1px solid rgba(var(--olive-text-rgb),.08);min-height:38px;box-sizing:border-box}.announce-banner--under-nav{position:relative;z-index:10;max-width:720px;width:min(calc(100% - 32px),720px);margin:10px auto 14px;border-radius:14px;padding:8px 14px 8px 10px;border:1px solid rgba(var(--olive-text-rgb),.12);box-shadow:0 10px 30px #00000080,0 0 20px rgba(var(--olive-accent-rgb),.08);backdrop-filter:blur(24px) saturate(190%);-webkit-backdrop-filter:blur(24px) saturate(190%)}.announce-banner--under-nav.announce--warning{border:1px solid rgba(255,197,49,.38);background:linear-gradient(135deg,rgba(var(--olive-panel-rgb),.94),rgba(var(--olive-bg-rgb),.98));box-shadow:0 10px 30px #0000008c,0 0 24px #ffc53129,inset 0 1px rgba(var(--olive-text-rgb),.14)}.announce-banner--under-nav.announce--info{border:1px solid rgba(var(--olive-accent-rgb),.38);background:linear-gradient(135deg,rgba(var(--olive-raised-rgb),.94),rgba(var(--olive-panel-rgb),.98));box-shadow:0 10px 30px #0000008c,0 0 24px rgba(var(--olive-accent-rgb),.16),inset 0 1px rgba(var(--olive-text-rgb),.14)}.announce-banner--under-nav.announce--success{border:1px solid rgba(34,197,94,.38);background:linear-gradient(135deg,rgba(var(--olive-panel-rgb),.94),rgba(var(--olive-panel-rgb),.98));box-shadow:0 10px 30px #0000008c,0 0 24px #22c55e29,inset 0 1px rgba(var(--olive-text-rgb),.14)}.announce-banner--under-nav.announce--update{border:1px solid rgba(var(--olive-accent-rgb),.38);background:linear-gradient(135deg,rgba(var(--olive-raised-rgb),.94),rgba(var(--olive-panel-rgb),.98));box-shadow:0 10px 30px #0000008c,0 0 24px rgba(var(--olive-accent-rgb),.16),inset 0 1px rgba(var(--olive-text-rgb),.14)}@media (max-width: 640px){.announce-banner--under-nav{width:calc(100vw - 20px);margin:8px auto 10px;font-size:.82rem;padding:7px 12px 7px 8px;border-radius:12px}}.announce-banner--sticky-top{position:sticky;top:0;z-index:250;width:100%;min-height:36px;padding:6px 16px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.announce-banner--clickable{cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);outline:none;-webkit-user-select:none;user-select:none}.announce-banner--clickable:hover{transform:translateY(-1.5px)}.announce-banner--under-nav.announce-banner--clickable:hover{box-shadow:0 14px 34px #0009,0 0 28px rgba(var(--olive-accent-rgb),.24)}.announce-inner-wrap{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-width:0;position:relative}.announce-speaker-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9px;background:rgba(var(--olive-text-rgb),.08);border:1px solid rgba(var(--olive-text-rgb),.16);flex-shrink:0;box-shadow:inset 0 1px rgba(var(--olive-text-rgb),.2);transition:all .25s ease}.announce--info .announce-speaker-badge{background:rgba(var(--olive-accent-rgb),.2);border-color:rgba(var(--olive-accent-rgb),.45);color:var(--accent)}.announce--warning .announce-speaker-badge{background:#f59e0b33;border-color:#f59e0b73;color:#fbbf24}.announce--success .announce-speaker-badge{background:#22c55e33;border-color:#22c55e73;color:#4ade80}.announce--update .announce-speaker-badge{background:rgba(var(--olive-accent-rgb),.2);border-color:rgba(var(--olive-accent-rgb),.45);color:var(--accent)}.announce-speaker-svg{display:block;transform-origin:6px 12px;animation:speaker-wiggle 4.5s ease-in-out infinite}@keyframes speaker-wiggle{0%,72%,to{transform:rotate(0) scale(1)}75%{transform:rotate(-14deg) scale(1.12)}79%{transform:rotate(12deg) scale(1.12)}83%{transform:rotate(-8deg) scale(1.06)}87%{transform:rotate(6deg) scale(1.03)}90%{transform:rotate(0) scale(1)}}.speaker-wave-1{animation:speaker-wave-pulse 4.5s ease-in-out infinite}.speaker-wave-2{animation:speaker-wave-pulse 4.5s ease-in-out .12s infinite}@keyframes speaker-wave-pulse{0%,72%,to{opacity:.3;transform:scale(.95)}76%,86%{opacity:1;transform:scale(1.15)}92%{opacity:.3;transform:scale(1)}}.announce-text-container{flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;position:relative;mask-image:linear-gradient(90deg,transparent 0%,black 14px,black calc(100% - 14px),transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 14px,black calc(100% - 14px),transparent 100%)}.announce-text{display:inline-block;white-space:nowrap;font-size:.88rem;font-weight:600;color:var(--text);letter-spacing:-.01em;text-shadow:0 1px 3px rgba(0,0,0,.4)}.announce-marquee-track{display:flex;width:max-content;flex-shrink:0;align-items:center;white-space:nowrap;animation:announce-marquee-seamless 28s linear infinite;will-change:transform}.announce-marquee-group{display:flex;align-items:center;flex-shrink:0}.announce-marquee-item{display:inline-flex;align-items:center;gap:24px;padding-right:24px;flex-shrink:0}.announce-marquee-sep{opacity:.45;font-size:.7rem;display:inline-flex;align-items:center;color:var(--text)}.announce-banner:hover .announce-marquee-track{animation-play-state:paused}@keyframes announce-marquee-seamless{0%{transform:translate(0)}to{transform:translate(-50%)}}.announce-action-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:rgba(var(--olive-text-rgb),.09);color:rgba(var(--olive-text-rgb),.88);border:1px solid rgba(var(--olive-text-rgb),.16);flex-shrink:0;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px rgba(var(--olive-text-rgb),.15)}.announce-action-btn svg{transition:transform .25s ease,color .25s ease}.announce-banner--clickable:hover .announce-action-btn{background:rgba(var(--olive-text-rgb),.22);border-color:rgba(var(--olive-text-rgb),.38);color:var(--text);transform:translate(2px);box-shadow:0 0 12px rgba(var(--olive-text-rgb),.25),inset 0 1px rgba(var(--olive-text-rgb),.3)}.announce-banner--clickable:hover .announce-action-btn svg{transform:translate(1px,-1px)}.announce-close-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:rgba(var(--olive-text-rgb),.08);border:1px solid rgba(var(--olive-text-rgb),.14);color:rgba(var(--olive-text-rgb),.75);cursor:pointer;flex-shrink:0;margin-left:4px;transition:all .2s cubic-bezier(.16,1,.3,1);padding:0}.announce-close-btn:hover{background:#ef444440;border-color:#ef444480;color:#fca5a5;transform:scale(1.1)}.announce-close-btn:active{transform:scale(.92)}.announce-detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(var(--olive-bg-rgb),.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px;animation:fadeInModal .25s ease-out forwards}.announce-detail-modal{width:100%;max-width:480px;background:linear-gradient(145deg,rgba(var(--olive-raised-rgb),.98),rgba(var(--olive-panel-rgb),.99));border:1px solid rgba(var(--olive-text-rgb),.14);border-radius:24px;padding:24px 24px 20px;position:relative;display:flex;flex-direction:column;gap:18px;box-shadow:0 24px 64px #000000a6,0 0 32px rgba(var(--olive-accent-rgb),.15);animation:scaleInModal .28s cubic-bezier(.34,1.56,.64,1) forwards;overflow:hidden}.announce-detail-close{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(var(--olive-text-rgb),.12);background:rgba(var(--olive-text-rgb),.05);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:5}.announce-detail-close:hover{background:#ef444433;border-color:#ef444466;color:#f87171;transform:rotate(90deg)}.announce-detail-head{display:flex;flex-direction:column;gap:8px}.announce-detail-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:999px;font-size:.78rem;font-weight:700;width:fit-content}.announce-detail-badge.announce--warning{background:#ffc53126;border:1px solid rgba(255,197,49,.35);color:#ffc531}.announce-detail-badge.announce--info{background:rgba(var(--olive-accent-rgb),.15);border:1px solid rgba(var(--olive-accent-rgb),.35);color:var(--accent)}.announce-detail-badge.announce--success{background:#22c55e26;border:1px solid rgba(34,197,94,.35);color:#4ade80}.announce-detail-badge.announce--update{background:rgba(var(--olive-accent-rgb),.15);border:1px solid rgba(var(--olive-accent-rgb),.35);color:var(--accent)}.announce-detail-head h3{margin:0;font-size:1.3rem;font-weight:700;color:var(--text)}.announce-detail-content{background:rgba(var(--olive-panel-rgb),.6);border:1.5px solid rgba(var(--olive-text-rgb),.08);border-radius:16px;padding:16px;max-height:260px;overflow-y:auto}.announce-detail-text{margin:0;font-size:.95rem;color:var(--text);line-height:1.6;white-space:pre-wrap;word-break:break-word}.announce-detail-footer{display:flex;justify-content:flex-end}.announce-detail-confirm{width:100%;height:44px;border-radius:14px;font-size:.92rem;font-weight:600}.announce-banner .btn.tiny{flex:none}.announce--info{background:linear-gradient(90deg,rgba(var(--olive-raised-rgb),.97),rgba(var(--olive-raised-rgb),.95));color:var(--text);border-bottom-color:rgba(var(--olive-accent-rgb),.28)}.announce--warning{background:linear-gradient(90deg,var(--bg) 0%,var(--bg) 55%,var(--bg) 100%);color:var(--text);border-bottom-color:#ffc53138}.announce--warning .announce-icon{animation:announce-pulse 2.4s ease-in-out infinite}.announce--success{background:linear-gradient(90deg,rgba(var(--olive-raised-rgb),.97),rgba(var(--olive-panel-rgb),.95));color:var(--text);border-bottom-color:#48b47847}.announce--update{background:linear-gradient(90deg,rgba(var(--olive-raised-rgb),.98),rgba(var(--olive-panel-rgb),.96));color:var(--text);border-bottom-color:rgba(var(--olive-muted-rgb),.25)}@keyframes announce-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.announce-in{animation:announce-in .28s ease-out}@keyframes announce-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.72;transform:scale(1.06)}}.announce--warning:after{content:"";pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 0%,transparent 40%,rgba(255,197,49,.06) 50%,transparent 60%,transparent 100%);background-size:200% 100%;animation:announce-shimmer 4.5s ease-in-out infinite}.announce-banner.announce--warning{position:relative;overflow:hidden}.announce-banner.announce--warning.announce-banner--sticky-top{position:sticky;overflow:hidden}@keyframes announce-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.landing-top-chrome,.home-top-chrome{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;flex-direction:column}.home-top-chrome{position:relative;width:100%}.header-notif-container{position:relative;display:inline-block}.notif-bell-btn{background:rgba(var(--olive-text-rgb),.05);border:1px solid rgba(var(--olive-text-rgb),.14);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);color:var(--text);padding:10px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;outline:none;cursor:pointer;width:42px;height:42px;box-shadow:0 4px 14px #00000040,inset 0 1px rgba(var(--olive-text-rgb),.12)}.notif-bell-btn:hover{background:rgba(var(--olive-text-rgb),.12);border-color:rgba(var(--olive-text-rgb),.25);color:var(--text);transform:translateY(-1px);box-shadow:0 6px 18px #00000059,inset 0 1px rgba(var(--olive-text-rgb),.2)}.notif-bell-btn:active{transform:translateY(1px) scale(.96)}.notif-bell-btn.active{background:rgba(var(--olive-accent-rgb),.18);border-color:rgba(var(--olive-accent-rgb),.55);color:var(--accent);box-shadow:0 0 16px rgba(var(--olive-accent-rgb),.35)}@keyframes bell-shake{0%{transform:rotate(0)}15%{transform:rotate(10deg)}30%{transform:rotate(-10deg)}45%{transform:rotate(5deg)}60%{transform:rotate(-5deg)}75%{transform:rotate(2deg)}to{transform:rotate(0)}}.notif-bell-btn.active svg{animation:bell-shake .8s ease}.notif-badge{position:absolute;top:-2px;right:-2px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:10px;font-weight:800;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--bg-2);box-shadow:0 0 12px #ef4444a6;animation:pop-in .3s cubic-bezier(.34,1.56,.64,1)}@keyframes pop-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.notif-dropdown{position:absolute;top:calc(100% + 10px);left:0;right:auto;width:min(380px,calc(100vw - 24px));max-width:calc(100vw - 24px);background:rgba(var(--olive-raised-rgb),.95);backdrop-filter:blur(36px) saturate(190%);-webkit-backdrop-filter:blur(36px) saturate(190%);border:1px solid rgba(var(--olive-text-rgb),.14);border-radius:22px;box-shadow:0 24px 64px #000000b3,inset 0 1px rgba(var(--olive-text-rgb),.16);z-index:1050;opacity:0;visibility:hidden;transform:translateY(6px);transform-origin:top left;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease),visibility var(--dur) var(--ease);overflow:hidden}@media (max-width: 520px){.notif-dropdown{left:0;right:auto;width:calc(100vw - 24px);max-width:360px}}.notif-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.notif-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(var(--olive-text-rgb),.08);background:rgba(var(--olive-text-rgb),.02)}.notif-dropdown-header h3{margin:0;font-family:var(--font-space),"Segoe UI",sans-serif;font-size:16px;font-weight:700;color:var(--text);letter-spacing:-.01em}.notif-header-badge{background:linear-gradient(135deg,rgba(var(--olive-accent-rgb),.25),rgba(var(--olive-accent-rgb),.2));border:1px solid rgba(var(--olive-accent-rgb),.4);color:var(--accent);font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px}.notif-dropdown-body{max-height:380px;overflow-y:auto;padding:8px 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.notif-dropdown-body::-webkit-scrollbar{width:6px}.notif-dropdown-body::-webkit-scrollbar-thumb{background-color:rgba(var(--olive-text-rgb),.12);border-radius:3px}.notif-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;text-align:center;color:rgba(var(--olive-text-rgb),.65);gap:10px}.notif-empty-bell-wrap{width:48px;height:48px;border-radius:16px;background:rgba(var(--olive-accent-rgb),.12);border:1px solid rgba(var(--olive-accent-rgb),.25);display:flex;align-items:center;justify-content:center;color:var(--accent);box-shadow:0 0 20px rgba(var(--olive-accent-rgb),.2),inset 0 1px rgba(var(--olive-text-rgb),.2);animation:bellGentleSwing 3.6s ease-in-out infinite}@keyframes bellGentleSwing{0%,to{transform:rotate(0)}20%{transform:rotate(8deg)}40%{transform:rotate(-8deg)}60%{transform:rotate(4deg)}80%{transform:rotate(-4deg)}}.notif-empty-character-wrap{display:flex;align-items:center;justify-content:center;margin:4px 0 2px;animation:notifCharBreathe 3s ease-in-out infinite}@keyframes notifCharBreathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.02)}}.notif-waiting-character-svg{filter:drop-shadow(0 8px 18px rgba(0,0,0,.5))}.notif-curious-eyes{transform-origin:60px 46px;animation:curiousLook 4.2s ease-in-out infinite}@keyframes curiousLook{0%,80%,to{transform:translateY(0)}35%,45%{transform:translateY(-2px)}}.notif-thought-bubbles{animation:bubblesPulse 2.8s ease-in-out infinite}@keyframes bubblesPulse{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.thought-bubble-1{animation:floatBubble1 2.2s ease-in-out infinite}.thought-bubble-2{animation:floatBubble2 2.8s ease-in-out infinite}@keyframes floatBubble1{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes floatBubble2{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.notif-empty-main-text{margin:0;font-family:var(--font-space),"Segoe UI",sans-serif;font-size:15px;font-weight:700;color:var(--text);letter-spacing:-.01em}.notif-empty-sub-hint{font-size:12px;color:var(--muted);line-height:1.45;max-width:250px}.notif-list{display:flex;flex-direction:column;gap:8px;padding:0 10px}.notif-item{padding:14px 16px;background:rgba(var(--olive-text-rgb),.035);border:1px solid rgba(var(--olive-text-rgb),.08);border-radius:16px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:10px}.notif-item:hover{background:rgba(var(--olive-text-rgb),.07);border-color:rgba(var(--olive-text-rgb),.16);transform:translateY(-1px)}.notif-item-content{display:flex;gap:12px;align-items:center;min-width:0}.notif-icon-avatar{position:relative;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--accent-deep) 0%,var(--accent-deep) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex-shrink:0;box-shadow:0 4px 12px rgba(var(--olive-accent-rgb),.3),inset 0 1px rgba(var(--olive-text-rgb),.2)}.notif-icon-avatar img{width:100%;height:100%;border-radius:12px;object-fit:cover;display:block}.notif-icon-avatar .notif-dm-count{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;margin-left:0;border-radius:9px;background:linear-gradient(135deg,#ef4444,#dc2626);color:var(--text);font-size:.65rem;font-weight:800;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #ef444499;z-index:2}.notif-icon-avatar.admin-avatar,.notif-icon-avatar.room-avatar{background:linear-gradient(135deg,var(--accent-deep) 0%,var(--accent-deep) 100%);font-size:16px;box-shadow:0 4px 12px rgba(var(--olive-accent-rgb),.3)}.notif-item-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.notif-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.notif-description{margin:0;font-size:13.5px;line-height:1.45;color:var(--text);word-break:break-word}.notif-description strong{color:var(--text)}.notif-actions{display:flex;gap:8px;justify-content:flex-end}.notif-actions .btn{border-radius:10px;font-weight:700;padding:6px 14px;font-size:.8rem;transition:all .2s ease}.notif-actions .btn.primary{background:linear-gradient(135deg,var(--accent-deep) 0%,var(--accent-deep) 100%);border:none;color:var(--text);box-shadow:0 2px 10px rgba(var(--olive-accent-rgb),.35)}.notif-actions .btn.primary:hover{box-shadow:0 4px 16px rgba(var(--olive-accent-rgb),.5);transform:translateY(-1px)}.notif-actions .btn.ghost{background:rgba(var(--olive-text-rgb),.06);border:1px solid rgba(var(--olive-text-rgb),.12);color:var(--text)}.notif-actions .btn.ghost:hover{background:rgba(var(--olive-text-rgb),.12);color:var(--text);transform:translateY(-1px)}.section-title-wrap{display:flex;align-items:center;gap:8px}.friends-count-badge{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(var(--olive-accent-rgb),.25),rgba(var(--olive-accent-rgb),.25));color:var(--text);border:1px solid rgba(var(--olive-accent-rgb),.45);font-size:.78rem;font-weight:800;padding:2px 10px;border-radius:999px;line-height:1.2;box-shadow:0 2px 8px rgba(var(--olive-accent-rgb),.2);letter-spacing:.02em}.add-friend-btn,.add-friend-circle-btn{margin-left:auto;width:38px;height:38px;border-radius:12px;border:1px solid rgba(var(--olive-accent-rgb),.45);background:linear-gradient(135deg,rgba(var(--olive-accent-rgb),.35),rgba(var(--olive-accent-rgb),.35));color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 14px rgba(var(--olive-accent-rgb),.25),inset 0 1px rgba(var(--olive-text-rgb),.2);flex-shrink:0;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%)}.add-friend-btn .add-friend-svg-icon,.add-friend-circle-btn .add-friend-svg-icon{transition:transform .25s cubic-bezier(.16,1,.3,1)}.add-friend-btn:hover,.add-friend-circle-btn:hover{background:linear-gradient(135deg,rgba(var(--olive-accent-rgb),.75),rgba(var(--olive-accent-rgb),.75));border-color:rgba(var(--olive-accent-rgb),.85);transform:translateY(-2px) scale(1.04);box-shadow:0 8px 24px rgba(var(--olive-accent-rgb),.45),0 0 16px rgba(var(--olive-accent-rgb),.35),inset 0 1px rgba(var(--olive-text-rgb),.35)}.add-friend-btn:hover .add-friend-svg-icon,.add-friend-circle-btn:hover .add-friend-svg-icon{transform:scale(1.1);filter:drop-shadow(0 0 6px rgba(255,255,255,.7))}.add-friend-btn:active,.add-friend-circle-btn:active{transform:translateY(0) scale(.96)}.add-friend-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(var(--olive-bg-rgb),.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;animation:fadeInModal .25s ease-out forwards}.add-friend-modal{width:100%;max-width:460px;box-sizing:border-box;background:linear-gradient(145deg,rgba(var(--olive-raised-rgb),.95),rgba(var(--olive-panel-rgb),.98));border:1px solid rgba(var(--olive-text-rgb),.12);border-radius:24px;padding:24px 22px 22px;position:relative;display:flex;flex-direction:column;gap:18px;box-shadow:0 24px 64px #0009,0 0 32px rgba(var(--olive-accent-rgb),.15);animation:scaleInModal .28s cubic-bezier(.34,1.56,.64,1) forwards;overflow:hidden}.add-friend-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-deep),var(--accent-deep),var(--accent-deep))}.add-friend-head{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.add-friend-head-left{display:flex;align-items:center;gap:12px}.add-friend-icon-badge{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,rgba(var(--olive-accent-rgb),.2),rgba(var(--olive-accent-rgb),.2));border:1px solid rgba(var(--olive-accent-rgb),.3);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.add-friend-head h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.add-friend-sub-badge{display:block;font-size:.76rem;color:var(--muted);font-weight:500;margin-top:1px}.add-friend-close{width:34px;height:34px;border-radius:50%;border:1px solid rgba(var(--olive-text-rgb),.1);background:rgba(var(--olive-text-rgb),.05);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.add-friend-close:hover{background:#ef444433;border-color:#ef444466;color:#f87171;transform:rotate(90deg)}.add-friend-info-box{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:rgba(var(--olive-accent-rgb),.08);border:1px solid rgba(var(--olive-accent-rgb),.2);border-radius:14px}.add-friend-info-icon{color:var(--accent);flex-shrink:0;margin-top:2px}.add-friend-info-text{margin:0;font-size:.84rem;color:var(--text);line-height:1.45}.add-friend-info-text strong{color:var(--accent)}.add-friend-form{display:flex;flex-direction:column;gap:14px}.add-friend-input-wrapper{position:relative;display:flex;align-items:center}.add-friend-input-icon{position:absolute;left:14px;color:var(--muted);pointer-events:none;transition:color .2s ease}.add-friend-input-wrapper:focus-within .add-friend-input-icon{color:var(--accent)}.friend-id-input-container{display:flex;flex-direction:column;gap:10px;width:100%;box-sizing:border-box}.friend-id-header-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 2px;box-sizing:border-box}.friend-id-label-wrap{display:inline-flex;align-items:center;gap:8px}.friend-id-label{font-family:var(--font-space),-apple-system,BlinkMacSystemFont,"SF Pro Text","Space Grotesk",sans-serif;color:rgba(var(--olive-text-rgb),.9);font-size:.88rem;font-weight:600;letter-spacing:.01em}.friend-id-length-badge{font-size:11px;font-weight:700;padding:2px 7px;border-radius:999px;background:rgba(var(--olive-accent-rgb),.15);border:1px solid rgba(var(--olive-accent-rgb),.35);color:var(--accent);font-variant-numeric:tabular-nums;transition:all .25s cubic-bezier(.16,1,.3,1)}.friend-id-length-badge.badge-complete{background:rgba(var(--olive-accent-rgb),.28);border-color:rgba(var(--olive-accent-rgb),.7);color:var(--text);box-shadow:0 0 12px rgba(var(--olive-accent-rgb),.4);animation:iosBadgePop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes iosBadgePop{0%{transform:scale(.9)}60%{transform:scale(1.1)}to{transform:scale(1)}}.friend-id-actions{display:inline-flex;align-items:center;gap:8px}.friend-id-clear-btn{background:none;border:none;color:var(--muted);font-size:11.5px;font-weight:600;cursor:pointer;padding:2px 6px;border-radius:6px;transition:all .2s ease}.friend-id-clear-btn:hover{color:#f87171;background:#ef44441f}.friend-id-paste-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:8px;background:rgba(var(--olive-accent-rgb),.14);border:1px solid rgba(var(--olive-accent-rgb),.38);color:var(--accent);font-size:12px;font-weight:600;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1)}.friend-id-paste-btn:hover{background:rgba(var(--olive-accent-rgb),.26);border-color:rgba(var(--olive-accent-rgb),.7);color:var(--accent);transform:translateY(-1px);box-shadow:0 0 14px rgba(var(--olive-accent-rgb),.35)}.friend-id-paste-btn.btn-pasted{background:rgba(var(--olive-accent-rgb),.32);border-color:var(--accent-line);color:var(--text);box-shadow:0 0 14px rgba(var(--olive-accent-rgb),.5);transform:scale(1.04)}.friend-id-paste-btn:hover .clipboard-clip{animation:clipboardClipLift .35s cubic-bezier(.34,1.56,.64,1) forwards;transform-origin:12px 4px}.ios-check-icon{animation:iosCheckStroke .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes iosCheckStroke{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.friend-id-boxes-wrap{position:relative;width:100%;cursor:text;background:rgba(var(--olive-panel-rgb),.75);border:1px solid rgba(var(--olive-text-rgb),.09);border-radius:14px;padding:6px 8px;box-shadow:inset 0 2px 5px #0006,0 1px rgba(var(--olive-text-rgb),.05);box-sizing:border-box;transition:border-color .25s ease,box-shadow .25s ease}.friend-id-boxes-wrap.focused{border-color:rgba(var(--olive-accent-rgb),.5);box-shadow:inset 0 2px 5px #0006,0 0 18px rgba(var(--olive-accent-rgb),.22)}.friend-id-hidden-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:5;cursor:text}.friend-id-chunks-grid{display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;box-sizing:border-box}.friend-id-chunk{display:flex;align-items:center;gap:3px;flex:1 1 0;min-width:0;box-sizing:border-box}.friend-id-chunk-separator{color:rgba(var(--olive-text-rgb),.22);font-weight:700;font-size:13px;-webkit-user-select:none;user-select:none;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:6px;line-height:1}.friend-id-box{flex:1 1 0;min-width:0;height:40px;display:flex;align-items:center;justify-content:center;position:relative;background:rgba(var(--olive-text-rgb),.035);border:1px solid rgba(var(--olive-text-rgb),.08);border-radius:8px;color:var(--text);font-family:var(--font-space),-apple-system,BlinkMacSystemFont,"SF Pro Display","Space Grotesk",monospace;font-size:14.5px;font-weight:700;letter-spacing:-.01em;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px rgba(var(--olive-text-rgb),.04);box-sizing:border-box;-webkit-user-select:none;user-select:none;cursor:text}.friend-id-box:hover{border-color:rgba(var(--olive-accent-rgb),.35);background:rgba(var(--olive-accent-rgb),.06)}.friend-id-box-ph{color:rgba(var(--olive-text-rgb),.18);font-size:16px;-webkit-user-select:none;user-select:none;line-height:1}.friend-id-box.active{border-color:var(--accent-line);background:rgba(var(--olive-accent-rgb),.18);box-shadow:0 0 14px rgba(var(--olive-accent-rgb),.45),inset 0 0 8px rgba(var(--olive-accent-rgb),.2);transform:translateY(-2px) scale(1.05);z-index:3}.friend-id-box.filled{border-color:rgba(var(--olive-accent-rgb),.42);background:rgba(var(--olive-accent-rgb),.1);color:var(--text);text-shadow:0 0 8px rgba(var(--olive-accent-rgb),.45)}.friend-id-input-container.is-complete .friend-id-box.filled{border-color:rgba(var(--olive-accent-rgb),.65);background:rgba(var(--olive-accent-rgb),.14)}.friend-id-char-enter{display:inline-flex;align-items:center;justify-content:center;width:100%;animation:iosDigitPop .22s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes iosDigitPop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.friend-id-caret{position:absolute;width:2px;height:18px;background:var(--accent-deep);border-radius:2px;box-shadow:0 0 6px rgba(var(--olive-accent-rgb),.85);animation:iosCaretBlink .9s cubic-bezier(.4,0,.6,1) infinite;pointer-events:none}@keyframes iosCaretBlink{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:0;transform:scaleY(.8)}}@media (max-width: 480px){.friend-id-boxes-wrap{padding:5px 6px;border-radius:12px}.friend-id-chunks-grid{gap:3px}.friend-id-chunk{gap:2px}.friend-id-chunk-separator{font-size:11px;width:4px}.friend-id-box{height:35px;border-radius:6px;font-size:12px}.friend-id-caret{height:14px}}.add-friend-input{width:100%;height:48px;padding:0 40px 0 42px;background:rgba(var(--olive-panel-rgb),.6);border:1.5px solid rgba(var(--olive-text-rgb),.12);border-radius:14px;color:var(--text);font-size:.93rem;font-family:inherit;outline:none;transition:all .2s ease}.add-friend-input:focus{border-color:var(--accent-line);background:rgba(var(--olive-panel-rgb),.85);box-shadow:0 0 0 4px rgba(var(--olive-accent-rgb),.25)}.add-friend-input::placeholder{color:var(--muted)}.add-friend-input-clear{position:absolute;right:12px;width:24px;height:24px;border-radius:50%;border:none;background:rgba(var(--olive-text-rgb),.1);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.add-friend-input-clear:hover{background:rgba(var(--olive-text-rgb),.2);color:var(--text)}.add-friend-submit{height:46px;width:100%;border-radius:14px;font-size:.95rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px rgba(var(--olive-accent-rgb),.3)}.add-friend-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px rgba(var(--olive-accent-rgb),.45)}.add-friend-submit:disabled{opacity:.55;cursor:not-allowed}.add-friend-result{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;font-size:.88rem;font-weight:500;animation:fadeInModal .2s ease-out forwards}.add-friend-result.ok,.add-friend-result.pending{background:rgba(var(--olive-accent-rgb),.12);border:1px solid rgba(var(--olive-accent-rgb),.3);color:var(--accent)}.add-friend-result.error{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#f87171}.add-friend-result-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}@media (max-width: 480px){.add-friend-modal{padding:20px 18px 18px;border-radius:20px;gap:14px}}.friend-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}@keyframes friend-row-in{0%{opacity:.55}to{opacity:1}}.friend-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:14px;background:rgba(var(--olive-text-rgb),.03);border:1.5px solid rgba(var(--olive-text-rgb),.06);transition:background .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);animation:friend-row-in .16s ease-out}.friend-row:hover{background:rgba(var(--olive-text-rgb),.07);border-color:rgba(var(--olive-accent-rgb),.35);box-shadow:0 4px 16px #00000040}.friend-row-main{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.friend-avatar-wrapper{position:relative;width:38px;height:38px;flex-shrink:0;background:none;border:0;padding:0;cursor:pointer;outline:none}.friend-avatar-img,.friend-avatar-fallback{width:38px;height:38px;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(var(--olive-text-rgb),.12);background:var(--bg-3);transition:border-color .2s ease,transform .2s ease}.friend-avatar-wrapper:hover .friend-avatar-img,.friend-avatar-wrapper:hover .friend-avatar-fallback{border-color:var(--accent-line);transform:scale(1.04)}.friend-avatar-fallback{font-size:1rem;font-weight:700;color:var(--text);text-transform:uppercase}.presence-dot-badge{position:absolute;top:-2px;left:-2px;width:12px;height:12px;border-radius:50%;border:2px solid var(--bg-2);box-sizing:border-box;z-index:4}.presence-dot-badge.online{background:#34d399;box-shadow:0 0 8px #34d399b3}.presence-dot-badge.offline{background:var(--bg-3);box-shadow:0 0 4px rgba(var(--olive-muted-rgb),.3)}.friend-info-block{display:flex;flex-direction:column;gap:2px;min-width:0;text-align:left}.friend-name-link{background:none;border:0;padding:0;color:var(--text);font-family:var(--font-space),"Space Grotesk",sans-serif;font-size:.98rem;font-weight:700;letter-spacing:-.01em;cursor:pointer;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .18s ease}.friend-name-link:hover{color:var(--accent);text-decoration:none}.friend-status-label{display:flex;align-items:center;gap:4px;min-height:1.35rem;font-size:.78rem;line-height:1.2}.status-online{color:#34d399;font-weight:500;font-size:.78rem;letter-spacing:.01em;animation:friend-status-fade .25s ease;display:inline-flex;align-items:center;gap:5px}.status-online:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#34d399;box-shadow:0 0 6px #34d39999}@keyframes friend-status-fade{0%{opacity:.55}to{opacity:1}}.status-online-room{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:1.35rem;padding:2px 8px 2px 6px;margin:0;border:1px solid rgba(129,140,248,.35);border-radius:999px;background:#6366f11f;color:#a5b4fc;font:inherit;font-size:.72rem;font-weight:600;line-height:1.2;cursor:pointer;text-align:left;box-sizing:border-box;transition:background .15s ease,border-color .15s ease,color .15s ease}.status-online-room:hover{background:#6366f138;border-color:#a5b4fc8c;color:var(--text)}.status-online-room-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:9.5rem}.status-online-room-hint{flex-shrink:0;color:rgba(var(--olive-text-rgb),.7);font-weight:500;font-size:.68rem}@media (max-width: 640px){.friend-info-block{min-width:0;flex:1}.friend-name-link{font-size:1.02rem;font-weight:600}.status-online,.status-offline{font-size:.84rem}.status-online-room{max-width:min(100%,11.5rem);gap:4px;padding:3px 8px;font-size:.78rem}.status-online-room-name{max-width:6.5rem}.status-online-room-hint{display:none}.mobile-friends-dialog .friend-row{flex-wrap:nowrap;gap:10px;padding:12px 14px}.mobile-friends-dialog .friend-avatar-wrapper,.mobile-friends-dialog .friend-avatar-img,.mobile-friends-dialog .friend-avatar-fallback{width:42px;height:42px}.mobile-friends-dialog .friend-actions{gap:6px}.mobile-friends-dialog .friend-action-btn{padding:7px 10px;font-size:.84rem}}.status-offline{color:var(--muted);font-weight:500;font-size:.78rem;letter-spacing:.01em;animation:friend-status-fade .25s ease;display:inline-flex;align-items:center;gap:5px}.status-offline:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:rgba(var(--olive-muted-rgb),.4)}.friend-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.friend-action-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:8px;border:1px solid rgba(var(--olive-text-rgb),.1);background:rgba(var(--olive-text-rgb),.05);color:var(--text);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s ease}.friend-action-btn:hover{background:rgba(var(--olive-text-rgb),.12);color:var(--text);border-color:rgba(var(--olive-text-rgb),.2)}.friend-action-btn--join{background:rgba(var(--olive-accent-rgb),.15);border-color:rgba(var(--olive-accent-rgb),.35);color:var(--accent)}.friend-action-btn--join:hover{background:rgba(var(--olive-accent-rgb),.3);border-color:rgba(var(--olive-accent-rgb),.6);color:var(--text)}.dm-msg-img{max-width:200px;max-height:200px;border-radius:10px;display:block;cursor:zoom-in;object-fit:contain;background:var(--bg-2)}.dm-attach-btn{background:var(--bg-3);border:1px solid var(--bg-3);border-radius:8px;padding:4px 8px;cursor:pointer;font-size:.9rem;line-height:1;flex:0 0 auto}.dm-attach-btn:hover:not(:disabled){background:var(--bg-3)}.dm-attach-btn:disabled{opacity:.5;cursor:default}.user-card-pop{text-align:center}.user-card-ava{width:84px;height:84px;border-radius:50%;object-fit:cover;margin:4px auto 10px;display:flex;align-items:center;justify-content:center;background:var(--bg-3);border:2px solid #33415f}.user-card-ava-fallback{font-size:2rem;font-weight:700;color:var(--text)}.user-card-name{margin:0 0 2px;font-size:1.15rem}.user-card-meta{justify-content:center;margin-bottom:8px}.user-card-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:12px 0 4px}.user-card-footer{margin-top:10px}.user-card-footer .remove-btn{color:#f87171}.apps-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(var(--olive-bg-rgb),.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:modalFadeIn .2s ease-out;padding:16px}.apps-modal{position:relative;z-index:10000;max-width:540px;width:min(94vw,540px);max-height:min(85vh,620px);overflow-y:auto;text-align:left;background:linear-gradient(165deg,rgba(var(--olive-raised-rgb),.95),rgba(var(--olive-panel-rgb),.98));backdrop-filter:blur(36px);-webkit-backdrop-filter:blur(36px);border:1px solid rgba(var(--olive-text-rgb),.16);border-radius:26px;box-shadow:0 24px 64px #000000bf,inset 0 1px rgba(var(--olive-text-rgb),.15);padding:24px 22px 20px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.apps-modal::-webkit-scrollbar{width:5px}.apps-modal::-webkit-scrollbar-track{background:transparent}.apps-modal::-webkit-scrollbar-thumb{background:rgba(var(--olive-text-rgb),.18);border-radius:999px}.apps-modal::-webkit-scrollbar-thumb:hover{background:rgba(var(--olive-text-rgb),.32)}.apps-modal-header-main{display:flex;align-items:center;gap:14px;margin-bottom:20px}.apps-modal-header-detail{align-items:flex-start;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(var(--olive-text-rgb),.08)}.apps-modal-icon-badge{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--accent-deep) 0%,var(--accent-deep) 100%);display:flex;align-items:center;justify-content:center;color:var(--text);box-shadow:0 4px 14px rgba(var(--olive-accent-rgb),.4),inset 0 1px rgba(var(--olive-text-rgb),.3);flex-shrink:0}.apps-modal-icon-badge--youtube{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 14px #ef444473,inset 0 1px rgba(var(--olive-text-rgb),.3)}.apps-modal-icon-badge--twitch,.apps-modal-icon-badge--kick{background:linear-gradient(135deg,var(--accent-deep) 0%,var(--accent-deep) 100%);box-shadow:0 4px 14px rgba(var(--olive-accent-rgb),.45),inset 0 1px rgba(var(--olive-text-rgb),.3)}.apps-modal-icon-badge--netflix{background:linear-gradient(135deg,#e50914,#991b1b);box-shadow:0 4px 14px #e5091473,inset 0 1px rgba(var(--olive-text-rgb),.3)}.apps-modal-icon-badge--prime-video,.apps-modal-icon-badge--disney-plus,.apps-modal-icon-badge--max,.apps-modal-icon-badge--google-drive,.apps-modal-icon-badge--local-file,.apps-modal-icon-badge--pluto-tv{background:linear-gradient(135deg,var(--accent-deep) 0%,var(--accent-deep) 100%);box-shadow:0 4px 14px rgba(var(--olive-accent-rgb),.45),inset 0 1px rgba(var(--olive-text-rgb),.3)}.apps-modal-header-text{flex:1;min-width:0}.apps-modal-title-row{display:flex;align-items:center;gap:10px}.apps-modal-title{font-size:1.3rem;font-weight:700;letter-spacing:-.02em;color:var(--text);margin:0}.apps-modal-sub{font-size:13px;color:var(--muted);margin:3px 0 0;line-height:1.4}.apps-section-desc{font-size:12.5px;color:var(--muted);margin:2px 0 0;line-height:1.4}.apps-sheet-handle{display:none;width:40px;height:4px;border-radius:999px;background:rgba(var(--olive-text-rgb),.2);margin:0 auto 12px}.apps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:10px;padding:2px}@media (max-width: 480px){.apps-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.apps-section{display:flex;flex-direction:column;gap:8px}.apps-section-header{display:flex;align-items:center;gap:8px;margin-top:6px}.apps-section-title{font-size:.92rem;font-weight:700;color:var(--text);letter-spacing:.01em}.apps-section-badge{font-size:.72rem;font-weight:700;padding:2px 9px;border-radius:999px;margin-left:auto;letter-spacing:.02em}.apps-section-badge.active,.apps-section-badge.coming-soon,.apps-section-badge.experimental{background:rgba(var(--olive-accent-rgb),.16);color:var(--accent);border:1px solid rgba(var(--olive-accent-rgb),.4);box-shadow:0 0 10px rgba(var(--olive-accent-rgb),.2)}.apps-tile{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 8px 14px;border-radius:18px;border:1px solid rgba(var(--olive-text-rgb),.12);background:rgba(var(--olive-raised-rgb),.6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:inherit;font:inherit;font-size:.85rem;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 14px #0000004d,inset 0 1px rgba(var(--olive-text-rgb),.1);position:relative}.apps-tile:focus-visible{outline:2px solid rgba(var(--olive-accent-rgb),.85);outline-offset:2px;border-color:rgba(var(--olive-accent-rgb),.55)}.apps-tile:hover{background:rgba(var(--olive-raised-rgb),.8);border-color:rgba(var(--olive-text-rgb),.3);box-shadow:0 8px 24px #00000073,inset 0 1px rgba(var(--olive-text-rgb),.2);transform:translateY(-2px)}.apps-tile:active{transform:translateY(0) scale(.96)}.apps-tile-icon-wrap{width:46px;height:46px;border-radius:14px;background:rgba(var(--olive-text-rgb),.08);border:1px solid rgba(var(--olive-text-rgb),.14);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d,inset 0 1px rgba(var(--olive-text-rgb),.15);transition:all .2s ease;overflow:hidden}.apps-tile:hover .apps-tile-icon-wrap{transform:scale(1.06);border-color:rgba(var(--olive-text-rgb),.3)}.apps-tile img{width:32px;height:32px;object-fit:contain;border-radius:6px}.apps-tile-name{font-weight:700;color:var(--text);font-size:13px;letter-spacing:-.01em}.apps-tile-badge{font-size:.68rem;font-weight:700;letter-spacing:.03em;border-radius:999px;padding:1.5px 8px;text-transform:uppercase}.apps-tile-badge.active,.apps-tile-badge.beta,.apps-tile-badge.coming-soon,.apps-tile-badge.experimental{background:rgba(var(--olive-accent-rgb),.18);color:var(--accent);border:1px solid rgba(var(--olive-accent-rgb),.45)}.apps-tile--youtube:hover{border-color:#ef444499;box-shadow:0 8px 24px #ef444440,inset 0 1px #ffffff40}.apps-tile--twitch:hover{border-color:#a855f799;box-shadow:0 8px 24px #a855f740,inset 0 1px #ffffff40}.apps-tile--kick:hover{border-color:#22c55e99;box-shadow:0 8px 24px #22c55e40,inset 0 1px #ffffff40}.apps-tile--netflix:hover{border-color:#e5091499;box-shadow:0 8px 24px #e5091440,inset 0 1px #ffffff40}.apps-tile--prime-video:hover{border-color:#0ea5e999;box-shadow:0 8px 24px #0ea5e940,inset 0 1px #ffffff40}.apps-tile--disney-plus:hover{border-color:#3b82f699;box-shadow:0 8px 24px #3b82f640,inset 0 1px #ffffff40}.apps-tile--max:hover{border-color:#8b5cf699;box-shadow:0 8px 24px #8b5cf640,inset 0 1px #ffffff40}.apps-tile--google-drive:hover{border-color:#eab30899;box-shadow:0 8px 24px #eab30840,inset 0 1px #ffffff40}.apps-steps{margin:10px 0 4px;padding-left:20px;display:grid;gap:6px;font-size:.92rem}.apps-companion{display:flex;flex-direction:column;gap:12px;padding:8px 4px 4px}.apps-companion-head{display:flex;gap:12px;align-items:flex-start}.apps-companion-head img{width:40px;height:40px;border-radius:10px;background:rgba(var(--olive-text-rgb),.06);padding:4px}.apps-companion-steps{margin:4px 0 0;padding-left:20px;display:grid;gap:8px;font-size:.92rem}.apps-companion-chips{display:flex;flex-wrap:wrap;gap:8px}.apps-companion-chip{font-size:.78rem;padding:4px 10px;border-radius:999px;border:1px solid rgba(var(--olive-muted-rgb),.35);color:var(--text)}.apps-companion-chip.on{border-color:rgba(var(--olive-accent-rgb),.45);background:rgba(var(--olive-accent-rgb),.12);color:var(--accent)}.apps-companion-sync-note{font-size:.88rem;border:1px solid rgba(var(--olive-accent-rgb),.35);background:rgba(var(--olive-accent-rgb),.1);border-radius:10px;padding:10px 12px;color:var(--text)}.apps-companion-warn,.apps-companion-mobile{font-size:.9rem;color:var(--accent)}.apps-modal.apps-modal--signin{max-width:420px;width:min(94vw,420px);padding:0;gap:0;overflow:hidden;background:var(--bg);max-height:min(90vh,780px)}.apps-modal.apps-modal--signin .apps-sheet-handle{display:none}.apps-signin-shell{display:flex;flex-direction:column;min-height:420px;max-height:min(90vh,780px);background:var(--bg);color:var(--text)}.apps-signin-bar{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 6px 0 16px;background:var(--bg);border-bottom:1px solid rgba(var(--olive-text-rgb),.08);flex-shrink:0}.apps-signin-title{font-weight:600;font-size:1.05rem;letter-spacing:-.01em}.apps-signin-origin{flex:1;min-width:0;font-size:.75rem;color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.apps-signin-x{width:44px;height:44px;border:none;background:transparent;color:var(--accent);font-size:32px;line-height:1;cursor:pointer;flex-shrink:0}.apps-signin-x:hover,.apps-signin-x:focus-visible{color:var(--accent)}.apps-signin-body{flex:1;padding:16px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.apps-signin-cta{width:100%;justify-content:center}.apps-signin-slot{min-height:220px;height:clamp(180px,38vh,420px);background:#000}.apps-signin-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(var(--olive-text-rgb),.08);font-size:.82rem;color:var(--muted);background:var(--bg);flex-shrink:0}.apps-signin-foot a{color:var(--text);text-decoration:none}.apps-signin-foot a:hover,.apps-signin-foot a:focus-visible{color:var(--text);text-decoration:underline}@media (max-width: 768px){.apps-modal.apps-modal--signin{width:100%;max-width:100%;max-height:min(92vh,calc(100dvh - 72px - env(safe-area-inset-bottom,0px)));min-height:min(62vh,520px)}.apps-signin-shell{min-height:min(62vh,520px);max-height:min(92vh,calc(100dvh - 72px - env(safe-area-inset-bottom,0px)))}}.watch-companion-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;border-radius:14px;background:rgba(var(--olive-panel-rgb),.72);border:1px solid rgba(var(--olive-accent-rgb),.25)}.watch-companion-logo{border-radius:10px}.watch-companion-title{margin:0;font-weight:700}.watch-companion-body{margin:0;max-width:420px}.watch-companion-chip{font-size:.75rem;padding:3px 10px;border-radius:999px;background:rgba(var(--olive-accent-rgb),.16);color:var(--accent)}.apps-drm-note{font-size:.85rem;border:1px solid rgba(var(--olive-accent-rgb),.35);background:rgba(var(--olive-accent-rgb),.08);border-radius:10px;padding:8px 10px}.apps-actions{display:flex;justify-content:space-between;gap:10px;margin-top:14px}.chat-gif-btn,.dm-gif-btn{flex:0 0 auto;min-width:40px;padding:6px 8px;border-radius:8px;border:1px solid rgba(var(--olive-text-rgb),.14);background:rgba(var(--olive-text-rgb),.05);color:inherit;font:inherit;font-size:.72rem;font-weight:700;letter-spacing:.04em;cursor:pointer}.chat-gif-btn:hover:not(:disabled),.dm-gif-btn:hover:not(:disabled){background:rgba(var(--olive-text-rgb),.12)}.chat-gif-btn.active,.dm-gif-btn.active{border-color:rgba(var(--olive-accent-rgb),.7);color:var(--accent)}.chat-gif-btn:disabled,.dm-gif-btn:disabled{opacity:.55;cursor:not-allowed}.gif-picker{border:1px solid rgba(var(--olive-text-rgb),.12);background:rgba(var(--olive-panel-rgb),.97);border-radius:14px;margin:6px 8px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 12px 36px #00000080}.gif-picker-head{display:flex;align-items:center;gap:8px;padding:10px}.gif-picker-head input{flex:1;min-width:0;border-radius:10px;padding:8px 12px}.gif-picker-close{flex:0 0 auto;width:30px;height:30px;border-radius:8px;border:none;background:rgba(var(--olive-text-rgb),.08);color:inherit;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.gif-picker-close:hover{background:rgba(var(--olive-text-rgb),.16)}.gif-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(85px,auto);gap:8px;padding:6px 10px 10px;max-height:260px;overflow-y:auto;align-items:stretch}.gif-picker-info{grid-column:1 / -1;text-align:center;padding:16px 0}.gif-picker-item{display:flex;align-items:center;justify-content:center;width:100%;min-height:85px;height:85px;aspect-ratio:4 / 3;padding:0;margin:0;border:1.5px solid rgba(var(--olive-text-rgb),.08);border-radius:10px;overflow:hidden;background:rgba(var(--olive-text-rgb),.04);cursor:pointer;position:relative;outline:none;box-sizing:border-box;flex-shrink:0;transition:all .2s cubic-bezier(.4,0,.2,1)}.gif-picker-item:hover{border-color:rgba(var(--olive-accent-rgb),.85);transform:scale(1.03);z-index:2;box-shadow:0 4px 14px #00000059}.gif-picker-item img{width:100%;height:100%;object-fit:cover;display:block}.gif-picker-foot{font-size:.7rem;text-align:right;padding:0 12px 8px;opacity:.6}.chat-gif{display:block;max-width:200px;max-height:180px;border-radius:10px;margin:2px 0}.dm-window .gif-picker{margin:4px 6px}.dm-window .gif-picker-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(80px,auto);max-height:200px}.dm-window .gif-picker-item{min-height:80px;height:80px}.watch-panel{background:rgba(var(--olive-panel-rgb),.85);border:1px solid rgba(var(--olive-text-rgb),.08);border-radius:14px;overflow:hidden;margin-bottom:10px}.watch-panel--active{flex:1 1 auto;min-height:0;height:100%;display:flex;flex-direction:column;margin-bottom:0;border-radius:16px}.room-layout--watching .stage-column,.stage-column:has(.watch-panel--active){padding:12px}.watch-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;flex-wrap:wrap;flex:0 0 auto}.watch-title{font-weight:600;font-size:.9rem}.watch-host{font-weight:400;font-size:.8rem}.watch-actions{display:flex;gap:6px}.watch-btn{padding:4px 10px;font-size:.8rem}.watch-note{padding:0 12px 8px;font-size:.8rem;flex:0 0 auto}.watch-ext-toast{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:8;max-width:calc(100% - 24px);padding:8px 14px;border-radius:999px;background:rgba(var(--olive-panel-rgb),.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(var(--olive-text-rgb),.14);color:var(--text);font-size:.78rem;font-weight:600;text-align:center;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:watchExtToastIn .25s ease}@keyframes watchExtToastIn{0%{opacity:0;transform:translate(-50%) translateY(-6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.watch-share-prompt{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 10px;padding:10px 14px;border-radius:10px;background:rgba(var(--olive-panel-rgb),.92);border:1px solid rgba(var(--olive-text-rgb),.12);color:var(--text);font-size:.86rem;font-weight:550;line-height:1.35}.watch-cinema-gate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--bg);color:var(--muted);font-size:.92rem;font-weight:600;letter-spacing:.01em;pointer-events:none}.watch-cinema-gate-spin{width:28px;height:28px;border:2px solid rgba(var(--olive-text-rgb),.18);border-top-color:var(--text);border-radius:50%;animation:watchCinemaSpin .7s linear infinite}@keyframes watchCinemaSpin{to{transform:rotate(360deg)}}.watch-prime{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:20px 16px;background:radial-gradient(ellipse 80% 55% at 50% 18%,rgba(42,58,114,.42),transparent 62%),linear-gradient(180deg,var(--bg) 0%,var(--bg) 100%);pointer-events:none}.watch-prime-poster{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;background-size:cover;background-position:center;filter:blur(22px) saturate(1.05);opacity:.38;transform:scale(1.08)}.watch-prime-card{position:relative;z-index:1;width:min(100%,320px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.watch-prime-mark{position:relative;width:56px;height:56px;margin-bottom:6px;display:grid;place-items:center}.watch-prime-mark-letter{width:40px;height:40px;border-radius:10px;background:var(--accent-deep);color:var(--text);font-weight:800;font-size:22px;display:grid;place-items:center;font-family:Space Grotesk,Manrope,sans-serif;z-index:1}.watch-prime-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid rgba(var(--olive-accent-rgb),.5);animation:roomConnectPulse 1.8s ease-in-out infinite}.watch-prime-title{margin:0;font-size:1.12rem;font-weight:720;letter-spacing:-.02em;color:var(--text)}.watch-prime-sub{margin:0 0 6px;font-size:.82rem;line-height:1.35;color:rgba(var(--olive-text-rgb),.78)}.watch-prime-rail{display:flex;gap:6px;width:min(100%,168px);height:4px}.watch-prime-rail-seg{flex:1;border-radius:999px;background:rgba(var(--olive-text-rgb),.14);overflow:hidden;position:relative}.watch-prime-rail-seg.is-done{background:rgba(var(--olive-accent-rgb),.85)}.watch-prime-rail-seg.is-active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-deep);transform-origin:left;animation:watchPrimeRail 1.1s ease-in-out infinite}@keyframes watchPrimeRail{0%{transform:scaleX(.15);opacity:.55}50%{transform:scaleX(1);opacity:1}to{transform:scaleX(.15);opacity:.55}}.watch-player--priming .yt-chrome,.watch-player--priming .drive-chrome{opacity:0!important;pointer-events:none}.watch-player--priming .watch-yt-mount,.watch-player--priming .watch-yt-mount iframe,.watch-player--priming video{opacity:0}@media (prefers-reduced-motion: reduce){.watch-prime-ring,.watch-prime-rail-seg.is-active:after{animation:none}.watch-prime-rail-seg.is-active{background:var(--accent-deep)}}.watch-reconnect{position:absolute;z-index:42;left:50%;top:60px;transform:translate(-50%);max-width:min(520px,calc(100% - 24px));pointer-events:auto}.watch-reconnect--inline{position:static;transform:none;max-width:100%;margin:12px 0}.watch-reconnect-card{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title action" "sub action";align-items:center;column-gap:14px;row-gap:2px;padding:12px 16px;border-radius:12px;border:1px solid rgba(var(--olive-accent-rgb),.35);background:rgba(var(--olive-bg-rgb),.94);box-shadow:0 10px 30px #00000073;color:var(--text)}.watch-reconnect-title{grid-area:title;margin:0;font-size:13px;font-weight:600;line-height:1.35}.watch-reconnect-sub{grid-area:sub;margin:0;font-size:12px;opacity:.72;line-height:1.35}.watch-reconnect-btn{grid-area:action;padding:8px 14px;border-radius:8px;border:0;background:var(--accent-deep);color:var(--text);font-size:13px;font-weight:600;cursor:pointer}.watch-reconnect-btn:hover{background:var(--accent-deep)}.watch-reconnect-btn:disabled{background:#8a7a4a;color:var(--text);cursor:progress}.watch-reconnect-btn:focus-visible{outline:2px solid var(--text);outline-offset:2px}@media (max-width: 640px){.watch-reconnect-card{grid-template-columns:1fr;grid-template-areas:"title" "sub" "action";row-gap:8px}.watch-reconnect-btn{justify-self:stretch}}.watch-player--cinema-gate .yt-chrome{opacity:0!important;pointer-events:none}.watch-player--popout .watch-yt-mount{opacity:0;pointer-events:none}.watch-link-video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(var(--olive-bg-rgb),.88)}.watch-link-video-card{max-width:420px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 20px;border-radius:14px;border:1px solid rgba(var(--olive-text-rgb),.12);background:rgba(var(--olive-panel-rgb),.96);color:var(--text)}.watch-link-video-card h3{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:.01em}.watch-link-video-card p{margin:0;font-size:.9rem;line-height:1.45;color:rgba(var(--olive-text-rgb),.82)}.watch-link-video-cta{margin-top:4px;min-width:180px}.watch-link-video-ok{color:var(--accent)!important;font-weight:600}.watch-link-video-err{color:#ff8a8a;font-size:.85rem;margin:0 0 .75rem}.watch-link-steps{margin:0 0 .75rem;padding-left:1.25rem;font-size:.85rem;color:rgba(var(--olive-text-rgb),.85)}.watch-link-steps li.is-done{color:var(--accent)}.watch-share-live-banner{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:.5rem .75rem;padding:.45rem .75rem;border-radius:10px;font-size:.82rem;background:rgba(var(--olive-accent-rgb),.35);border:1px solid rgba(var(--olive-accent-rgb),.35);color:rgba(var(--olive-text-rgb),.95)}.watch-popout-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem;margin:.5rem .75rem;padding:.45rem .75rem;border-radius:10px;font-size:.82rem;background:rgba(var(--olive-panel-rgb),.72);border:1px solid rgba(var(--olive-muted-rgb),.24)}.watch-popout-position{font-variant-numeric:tabular-nums;min-width:4.5rem;color:rgba(var(--olive-text-rgb),.92)}.watch-popout-hint{font-size:.74rem}.watch-link-video-cta:disabled{opacity:.55;cursor:not-allowed}.popout-root{position:relative;margin:0;height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;background:#000;color:var(--text);font-family:Segoe UI,system-ui,sans-serif}.popout-root--err{align-items:center;justify-content:center;padding:24px}.popout-stage{position:relative;flex:1 1 auto;min-height:0;background:#000}.popout-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;opacity:0;transition:opacity .25s ease}.popout-frame--ready{opacity:1}.popout-gate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--bg);color:rgba(var(--olive-text-rgb),.9);font-size:.95rem;pointer-events:none}.popout-spin{width:28px;height:28px;border:2px solid rgba(var(--olive-text-rgb),.18);border-top-color:var(--text);border-radius:50%;animation:watchCinemaSpin .7s linear infinite}.popout-chrome{position:absolute;left:0;right:0;bottom:0;z-index:30;display:flex;flex-direction:column;gap:2px;padding:6px 14px 10px;background:linear-gradient(to top,rgba(var(--olive-bg-rgb),.92),rgba(var(--olive-bg-rgb),.55) 55%,rgba(var(--olive-bg-rgb),0));transition:transform .2s ease,opacity .2s ease}.popout-chrome-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.popout-chrome-group{display:flex;align-items:center;gap:4px;min-width:0}.popout-brand{font-weight:700;letter-spacing:.02em;margin-right:4px;color:var(--text)}.popout-status{font-size:.75rem;color:rgba(var(--olive-text-rgb),.75);max-width:11rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popout-status--live{color:#6dcea0;font-weight:600}.popout-quality-wrap{position:relative}.popout-quality-menu{position:absolute;bottom:calc(100% + 8px);right:0;min-width:7rem;background:var(--bg-2);border:1px solid rgba(var(--olive-text-rgb),.12);border-radius:8px;padding:4px;z-index:5;display:flex;flex-direction:column;gap:2px;box-shadow:0 6px 20px #00000073}.popout-quality-menu button{text-align:left;width:100%}.popout-quality-menu button.is-active{background:rgba(var(--olive-accent-rgb),.25)}.popout-chrome button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(var(--olive-text-rgb),.14);background:rgba(var(--olive-text-rgb),.06);color:var(--text);border-radius:8px;padding:6px 10px;font-size:.85rem;cursor:pointer;transition:background .15s ease,transform .1s ease}.popout-chrome button:hover{background:rgba(var(--olive-text-rgb),.12)}.popout-chrome button:active{transform:scale(.94)}.popout-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;background:transparent;border-radius:50%}.popout-icon-btn:hover{background:rgba(var(--olive-text-rgb),.14)}.popout-icon-btn svg{display:block}.popout-play{width:40px;height:40px}.popout-vol-wrap{display:flex;align-items:center;gap:2px}.popout-vol-wrap .popout-vol{width:0;overflow:hidden;transition:width .18s ease,margin .18s ease;margin-left:0}.popout-vol-wrap:hover .popout-vol,.popout-vol-wrap:focus-within .popout-vol{width:84px;margin-left:2px}.popout-vol{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:4px;border-radius:2px;cursor:pointer;background:linear-gradient(to right,var(--bg-2) 0%,var(--bg-2) var(--popout-vol-pct, 100%),rgba(var(--olive-text-rgb),.22) var(--popout-vol-pct, 100%),rgba(var(--olive-text-rgb),.22) 100%)}.popout-vol::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--bg-2);cursor:pointer}.popout-vol::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:var(--bg-2);cursor:pointer}.popout-vol::-moz-range-track{background:transparent}.popout-time{font-variant-numeric:tabular-nums;font-size:.82rem;color:rgba(var(--olive-text-rgb),.85);white-space:nowrap;margin-left:6px}.popout-time-sep{color:rgba(var(--olive-text-rgb),.45);margin:0 1px}.popout-scrub{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:5px;border-radius:2px;cursor:pointer;margin:0;background:linear-gradient(to right,#ff3b3b 0%,#ff3b3b var(--popout-scrub-pct, 0%),rgba(var(--olive-text-rgb),.28) var(--popout-scrub-pct, 0%),rgba(var(--olive-text-rgb),.28) 100%);transition:height .12s ease}.popout-scrub:hover{height:7px}.popout-scrub::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;margin-top:-4px;border-radius:50%;background:#ff3b3b;box-shadow:0 0 0 3px #ff3b3b40;cursor:pointer}.popout-scrub::-moz-range-thumb{width:13px;height:13px;border:none;border-radius:50%;background:#ff3b3b;cursor:pointer}.popout-scrub::-moz-range-track{background:transparent}.popout-fs{margin-left:4px}.popout-root--fs .popout-stage{flex:1 1 auto}.popout-root--chrome-hidden .popout-chrome{transform:translateY(100%);opacity:0;pointer-events:none}@media (max-width: 420px){.popout-time{display:none}.popout-chrome{padding:4px 8px 8px}}.watch-error{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.watch-error-actions{display:inline-flex;flex-wrap:wrap;gap:8px}.watch-player{position:relative;aspect-ratio:16 / 9;background:#000;overflow:hidden;isolation:isolate}.watch-panel--active .watch-player{flex:1 1 auto;aspect-ratio:auto;min-height:min(56vh,520px);height:100%}.watch-player iframe,.watch-yt-mount,.watch-yt-mount>div,.watch-yt-mount iframe,.watch-player video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;border:0;max-width:none;object-fit:contain;background:#000}.watch-player iframe,.watch-yt-mount iframe{pointer-events:none!important}.watch-muted-overlay{position:absolute;left:50%;bottom:14px;transform:translate(-50%);z-index:4;display:flex;align-items:center;gap:8px;padding:9px 16px;border:0;border-radius:999px;cursor:pointer;color:var(--text);background:#000000b8;box-shadow:0 6px 22px #00000073;-webkit-tap-highlight-color:transparent;touch-action:pan-x pan-y;animation:watch-muted-pulse 2.4s ease-in-out infinite}.watch-muted-icon{font-size:1.15rem;line-height:1}.watch-muted-label{font-size:.9rem;font-weight:640;letter-spacing:.01em;white-space:nowrap}@keyframes watch-muted-pulse{0%,to{box-shadow:0 6px 22px #00000073}50%{box-shadow:0 6px 26px rgba(var(--olive-accent-rgb),.55)}}.watch-muted-overlay--play{left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);z-index:6;padding:14px 22px;font-size:1.05rem;background:#000000d1}.watch-drive-hold{position:absolute;left:50%;top:18px;transform:translate(-50%);z-index:5;padding:7px 14px;border-radius:999px;color:var(--text);background:#0000009e;font-size:.85rem;font-weight:600;pointer-events:none}.watch-drive-video::-webkit-media-controls-start-playback-button,.watch-drive-video::-webkit-media-controls-overlay-play-button{display:none!important;pointer-events:none}.watch-gesture-gate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:0;cursor:pointer;color:var(--text);background:#0000009e;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);-webkit-tap-highlight-color:transparent;touch-action:pan-x pan-y}.watch-gesture-play{display:flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:50%;background:rgba(var(--olive-text-rgb),.2);border:2px solid rgba(var(--olive-text-rgb),.45);font-size:1.85rem;line-height:1;box-shadow:0 8px 28px #00000073}.watch-gesture-label{font-size:.95rem;font-weight:650;letter-spacing:.01em;padding:0 16px;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.6)}.watch-rejoin{margin-bottom:10px;align-self:flex-start;font-size:.85rem}.apps-mode-list{display:flex;flex-direction:column;gap:10px;margin:12px 0}.apps-mode-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgba(var(--olive-text-rgb),.12);background:rgba(var(--olive-raised-rgb),.6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--text);text-align:left;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #00000040,inset 0 1px rgba(var(--olive-text-rgb),.08)}.apps-mode-card:hover{background:rgba(var(--olive-raised-rgb),.85);border-color:rgba(var(--olive-accent-rgb),.6);transform:translateY(-1px);box-shadow:0 8px 24px #0006,inset 0 1px rgba(var(--olive-text-rgb),.16)}.apps-mode-card-icon{font-size:26px;line-height:1;flex-shrink:0;width:44px;height:44px;border-radius:13px;background:rgba(var(--olive-text-rgb),.06);border:1px solid rgba(var(--olive-text-rgb),.1);display:flex;align-items:center;justify-content:center}.apps-mode-card-text{display:flex;flex-direction:column;gap:3px}.apps-mode-card-text strong{font-size:14px;font-weight:700;color:var(--text)}.apps-mode-card-text .muted{font-size:12px;color:var(--muted);line-height:1.4}.apps-ambient-tip-box{display:flex;align-items:flex-start;gap:10px;border-radius:14px;padding:10px 14px;margin:10px 0;line-height:1.45;font-size:12.5px;box-shadow:inset 0 1px rgba(var(--olive-text-rgb),.06)}.apps-ambient-tip-icon{flex-shrink:0;margin-top:1px}.apps-ambient-tip-text{flex:1}.apps-ambient-tip-box--neutral{background:rgba(var(--olive-text-rgb),.04);border:1px solid rgba(var(--olive-text-rgb),.1);color:var(--text)}.apps-ambient-tip-box--success{background:#22c55e1a;border:1px solid rgba(74,222,128,.3);color:#86efac}.apps-ambient-tip-box--warning{background:#f59e0b1a;border:1px solid rgba(251,191,36,.3);color:#fde68a}.apps-sync-form{display:flex;flex-direction:column;gap:10px;margin-top:8px}.apps-form-label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--text)}.apps-form-label input{width:100%;padding:11px 14px;border-radius:14px;border:1px solid rgba(var(--olive-text-rgb),.14);background:rgba(var(--olive-panel-rgb),.75);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--text);font-size:13.5px;outline:none;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px rgba(var(--olive-text-rgb),.08)}.apps-form-label input:focus{border-color:rgba(var(--olive-accent-rgb),.7);box-shadow:0 0 16px rgba(var(--olive-accent-rgb),.25),inset 0 1px rgba(var(--olive-text-rgb),.12);background:rgba(var(--olive-raised-rgb),.9)}.media-search-row{display:flex;gap:8px;align-items:center;width:100%}.media-search-input-wrap{position:relative;flex:1;display:flex;align-items:center;background:rgba(var(--olive-panel-rgb),.75);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(var(--olive-text-rgb),.16);border-radius:14px;box-shadow:inset 0 1px rgba(var(--olive-text-rgb),.08);transition:all .2s cubic-bezier(.16,1,.3,1)}.media-search-input-wrap:focus-within{border-color:rgba(var(--olive-accent-rgb),.7);box-shadow:0 0 16px rgba(var(--olive-accent-rgb),.25),inset 0 1px rgba(var(--olive-text-rgb),.12);background:rgba(var(--olive-raised-rgb),.9)}.media-search-icon{position:absolute;left:12px;color:var(--muted);pointer-events:none}.media-search-input-wrap input{width:100%;border:none;background:transparent;color:var(--text);font-size:13.5px;padding:11px 36px 11px 38px;outline:none;font-family:inherit}.media-search-input-wrap input::placeholder{color:var(--muted)}.media-search-clear{position:absolute;right:10px;width:22px;height:22px;border-radius:50%;background:rgba(var(--olive-text-rgb),.1);border:none;color:var(--text);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.media-search-clear:hover{background:rgba(var(--olive-text-rgb),.2)}.media-search-btn{border-radius:14px!important;min-height:44px!important;padding:0 18px!important;font-size:13.5px!important;font-weight:700!important;display:inline-flex!important;align-items:center!important;gap:7px!important;flex-shrink:0!important;box-shadow:0 4px 14px rgba(var(--olive-accent-rgb),.4),inset 0 1px rgba(var(--olive-text-rgb),.25)!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;cursor:pointer}.media-search-btn:hover:not(:disabled){transform:translateY(-1px)}.media-search-btn:active:not(:disabled){transform:translateY(0) scale(.97)}.media-search-btn--youtube{background:linear-gradient(135deg,#ef4444,#dc2626)!important;box-shadow:0 4px 14px #ef444466,inset 0 1px rgba(var(--olive-text-rgb),.25)!important}.media-search-btn--drive{background:linear-gradient(135deg,var(--accent-deep) 0%,var(--accent-deep) 100%)!important}.media-results{display:flex;flex-direction:column;gap:8px;margin-top:12px;max-height:320px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.media-results::-webkit-scrollbar{width:5px}.media-results::-webkit-scrollbar-thumb{background:rgba(var(--olive-text-rgb),.18);border-radius:999px}.media-result{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:14px;border:1px solid rgba(var(--olive-text-rgb),.1);background:rgba(var(--olive-raised-rgb),.5);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:inherit;text-align:left;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #00000040,inset 0 1px rgba(var(--olive-text-rgb),.08)}.media-result:hover,.media-result:focus-visible{border-color:rgba(var(--olive-accent-rgb),.5);background:rgba(var(--olive-raised-rgb),.85);transform:translateY(-1px);box-shadow:0 8px 20px #0006,inset 0 1px rgba(var(--olive-text-rgb),.16)}.media-result--blocked{opacity:.8}.media-thumb{position:relative;flex:0 0 100px;height:56px;border-radius:9px;overflow:hidden;background:#00000080;border:1px solid rgba(var(--olive-text-rgb),.1)}.media-thumb img{width:100%;height:100%;object-fit:cover;display:block}.media-thumb-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.4rem;opacity:.6}.media-duration{position:absolute;right:4px;bottom:4px;padding:1px 6px;border-radius:6px;background:#000000bf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-size:10.5px;font-weight:700;color:var(--text);line-height:1.35}.media-meta{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.media-title{font-size:13px;font-weight:700;color:var(--text);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.media-sub{font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:6px}.media-ext-badge{color:var(--accent);font-weight:600}.media-file-size-badge{background:rgba(var(--olive-text-rgb),.08);padding:1px 6px;border-radius:6px;font-weight:600;color:var(--text)}.media-warn-badge{background:rgba(var(--olive-accent-rgb),.18);color:var(--accent);border:1px solid rgba(var(--olive-accent-rgb),.4);padding:1px 6px;border-radius:6px;font-weight:600}.media-play-indicator{margin-left:auto;width:28px;height:28px;border-radius:50%;background:rgba(var(--olive-text-rgb),.08);border:1px solid rgba(var(--olive-text-rgb),.12);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0;transition:all .2s ease}.media-result:hover .media-play-indicator{background:var(--accent-deep);color:var(--text);transform:scale(1.08);box-shadow:0 0 12px rgba(var(--olive-accent-rgb),.6)}.apps-drive-connect-hero{background:linear-gradient(145deg,rgba(var(--olive-raised-rgb),.6),rgba(var(--olive-panel-rgb),.8));border:1px solid rgba(var(--olive-accent-rgb),.25);border-radius:20px;padding:24px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;margin:10px 0;box-shadow:0 12px 32px #00000059,inset 0 1px rgba(var(--olive-text-rgb),.1)}.apps-drive-hero-icon-wrap{width:64px;height:64px;border-radius:18px;background:rgba(var(--olive-text-rgb),.08);border:1px solid rgba(var(--olive-text-rgb),.15);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #0000004d}.apps-drive-hero-title{font-size:1.15rem;font-weight:700;color:var(--text);margin:0}.apps-drive-hero-desc{font-size:13px;color:var(--muted);max-width:380px;line-height:1.45;margin:0}.apps-drive-hero-actions{display:flex;align-items:center;gap:10px;margin-top:6px}.apps-drive-connect-btn{background:linear-gradient(135deg,var(--accent-deep) 0%,var(--accent-deep) 100%)!important;color:var(--text)!important;font-weight:700!important;border-radius:14px!important;min-height:44px!important;padding:0 20px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;box-shadow:0 4px 18px rgba(var(--olive-accent-rgb),.45),inset 0 1px rgba(var(--olive-text-rgb),.3)!important;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)!important}.apps-drive-connect-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 22px rgba(var(--olive-accent-rgb),.6),inset 0 1px rgba(var(--olive-text-rgb),.4)!important}.apps-drive-connect-btn:active:not(:disabled){transform:translateY(0) scale(.97)}.apps-local-file-card{display:flex;align-items:center;gap:12px;background:rgba(var(--olive-raised-rgb),.6);border:1px solid rgba(var(--olive-text-rgb),.14);border-radius:14px;padding:12px 14px;margin:10px 0;box-shadow:inset 0 1px rgba(var(--olive-text-rgb),.08)}.apps-local-file-icon{font-size:24px;line-height:1}.apps-local-file-info{display:flex;flex-direction:column;gap:2px;min-width:0}.apps-local-file-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.apps-local-file-name{font-size:13.5px;font-weight:700;color:var(--text);word-break:break-all}.apps-start-btn{border-radius:14px!important;min-height:44px!important;padding:0 20px!important;font-size:14px!important;font-weight:700!important;display:inline-flex!important;align-items:center!important;gap:8px!important;cursor:pointer;box-shadow:0 4px 14px rgba(var(--olive-accent-rgb),.4),inset 0 1px rgba(var(--olive-text-rgb),.25)!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important}.apps-start-btn:hover:not(:disabled){transform:translateY(-1px)}.apps-start-btn:active:not(:disabled){transform:translateY(0) scale(.97)}.apps-start-btn--twitch{background:linear-gradient(135deg,var(--accent-deep) 0%,var(--accent-deep) 100%)!important;box-shadow:0 4px 16px rgba(var(--olive-accent-rgb),.45),inset 0 1px rgba(var(--olive-text-rgb),.25)!important}.apps-start-btn--kick{background:linear-gradient(135deg,var(--accent-deep) 0%,var(--accent-deep) 100%)!important;color:var(--text)!important;font-weight:800!important;box-shadow:0 4px 16px rgba(var(--olive-accent-rgb),.45),inset 0 1px rgba(var(--olive-text-rgb),.3)!important}.apps-start-btn--netflix{background:linear-gradient(135deg,#e50914,#b91c1c)!important;box-shadow:0 4px 16px #e5091473,inset 0 1px rgba(var(--olive-text-rgb),.25)!important}.apps-back-btn{border-radius:14px!important;min-height:44px!important;padding:0 16px!important;font-size:13.5px!important;font-weight:600!important;display:inline-flex!important;align-items:center!important;gap:6px!important;background:rgba(var(--olive-text-rgb),.06)!important;border:1px solid rgba(var(--olive-text-rgb),.12)!important;color:var(--text)!important;transition:all .18s ease!important}.apps-back-btn:hover{background:rgba(var(--olive-text-rgb),.12)!important;color:var(--text)!important;border-color:rgba(var(--olive-text-rgb),.24)!important}.apps-coming-soon-box{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 8px}.apps-coming-soon-icon-wrap{width:72px;height:72px;border-radius:20px;background:rgba(var(--olive-text-rgb),.06);border:1px solid rgba(var(--olive-text-rgb),.12);display:flex;align-items:center;justify-content:center;margin-bottom:14px;box-shadow:0 8px 24px #00000059}.apps-coming-soon-title{font-size:1.3rem;font-weight:700;color:var(--text);margin:0 0 6px}.apps-coming-soon-desc{max-width:380px;text-align:center;margin:0 0 16px}.ext-install-pane{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:8px 0 4px;text-align:center}.ext-install-icon{align-self:center;display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:22px;color:var(--accent);background:linear-gradient(145deg,rgba(var(--olive-accent-rgb),.18),rgba(var(--olive-panel-rgb),.65));border:1px solid rgba(var(--olive-accent-rgb),.35);box-shadow:0 8px 24px rgba(var(--olive-accent-rgb),.25),inset 0 1px rgba(var(--olive-text-rgb),.2)}.ext-install-title{margin:0;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:rgba(var(--olive-text-rgb),.96)}.ext-install-body{margin:0;font-size:.95rem;line-height:1.45;color:rgba(var(--olive-text-rgb),.72);max-width:28rem;align-self:center}.ext-install-mobile-hint{margin:0;padding:10px 12px;border-radius:14px;font-size:.85rem;line-height:1.4;color:#ffdcb4e6;background:rgba(var(--olive-accent-rgb),.12);border:1px solid rgba(var(--olive-accent-rgb),.22);text-align:left}.ext-install-actions{display:flex;flex-direction:column;gap:10px;margin-top:6px}.ext-install-cta{min-height:46px;width:100%;font-size:.95rem;font-weight:700;border-radius:14px}.ext-install-note{margin:0;font-size:.85rem;line-height:1.4;color:rgba(var(--olive-text-rgb),.65)}@media (min-width: 769px){.ext-install-pane{padding:12px 8px 8px}.ext-install-actions{flex-direction:row;flex-wrap:wrap;justify-content:center}.ext-install-cta{width:auto;min-width:160px;flex:1 1 auto;max-width:240px}}@media (max-width: 480px){.media-thumb{flex-basis:96px;height:54px}.media-results{max-height:min(48vh,280px)}.media-title{font-size:.8rem}.watch-panel--active .watch-player{min-height:min(52vw,280px)}.watch-gesture-play{width:84px;height:84px;font-size:2rem}.watch-muted-overlay{bottom:10px;padding:8px 14px}.watch-muted-label{font-size:.85rem}}.home-top-nav-inner{width:100%;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}@media (max-width: 640px){.home-top-nav-inner{padding:14px 16px}}.header-nav-actions{display:flex;align-items:center;gap:12px;margin-left:auto;justify-content:flex-end}.header-profile-btn{display:flex;align-items:center;gap:10px;background:rgba(var(--olive-raised-rgb),.65);backdrop-filter:blur(24px) saturate(190%);-webkit-backdrop-filter:blur(24px) saturate(190%);border:1.5px solid rgba(var(--olive-accent-rgb),.45);padding:4px 14px 4px 4px;border-radius:999px;cursor:pointer;color:var(--text);transition:all .25s cubic-bezier(.16,1,.3,1);outline:none;box-shadow:0 4px 16px #0000004d,0 0 16px rgba(var(--olive-accent-rgb),.12),inset 0 1px rgba(var(--olive-text-rgb),.16)}.header-profile-btn:hover{background:rgba(var(--olive-raised-rgb),.85);border-color:rgba(var(--olive-accent-rgb),.85);transform:translateY(-1px);box-shadow:0 8px 24px #0006,0 0 24px rgba(var(--olive-accent-rgb),.25),inset 0 1px rgba(var(--olive-text-rgb),.25)}.header-profile-btn:active{transform:translateY(1px) scale(.97)}.header-profile-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background:rgba(var(--olive-panel-rgb),.8);box-shadow:0 0 0 1px rgba(var(--olive-text-rgb),.15)}.header-profile-name{font-family:var(--font-space, sans-serif);font-weight:700;font-size:.92rem;letter-spacing:-.01em;color:var(--text);display:inline-flex;align-items:center;gap:6px;min-width:0}.header-profile-text{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.header-verified-tick{flex-shrink:0;color:#38bdf8;filter:drop-shadow(0 0 6px rgba(56,189,248,.7))}@media (max-width: 520px){.header-profile-name{display:none!important}.header-profile-btn{padding:3px!important;gap:0!important;border-radius:50%!important;background:rgba(var(--olive-raised-rgb),.65);border:1.5px solid rgba(var(--olive-accent-rgb),.45);box-shadow:0 2px 10px #0000004d}}.user-profile-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;background:rgba(var(--olive-bg-rgb),.78);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:profileFadeIn .25s cubic-bezier(.16,1,.3,1)}@keyframes profileFadeIn{0%{opacity:0}to{opacity:1}}.user-profile-modal{width:min(580px,calc(100vw - 32px));max-height:90vh;display:flex;flex-direction:column;background:rgba(var(--olive-panel-rgb),.95);backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border:1px solid rgba(var(--olive-text-rgb),.14);border-radius:26px;box-shadow:0 24px 64px #000000bf,0 0 40px rgba(var(--olive-accent-rgb),.15),inset 0 1px rgba(var(--olive-text-rgb),.18);overflow:hidden;animation:profileSlideUp .28s cubic-bezier(.16,1,.3,1)}@keyframes profileSlideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(var(--olive-text-rgb),.08);background:rgba(var(--olive-text-rgb),.02)}.profile-modal-title{display:flex;align-items:center;gap:10px;color:var(--text)}.profile-modal-title h3{margin:0;font-family:var(--font-space),"Segoe UI",sans-serif;font-size:1.22rem;font-weight:700;letter-spacing:-.02em}.profile-modal-close{background:rgba(var(--olive-text-rgb),.06);border:1px solid rgba(var(--olive-text-rgb),.12);color:rgba(var(--olive-text-rgb),.8);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.35rem;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.profile-modal-close:hover{background:rgba(var(--olive-text-rgb),.15);border-color:rgba(var(--olive-text-rgb),.25);color:var(--text);transform:translateY(-1px)}.profile-error-banner{background:#ef44442e;border:1px solid rgba(239,68,68,.35);color:#fca5a5;padding:12px 18px;margin:16px 24px 0;border-radius:14px;font-size:.88rem;font-weight:600}.profile-modal-body{padding:24px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.profile-modal-body::-webkit-scrollbar{width:6px}.profile-modal-body::-webkit-scrollbar-thumb{background:rgba(var(--olive-text-rgb),.12);border-radius:3px}.profile-main-card{position:relative;display:flex;align-items:center;gap:20px;background:rgba(var(--olive-raised-rgb),.65);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1.5px solid rgba(var(--olive-accent-rgb),.35);padding:22px;border-radius:22px;margin-bottom:24px;box-shadow:0 8px 24px #00000059,0 0 24px rgba(var(--olive-accent-rgb),.08),inset 0 1px rgba(var(--olive-text-rgb),.16)}.profile-edit-toggle-btn{display:inline-flex;align-items:center;gap:6px;background:rgba(var(--olive-text-rgb),.08);border:1px solid rgba(var(--olive-text-rgb),.16);color:var(--text);font-size:.84rem;font-weight:700;padding:8px 16px;border-radius:999px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);margin-left:auto;align-self:flex-start;flex-shrink:0;box-shadow:0 2px 8px #0003}.profile-edit-toggle-btn:hover{background:rgba(var(--olive-text-rgb),.16);border-color:rgba(var(--olive-text-rgb),.3);color:var(--text);transform:translateY(-1px);box-shadow:0 4px 14px #0000004d}.profile-edit-toggle-btn.active{background:linear-gradient(135deg,rgba(var(--olive-accent-rgb),.35),rgba(var(--olive-accent-rgb),.3));border-color:rgba(var(--olive-accent-rgb),.5);color:var(--text);box-shadow:0 0 16px rgba(var(--olive-accent-rgb),.35)}@media (max-width: 480px){.profile-main-card{flex-direction:column;text-align:center;align-items:center}.profile-edit-toggle-btn{margin-left:0;align-self:center}}.profile-avatar-wrap{position:relative;flex-shrink:0}.profile-large-avatar{width:88px;height:88px;border-radius:50%;object-fit:cover;border:2px solid rgba(var(--olive-text-rgb),.18);box-shadow:0 8px 24px #00000073;background:var(--bg-2)}.profile-avatar-upload-btn{position:absolute;bottom:0;right:0;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--accent-deep),var(--accent-deep));border:2.5px solid var(--bg-2);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .15s ease;box-shadow:0 4px 12px rgba(var(--olive-accent-rgb),.4)}.profile-avatar-upload-btn:hover{transform:scale(1.15);background:linear-gradient(135deg,var(--accent-deep),var(--accent-deep))}.profile-info-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.profile-name-display{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.profile-display-name{margin:0;font-family:var(--font-space),"Segoe UI",sans-serif;font-size:1.45rem;font-weight:800;color:var(--text);letter-spacing:-.02em}.btn-edit-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(var(--olive-text-rgb),.08);border:1px solid rgba(var(--olive-text-rgb),.15);color:var(--text);font-size:.8rem;font-weight:700;padding:5px 12px;border-radius:10px;cursor:pointer;transition:all .2s ease}.btn-edit-badge:hover{background:rgba(var(--olive-text-rgb),.16);border-color:rgba(var(--olive-text-rgb),.25);color:var(--text);transform:translateY(-1px)}.profile-name-edit{display:flex;align-items:center;gap:8px;width:100%}.profile-name-input{flex:1;background:rgba(var(--olive-panel-rgb),.75);border:1px solid rgba(var(--olive-text-rgb),.18);color:var(--text);padding:8px 14px;border-radius:12px;font-size:.95rem;font-weight:600;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.profile-name-input:focus{border-color:rgba(var(--olive-accent-rgb),.8);box-shadow:0 0 16px rgba(var(--olive-accent-rgb),.25)}.profile-id-box{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:rgba(var(--olive-panel-rgb),.75);border:1px solid rgba(var(--olive-text-rgb),.1);padding:8px 14px;border-radius:12px}.profile-id-label{font-size:.82rem;color:rgba(var(--olive-text-rgb),.6);font-weight:600}.profile-id-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88rem;color:var(--text);font-weight:600;letter-spacing:.02em}.profile-id-copy-btn{margin-left:auto;display:inline-flex;align-items:center;gap:5px;background:rgba(var(--olive-text-rgb),.08);border:1px solid rgba(var(--olive-text-rgb),.14);color:var(--text);font-size:.8rem;font-weight:700;padding:5px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease}.profile-id-copy-btn:hover{background:rgba(var(--olive-text-rgb),.16);border-color:rgba(var(--olive-text-rgb),.25);color:var(--text)}.profile-id-copy-btn:disabled{opacity:.5;cursor:not-allowed}.friend-code-card{flex-direction:column;align-items:stretch}.friend-code-value{font-size:1.15rem;letter-spacing:.12em;color:var(--text)}.friend-code-actions{display:flex;flex-wrap:wrap;gap:6px}.friend-code-actions .profile-id-copy-btn{margin-left:0}.friend-code-qr{align-self:center;background:var(--bg-2);padding:8px;border-radius:10px}.friend-code-qr-placeholder{align-self:center;font-size:.8rem;color:rgba(var(--olive-text-rgb),.6)}.friend-code-link{font-size:.75rem;color:rgba(var(--olive-text-rgb),.55);word-break:break-all}.copied-text{color:var(--accent);font-weight:700}.profile-tab-bar{display:flex;gap:6px;padding:5px;margin-bottom:20px;background:rgba(var(--olive-panel-rgb),.75);border:1px solid rgba(var(--olive-text-rgb),.1);border-radius:16px}.profile-tab{flex:1;border:1px solid transparent;background:transparent;color:rgba(var(--olive-text-rgb),.65);font:inherit;font-size:.88rem;font-weight:700;padding:10px 12px;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.profile-tab:hover{color:var(--text);background:rgba(var(--olive-text-rgb),.06)}.profile-tab.active{background:linear-gradient(135deg,rgba(var(--olive-accent-rgb),.35),rgba(var(--olive-accent-rgb),.3));border-color:rgba(var(--olive-accent-rgb),.4);color:var(--text);box-shadow:0 4px 14px rgba(var(--olive-accent-rgb),.25)}.profile-gif-section{margin-top:4px}.profile-gif-section .section-hint{margin-bottom:10px}.user-profile-modal .gif-picker.profile-gif-picker{margin:0;border-radius:14px;max-height:min(45vh,340px)}.user-profile-modal .profile-gif-picker .gif-picker-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(90px,auto);max-height:min(36vh,280px);gap:8px}.user-profile-modal .profile-gif-picker .gif-picker-item{min-height:90px;height:90px}.default-avatars-section{margin-top:16px}.default-avatars-section h4{margin:0 0 4px;font-size:.95rem;font-weight:600;color:var(--text)}.section-hint{margin:0 0 14px;font-size:.82rem;color:rgba(var(--olive-text-rgb),.55)}.default-avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 440px){.default-avatar-grid{grid-template-columns:repeat(3,1fr)}}.netflix-assisted{margin:0 0 14px;padding:18px;border:1px solid rgba(229,9,20,.38);border-radius:18px;background:linear-gradient(145deg,rgba(var(--olive-panel-rgb),.96),rgba(var(--olive-panel-rgb),.98));color:var(--text)}.netflix-assisted-head,.netflix-assisted-controls,.netflix-ready-list>div,.netflix-popup-fallback{display:flex;align-items:center;justify-content:space-between;gap:12px}.netflix-assisted-head h3{margin:4px 0 6px}.netflix-assisted-head p,.netflix-assisted-card p,.netflix-popup-fallback p{margin:5px 0}.netflix-assisted-kicker{color:#ff5860;font-size:.72rem;font-weight:800;letter-spacing:.12em}.netflix-assisted-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.netflix-assisted-card{display:flex;flex-direction:column;gap:9px;min-width:0;padding:13px;border:1px solid rgba(var(--olive-text-rgb),.09);border-radius:13px;background:rgba(var(--olive-text-rgb),.035)}.netflix-assisted-card label,.netflix-assisted-controls label{display:flex;align-items:center;gap:8px;font-size:.88rem}.netflix-assisted-card select,.netflix-assisted-controls input,.apps-sync-form label input{width:100%}.netflix-ready-list>div{padding:5px 0;border-bottom:1px solid rgba(var(--olive-text-rgb),.06)}.ready-ok,.ready-wait{color:var(--accent)}.netflix-assisted-controls{justify-content:flex-start;flex-wrap:wrap;margin-top:12px}.netflix-assisted-controls label{width:180px;flex-direction:column;align-items:flex-start}.netflix-popup-fallback{align-items:flex-start;flex-direction:column;padding:9px;border-radius:9px;background:rgba(var(--olive-accent-rgb),.09)}.netflix-popup-fallback a{color:var(--accent)}.netflix-countdown{margin-top:12px;color:var(--text);font-size:clamp(2.4rem,8vw,5rem);font-weight:900;line-height:1;text-align:center}.netflix-signal{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#e509141f}@media (max-width: 900px){.netflix-assisted-grid{grid-template-columns:1fr}.netflix-assisted-head{align-items:flex-start}}@media (max-width: 520px){.netflix-assisted{padding:13px;border-radius:14px}.netflix-assisted-head{flex-direction:column}.netflix-assisted-controls{align-items:stretch}.netflix-assisted-controls label,.netflix-assisted-controls .btn{width:100%}}.default-avatar-card{position:relative;aspect-ratio:1;border-radius:16px;background:rgba(var(--olive-text-rgb),.03);border:2px solid rgba(var(--olive-text-rgb),.08);padding:6px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.default-avatar-card img{width:100%;height:100%;border-radius:50%;object-fit:cover;transition:transform .2s ease}.default-avatar-card:hover{background:rgba(var(--olive-text-rgb),.08);border-color:rgba(var(--olive-accent-rgb),.5);transform:translateY(-2px)}.default-avatar-card:hover img{transform:scale(1.05)}.default-avatar-card.active{border-color:var(--accent-line);background:rgba(var(--olive-accent-rgb),.12);box-shadow:0 0 20px rgba(var(--olive-accent-rgb),.25)}.avatar-check-badge{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:var(--accent-deep);color:var(--text);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0006}.profile-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid rgba(var(--olive-text-rgb),.08);background:rgba(var(--olive-text-rgb),.02)}.right-footer-actions{display:flex;align-items:center;gap:10px;margin-left:auto}@media (max-width: 768px){.gif-picker-head input,.profile-name-input,.user-profile-modal input{font-size:16px!important}.apps-backdrop{align-items:flex-end;justify-content:center;padding:0}.apps-modal{width:100%;max-width:100%;max-height:min(92vh,calc(100dvh - 72px - env(safe-area-inset-bottom,0px)));min-height:min(62vh,520px);border-radius:24px 24px 0 0;border-bottom:none;padding:16px 18px calc(24px + env(safe-area-inset-bottom,0px));margin:0;animation:appsSlideUp .28s cubic-bezier(.16,1,.3,1)}.apps-sheet-handle{display:block}.role-grant-backdrop,.moderation-reason-backdrop{align-items:flex-end;justify-content:center;padding:0}.role-grant-modal,.moderation-reason-modal{width:100%;max-width:100%;max-height:min(92vh,calc(100dvh - 72px - env(safe-area-inset-bottom,0px)));border-radius:24px 24px 0 0;border-bottom:none;padding:16px 18px calc(24px + env(safe-area-inset-bottom,0px));margin:0;animation:appsSlideUp .28s cubic-bezier(.16,1,.3,1)}.role-grant-sheet-handle{display:block}}@keyframes appsSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width: 480px){.apps-grid{grid-template-columns:repeat(3,1fr);gap:8px}.apps-tile{padding:10px 4px 8px}.apps-tile img{width:36px;height:36px}.apps-tile span{font-size:.78rem}}@media (max-width: 520px){.notif-dropdown{position:fixed;top:64px;right:12px;left:12px;width:auto;max-width:calc(100vw - 24px);transform-origin:top center;z-index:1000;box-shadow:0 18px 50px #000c,0 0 0 1px rgba(var(--olive-text-rgb),.08);border-radius:18px;box-sizing:border-box}.notif-item{padding:14px;gap:10px;box-sizing:border-box}.notif-item-content{width:100%}.notif-actions{margin-left:0!important;width:100%;display:flex;gap:8px;flex-wrap:wrap;box-sizing:border-box}.notif-actions .btn{flex:1;justify-content:center;text-align:center;box-sizing:border-box}}.maintenance-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:radial-gradient(circle at 50% 20%,var(--bg-2) 0%,var(--bg) 70%,var(--bg) 100%);color:var(--text);display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:24px 16px;box-sizing:border-box}.maintenance-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 40%,rgba(var(--olive-accent-rgb),.12),rgba(var(--olive-bg-rgb),.9));pointer-events:none}.maintenance-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.maintenance-hero-container{position:relative;z-index:2;width:100%;max-width:680px;display:flex;flex-direction:column;align-items:center;gap:24px;animation:maintenanceFadeUp .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes maintenanceFadeUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.maintenance-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}.maintenance-brand-group{display:flex;align-items:center;gap:10px}.maintenance-brand-logo-wrap{width:36px;height:36px;border-radius:10px;background:rgba(var(--olive-accent-rgb),.12);border:1px solid rgba(var(--olive-accent-rgb),.3);display:grid;place-items:center}.maintenance-brand-logo{width:24px;height:24px;object-fit:contain}.maintenance-brand-title{font-family:var(--font-space, "Space Grotesk", sans-serif);font-size:1.25rem;font-weight:800;letter-spacing:-.02em;color:var(--text)}.maintenance-status-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#ffc5311a;border:1px solid rgba(255,197,49,.3);color:#ffc531;font-size:.78rem;font-weight:700;letter-spacing:.03em;box-shadow:0 0 16px #ffc53126}.status-dot-pulse{width:8px;height:8px;border-radius:50%;background:#ffc531;box-shadow:0 0 8px #ffc531;animation:pulse 1.5s infinite}.maintenance-hero-card{width:100%;background:linear-gradient(150deg,rgba(var(--olive-raised-rgb),.75),rgba(var(--olive-panel-rgb),.85));backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid rgba(var(--olive-text-rgb),.12);border-radius:28px;padding:40px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 32px 80px #000000a6,inset 0 1px rgba(var(--olive-text-rgb),.15)}.maintenance-icon-glow{position:relative;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,rgba(var(--olive-accent-rgb),.2),rgba(var(--olive-accent-rgb),.25));border:1px solid rgba(var(--olive-accent-rgb),.4);display:grid;place-items:center;margin-bottom:20px;color:var(--accent);box-shadow:0 0 40px rgba(var(--olive-accent-rgb),.3)}.icon-pulse-ring{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:1.5px dashed rgba(var(--olive-accent-rgb),.45);animation:rotateRing 14s linear infinite}@keyframes rotateRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.maintenance-hero-svg{filter:drop-shadow(0 0 10px rgba(165,180,252,.6))}.maintenance-title{font-family:var(--font-space, "Space Grotesk", sans-serif);font-size:clamp(1.6rem,4.5vw,2.2rem);font-weight:800;margin:0 0 12px;color:var(--text);letter-spacing:-.02em;line-height:1.25}.maintenance-desc{font-size:.98rem;line-height:1.6;color:var(--accent);margin:0 0 28px;max-width:520px}.maintenance-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;margin-bottom:28px}.maintenance-stat-tile{background:rgba(var(--olive-text-rgb),.035);border:1px solid rgba(var(--olive-text-rgb),.08);border-radius:18px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;transition:all .2s ease}.maintenance-stat-tile:hover{background:rgba(var(--olive-text-rgb),.06);border-color:rgba(var(--olive-accent-rgb),.35);transform:translateY(-2px)}.tile-icon-wrap{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(var(--olive-text-rgb),.05);border:1px solid rgba(var(--olive-text-rgb),.1);transition:transform .2s ease}.maintenance-stat-tile:hover .tile-icon-wrap{transform:scale(1.1)}.tile-icon-wrap.amber,.tile-icon-wrap.blue,.tile-icon-wrap.emerald{background:rgba(var(--olive-accent-rgb),.14);border-color:rgba(var(--olive-accent-rgb),.3);color:var(--accent)}.tile-content strong{display:block;font-size:.85rem;color:var(--text);margin-bottom:2px}.tile-content span{font-size:.74rem;color:var(--muted)}.maintenance-actions-row{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.maintenance-check-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:14px;border:none;background:linear-gradient(135deg,var(--accent-deep) 0%,var(--accent-deep) 50%,var(--accent-deep) 100%);color:var(--text);font-family:inherit;font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:0 8px 24px rgba(var(--olive-accent-rgb),.35);transition:all .2s ease}.maintenance-check-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px rgba(var(--olive-accent-rgb),.5);opacity:.96}.maintenance-check-btn:disabled{opacity:.65;cursor:default}.btn-spin-svg{transition:transform .2s ease}.btn-spin-svg.spinning{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.maintenance-last-check{font-size:.78rem;color:var(--muted)}.maintenance-footer{font-size:.78rem;color:rgba(var(--olive-text-rgb),.45)}@media (max-width: 640px){.maintenance-hero-card{padding:28px 20px;border-radius:22px}.maintenance-stats-grid{grid-template-columns:1fr;gap:8px}.maintenance-stat-tile{flex-direction:row;text-align:left;padding:10px 14px;gap:12px}.maintenance-check-btn{width:100%}}.header-brand-link{display:inline-flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;transition:opacity .2s ease,transform .2s ease}.header-brand-link:hover{opacity:.98;transform:translateY(-1px)}.header-brand-logo{width:44px;height:44px;object-fit:contain;transform:scale(1.45);transform-origin:center;filter:drop-shadow(0 0 16px rgba(255,197,49,.45));transition:transform .25s cubic-bezier(.34,1.56,.64,1),filter .25s ease;flex-shrink:0;margin-right:2px}.header-brand-link:hover .header-brand-logo{transform:scale(1.58) rotate(3deg);filter:drop-shadow(0 0 24px rgba(255,197,49,.75))}.header-brand-text{font-family:var(--font-space, "Space Grotesk", sans-serif);font-weight:700;font-size:23px;letter-spacing:-.02em;color:var(--text);line-height:1;display:inline-flex;align-items:center}.header-brand-text .brand-highlight{color:var(--accent);text-shadow:0 0 18px rgba(var(--olive-accent-rgb),.35)}@media (max-width: 640px){.header-brand-link{gap:0}.header-brand-logo{width:46px;height:46px;transform:scale(1.4);filter:drop-shadow(0 0 18px rgba(245,158,11,.5))}.header-brand-text{display:none!important}}.header-news-btn{display:inline-flex;align-items:center;justify-content:center;height:42px;width:42px;padding:0;border-radius:999px;border:1px solid rgba(var(--olive-accent-rgb),.35);background:rgba(var(--olive-accent-rgb),.14);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--accent);cursor:pointer;box-shadow:0 4px 14px #00000040,inset 0 1px rgba(var(--olive-text-rgb),.12);transition:width .35s cubic-bezier(.16,1,.3,1),padding .35s cubic-bezier(.16,1,.3,1),background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .2s ease;position:relative;overflow:hidden;box-sizing:border-box;flex-shrink:0;text-decoration:none}.header-news-btn svg{width:18px;height:18px;color:var(--accent);flex-shrink:0;transition:transform .25s ease,color .25s ease}.header-news-text{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;font-size:.85rem;font-weight:700;color:var(--accent);transition:max-width .35s cubic-bezier(.16,1,.3,1),opacity .25s ease,margin .3s ease,color .25s ease;margin-left:0}.header-news-badge{font-size:9.5px;font-weight:800;padding:1px 6px;border-radius:999px;background:linear-gradient(135deg,var(--accent-deep),var(--accent-deep));color:var(--text);margin-left:4px;flex-shrink:0;white-space:nowrap}.header-news-btn:hover{width:128px;padding:0 14px;background:rgba(var(--olive-accent-rgb),.28);border-color:rgba(var(--olive-accent-rgb),.75);color:var(--text);transform:translateY(-1px);box-shadow:0 0 20px rgba(var(--olive-accent-rgb),.4),inset 0 1px rgba(var(--olive-text-rgb),.2)}.header-news-btn:hover .header-news-text{max-width:80px;opacity:1;margin-left:6px;color:var(--text)}.header-news-btn:hover svg{transform:rotate(-10deg) scale(1.1);color:var(--text)}.header-news-btn.header-ext-btn{border-color:rgba(var(--olive-accent-rgb),.35);background:rgba(var(--olive-accent-rgb),.14);color:var(--accent);box-shadow:0 4px 14px #00000040,inset 0 1px rgba(var(--olive-text-rgb),.12)}.header-news-btn.header-ext-btn svg{color:var(--accent)}.header-news-btn.header-ext-btn .header-news-text{color:var(--accent)}.header-news-btn.header-ext-btn:hover{background:rgba(var(--olive-accent-rgb),.28);border-color:rgba(var(--olive-accent-rgb),.75);color:var(--accent);box-shadow:0 0 20px rgba(var(--olive-accent-rgb),.4),inset 0 1px rgba(var(--olive-text-rgb),.2)}.header-news-btn.header-ext-btn:hover .header-news-text{color:var(--accent)}.header-news-btn.header-ext-btn:hover svg{color:var(--accent)}.header-privacy-btn{display:inline-flex;align-items:center;justify-content:center;height:42px;width:42px;padding:0;border-radius:50%;border:1px solid rgba(var(--olive-accent-rgb),.35);background:rgba(var(--olive-accent-rgb),.14);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--accent);cursor:pointer;box-shadow:0 4px 14px #00000040,inset 0 1px rgba(var(--olive-text-rgb),.12);transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .2s cubic-bezier(.16,1,.3,1),color .25s ease;position:relative;overflow:hidden;box-sizing:border-box;flex-shrink:0;text-decoration:none;outline:none}.header-privacy-btn svg{width:18px;height:18px;color:var(--accent);flex-shrink:0;transition:transform .25s cubic-bezier(.16,1,.3,1),color .25s ease}.header-privacy-btn:hover{background:rgba(var(--olive-accent-rgb),.28);border-color:rgba(var(--olive-accent-rgb),.75);color:var(--accent);transform:translateY(-1px);box-shadow:0 0 20px rgba(var(--olive-accent-rgb),.4),inset 0 1px rgba(var(--olive-text-rgb),.2)}.header-privacy-btn:hover svg{transform:scale(1.12);color:var(--accent)}.header-privacy-btn:active{transform:translateY(1px) scale(.95)}@media (max-width: 640px){.header-news-btn,.header-privacy-btn{display:none!important}}.mobile-menu-btn{display:none}@media (max-width: 640px){.mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:1px solid rgba(var(--olive-text-rgb),.12);background:rgba(var(--olive-text-rgb),.05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--text);cursor:pointer;transition:all .2s ease}.mobile-menu-btn:hover,.mobile-menu-btn.active{background:rgba(var(--olive-text-rgb),.12);border-color:rgba(var(--olive-accent-rgb),.45);color:var(--accent)}}.mobile-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:rgba(var(--olive-bg-rgb),.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;justify-content:flex-end;animation:drawerFadeIn .4s cubic-bezier(.16,1,.3,1)}.mobile-drawer-backdrop.is-closing{animation:drawerFadeOut .38s cubic-bezier(.4,0,.2,1) forwards}.mobile-drawer{width:min(320px,85vw);height:100%;background:linear-gradient(165deg,rgba(var(--olive-raised-rgb),.98),rgba(var(--olive-panel-rgb),.99) 55%,rgba(var(--olive-bg-rgb),1));border-left:1px solid rgba(var(--olive-text-rgb),.1);box-shadow:-16px 0 48px #000000b3,inset 1px 0 rgba(var(--olive-accent-rgb),.06);display:flex;flex-direction:column;padding:22px 16px;gap:22px;animation:drawerSlideIn .45s cubic-bezier(.16,1,.3,1)}.mobile-drawer.is-closing{animation:drawerSlideOut .38s cubic-bezier(.4,0,.2,1) forwards}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}@keyframes drawerFadeOut{0%{opacity:1}to{opacity:0}}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawerSlideOut{0%{transform:translate(0)}to{transform:translate(100%)}}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:16px;border-bottom:1px solid rgba(var(--olive-text-rgb),.08);animation:drawerItemIn .4s cubic-bezier(.16,1,.3,1) both}.mobile-drawer-user{display:flex;align-items:center;gap:12px;cursor:pointer;min-width:0;flex:1;padding:6px 8px 6px 4px;border-radius:14px;transition:background .2s ease}.mobile-drawer-user-info{display:flex;flex-direction:column;gap:2px;min-width:0}.mobile-drawer-user-info strong{font-size:.95rem;color:var(--text);font-family:var(--font-space),"Space Grotesk",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-drawer-close{width:36px;height:36px;border-radius:50%;border:1px solid rgba(var(--olive-text-rgb),.1);background:rgba(var(--olive-text-rgb),.05);color:var(--muted);display:grid;place-items:center;cursor:pointer;flex-shrink:0;transition:color .2s,background .2s,border-color .2s,transform .2s}.mobile-drawer-close:hover{color:var(--text);background:rgba(var(--olive-text-rgb),.1);border-color:rgba(var(--olive-text-rgb),.2);transform:rotate(90deg)}.mobile-drawer-body{display:flex;flex-direction:column;gap:10px}.mobile-drawer-item{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;border:1px solid rgba(var(--olive-text-rgb),.08);background:rgba(var(--olive-text-rgb),.035);color:var(--text);cursor:pointer;text-align:left;transition:all .22s ease;animation:drawerItemIn .42s cubic-bezier(.16,1,.3,1) both}@keyframes drawerItemIn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.mobile-drawer-item:hover,.mobile-drawer-item:active{background:rgba(var(--olive-accent-rgb),.1);border-color:rgba(var(--olive-accent-rgb),.35);transform:translate(-2px)}.mobile-drawer-verify-cta{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;border:1px solid rgba(var(--olive-accent-rgb),.45);background:linear-gradient(135deg,rgba(var(--olive-accent-rgb),.15),rgba(var(--olive-accent-rgb),.08));color:var(--accent);cursor:pointer;text-align:left;transition:all .2s ease;box-shadow:0 0 20px rgba(var(--olive-accent-rgb),.15)}.mobile-drawer-verify-cta:hover,.mobile-drawer-verify-cta:active{background:linear-gradient(135deg,rgba(var(--olive-accent-rgb),.25),rgba(var(--olive-accent-rgb),.15));border-color:rgba(var(--olive-accent-rgb),.7);transform:translate(-2px)}.mobile-drawer-verify-badge{font-size:1.3rem;display:grid;place-items:center;flex-shrink:0}.mobile-drawer-item-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(var(--olive-accent-rgb),.1);border:1px solid rgba(var(--olive-accent-rgb),.22);color:var(--accent);flex-shrink:0;transition:transform .2s ease}.mobile-drawer-item:hover .mobile-drawer-item-icon,.mobile-drawer-item:active .mobile-drawer-item-icon{transform:scale(1.08)}.news-drawer-icon,.friends-drawer-icon,.desktop-drawer-icon,.chrome-drawer-icon{background:rgba(var(--olive-accent-rgb),.12);border-color:rgba(var(--olive-accent-rgb),.3);color:var(--accent)}.privacy-drawer-icon{background:rgba(var(--olive-muted-rgb),.12);border-color:rgba(var(--olive-muted-rgb),.25);color:var(--text)}.mobile-friends-empty-box{padding:8px 12px 18px;display:flex;flex-direction:column;align-items:center;text-align:center}.mobile-friends-empty-box .friends-empty-scene-wrap{margin-bottom:4px}.mobile-drawer-item-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.mobile-drawer-item-text strong{font-size:.9rem;color:var(--text);font-family:var(--font-space),"Space Grotesk",sans-serif}.mobile-drawer-item-text span{font-size:.76rem;color:var(--muted)}.notif-badge-inline{font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:999px;background:linear-gradient(135deg,var(--accent-deep),var(--accent-deep));color:var(--text)}.notif-badge-inline.muted{background:rgba(var(--olive-text-rgb),.1);color:var(--muted)}.friends-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(var(--olive-text-rgb),.06)}.pagination-btn{padding:5px 12px;border-radius:8px;border:1px solid rgba(var(--olive-text-rgb),.12);background:rgba(var(--olive-text-rgb),.04);color:var(--text);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .18s ease}.pagination-btn:hover:not(:disabled){background:rgba(var(--olive-text-rgb),.1);border-color:rgba(var(--olive-accent-rgb),.4);color:var(--text)}.pagination-btn:disabled{opacity:.35;cursor:not-allowed}.pagination-info{font-size:.8rem;font-weight:700;color:rgba(var(--olive-text-rgb),.6)}.frames-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.frames-title-wrap{display:flex;align-items:center;gap:10px}.frames-title-wrap h4{margin:0;font-size:1.1rem;font-weight:700;color:var(--text)}.frames-badge{background:rgba(var(--olive-accent-rgb),.16);color:var(--accent);border:1px solid rgba(var(--olive-accent-rgb),.3);font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.xp-info-btn{display:inline-flex;align-items:center;gap:6px;background:rgba(var(--olive-text-rgb),.05);border:1px solid rgba(var(--olive-text-rgb),.12);color:var(--text);font-size:.78rem;font-weight:600;padding:5px 12px;border-radius:999px;cursor:pointer;transition:all .2s ease}.xp-info-btn:hover{background:rgba(var(--olive-accent-rgb),.25);border-color:rgba(var(--olive-accent-rgb),.4);color:var(--text);transform:translateY(-1px)}.profile-frames-section{display:flex;flex-direction:column;gap:12px}.frame-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-top:10px;padding-right:4px}.frame-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 10px 12px;gap:8px;background:#ffffff06;border:1.5px solid rgba(255,255,255,.08);border-radius:16px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;outline:none}.frame-card:hover:not(:disabled){background:#ffffff0f;border-color:#ffc53166;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.frame-card.active{background:linear-gradient(135deg,#ffc53126,#f59e0b14);border-color:#ffc531;box-shadow:0 0 20px #ffc53140,inset 0 0 12px #ffc5311a;transform:translateY(-2px)}.frame-card.active:before{content:"✓";position:absolute;top:6px;right:8px;font-size:.72rem;font-weight:900;color:#ffc531}.frame-card.locked{opacity:.55;filter:grayscale(.4);cursor:not-allowed;background:#0003;border-color:#ffffff0a}.frame-card .af{margin-bottom:2px}.frame-name{font-size:.84rem;font-weight:700;color:#edf1fa;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.frame-status-tag{font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:999px;background:#ffc53126;color:#ffd166;border:1px solid rgba(255,197,49,.3);line-height:1.2}.frame-status-tag.unlocked{background:#10b9811f;color:#34d399;border-color:#10b9814d}.frame-status-tag.neutral{background:#ffffff0f;color:#94a3b8;border-color:#ffffff1a}.frame-lock{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:600;color:#94a3b8;background:#00000059;border:1px solid rgba(255,255,255,.08);padding:2px 8px;border-radius:999px}.frame-category-title{margin:14px 0 8px;font-size:.88rem;font-weight:700;color:#c7d2fe;display:flex;align-items:center;gap:8px;letter-spacing:.01em}.frame-category-title.special-title{margin-top:20px;color:#f472b6;border-top:1px dashed rgba(255,255,255,.12);padding-top:14px}.special-frame-card{background:linear-gradient(135deg,#f472b614,#a855f714);border-color:#f472b640}.special-frame-card:hover{background:linear-gradient(135deg,#f472b629,#a855f729);border-color:#f472b680;box-shadow:0 6px 20px #f472b633}.frame-status-tag.special.admin{background:linear-gradient(135deg,#f053,#ffd70033);color:gold;border-color:#ffd70073;box-shadow:0 2px 8px #ffd70040}.frame-status-tag.special.mod{background:linear-gradient(135deg,#00d2ff33,#3a7bd533);color:#38bdf8;border-color:#38bdf873;box-shadow:0 2px 8px #38bdf840}.frame-status-tag.special.vip{background:linear-gradient(135deg,#f43f5e33,#a855f733);color:#f472b6;border-color:#f472b673;box-shadow:0 2px 8px #f472b640}.frame-status-tag.special.event{background:linear-gradient(135deg,#f59e0b33,#ec489933);color:#fbbf24;border-color:#fbbf2473;box-shadow:0 2px 8px #fbbf2440}.profile-stats-section{display:flex;flex-direction:column;gap:16px}.xp-level-card{display:flex;flex-direction:column;gap:12px;background:rgba(var(--olive-raised-rgb),.65);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(var(--olive-text-rgb),.12);padding:18px 22px;border-radius:18px;width:100%;box-sizing:border-box;box-shadow:0 4px 16px #00000040,inset 0 1px rgba(var(--olive-text-rgb),.12)}.xp-title-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.xp-level-pill{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,rgba(var(--olive-accent-rgb),.25),rgba(var(--olive-accent-rgb),.2));border:1px solid rgba(var(--olive-accent-rgb),.45);color:var(--text);font-size:.78rem;font-weight:800;padding:4px 12px;border-radius:999px;white-space:nowrap;letter-spacing:.01em;box-shadow:0 2px 8px rgba(var(--olive-accent-rgb),.25)}.xp-bar-container{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0;width:100%}.xp-bar-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:.84rem}.xp-bar-title{font-weight:700;color:var(--text)}.xp-bar-label{font-weight:700;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.xp-bar{width:100%;height:10px;background:rgba(var(--olive-panel-rgb),.8);border-radius:999px;overflow:hidden;border:1px solid rgba(var(--olive-text-rgb),.08)}.xp-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-deep) 0%,var(--accent-deep) 100%);border-radius:999px;transition:width .4s cubic-bezier(.16,1,.3,1);box-shadow:0 0 14px rgba(var(--olive-accent-rgb),.6)}.profile-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.profile-stat-card{display:flex;align-items:center;gap:14px;padding:16px 18px;background:rgba(var(--olive-raised-rgb),.6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(var(--olive-text-rgb),.1);border-radius:18px;box-shadow:0 4px 14px #00000040,inset 0 1px rgba(var(--olive-text-rgb),.1);transition:all .25s cubic-bezier(.16,1,.3,1)}.profile-stat-card:hover{background:rgba(var(--olive-raised-rgb),.8);border-color:rgba(var(--olive-text-rgb),.2);transform:translateY(-2px);box-shadow:0 8px 24px #00000059}.profile-stat-card.streak{background:rgba(var(--olive-raised-rgb),.6);border-color:rgba(var(--olive-text-rgb),.1)}.profile-stat-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease}.profile-stat-card:hover .profile-stat-icon{transform:scale(1.08)}.profile-stat-icon.purple,.profile-stat-icon.blue{background:linear-gradient(135deg,rgba(var(--olive-accent-rgb),.22),rgba(var(--olive-accent-rgb),.18));border:1px solid rgba(var(--olive-accent-rgb),.4);color:var(--text);box-shadow:0 0 14px rgba(var(--olive-accent-rgb),.2)}.profile-stat-icon.gold{background:linear-gradient(135deg,rgba(var(--olive-accent-rgb),.22),rgba(var(--olive-accent-rgb),.18));border:1px solid rgba(var(--olive-accent-rgb),.4);color:var(--accent);box-shadow:0 0 14px rgba(var(--olive-accent-rgb),.2)}.profile-stat-icon.flame{background:linear-gradient(135deg,#ef444438,#b91c1c2e);border:1px solid rgba(248,113,113,.4);color:var(--text);box-shadow:0 0 14px #ef444433}.profile-stat-info{display:flex;flex-direction:column;gap:2px;min-width:0}.profile-stat-info .stat-num{font-size:1.45rem;font-weight:800;color:var(--text);line-height:1.1;font-family:var(--font-space),"Segoe UI",sans-serif;letter-spacing:-.01em}.profile-stat-info .stat-lbl{font-size:.74rem;font-weight:700;color:rgba(var(--olive-text-rgb),.65);text-transform:uppercase;letter-spacing:.04em}.combo-row{display:flex;align-items:center;gap:14px;padding:14px 18px;background:rgba(var(--olive-accent-rgb),.08);border:1px solid rgba(var(--olive-accent-rgb),.25);border-radius:16px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.combo-mult-badge{background:linear-gradient(135deg,var(--accent-deep),var(--accent-deep));color:var(--text);font-weight:800;font-size:.8rem;padding:4px 12px;border-radius:999px;white-space:nowrap;box-shadow:0 0 14px rgba(var(--olive-accent-rgb),.4)}.combo-desc{font-size:.82rem;color:var(--text);line-height:1.35}.combo-desc b{color:var(--accent)}.profile-time-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-time-card{display:flex;flex-direction:column;gap:6px;padding:14px 16px;background:rgba(var(--olive-raised-rgb),.6);border:1px solid rgba(var(--olive-text-rgb),.1);border-radius:16px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.profile-time-label{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.profile-time-value{font-size:.85rem;font-weight:600;color:var(--text);line-height:1.35}.user-card-friends-panel{margin:4px 0 10px;padding:10px 12px;background:rgba(var(--olive-text-rgb),.03);border:1px solid rgba(var(--olive-text-rgb),.07);border-radius:14px}.user-card-friends-title{font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px}.user-card-friends-empty{font-size:.8rem;margin:4px 0}.user-card-friends-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto}.user-card-friends-item{display:flex;align-items:center;gap:10px}.user-card-friends-ava,.user-card-friends-ava-fallback{width:100%;height:100%;border-radius:50%;object-fit:cover}.user-card-friends-ava-fallback{display:flex;align-items:center;justify-content:center;background:rgba(var(--olive-accent-rgb),.25);color:var(--text);font-size:.7rem;font-weight:700}.user-card-friends-meta{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.user-card-friends-name{font-size:.85rem;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card-friends-level{font-size:.7rem}.stat-btn-hint{font-size:.66rem;color:var(--accent);font-weight:600}.streak-toggle-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:rgba(var(--olive-raised-rgb),.6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(var(--olive-text-rgb),.1);border-radius:18px;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 4px 14px #00000040,inset 0 1px rgba(var(--olive-text-rgb),.1);transition:all .25s cubic-bezier(.16,1,.3,1)}.streak-toggle-card:hover{background:rgba(var(--olive-raised-rgb),.8);border-color:rgba(var(--olive-text-rgb),.2);transform:translateY(-1px);box-shadow:0 8px 24px #00000059}.streak-toggle-info{display:flex;align-items:center;gap:14px;min-width:0}.streak-toggle-icon{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#ef444438,#b91c1c2e);border:1px solid rgba(248,113,113,.4);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 12px #ef444440}.streak-toggle-card .toggle-lbl{font-size:.88rem;color:var(--text);font-weight:600;line-height:1.35}.switch-toggle{position:relative;width:44px;height:24px;flex-shrink:0}.switch-toggle input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.switch-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--olive-text-rgb),.12);border:1px solid rgba(var(--olive-text-rgb),.16);border-radius:999px;transition:background .25s cubic-bezier(.16,1,.3,1),border-color .25s cubic-bezier(.16,1,.3,1)}.switch-slider:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--bg-2);border-radius:50%;box-shadow:0 2px 6px #0006;transition:transform .25s cubic-bezier(.16,1,.3,1)}.switch-toggle.active .switch-slider{background:linear-gradient(135deg,var(--accent-deep) 0%,var(--accent-deep) 100%);border-color:rgba(var(--olive-accent-rgb),.5);box-shadow:0 0 12px rgba(var(--olive-accent-rgb),.4)}.switch-toggle.active .switch-slider:before{transform:translate(20px)}.xp-info-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(var(--olive-bg-rgb),.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1200;padding:16px;animation:profileFadeIn .2s ease-out}.xp-info-card{width:min(480px,100%);max-height:min(85vh,640px);overflow:auto;background:var(--bg-2);border:1px solid rgba(var(--olive-text-rgb),.15);border-radius:20px;padding:24px;box-shadow:0 20px 50px #000000b3;display:flex;flex-direction:column;gap:16px}.xp-info-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.xp-info-head h3{margin:0;font-size:1.15rem;font-weight:700;color:var(--text)}.xp-info-close{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;background:rgba(var(--olive-text-rgb),.06);border:1px solid rgba(var(--olive-text-rgb),.14);color:var(--text);font-size:.82rem;font-weight:600;padding:6px 12px;border-radius:999px;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.xp-info-close:hover{background:rgba(var(--olive-text-rgb),.12);border-color:rgba(var(--olive-text-rgb),.28);color:var(--text)}.xp-info-body{font-size:.88rem;color:var(--text);line-height:1.5;display:flex;flex-direction:column;gap:10px}.xp-info-body ul{margin:0;padding-left:20px}.combo-legend{list-style:none!important;padding-left:0!important;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.combo-legend li{background:rgba(var(--olive-text-rgb),.04);padding:6px 10px;border-radius:8px;font-size:.8rem}@media (max-width: 640px){.user-profile-modal{width:calc(100vw - 20px);max-height:92vh;border-radius:18px}.profile-modal-header{padding:14px 18px}.profile-modal-body{padding:16px}.profile-main-card{padding:16px;gap:14px}.frame-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.profile-stat-grid{grid-template-columns:repeat(2,1fr);gap:8px}.profile-stat-card{padding:12px 10px;gap:10px}.profile-stat-icon{width:34px;height:34px}.profile-stat-info .stat-num{font-size:1.05rem}.profile-stat-info .stat-lbl{font-size:.68rem}.combo-row{flex-direction:column;align-items:flex-start;gap:8px}.streak-toggle-card{padding:12px 14px}}.header-profile-btn{display:inline-flex;align-items:center;gap:10px;padding:5px 16px 5px 6px;background:rgba(var(--olive-text-rgb),.04);border:1.5px solid rgba(var(--olive-accent-rgb),.35);border-radius:999px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 14px #00000040;outline:none}.header-profile-btn:hover{background:rgba(var(--olive-text-rgb),.09);border-color:rgba(var(--olive-accent-rgb),.7);box-shadow:0 0 20px rgba(var(--olive-accent-rgb),.25);transform:translateY(-1px)}.header-profile-frame{flex-shrink:0}.header-profile-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover}.header-profile-name{font-size:.92rem;font-weight:700;color:var(--text);letter-spacing:-.01em;white-space:nowrap}.user-card-badges-row{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0 6px;flex-wrap:wrap}.user-card-level-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:999px;background:linear-gradient(135deg,#6366f133,#a855f733);border:1px solid rgba(129,140,248,.4);color:#c7d2fe;font-size:.82rem;font-weight:800;box-shadow:0 2px 8px #6366f133}.user-card-streak-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:linear-gradient(135deg,rgba(var(--olive-accent-rgb),.2),rgba(var(--olive-accent-rgb),.12));border:1px solid rgba(var(--olive-accent-rgb),.4);color:var(--accent);font-size:.82rem;font-weight:800;box-shadow:0 2px 10px rgba(var(--olive-accent-rgb),.25)}.animated-flame-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 6px rgba(255,90,15,.6))}.animated-flame-svg{overflow:visible}.flame-layer{transform-origin:16px 26px}.flame-outer{animation:flamePulse 1.8s ease-in-out infinite alternate,flameFlicker .4s ease-in-out infinite alternate}.flame-mid{animation:flamePulse 1.4s ease-in-out infinite alternate-reverse,flameFlicker .3s ease-in-out infinite alternate}.flame-core{animation:flameCoreGlow 1.2s ease-in-out infinite alternate}.flame-spark{animation:sparkRise 1.6s ease-in-out infinite;opacity:.8}.spark-1{animation-delay:0s}.spark-2{animation-delay:.5s}.spark-3{animation-delay:1s}@keyframes flamePulse{0%{transform:scale(.96) rotate(-1.5deg)}to{transform:scale(1.04) rotate(1.5deg)}}@keyframes flameFlicker{0%{filter:brightness(1) saturate(1)}50%{filter:brightness(1.25) saturate(1.3)}to{filter:brightness(.9) saturate(1.1)}}@keyframes flameCoreGlow{0%{opacity:.7;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}@keyframes sparkRise{0%{transform:translateY(4px) scale(.5);opacity:0}40%{opacity:1}to{transform:translateY(-8px) scale(1.2);opacity:0}}@media (max-width: 480px){.user-card-badges-row{gap:6px}.user-card-level-badge,.user-card-streak-badge{font-size:.76rem;padding:3px 10px}}.header-profile-wrap{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.header-profile-name{display:inline-flex;align-items:center;gap:5px}.header-verified-tick,.verified-check-icon,.user-card-verified-tick{flex-shrink:0;filter:drop-shadow(0 0 4px rgba(56,151,240,.55))}.header-verify-tooltip,.header-verify-cta{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:12px;padding:8px 14px 8px 10px;background:rgba(var(--olive-text-rgb),.98);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(var(--olive-text-rgb),.95);border-radius:20px;box-shadow:0 16px 36px -6px #00000061,0 6px 16px -2px #0000002e,0 0 0 1px rgba(var(--olive-panel-rgb),.08),inset 0 1px rgba(var(--olive-text-rgb),1);cursor:pointer;text-align:left;white-space:nowrap;-webkit-user-select:none;user-select:none;z-index:1050;animation:headerVerifyTooltipIn .35s cubic-bezier(.16,1,.3,1) forwards;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1),border-color .2s ease,background-color .2s ease}.header-verify-tooltip .hvt-arrow{position:absolute;top:-5px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:rgba(var(--olive-text-rgb),.98);border-top:1px solid rgba(var(--olive-text-rgb),.95);border-left:1px solid rgba(var(--olive-text-rgb),.95);border-top-left-radius:2px;box-shadow:-2px -2px 4px #0000000a;pointer-events:none}.header-verify-tooltip .hvt-icon-wrap{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,rgba(var(--olive-text-rgb),.95),rgba(var(--olive-accent-rgb),.85));border:1px solid rgba(var(--olive-accent-rgb),.35);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px rgba(var(--olive-accent-rgb),.15),inset 0 1px rgba(var(--olive-text-rgb),.8);transition:transform .2s ease}.header-verify-tooltip .hvt-content{display:flex;flex-direction:column;gap:1.5px;line-height:1.22}.header-verify-tooltip .hvt-title{font-family:var(--font-space, system-ui, -apple-system, sans-serif);font-size:12.5px;font-weight:700;color:var(--text);letter-spacing:-.01em}.header-verify-tooltip .hvt-subtitle{font-size:11.5px;font-weight:550;color:var(--muted);letter-spacing:-.005em;transition:color .2s ease}.header-verify-tooltip .hvt-action-arrow{width:24px;height:24px;border-radius:50%;background:rgba(var(--olive-panel-rgb),.05);border:1px solid rgba(var(--olive-panel-rgb),.06);color:#475569;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:2px;transition:all .2s cubic-bezier(.16,1,.3,1)}.header-verify-tooltip:hover{transform:translate(-50%,-2px) scale(1.015);background:var(--bg-2);border-color:rgba(var(--olive-text-rgb),1);box-shadow:0 22px 48px -6px #00000070,0 8px 20px -2px #0000003d,0 0 0 1px rgba(var(--olive-panel-rgb),.08),inset 0 1px rgba(var(--olive-text-rgb),1)}.header-verify-tooltip:hover .hvt-icon-wrap{transform:scale(1.06) rotate(-3deg)}.header-verify-tooltip:hover .hvt-subtitle{color:var(--accent)}.header-verify-tooltip:hover .hvt-action-arrow{background:rgba(var(--olive-accent-rgb),.15);color:var(--accent);border-color:rgba(var(--olive-accent-rgb),.3);transform:translate(2.5px)}.header-verify-tooltip:active{transform:translate(-50%) scale(.98);transition-duration:.1s}@keyframes headerVerifyTooltipIn{0%{opacity:0;transform:translate(-50%,-8px) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}@media (max-width: 640px){.header-verify-tooltip,.header-verify-cta{left:auto;right:0;transform:none;max-width:min(320px,calc(100vw - 28px));animation:headerVerifyTooltipInMobile .35s cubic-bezier(.16,1,.3,1) forwards}.header-verify-tooltip .hvt-arrow{left:auto;right:18px;transform:rotate(45deg)}.header-verify-tooltip:hover{transform:translateY(-2px) scale(1.015)}.header-verify-tooltip:active{transform:translateY(0) scale(.98)}}@keyframes headerVerifyTooltipInMobile{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.verification-badge-container{display:flex;flex-direction:column;gap:8px;width:100%;padding:10px 12px;background:rgba(var(--olive-text-rgb),.025);border:1px solid rgba(var(--olive-text-rgb),.07);border-radius:14px;margin:2px 0 6px;box-sizing:border-box}.vb-header{display:flex;align-items:center;justify-content:space-between;font-size:.76rem}.vb-title{font-weight:700;color:var(--text);letter-spacing:.01em}.vb-count{font-weight:600;color:var(--muted);font-size:.72rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.verification-badge-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}.vb-card-slot{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;background:rgba(var(--olive-text-rgb),.03);border:1px solid rgba(var(--olive-text-rgb),.08);border-radius:10px;cursor:help;transition:all .2s ease}.vb-card-slot:hover{background:rgba(var(--olive-text-rgb),.06);border-color:rgba(var(--olive-text-rgb),.16);transform:translateY(-1px)}.vb-card-slot.is-empty{opacity:.55;filter:grayscale(.5)}.vb-card-slot.is-earned{background:rgba(var(--olive-accent-rgb),.08);border-color:rgba(var(--olive-accent-rgb),.3)}.vb-icon-circle{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(var(--olive-text-rgb),.06);color:var(--text)}.vb-icon-circle.blue,.vb-icon-circle.amber,.vb-icon-circle.emerald{background:rgba(var(--olive-accent-rgb),.15);color:var(--accent)}.vb-slot-lbl{font-size:.7rem;font-weight:600;color:var(--text);text-align:center;white-space:nowrap}.vb-slot-status{font-size:.65rem;font-weight:700;color:#818cf8}.vb-card-slot.is-earned .vb-slot-status{color:#34d399}.user-card-display-name{display:inline-flex;align-items:center;gap:6px;justify-content:center}.user-card-unverified-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:700;color:#fca5a5;background:#ef444424;border:1px solid rgba(239,68,68,.35)}.user-card-verify-progress{display:flex;justify-content:center;width:100%;margin:2px 0 6px}.verify-modal-backdrop{z-index:1200}.verify-account-modal{position:relative;width:min(440px,calc(100vw - 32px));max-height:min(90vh,640px);overflow:auto;padding:28px 24px 22px;border-radius:18px;background:linear-gradient(165deg,rgba(var(--olive-raised-rgb),.98),rgba(var(--olive-panel-rgb),.98));border:1px solid rgba(var(--olive-text-rgb),.08);box-shadow:0 24px 80px #0000008c;color:var(--text)}.verify-modal-close{position:absolute;top:12px;right:14px;width:32px;height:32px;border:none;border-radius:8px;background:rgba(var(--olive-text-rgb),.06);color:var(--muted);font-size:22px;line-height:1;cursor:pointer}.verify-modal-close:hover{background:rgba(var(--olive-text-rgb),.12);color:var(--text)}.verify-account-modal h2{margin:0 28px 4px 0;font-size:1.25rem}.verify-modal-progress{margin:0 0 14px;color:var(--muted);font-size:.88rem}.verify-warning{padding:12px 14px;border-radius:12px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.4);color:#fde68a;font-size:.88rem;line-height:1.45;margin-bottom:16px}.verify-deadline{display:block;margin-top:6px;color:var(--accent);font-weight:650}.verify-checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.verify-step{display:grid;grid-template-columns:36px 1fr 28px;gap:10px;align-items:start;padding:12px;border-radius:12px;background:rgba(var(--olive-text-rgb),.03);border:1px solid rgba(var(--olive-text-rgb),.06)}.verify-step.is-done{border-color:rgba(var(--olive-accent-rgb),.35);background:rgba(var(--olive-accent-rgb),.08)}.verify-step-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:rgba(var(--olive-text-rgb),.05)}.verify-step-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}.verify-step-label{font-weight:700;font-size:.95rem}.verify-step-status{font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:999px}.verify-step-status.done{color:#6ee7b7;background:#10b98126}.verify-step-status.todo{color:#fcd34d;background:#f59e0b24}.verify-step-hint{margin:0 0 8px;font-size:.8rem;color:var(--muted);line-height:1.35}.verify-check-mark{display:grid;place-items:center;width:24px;height:24px;margin-top:6px;border-radius:50%;border:1.5px solid rgba(var(--olive-text-rgb),.15);color:transparent;font-size:13px;font-weight:800}.verify-check-mark.on{color:var(--text);background:var(--accent-deep);border-color:var(--accent-line)}.news-ticker-container{position:relative;width:100%;max-width:720px;margin:0 auto 20px}.news-ticker-container .news-ticker{margin:0;padding-right:42px}.news-ticker-close{position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:5;width:24px;height:24px;border-radius:50%;border:1px solid rgba(var(--olive-text-rgb),.15);background:rgba(var(--olive-text-rgb),.08);color:rgba(var(--olive-text-rgb),.6);display:grid;place-items:center;font-size:11px;cursor:pointer;transition:all .18s ease}.news-ticker-close:hover{background:#ef44444d;border-color:#ef444499;color:#ef4444}@media (max-width: 640px){.news-ticker-container,#home-friends{display:none!important}}.mobile-friends-dialog{width:min(440px,92vw);max-height:85vh;overflow-y:auto;margin:auto;border-radius:24px;background:rgba(var(--olive-panel-rgb),.94);backdrop-filter:blur(28px) saturate(190%);-webkit-backdrop-filter:blur(28px) saturate(190%);border:1px solid rgba(var(--olive-text-rgb),.12);box-shadow:0 24px 64px #000000b3,inset 0 1px rgba(var(--olive-text-rgb),.14);padding:18px 16px;animation:modalScaleIn .25s cubic-bezier(.16,1,.3,1)}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.mobile-friends-dialog .mobile-friends-empty-box{padding:6px 8px 14px}.mobile-friends-dialog .friends-empty-scene-wrap{max-width:250px;margin:0 auto 4px}.mobile-friends-dialog .friends-empty-title{font-size:.92rem;font-weight:700;margin:0 0 4px;color:var(--text)}.mobile-friends-dialog .friends-empty-desc{font-size:.78rem;line-height:1.45;color:var(--muted);max-width:290px;margin:0 auto}.mobile-modal-header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.modal-close-btn{width:32px;height:32px;border-radius:50%;border:1px solid rgba(var(--olive-text-rgb),.12);background:rgba(var(--olive-text-rgb),.06);color:var(--muted);display:grid;place-items:center;font-size:1rem;cursor:pointer;transition:all .18s ease}.modal-close-btn:hover{background:rgba(var(--olive-text-rgb),.15);color:var(--text)}.news-ticker{display:flex;align-items:center;gap:12px;width:100%;max-width:720px;margin:0 auto 20px;padding:10px 16px;border-radius:14px;border:1px solid rgba(var(--olive-accent-rgb),.22);background:linear-gradient(135deg,rgba(var(--olive-panel-rgb),.85),rgba(var(--olive-panel-rgb),.88));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--text);cursor:pointer;text-align:left;box-shadow:0 8px 24px #0006,0 0 20px rgba(var(--olive-accent-rgb),.08);transition:all .22s cubic-bezier(.16,1,.3,1);box-sizing:border-box}.news-ticker:hover{transform:translateY(-1px);background:linear-gradient(135deg,rgba(var(--olive-raised-rgb),.92),rgba(var(--olive-panel-rgb),.95));border-color:rgba(var(--olive-accent-rgb),.48);box-shadow:0 12px 32px #00000080,0 0 28px rgba(var(--olive-accent-rgb),.2)}.news-ticker-label{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;font-weight:700;font-size:12.5px;color:var(--accent);background:rgba(var(--olive-accent-rgb),.12);border:1px solid rgba(var(--olive-accent-rgb),.3);padding:4px 10px;border-radius:8px;letter-spacing:.01em}.news-ticker-title-wrap{flex:1;min-width:0;overflow:hidden;position:relative;height:1.35em}.news-ticker-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:600;color:var(--text);animation:news-ticker-in .35s ease}@keyframes news-ticker-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.news-ticker-title{animation:none}}.news-ticker-trail{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.news-ticker-badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;background:linear-gradient(135deg,var(--accent-deep),var(--accent-deep));color:var(--text);box-shadow:0 2px 8px rgba(var(--olive-accent-rgb),.35)}.news-ticker-arrow{font-size:18px;line-height:1;color:rgba(var(--olive-text-rgb),.6);transition:transform .2s ease,color .2s ease}.news-ticker:hover .news-ticker-arrow{transform:translate(3px);color:var(--text)}.news-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;place-items:center;padding:24px 16px;background:rgba(var(--olive-bg-rgb),.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transition:opacity var(--dur) var(--ease)}.news-panel-backdrop.open{opacity:1}.news-panel{width:min(560px,92vw);max-height:min(80vh,720px);display:flex;flex-direction:column;border-radius:18px;border:1px solid rgba(var(--olive-text-rgb),.1);background:rgba(var(--olive-panel-rgb),.92);box-shadow:0 24px 64px #0000008c,0 0 0 1px rgba(var(--olive-accent-rgb),.08);transform:translateY(6px);opacity:0;transition:transform var(--dur) var(--ease),opacity var(--dur) var(--ease);overflow:hidden}.news-panel.open{transform:translateY(0);opacity:1}@media (prefers-reduced-motion: reduce){.news-panel-backdrop,.news-panel{transition:none}}.news-panel-header{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:8px;padding:14px 14px 10px;border-bottom:1px solid rgba(var(--olive-text-rgb),.06)}.news-panel-header h2{margin:0;text-align:center;font-size:16px;font-weight:700}.news-panel-header-spacer{width:36px;height:36px}.news-panel-back,.news-panel-close{width:36px;height:36px;border-radius:10px;border:1px solid rgba(var(--olive-text-rgb),.08);background:rgba(var(--olive-text-rgb),.04);color:var(--text);cursor:pointer;font-size:16px;display:grid;place-items:center}.news-panel-back:hover,.news-panel-close:hover{background:rgba(var(--olive-text-rgb),.1)}.news-panel-body{overflow-y:auto;padding:8px 10px 14px;flex:1}.news-panel-empty{text-align:center;padding:32px 16px}.news-panel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.news-panel-item{width:100%;display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:14px;border:1px solid rgba(var(--olive-text-rgb),.06);background:rgba(var(--olive-text-rgb),.03);color:inherit;cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease}.news-panel-item:hover{background:rgba(var(--olive-text-rgb),.06);border-color:rgba(var(--olive-accent-rgb),.25)}.news-panel-item.is-new{border-color:rgba(var(--olive-accent-rgb),.35);box-shadow:inset 0 0 0 1px rgba(var(--olive-accent-rgb),.12)}.news-panel-item-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;font-size:16px;background:rgba(var(--olive-text-rgb),.06)}.news-panel-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.news-panel-item-top{display:flex;align-items:center;gap:8px}.news-panel-cat{font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;opacity:.9}.news-cat-duyuru,.news-cat-haber,.news-cat-yenilik{color:var(--accent)}.news-panel-item-icon.news-cat-duyuru,.news-panel-item-icon.news-cat-haber,.news-panel-item-icon.news-cat-yenilik{background:rgba(var(--olive-accent-rgb),.12)}.news-panel-new-badge{font-size:10px;font-weight:800;padding:2px 6px;border-radius:999px;background:linear-gradient(135deg,var(--accent-deep),var(--accent-deep));color:var(--text);margin-left:auto}.news-panel-item-title{font-size:14px;font-weight:700;color:var(--text)}.news-panel-item-excerpt{font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-panel-item-date{font-size:11px;margin-top:2px}.news-panel-item-chevron{color:rgba(var(--olive-text-rgb),.45);font-size:18px;line-height:1;margin-top:8px}.news-panel-detail{padding:8px 8px 16px;display:flex;flex-direction:column;gap:8px}.news-panel-detail h3{margin:0;font-size:20px;font-weight:750;line-height:1.3}.news-panel-detail-body{margin:8px 0 0;white-space:pre-wrap;line-height:1.55;font-size:14px;color:rgba(var(--olive-text-rgb),.9)}.admin-news-form{display:flex;flex-direction:column;gap:12px}.admin-news-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.admin-news-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:10px;border:1px solid rgba(var(--olive-text-rgb),.06);background:#0000002e}.admin-news-item-main{display:flex;flex-direction:column;gap:4px;min-width:0}.admin-news-cat{font-size:11px;font-weight:700;width:fit-content}.admin-news-title{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-news-date{font-size:12px}.admin-news-item-actions{display:flex;gap:6px;flex-shrink:0}@media (max-width: 560px){.news-ticker{border-radius:12px;padding:8px 12px;gap:8px}.news-ticker-label span,.news-ticker-label{font-size:11px;padding:3px 8px}.news-ticker-title{font-size:12.5px}.admin-news-item{flex-direction:column;align-items:stretch}.admin-news-item-actions{justify-content:flex-end}}.tile-mic-off-badge{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;background:#ef444433;border:1px solid rgba(239,68,68,.5);color:#f87171;box-shadow:0 0 8px #ef444440;flex-shrink:0;margin:0;vertical-align:middle;transition:all .2s ease}.tile-mic-off-badge svg{stroke:#f87171;filter:drop-shadow(0 0 3px rgba(239,68,68,.4))}.tile-mic-speaking-badge{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;background:rgba(var(--olive-accent-rgb),.22);border:1px solid rgba(var(--olive-accent-rgb),.55);color:var(--accent);box-shadow:0 0 10px rgba(var(--olive-accent-rgb),.35);flex-shrink:0;margin:0;vertical-align:middle;animation:micPulse 1.4s ease-in-out infinite alternate}.tile-mic-speaking-badge svg{stroke:#4ade80;filter:drop-shadow(0 0 4px rgba(34,197,94,.5))}@keyframes micPulse{0%{transform:scale(.96);box-shadow:0 0 6px rgba(var(--olive-accent-rgb),.2)}to{transform:scale(1.08);box-shadow:0 0 14px rgba(var(--olive-accent-rgb),.55)}}.room-code-input-container{display:flex;flex-direction:column;gap:10px;margin-bottom:4px}.room-code-header-row{display:flex;align-items:center;justify-content:space-between;font-size:.86rem;font-weight:600;color:var(--muted)}.room-code-label{font-family:var(--font-space),"Space Grotesk",sans-serif;color:rgba(var(--olive-text-rgb),.88);font-size:.9rem;font-weight:600;letter-spacing:.02em}.room-code-paste-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:50%;background:rgba(var(--olive-accent-rgb),.12);border:1px solid rgba(var(--olive-accent-rgb),.35);color:var(--accent);cursor:pointer;flex-shrink:0;transition:all .22s cubic-bezier(.16,1,.3,1)}.room-code-paste-btn:hover{background:rgba(var(--olive-accent-rgb),.28);border-color:rgba(var(--olive-accent-rgb),.75);color:var(--text);transform:scale(1.1) translateY(-1px);box-shadow:0 0 16px rgba(var(--olive-accent-rgb),.45)}.room-paste-svg-icon{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.room-code-paste-btn:hover .room-paste-svg-icon{transform:scale(1.08)}.room-code-paste-btn:hover .clipboard-clip{animation:clipboardClipLift .35s cubic-bezier(.34,1.56,.64,1) forwards;transform-origin:12px 4px}@keyframes clipboardClipLift{0%{transform:translateY(0)}50%{transform:translateY(-2px) scale(1.08)}to{transform:translateY(-1px) scale(1.04)}}.room-code-paste-btn:hover .clipboard-line-1{animation:clipLineSlide1 .4s ease-out infinite alternate}.room-code-paste-btn:hover .clipboard-line-2{animation:clipLineSlide2 .45s ease-out infinite alternate}@keyframes clipLineSlide1{0%{transform:translate(0)}to{transform:translate(1.5px)}}@keyframes clipLineSlide2{0%{transform:translate(0)}to{transform:translate(-1.5px)}}.room-code-paste-btn:active{transform:scale(.94)}.room-code-boxes{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.room-code-hidden-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;color:transparent;caret-color:transparent;background:transparent;border:none;outline:none;padding:0;margin:0;font-size:16px;z-index:2;cursor:text;-webkit-user-select:text;user-select:text}.room-code-box{position:relative;z-index:1;pointer-events:none;display:grid;place-items:center;width:46px;height:52px;border-radius:12px;background:rgba(var(--olive-panel-rgb),.65);border:1.5px solid rgba(var(--olive-text-rgb),.12);color:var(--text);font-family:var(--font-space),"Space Grotesk",monospace,sans-serif;font-size:1.3rem;font-weight:800;text-align:center;text-transform:uppercase;outline:none;box-shadow:inset 0 2px 4px #0000004d;transition:all .2s cubic-bezier(.16,1,.3,1);box-sizing:border-box;padding:0;cursor:text}.room-code-box-ph{color:rgba(var(--olive-text-rgb),.18);font-weight:600}.room-code-box.filled{border-color:rgba(var(--olive-accent-rgb),.55);background:rgba(var(--olive-accent-rgb),.12);color:var(--text)}.room-code-box.active{border-color:var(--accent-line);background:rgba(var(--olive-accent-rgb),.18);color:var(--text);box-shadow:0 0 16px rgba(var(--olive-accent-rgb),.45),0 0 0 2px rgba(var(--olive-accent-rgb),.25);transform:translateY(-2px) scale(1.03)}.room-code-boxes:focus-within .room-code-box.active{border-color:var(--accent-line)}@media (max-width: 480px){.room-code-boxes{gap:5px}.room-code-box{width:38px;height:46px;font-size:1.1rem;border-radius:10px}.room-code-paste-btn{width:32px;height:32px}}.room-error-page-container{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:999;background:var(--bg);overflow:hidden}.room-error-bg-layer{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;filter:grayscale(.5) brightness(.4);opacity:.55}.room-error-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 50% 0%,rgba(var(--olive-bg-rgb),.55) 0%,rgba(var(--olive-bg-rgb),.9) 60%,var(--bg) 100%);pointer-events:none}.room-error-card{position:relative;z-index:10;width:min(440px,92vw);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 26px 26px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 28px 64px #00000080;animation:themeRise var(--dur-slow) var(--ease);box-sizing:border-box}.room-error-icon-wrap{position:relative;width:52px;height:52px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--muted);display:flex;align-items:center;justify-content:center;margin-bottom:18px}.room-error-icon-ring{display:none}.room-error-title{margin:0 0 4px;font-family:var(--font-serif);font-size:1.55rem;font-weight:600;color:var(--text);letter-spacing:-.01em}.room-error-subtitle{margin:0 0 18px;font-size:.9rem;color:var(--muted);font-weight:400}.room-error-message-box{width:100%;background:#e5676f14;border:1px solid rgba(229,103,111,.28);color:var(--danger);padding:12px 14px;border-radius:var(--radius);font-size:.86rem;font-weight:500;line-height:1.45;display:flex;align-items:flex-start;gap:10px;margin-bottom:20px;text-align:left;box-sizing:border-box;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.room-error-message-box:hover{background:#e5676f1f;border-color:#e5676f66}.room-error-message-box svg{flex-shrink:0;margin-top:1px;color:var(--danger)}.room-error-code-wrapper{width:100%;margin-bottom:20px}.room-error-code-wrapper .room-code-input-container{margin-bottom:0}.room-error-actions{width:100%;display:flex;flex-direction:column;gap:10px}.room-error-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--radius);font-size:.92rem;font-weight:600;box-shadow:none;box-sizing:border-box}.room-error-retry-btn{animation:none}.drive-chrome{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none;z-index:2;background:linear-gradient(transparent 55%,#000000b8);opacity:0;transition:opacity .2s ease}.watch-player:hover .drive-chrome,.watch-player:focus-within .drive-chrome,.drive-chrome:focus-within{opacity:1}@media (pointer: coarse){.drive-chrome{opacity:1}}.drive-chrome-hit{flex:1 1 auto;pointer-events:auto;background:transparent;border:0;cursor:pointer}.drive-chrome-hit:disabled{cursor:default}.drive-chrome-bar{pointer-events:auto;display:flex;align-items:center;gap:8px;padding:8px 12px 12px;min-height:48px}.drive-chrome-btn{background:transparent;border:0;color:var(--text);font-size:16px;line-height:1;padding:8px;min-width:40px;min-height:40px;border-radius:8px;cursor:pointer}.drive-chrome-btn:hover{background:rgba(var(--olive-text-rgb),.12)}.drive-chrome-time{color:var(--text);font-size:12px;font-variant-numeric:tabular-nums;min-width:36px}.drive-chrome-seek{flex:1 1 auto;accent-color:var(--accent);height:28px;cursor:pointer}.drive-chrome-seek:disabled{opacity:.55;cursor:default}.drive-chrome-vol{display:flex;align-items:center;gap:4px}.drive-chrome-vol-slider{width:72px;accent-color:var(--accent);height:28px}@media (max-width: 640px){.drive-chrome-vol-slider{width:56px}.drive-chrome-bar{gap:4px;padding:6px 8px 10px}.drive-chrome-btn{min-width:44px;min-height:44px}}.drive-chrome.yt-chrome{z-index:5;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,transparent 28%,transparent 55%,rgba(0,0,0,.72) 100%)}.drive-chrome-vol-inline{width:72px;accent-color:var(--accent);height:28px;margin-left:2px;pointer-events:auto}.drive-chrome-vol-panel{display:flex;align-items:center;gap:6px}.drive-chrome-vol-pct,.drive-chrome-vol-mute{display:none}.yt-chrome{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none;background:transparent}.yt-chrome-hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:auto;touch-action:pan-x pan-y;-webkit-tap-highlight-color:transparent}.yt-chrome-fade{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none;opacity:0;transition:opacity .2s ease;background:transparent}.yt-chrome--visible .yt-chrome-fade,.yt-chrome:focus-within .yt-chrome-fade{opacity:1;pointer-events:auto;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,transparent 28%,transparent 55%,rgba(0,0,0,.72) 100%)}.yt-chrome-titlemask{position:absolute;top:0;left:0;right:0;height:64px;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.42) 60%,transparent 100%);pointer-events:none}.yt-chrome-brandmask{position:absolute;right:0;bottom:0;width:92px;height:46px;z-index:1;background:linear-gradient(315deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.5) 45%,transparent 100%);pointer-events:none}.yt-chrome-veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:transparent;cursor:pointer}.yt-chrome-veil--dim{background:rgba(var(--olive-bg-rgb),.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.yt-chrome-veil-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;filter:brightness(.5) saturate(.85);transition:filter .22s ease}.yt-chrome-veil--dim .yt-chrome-veil-poster{filter:brightness(.32) saturate(.7) blur(6px)}.yt-chrome-veil-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;padding:6px 14px;border-radius:999px;background:rgba(var(--olive-bg-rgb),.55);color:rgba(var(--olive-text-rgb),.9);font-size:.9rem;font-weight:600;letter-spacing:.02em;pointer-events:none;text-shadow:0 1px 8px rgba(0,0,0,.5)}.yt-chrome--veil .yt-chrome-center{z-index:3}.yt-chrome-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:18px;z-index:2}.yt-chrome-center-btn:disabled,.yt-chrome-menu-item:disabled,.yt-chrome-seek:disabled{opacity:.45;cursor:not-allowed}.yt-chrome-sync-note{position:absolute;left:50%;bottom:52px;transform:translate(-50%);z-index:3;margin:0;padding:3px 10px;border-radius:999px;background:rgba(var(--olive-panel-rgb),.62);color:rgba(var(--olive-text-rgb),.88);font-size:.72rem;font-weight:600;letter-spacing:.01em;white-space:nowrap;pointer-events:none}.yt-chrome-center-btn{min-width:52px;min-height:52px;padding:0 10px;border:0;border-radius:999px;background:rgba(var(--olive-panel-rgb),.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text);font-size:.85rem;font-weight:700;cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;box-shadow:0 4px 16px #00000059;-webkit-tap-highlight-color:transparent}.yt-chrome-seek-label{font-size:10px;font-weight:700;letter-spacing:.02em;line-height:1;opacity:.9}.yt-chrome-center-btn--play{width:68px;height:68px;min-width:68px;min-height:68px;font-size:1.35rem;background:rgba(var(--olive-text-rgb),.94);color:var(--bg-2);flex-direction:row}.yt-chrome-center-btn--play .yt-chrome-seek-label{display:none}.yt-chrome-fs-close{position:absolute;top:10px;left:10px;z-index:4;width:40px;height:40px;border:0;border-radius:999px;background:#0000008c;color:var(--text);font-size:1.4rem;line-height:1;cursor:pointer}.yt-chrome-top{position:absolute;top:max(12px,env(safe-area-inset-top,12px));right:max(12px,env(safe-area-inset-right,12px));z-index:4;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px;width:max-content;max-width:calc(100% - 24px);padding:4px;box-sizing:border-box;border:1px solid rgba(var(--olive-text-rgb),.12);border-radius:16px;background:rgba(var(--olive-bg-rgb),.68);box-shadow:0 8px 24px #00000047;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.drive-chrome .yt-chrome-center,.drive-chrome .yt-chrome-top{pointer-events:auto}.watch-sync-pill{position:absolute;top:10px;left:10px;z-index:6;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(var(--olive-panel-rgb),.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(var(--olive-text-rgb),.14);box-shadow:0 4px 14px #0006;pointer-events:auto;-webkit-user-select:none;user-select:none;transition:opacity .2s ease,transform .2s ease}.watch-player:has(.yt-chrome):not(:has(.yt-chrome--visible)):not(:has(.yt-chrome:focus-within)) .watch-sync-pill{opacity:0;pointer-events:none}.watch-player:has(.yt-chrome-fs-close) .watch-sync-pill{left:58px}.watch-sync-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-deep);box-shadow:0 0 6px var(--accent-deep);flex-shrink:0}.watch-sync-dot.paused{background:var(--accent-deep);box-shadow:0 0 6px var(--accent-deep)}.watch-sync-text{color:var(--text);font-size:11px;font-weight:700;letter-spacing:.02em;font-family:Space Grotesk,system-ui,sans-serif;line-height:1;white-space:nowrap}.sync-status-badge{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 8px;border-radius:12px;background:#0000008c;color:var(--text);font-size:11px;font-weight:600;line-height:1;white-space:nowrap;pointer-events:none}.sync-status-badge-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.sync-status-badge--green .sync-status-badge-dot{background:#3ddc61}.sync-status-badge--yellow .sync-status-badge-dot{background:#ffc93d}.sync-status-badge--red .sync-status-badge-dot{background:#ff4d4d}.yt-chrome-icon{min-width:44px;min-height:44px;border:1px solid rgba(var(--olive-text-rgb),.1);border-radius:12px;background:rgba(var(--olive-text-rgb),.07);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text);font-size:.8rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .14s ease,border-color .14s ease,transform .14s ease;touch-action:pan-x pan-y}.yt-chrome-icon:hover{background:rgba(var(--olive-text-rgb),.15);border-color:rgba(var(--olive-text-rgb),.22)}.yt-chrome-icon:active{transform:scale(.96)}.yt-chrome-icon:focus-visible,.yt-chrome-menu-item:focus-visible,.drive-chrome-vol-mute:focus-visible{outline:2px solid var(--accent-line);outline-offset:2px}.yt-chrome-icon.is-on{outline:2px solid var(--accent-line)}.yt-chrome-vol-wrap{position:relative;display:flex;align-items:center;min-height:44px}.drive-chrome-more-wrap{position:relative;display:inline-flex;flex:0 0 auto}.yt-chrome-vol-popover{position:absolute;right:0;top:calc(100% + 6px);padding:12px 10px;border-radius:12px;background:rgba(var(--olive-panel-rgb),.94);border:1px solid rgba(var(--olive-text-rgb),.12);box-shadow:0 8px 24px #00000073;z-index:6}.yt-chrome-vol-slider{writing-mode:vertical-lr;direction:rtl;width:28px;height:110px;accent-color:var(--accent);cursor:pointer}.yt-chrome-menu{position:absolute;top:52px;right:8px;z-index:6;min-width:min(220px,calc(100% - 16px));max-height:min(56%,280px);overflow:auto;padding:6px;border-radius:12px;background:rgba(var(--olive-panel-rgb),.96);border:1px solid rgba(var(--olive-text-rgb),.12);box-shadow:0 10px 28px #00000080}.yt-chrome-menu-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:var(--text);font-size:.9rem;text-align:left;cursor:pointer}.yt-chrome-menu-item:hover,.yt-chrome-menu-item.is-active{background:rgba(var(--olive-text-rgb),.1)}.yt-chrome-menu-item:disabled{opacity:.55;cursor:not-allowed}.yt-chrome-menu-item--danger{color:#ff8f8f}.yt-chrome-menu-item span{color:var(--muted);font-size:.8rem}.drive-chrome-menu{top:calc(100% + 8px);right:0;width:min(240px,calc(100vw - 24px));min-width:0;max-height:min(280px,calc(100vh - 96px));max-height:min(280px,calc(100dvh - 96px))}.apps-redirect-hint{overflow-wrap:anywhere;word-break:normal}.apps-redirect-uri{display:inline;overflow-wrap:anywhere}.yt-chrome-bar{position:relative;z-index:3;display:flex;align-items:center;gap:8px;width:100%;min-width:0;flex-shrink:0;padding:8px 12px max(12px,env(safe-area-inset-bottom,12px));box-sizing:border-box}.yt-chrome-time{color:var(--text);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;flex:0 0 auto;min-width:max-content;max-width:none;overflow:visible;padding:4px 7px;border-radius:7px;background:rgba(var(--olive-bg-rgb),.72);line-height:1.2}.yt-chrome-seek{flex:1 1 auto;--seek-color: var(--accent);accent-color:var(--seek-color);height:28px;min-width:0;--progress: 0%;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.yt-chrome-seek::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(to right,var(--seek-color) 0%,var(--seek-color) var(--progress),rgba(var(--olive-text-rgb),.28) var(--progress),rgba(var(--olive-text-rgb),.28) 100%)}.yt-chrome-seek::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;margin-top:-5px;border-radius:50%;background:var(--bg-2);box-shadow:0 1px 4px #00000073;border:0}.yt-chrome-seek::-moz-range-track{height:6px;border-radius:999px;background:rgba(var(--olive-text-rgb),.28)}.yt-chrome-seek::-moz-range-progress{height:6px;border-radius:999px;background:var(--seek-color)}.drive-chrome .yt-chrome-seek{--seek-color: #6ea8ff}.yt-chrome-seek::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--bg-2);border:0;box-shadow:0 1px 4px #00000073}.yt-chrome-seek:disabled{opacity:.65;cursor:default}.yt-chrome-seek--readonly{flex:1 1 auto;min-width:0;height:6px;align-self:center;border-radius:999px;cursor:default;pointer-events:none;background:linear-gradient(to right,var(--seek-color) 0%,var(--seek-color) var(--progress),rgba(var(--olive-text-rgb),.24) var(--progress),rgba(var(--olive-text-rgb),.24) 100%)}.yt-chrome-unmute-hint{position:absolute;left:50%;bottom:52px;transform:translate(-50%);z-index:4;padding:8px 14px;border:0;border-radius:999px;background:#000000b8;color:var(--text);font-size:.85rem;cursor:pointer;white-space:nowrap}.yt-chrome-unmute-hint--soft{top:12px;bottom:auto;max-width:calc(100% - 24px);white-space:normal;text-align:center;font-size:.8rem;background:#0009;animation:media-gate-fade .35s ease}@media (max-width: 900px){.yt-chrome-center-btn{min-width:44px;min-height:44px}.yt-chrome-center-btn--play{width:56px;height:56px;min-width:56px;min-height:56px}.yt-chrome-icon{min-width:44px;min-height:44px;flex:0 0 auto}.yt-chrome-bar{padding:8px 10px max(14px,calc(10px + env(safe-area-inset-bottom,0px)));gap:6px;min-height:52px}.yt-chrome-bar .yt-chrome-icon{min-width:44px;min-height:44px}.yt-chrome-time{font-size:10.5px;max-width:none;overflow:visible;text-overflow:clip}.yt-chrome-seek{height:28px;flex:1 1 0}.yt-chrome-seek::-webkit-slider-runnable-track{height:5px}.yt-chrome-seek::-webkit-slider-thumb{width:16px;height:16px;margin-top:-5.5px}.yt-chrome-seek::-moz-range-track,.yt-chrome-seek::-moz-range-progress{height:5px}.yt-chrome-seek::-moz-range-thumb{width:16px;height:16px}.yt-chrome-seek--readonly{height:5px}@media (orientation: portrait){.yt-chrome-bar{flex-wrap:wrap;row-gap:2px}.yt-chrome-seek,.yt-chrome-seek--readonly{order:-1;flex:1 0 100%;width:100%}.yt-chrome-time{max-width:none}}.yt-chrome-top{top:max(12px,env(safe-area-inset-top,12px));right:max(12px,env(safe-area-inset-right,12px))}.watch-sync-pill{display:none}.watch-sync-pill--warn{display:inline-flex}.drive-chrome-vol-panel{display:none;position:absolute;right:0;top:calc(100% + 8px);bottom:auto;width:min(220px,calc(100vw - 24px));box-sizing:border-box;flex-direction:column;align-items:stretch;gap:10px;padding:12px;border-radius:12px;background:rgba(var(--olive-panel-rgb),.94);border:1px solid rgba(var(--olive-text-rgb),.12);box-shadow:0 8px 24px #00000073;z-index:6;pointer-events:auto}.yt-chrome-vol-wrap--open .drive-chrome-vol-panel{display:flex}.drive-chrome-vol-inline{width:100%;min-width:0;height:44px;margin-left:0;touch-action:none}.drive-chrome-vol-pct{display:block;text-align:center;font-size:13px;font-variant-numeric:tabular-nums;color:var(--text)}.drive-chrome-vol-mute{display:block;min-height:44px;padding:0 12px;border-radius:8px;border:1px solid rgba(var(--olive-text-rgb),.16);background:rgba(var(--olive-text-rgb),.08);color:var(--text);font-size:13px}.room-layout--watching .room-main,.room-layout--sharing .room-main{grid-template-rows:auto 1fr;overflow-x:hidden;overflow-y:auto}.room-layout--mobile:not(.room-layout--watching):not(.room-layout--sharing) .room-main{grid-template-rows:auto minmax(170px,1fr);overflow-x:hidden;overflow-y:auto}.room-layout--mobile:not(.room-layout--watching):not(.room-layout--sharing) .stage-column{position:relative;background:transparent;padding:0!important}.room-layout--mobile:not(.room-layout--watching):not(.room-layout--sharing) .stage{padding:0;gap:0;flex:0 0 auto;height:auto;box-sizing:border-box}.room-layout--mobile:not(.room-layout--watching):not(.room-layout--sharing) .camera-grid{height:100%!important;max-height:100%!important;align-content:center!important;justify-content:center!important;gap:12px!important;padding:4px!important;box-sizing:border-box}.room-layout--mobile:not(.room-layout--watching):not(.room-layout--sharing) .camera-grid[data-count="1"] .media-tile.big{flex:1 1 100%!important;max-width:340px!important;aspect-ratio:auto!important;height:100%!important;min-height:220px!important}.room-layout--mobile:not(.room-layout--watching):not(.room-layout--sharing) .camera-grid[data-count="2"] .media-tile.big{flex:1 1 calc(50% - 6px)!important;max-width:50%!important;aspect-ratio:auto!important;height:100%!important;min-height:200px!important;max-height:280px!important}.room-layout--mobile:not(.room-layout--watching):not(.room-layout--sharing) .media-tile .avatar-wrap{flex:1;min-height:0;padding:16px 8px 38px!important;display:flex;align-items:center;justify-content:center}.room-layout--mobile:not(.room-layout--watching):not(.room-layout--sharing) .media-tile.big .avatar{width:76px!important;height:76px!important;font-size:32px!important}.room-layout--mobile:not(.room-layout--watching):not(.room-layout--sharing) .side-column{border-top-left-radius:20px;border-top-right-radius:20px;overflow:hidden;border-top:1px solid rgba(var(--olive-text-rgb),.12)}.room-layout--watching .stage-column,.room-layout--sharing .stage-column{position:sticky;top:0;z-index:12;background:#000;padding:0!important}.room-layout--watching .stage,.room-layout--sharing .stage{padding:0;gap:0}.room-layout--mobile .stage-empty,.room-layout--mobile .stage-focus,.room-layout--sharing .stage-focus{border-radius:0;min-height:0;aspect-ratio:16 / 9;height:auto;width:100%}.room-layout--watching.room-layout--sharing .stage-focus{border-radius:0;min-height:0;max-height:min(42vh,360px);flex:0 0 auto;height:auto;width:100%;aspect-ratio:16 / 9}.room-layout--watching.room-layout--sharing .stage{flex:0 0 auto;min-height:0}.room-layout--watching.room-layout--sharing .stage-focus video{object-fit:contain!important;object-position:center center!important;width:100%;height:100%;max-width:100%;max-height:100%}.room-layout--mobile .camera-strip-panel .media-strip-wrap,.room-layout--watching .camera-strip-panel .media-strip-wrap,.room-layout--sharing .camera-strip-panel .media-strip-wrap,.room-layout--mobile .media-strip-wrap,.room-layout--watching .media-strip-wrap,.room-layout--sharing .media-strip-wrap{padding:8px 6px;background:var(--bg)}.room-layout--watching .watch-panel--active{border-radius:0;border-left:0;border-right:0;border-top:0;width:100%;max-width:100%;margin-inline:0}.room-layout--watching .watch-panel--active .watch-player{min-height:min(42vh,280px);height:auto;aspect-ratio:16 / 9;flex:0 0 auto;width:100%;max-width:100%;margin-inline:0;overflow:hidden}.room-layout--watching .watch-yt-mount,.room-layout--watching .watch-yt-mount>div,.room-layout--watching .watch-yt-mount div{max-width:100%!important;width:100%!important;height:100%!important}.room-layout--watching .watch-player video{object-fit:contain;object-position:center center}.room-layout--sharing .stage-focus,.room-layout--mobile .stage-focus{max-width:100%;margin-inline:0;overflow:hidden}.room-layout--mobile .side-column,.room-layout--watching .side-column,.room-layout--sharing .side-column{min-height:0}.room-layout--watching .side-column,.room-layout--sharing .side-column{min-height:45vh}}.device-link-backdrop{display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity var(--dur) var(--ease)}.device-link-backdrop.open{opacity:1}.device-link-modal{width:min(440px,94vw);max-height:86vh;overflow-y:auto;margin:auto;box-sizing:border-box;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 20px;display:flex;flex-direction:column;gap:16px;box-shadow:0 24px 64px #0000008c;opacity:0;transform:translateY(6px);transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}.device-link-modal.open{opacity:1;transform:translateY(0)}.device-link-head{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.device-link-head h3{margin:0;font-size:1.05rem;font-weight:700;color:var(--text)}.device-link-close{background:rgba(var(--olive-text-rgb),.06);border:1px solid rgba(var(--olive-text-rgb),.1);color:var(--muted);width:30px;height:30px;border-radius:10px;cursor:pointer;font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .18s ease,color .18s ease}.device-link-close:hover{background:#ef444429;color:#fca5a5}.device-link-body{display:flex;flex-direction:column;gap:14px}.device-link-info{margin:0;font-size:.86rem;line-height:1.5;color:var(--muted)}.device-link-code-box{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;border-radius:16px;background:rgba(var(--olive-accent-rgb),.08);border:1px solid rgba(var(--olive-accent-rgb),.25)}.device-link-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700;letter-spacing:.14em;color:var(--text);-webkit-user-select:all;user-select:all}.device-link-timer{font-size:.8rem;font-variant-numeric:tabular-nums;color:var(--accent)}.device-link-hint{margin:0;font-size:.78rem;color:var(--muted);text-align:center}.device-link-input{width:100%;padding:14px 12px;border-radius:14px;background:rgba(var(--olive-bg-rgb),.6);border:1px solid rgba(var(--olive-text-rgb),.12);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700;letter-spacing:.16em;text-align:center;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.device-link-input:focus{border-color:rgba(var(--olive-accent-rgb),.6);box-shadow:0 0 0 3px rgba(var(--olive-accent-rgb),.18)}.device-link-pending{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:14px;background:rgba(var(--olive-text-rgb),.04);border:1px solid rgba(var(--olive-text-rgb),.1);font-size:.86rem;color:var(--text)}.device-link-pending strong{color:var(--text)}.device-link-actions{display:flex;gap:10px;flex-wrap:wrap}.device-link-actions .btn{flex:1 1 auto}.device-link-warn,.device-link-ok,.device-link-err{margin:0;padding:10px 12px;border-radius:12px;font-size:.82rem;line-height:1.45}.device-link-warn,.device-link-ok{background:rgba(var(--olive-accent-rgb),.12);border:1px solid rgba(var(--olive-accent-rgb),.32);color:var(--accent)}.device-link-err{background:#ef44441f;border:1px solid rgba(239,68,68,.32);color:#fca5a5}.device-link-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:190px;overflow-y:auto}.device-link-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(var(--olive-text-rgb),.04);border:1px solid rgba(var(--olive-text-rgb),.08);font-size:.82rem;color:var(--text)}.device-link-list li.revoked{opacity:.5}.device-link-list li span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-link-empty{margin:0;font-size:.8rem;color:var(--muted)}@media (max-width: 520px){.device-link-modal{width:min(390px,92vw);border-radius:22px;padding:18px 16px;gap:14px}.device-link-code{font-size:1.45rem;letter-spacing:.12em}.device-link-code-box{padding:12px 10px;border-radius:14px}}.capture-picker-backdrop{z-index:9000}.capture-picker{width:min(860px,94vw);max-height:86vh;overflow-y:auto;padding:22px 22px 16px;border-radius:20px;background:var(--bg-2);border:1px solid rgba(var(--olive-muted-rgb),.22);box-shadow:0 24px 60px #00000080}.capture-picker h3{margin:0 0 6px;font-size:1.15rem}.capture-picker-note{margin:0 0 14px;font-size:.82rem;line-height:1.5}.capture-picker-group{margin:14px 0 8px;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.capture-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.capture-tile{display:flex;flex-direction:column;gap:6px;padding:8px;text-align:left;border-radius:12px;background:rgba(var(--olive-raised-rgb),.7);border:1px solid rgba(var(--olive-muted-rgb),.18);cursor:pointer;transition:border-color .15s,transform .15s}.capture-tile:hover,.capture-tile:focus-visible{border-color:var(--accent-line);transform:translateY(-1px)}.capture-tile-thumb{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:8px;background:var(--bg-2)}.capture-tile-label{display:flex;align-items:center;gap:6px;min-width:0}.capture-tile-icon{width:16px;height:16px;flex:none}.capture-tile-name{font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.capture-tile-audio{font-size:.72rem;color:var(--accent)}.apps-tile-badge.beta,.apps-tile-badge.experimental,.apps-tile-badge.gate{background:rgba(var(--olive-accent-rgb),.14);color:var(--accent)}.apps-tile-badge.off{background:rgba(var(--olive-muted-rgb),.14);color:var(--muted)}.apps-tile-engine{font-size:.68rem;color:var(--muted);margin-top:2px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.provider-sheet-bar{display:flex;align-items:center;gap:10px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid rgba(var(--olive-muted-rgb),.18)}.provider-sheet-title{display:inline-flex;align-items:center;gap:8px;font-weight:600}.provider-sheet-origin{margin-left:auto;font-size:.78rem;color:var(--accent);max-width:46%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.provider-sheet-slot{height:clamp(160px,46vh,520px);border-radius:10px;background:var(--bg);border:1px solid rgba(var(--olive-text-rgb),.08)}.desktop-shell{min-height:100%;display:flex;align-items:center;justify-content:center;padding:clamp(16px,5vh,48px);background:var(--bg)}.desktop-shell-card{width:100%;max-width:420px;background:rgba(var(--olive-panel-rgb),.45);backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);border:1px solid rgba(var(--olive-text-rgb),.06);border-radius:16px;padding:clamp(20px,4vh,32px);display:flex;flex-direction:column;gap:16px;text-align:center}.desktop-shell-title{margin:0;font-family:var(--font-space);font-size:clamp(20px,2.4vh,26px);font-weight:600;color:var(--text)}.desktop-shell-sub{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.desktop-shell-action{width:100%;justify-content:center;padding:12px 16px}.desktop-shell-hint{color:var(--muted);font-size:12px;line-height:1.5}.desktop-shell-divider{height:1px;border:0;margin:4px 0;background:var(--border)}.camera-dock{--dock-pad-x: 14px;--dock-pad-top: 56px;--dock-pad-bottom: 76px;position:absolute;z-index:40;display:flex;gap:8px;touch-action:none;cursor:grab;max-width:calc(100% - var(--dock-pad-x) * 2)}.camera-dock--mobile{--dock-pad-x: 10px;--dock-pad-top: 46px;--dock-pad-bottom: 56px;gap:6px}.camera-dock--tl{top:var(--dock-pad-top);left:var(--dock-pad-x)}.camera-dock--tr{top:var(--dock-pad-top);right:var(--dock-pad-x)}.camera-dock--bl{bottom:var(--dock-pad-bottom);left:var(--dock-pad-x)}.camera-dock--br{bottom:var(--dock-pad-bottom);right:var(--dock-pad-x)}.camera-dock--tc{top:var(--dock-pad-top);left:50%;transform:translate(-50%)}.camera-dock--bc{bottom:var(--dock-pad-bottom);left:50%;transform:translate(-50%)}.camera-dock--ml{top:50%;left:var(--dock-pad-x);transform:translateY(-50%)}.camera-dock--mr{top:50%;right:var(--dock-pad-x);transform:translateY(-50%)}.camera-dock--dragging{cursor:grabbing;transform:none;opacity:.92}.camera-dock .media-tile{flex:0 1 auto;width:132px;height:76px;min-width:0;min-height:0;margin:0;border-radius:10px;border:1px solid rgba(var(--olive-text-rgb),.18);background:var(--bg-2);overflow:hidden;box-shadow:0 8px 24px #00000080;cursor:inherit}.camera-dock--mobile .media-tile{width:104px;height:60px;border-radius:8px}.camera-dock .media-tile video{width:100%;height:100%;object-fit:cover}.camera-dock .tile-top-bar{display:none}.camera-dock .tile-bottom-bar{padding:2px 6px;font-size:10px;background:linear-gradient(to top,#000000b8,#0000)}.camera-dock .tile-name-text{max-width:84px}@media (max-width: 460px){.camera-dock .media-tile{width:88px;height:52px}}@media (pointer: coarse) and (min-width: 901px){.drive-chrome-vol-panel{display:none;position:absolute;top:calc(100% + 8px);right:0;bottom:auto;width:min(220px,calc(100vw - 24px));box-sizing:border-box;flex-direction:column;align-items:stretch;gap:10px;padding:12px;border-radius:12px;background:rgba(var(--olive-panel-rgb),.94);border:1px solid rgba(var(--olive-text-rgb),.12);box-shadow:0 8px 24px #00000073;z-index:6;pointer-events:auto}.yt-chrome-vol-wrap--open .drive-chrome-vol-panel{display:flex}.drive-chrome-vol-inline{width:100%;min-width:0;height:44px;margin-left:0;touch-action:none}.drive-chrome-vol-pct{display:block;text-align:center;font-size:13px;font-variant-numeric:tabular-nums;color:var(--text)}.drive-chrome-vol-mute{display:block;min-height:44px;padding:0 12px;border-radius:8px;border:1px solid rgba(var(--olive-text-rgb),.16);background:rgba(var(--olive-text-rgb),.08);color:var(--text);font-size:13px}}.drive-diag-toggle{font-size:11px;font-weight:700;letter-spacing:.02em;padding:0 10px;white-space:nowrap}.drive-diag-panel{position:absolute;top:44px;right:8px;z-index:7;box-sizing:border-box;max-width:min(300px,calc(100% - 16px));max-height:60%;overflow-y:auto;padding:8px 10px;border-radius:12px;background:rgba(var(--olive-panel-rgb),.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(var(--olive-text-rgb),.14);box-shadow:0 6px 20px #00000073;color:var(--text);font-size:10px;line-height:1.4;pointer-events:auto;-webkit-user-select:text;user-select:text}.drive-diag-list{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;margin:0}.drive-diag-list dt{color:rgba(var(--olive-text-rgb),.62);font-weight:600}.drive-diag-list dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.drive-diag-backoffs{display:flex;flex-direction:column;gap:2px;margin-top:6px;padding-top:6px;border-top:1px solid rgba(var(--olive-text-rgb),.12)}.drive-diag-backoffs-title{color:rgba(var(--olive-text-rgb),.62);font-weight:600}.drive-diag-backoff{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.youtube-diag-toggle{min-width:0;min-height:36px;padding:0 10px;font-size:11px;font-weight:700;white-space:nowrap}.youtube-diag-panel{position:absolute;top:48px;right:8px;z-index:8;box-sizing:border-box;width:min(360px,calc(100% - 16px));max-height:min(72vh,480px);overflow:auto;padding:9px 11px;border:1px solid rgba(var(--olive-text-rgb),.2);border-radius:12px;background:rgba(var(--olive-bg-rgb),.94);color:var(--text);font-size:12px;line-height:1.4;pointer-events:auto;-webkit-user-select:text;user-select:text;-webkit-overflow-scrolling:touch}.youtube-diag-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.youtube-diag-close{min-width:32px;min-height:32px;border:0;border-radius:8px;background:rgba(var(--olive-text-rgb),.1);color:inherit;font-size:20px;cursor:pointer}.youtube-diag-list{display:grid;grid-template-columns:minmax(94px,.85fr) minmax(0,1.15fr);gap:3px 8px;margin:0}.youtube-diag-list dt{color:rgba(var(--olive-text-rgb),.72);font-weight:600}.youtube-diag-list dd{min-width:0;margin:0;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.youtube-diag-events-wrap{display:flex;flex-direction:column;gap:5px;margin-top:8px;padding-top:7px;border-top:1px solid rgba(var(--olive-text-rgb),.16)}.youtube-diag-events-title,.youtube-diag-event-empty{color:rgba(var(--olive-text-rgb),.76);font-weight:600}.youtube-diag-events{display:flex;flex-direction:column;gap:5px;margin:0;padding:0;list-style:none}.youtube-diag-events li{display:grid;grid-template-columns:auto 1fr;gap:1px 7px}.youtube-diag-events time{font-variant-numeric:tabular-nums;white-space:nowrap}.youtube-diag-events small{grid-column:1 / -1;color:rgba(var(--olive-text-rgb),.72);overflow-wrap:anywhere}@media (max-width: 640px){.youtube-diag-panel{top:46px;max-height:min(68vh,420px);padding:8px 9px;font-size:11px}.youtube-diag-list{grid-template-columns:minmax(84px,.8fr) minmax(0,1.2fr)}}.participants-error-inline{margin:0 0 8px;padding:8px 10px;border:1px solid rgba(229,103,111,.34);border-radius:10px;background:#e5676f14;color:var(--danger);font-size:.8rem;line-height:1.35;white-space:normal}.participant-row--weak{opacity:.62}.role-pill.weak{background:rgba(var(--olive-text-rgb),.06);color:rgba(var(--olive-text-rgb),.72);border:1px solid rgba(var(--olive-text-rgb),.12)}.role-grant-error,.role-grant-pending,.role-grant-note{margin-top:12px;padding:9px 11px;border-radius:11px;font-size:.82rem;line-height:1.4;text-align:left}.role-grant-error{border:1px solid rgba(229,103,111,.34);background:#e5676f14;color:var(--danger)}.role-grant-pending{border:1px solid rgba(var(--olive-accent-rgb),.3);background:rgba(var(--olive-accent-rgb),.08);color:var(--accent)}.role-grant-note{border:1px solid rgba(var(--olive-text-rgb),.12);background:rgba(var(--olive-text-rgb),.03);color:rgba(var(--olive-text-rgb),.78)}.stop-share-list,.leave-transfer-list{display:flex;flex-direction:column;gap:8px;margin:14px 0 4px;padding:0;list-style:none}.radio-deck{position:relative;flex:0 0 auto;display:grid;grid-template-columns:104px minmax(0,1fr);gap:14px;padding:14px;overflow:hidden;border:1px solid var(--border-strong);border-radius:18px;background-color:var(--bg-2);background-image:radial-gradient(130% 120% at 6% 0%,var(--accent-wash),transparent 55%),linear-gradient(180deg,var(--bg-3),var(--bg-2) 55%,var(--bg));box-shadow:inset 0 1px #ffffff0f,inset 0 -22px 34px #0000006b,0 10px 26px #00000059}.radio-deck>audio{display:none}.radio-deck-grille{position:relative;min-height:0;border:1px solid var(--border);border-radius:12px;background-color:var(--bg);background-image:radial-gradient(circle at 3px 3px,rgba(255,255,255,.07) 1.4px,transparent 1.6px);background-size:9px 9px;box-shadow:inset 0 0 0 1px #00000080,inset 0 10px 22px #00000080}.radio-deck-antenna{position:absolute;top:8px;left:50%;width:2px;height:44px;border-radius:var(--radius-pill);background:linear-gradient(180deg,var(--accent-soft),var(--accent-deep));transform:translate(-50%) rotate(26deg);transform-origin:bottom center}.radio-deck-antenna:after{content:"";position:absolute;top:-5px;left:-3px;width:8px;height:8px;border-radius:50%;background:var(--accent)}.radio-deck-brand{position:absolute;bottom:10px;left:50%;transform:translate(-50%);padding:2px 6px;border:1px solid var(--border);border-radius:4px;background:#0006;color:var(--accent-soft);font-family:var(--font-space);font-size:.58rem;font-weight:700;letter-spacing:.16em;white-space:nowrap}.radio-deck-body{display:flex;flex-direction:column;gap:10px;min-width:0}.radio-deck-screen{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"top actions" "main actions";align-items:center;column-gap:12px;row-gap:6px;padding:12px;border:1px solid var(--accent-line);border-radius:var(--radius);background-color:#00000070;background-image:radial-gradient(90% 130% at 10% 0%,var(--accent-wash),transparent 62%);box-shadow:inset 0 0 22px #0009,inset 0 1px #ffffff0d;min-width:0}.radio-deck-topline{grid-area:top;display:flex;align-items:center;gap:10px;min-width:0}.radio-scope{font-size:.72rem;letter-spacing:.04em;white-space:nowrap}.radio-deck-main{grid-area:main;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0}.radio-deck-actions{grid-area:actions;display:flex;flex-direction:column;align-items:stretch;gap:6px;flex:none}.radio-deck-text{display:flex;flex-direction:column;gap:2px;min-width:0}.radio-deck-name{margin:0;font-family:var(--font-space);font-size:1.05rem;font-weight:700;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radio-deck-song{margin:0;min-height:1.2em;font-size:.86rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radio-deck-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.radio-deck-controls .radio-modes{margin-inline-start:auto}.radio-deck .radio-deck-play{flex:none;width:42px;height:42px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--accent-line);background:var(--accent);color:var(--on-accent);font-size:1rem;line-height:1;transition:filter var(--dur) var(--ease)}.radio-deck .radio-deck-play:hover:not(:disabled){filter:brightness(1.08)}.radio-deck .radio-deck-play:disabled{background:var(--surface);border-color:var(--border);color:var(--faint);opacity:1}.radio-deck-pick{white-space:nowrap}.radio-eq{display:inline-flex;align-items:flex-end;gap:3px;height:26px;flex:none}.radio-eq i{width:4px;height:22%;border-radius:2px 2px 0 0;background:var(--accent-line)}.radio-eq[data-playing=true] i{background:var(--accent);animation:radio-eq 1.05s var(--ease) infinite alternate}.radio-eq[data-playing=true] i:nth-child(2){animation-delay:-.24s}.radio-eq[data-playing=true] i:nth-child(3){animation-delay:-.48s}.radio-eq[data-playing=true] i:nth-child(4){animation-delay:-.72s}.radio-eq[data-playing=true] i:nth-child(5){animation-delay:-.96s}@keyframes radio-eq{0%{height:18%}to{height:100%}}.radio-deck-dial{position:relative;flex:none;width:54px;height:54px;padding:5px;border-radius:50%;background:repeating-conic-gradient(from 0deg,var(--accent-line) 0deg 2deg,transparent 2deg 12deg)}.radio-deck-dial-knob{position:relative;display:block;width:100%;height:100%;border:1px solid var(--border-strong);border-radius:50%;background:linear-gradient(150deg,var(--bg-3),var(--bg));box-shadow:inset 0 1px #ffffff14,0 2px 8px #00000073;transform:rotate(var(--radio-dial, -135deg));transition:transform var(--dur) var(--ease)}.radio-deck-dial-knob:after{content:"";position:absolute;top:4px;left:50%;width:2px;height:34%;border-radius:var(--radius-pill);background:var(--accent);transform:translate(-50%)}.radio-live-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:var(--radius-pill);border:1px solid var(--accent-line);background:var(--accent-wash);color:var(--accent-soft);font-size:.72rem;font-weight:700;letter-spacing:.08em;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.radio-live-badge.is-idle{border-color:var(--border);background:#ffffff0a;color:var(--faint)}.radio-live-badge.is-idle .radio-live-dot{background:var(--faint);animation:none}.radio-live-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:radio-pulse 2s var(--ease) infinite}@keyframes radio-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion: reduce){.radio-live-dot{animation:none}.radio-eq[data-playing=true] i{animation:none;height:60%}.radio-deck-dial-knob{transition:none}}@media (max-width: 720px){.radio-deck{grid-template-columns:minmax(0,1fr)}.radio-deck-grille{display:none}.radio-deck-screen{grid-template-columns:minmax(0,1fr);grid-template-areas:"top" "main" "actions"}.radio-deck-main{grid-template-columns:auto minmax(0,1fr)}.radio-eq{display:none}.radio-deck-actions{flex-direction:row;flex-wrap:wrap}.radio-deck-actions>button{flex:1 1 auto}}.radio-picker{display:flex;flex-direction:column;gap:10px;min-height:0;flex:1 1 auto}.radio-tuner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;flex:none;padding:10px;border:1px solid var(--border);border-radius:var(--radius);background:#00000038;box-shadow:inset 0 1px #ffffff0a}.radio-field{display:flex;flex-direction:column;gap:4px;min-width:0}.radio-field-label{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.radio-field .radio-select,.radio-field input{width:100%;min-width:0;height:36px;padding:7px 9px;border:1px solid var(--border-strong);border-radius:var(--radius);background:#0000004d;color:var(--text);font-family:inherit;font-size:.86rem}.radio-field .radio-select:disabled{color:var(--faint);border-color:var(--border)}.radio-field .radio-select:focus-visible,.radio-field input:focus-visible{border-color:var(--accent-line);outline:2px solid var(--accent-line);outline-offset:1px}.radio-field .radio-modes{width:100%;height:36px;align-items:center;justify-content:center}.radio-field .radio-mode{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radio-genres{display:flex;flex-wrap:wrap;gap:6px;flex:none}.radio-genre{padding:5px 10px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--muted);font-family:inherit;font-size:.78rem;font-weight:600;cursor:pointer;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.radio-genre:hover{border-color:var(--border-strong);color:var(--text)}.radio-genre.is-active{border-color:var(--accent-line);background:var(--accent-wash);color:var(--accent-soft)}.radio-genre .muted{font-size:.7rem;font-variant-numeric:tabular-nums}.radio-volume{flex:1 1 auto;min-width:0;max-width:160px;height:28px;accent-color:var(--accent);-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;padding:0;border-radius:0;background:transparent;cursor:pointer}.radio-volume::-webkit-slider-runnable-track{height:5px;border-radius:var(--radius-pill);background:#ffffff2e}.radio-volume::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;margin-top:-5px;border:0;border-radius:50%;background:var(--accent)}.radio-volume::-moz-range-track{height:5px;border-radius:var(--radius-pill);background:#ffffff2e}.radio-volume::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:var(--accent)}.radio-volume:focus-visible{outline:2px solid var(--accent-line);outline-offset:3px}.radio-btn{flex:none;white-space:nowrap}.radio-modes{display:inline-flex;padding:2px;gap:2px;border:1px solid var(--border);border-radius:var(--radius-pill);background:#00000038}.radio-mode{padding:5px 12px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--muted);font-family:inherit;font-size:.79rem;font-weight:600;cursor:pointer;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}.radio-mode:hover:not(:disabled){color:var(--text)}.radio-mode.is-active{background:var(--accent-wash);color:var(--accent-soft)}.radio-mode:disabled{color:var(--faint);cursor:not-allowed}.radio-count{margin:0;flex:none;font-size:.8rem;font-variant-numeric:tabular-nums}.radio-empty{margin:0;flex:none;padding:14px 12px;border:1px dashed var(--border);border-radius:var(--radius);text-align:center;font-size:.84rem}.radio-stations{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto}.radio-stations--picker{flex:1 1 auto;min-height:120px;max-height:none;padding-right:2px;overscroll-behavior:contain;scrollbar-gutter:stable}.radio-station{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:#ffffff05;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.radio-station:hover{background:var(--surface-hover);border-color:var(--border-strong)}.radio-station.is-current{border-color:var(--accent-line);background:var(--accent-wash)}.radio-station-logo{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex:none;width:44px;height:44px;border-radius:10px;background:var(--bg-3);font-size:.85rem;font-weight:700;color:var(--accent-soft)}.radio-station-text{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:2px}.radio-station-name{font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radio-station-meta{font-size:.76rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radio-station-chip{flex:none;padding:3px 9px;border:1px solid var(--accent-line);border-radius:var(--radius-pill);background:var(--accent-wash);color:var(--accent-soft);font-size:.68rem;font-weight:700;letter-spacing:.06em}.radio-station-chip--now{display:inline-flex;align-items:center;gap:6px}.radio-eq--mini{height:12px;gap:2px}.radio-eq--mini i{width:3px}.radio-station-live{display:inline-flex;align-items:center;gap:5px;flex:none;padding:3px 8px;border:1px solid rgba(75,189,138,.42);border-radius:var(--radius-pill);background:#4bbd8a1f;color:var(--ok);font-size:.68rem;font-weight:700;letter-spacing:.06em}.radio-station-live-dot{width:6px;height:6px;border-radius:50%;background:var(--ok)}.radio-station-logo--img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:inherit;transition:opacity var(--dur) var(--ease)}.radio-deck .radio-station-logo{font-size:1.2rem}.radio-more{align-self:center;margin-top:4px}.radio-note{margin:0;font-size:.8rem}.radio-picker-modal{width:min(560px,100%);max-height:calc(100dvh - 32px);overflow:hidden;display:flex;flex-direction:column;gap:12px}.radio-picker-head{flex:none;display:flex;flex-direction:column;gap:2px;padding-right:30px}.radio-picker-brand{font-family:var(--font-space);font-size:.66rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}.radio-picker-head h3{margin:0}.radio-picker-backdrop{padding:16px}@media (max-width: 720px){.radio-tuner{grid-template-columns:minmax(0,1fr)}.radio-picker-modal{overflow-y:auto;overscroll-behavior:contain}.radio-stations--picker{flex:none;min-height:0;max-height:none;overflow:visible}}@media (max-width: 430px){.radio-station{flex-wrap:wrap;justify-content:flex-end;row-gap:8px}.radio-station-text{flex:1 1 calc(100% - 54px)}}@media (max-height: 680px){.radio-picker-modal{overflow-y:auto;overscroll-behavior:contain}.radio-stations--picker{flex:none;min-height:0;max-height:none;overflow:visible}}.radio-tabs{flex:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.radio-tab{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:#00000038;box-shadow:inset 0 1px #ffffff0a;color:var(--text);font-family:inherit;text-align:left;cursor:pointer;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.radio-tab:hover{background:var(--surface-hover);border-color:var(--border-strong)}.radio-tab.is-active{border-color:var(--accent-line);background:var(--accent-wash)}.radio-tab-label{font-size:.76rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.radio-tab-meta{font-size:.66rem;font-variant-numeric:tabular-nums}.radio-body{display:flex;flex:1 1 auto;min-height:0}.radio-page{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;min-height:0}.radio-page[hidden]{display:none}.radio-page--panel{gap:14px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:#00000038;box-shadow:inset 0 1px #ffffff0a;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.radio-dial{display:flex;flex-direction:column;gap:8px}.radio-dial-bands{display:flex;flex-wrap:wrap;gap:6px}.radio-dial-readout{display:flex;align-items:baseline;gap:6px;margin:0;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius);background:#00000057;min-width:0}.radio-dial-value{font-family:var(--font-space);font-size:1.3rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent-soft)}.radio-dial-unit{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.radio-dial-hit{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;font-size:.84rem;font-weight:600}.radio-dial-track{position:relative;display:flex;flex-direction:column;gap:3px}.radio-dial-slider{width:100%;min-width:0;height:26px;margin:0;padding:0;border:0;border-radius:0;background:none;accent-color:var(--accent);-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.radio-dial-slider::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--border-strong),var(--border))}.radio-dial-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:20px;margin-top:-7px;border:0;border-radius:3px;background:var(--accent)}.radio-dial-slider::-moz-range-track{height:6px;border-radius:3px;background:var(--border-strong)}.radio-dial-slider::-moz-range-thumb{width:12px;height:20px;border:0;border-radius:3px;background:var(--accent)}.radio-dial-slider:focus-visible{outline:2px solid var(--accent-line);outline-offset:3px}.radio-dial-marks{position:relative;margin:0 6px;height:22px}.radio-dial-mark{position:absolute;top:0;width:24px;height:22px;margin-left:-12px;padding:0;border:0;background:none;cursor:pointer}.radio-dial-mark:after{content:"";position:absolute;left:11px;top:2px;width:2px;height:12px;border-radius:2px;background:var(--faint);transition:background-color var(--dur) var(--ease),height var(--dur) var(--ease)}.radio-dial-mark:hover:after{background:var(--accent-line);height:16px}.radio-dial-mark.is-current:after{background:var(--accent)}.radio-dial-mark:focus-visible{outline:2px solid var(--accent-line);outline-offset:1px;border-radius:3px}.radio-dial-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.radio-dial-hint{line-height:1.45}.radio-room-stations{display:flex;flex-direction:column;gap:10px}.radio-room-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;padding:10px;border:1px solid var(--border);border-radius:var(--radius);background:#0000002e}.radio-room-form .radio-btn{grid-column:1 / -1;justify-self:start}@media (max-width: 720px){.radio-room-form{grid-template-columns:minmax(0,1fr)}}@media (max-width: 720px),(max-height: 680px){.radio-body,.radio-page{flex:none;min-height:0}.radio-page--panel{overflow:visible;overscroll-behavior:auto;scrollbar-gutter:auto}}@media (max-width: 430px){.radio-tab{padding:8px 6px}.radio-tab-label{font-size:.66rem;letter-spacing:.01em}.radio-tab-meta{display:none}}.stop-share-row,.leave-transfer-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid rgba(var(--olive-text-rgb),.12);border-radius:13px;background:rgba(var(--olive-text-rgb),.03)}.stop-share-name,.leave-transfer-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:.88rem}.stop-share-kinds{display:flex;flex:none;gap:6px;flex-wrap:wrap;justify-content:flex-end}.btn.stop-share{color:var(--danger)}.btn.stop-share:hover{border-color:#e5676f80}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}input,textarea,select{width:100%;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--border);background:#00000038;color:var(--text);font-family:inherit;font-size:14px;outline:none;transition:border-color var(--dur) var(--ease),background-color var(--dur) var(--ease)}input::placeholder,textarea::placeholder{color:var(--faint)}input:hover:not(:focus),textarea:hover:not(:focus){border-color:var(--border-strong)}input:focus,textarea:focus,select:focus{border-color:var(--accent-line);background:#0000004d}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent-line);outline-offset:1px}label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--muted)}.muted{color:var(--muted);font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 15px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:14px;font-weight:500;cursor:pointer;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease),transform .2s var(--ease)}.btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--accent-line);outline-offset:2px}.btn.primary{background:var(--bg-3);border-color:var(--accent-line);color:var(--text);font-weight:600}.btn.primary:hover:not(:disabled){background:#343b27;border-color:var(--accent-line)}.btn.ghost{background:transparent;border-color:var(--border);color:var(--muted)}.btn.ghost:hover:not(:disabled){color:var(--text);background:var(--surface)}.btn.danger{border-color:#e5676f66;background:#e5676f14;color:var(--danger)}.btn.danger:hover:not(:disabled){background:#e5676f24;border-color:#e5676f99}.btn.small{padding:6px 10px;font-size:13px}.btn.tiny{padding:4px 8px;font-size:12px}.btn.btn-blue-outline{background:transparent;border-color:var(--border-strong);color:var(--text)}.card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 20px;gap:14px;box-shadow:0 18px 40px #00000057;backdrop-filter:none;-webkit-backdrop-filter:none}.card h2{font-size:1.15rem;font-weight:650;letter-spacing:-.01em;color:var(--text)}.card-header-icon{width:40px;height:40px;border-radius:var(--radius);background:var(--accent-wash);border:1px solid var(--accent-line);color:var(--accent)}.modal-backdrop{background:rgba(var(--olive-bg-rgb),.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:themeFade var(--dur) var(--ease)}.invite-modal,.modal-backdrop .card,.modal-backdrop form,.username-setup-modal{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 28px 64px #00000080;backdrop-filter:none;-webkit-backdrop-filter:none;animation:themeRise var(--dur-slow) var(--ease)}.device-link-modal{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 24px 64px #0000008c;backdrop-filter:none;-webkit-backdrop-filter:none}@keyframes themeFade{0%{opacity:0}to{opacity:1}}@keyframes themeRise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.modal-backdrop,.invite-modal,.modal-backdrop .card,.modal-backdrop form,.username-setup-modal{animation:none}.device-link-backdrop,.device-link-modal,.notif-dropdown,.news-panel,.news-panel-backdrop{animation:none;transition:none}}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:rgba(var(--olive-text-rgb),.13);border-radius:var(--radius-pill);border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:rgba(var(--olive-text-rgb),.22);background-clip:content-box}::selection{background:rgba(var(--olive-accent-rgb),.28);color:var(--text)}.control-bar{gap:10px;padding:12px 18px;border-top:1px solid var(--border);background:rgba(var(--olive-bg-rgb),.84);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.control-bar-desktop{display:flex;justify-content:center;padding:14px 0 18px;background:transparent;border:none}.control-bar-desktop .control-bar{display:inline-flex;align-items:stretch;gap:4px;padding:8px;border:1px solid var(--border);border-radius:18px;background:rgba(var(--olive-bg-rgb),.86);box-shadow:0 18px 40px #00000073;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);flex-wrap:nowrap}.control-bar-desktop .btn.control{flex-direction:column;gap:5px;min-width:66px;min-height:0;padding:9px 12px 8px;border-radius:12px;background:transparent;border:1px solid transparent}.control-bar-desktop .btn.control .ctrl-label{font-size:11px;font-weight:500;letter-spacing:.01em;color:var(--muted);white-space:nowrap}.control-bar-desktop .btn.control:hover .ctrl-label{color:var(--text)}.control-bar-desktop .control-spacer{display:none}.mobile-dock .control-bar{display:flex;justify-content:space-around;align-items:flex-start;gap:4px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:rgba(var(--olive-bg-rgb),.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.mobile-dock .btn.control{flex-direction:column;gap:5px;width:100%;max-width:76px;min-height:0;padding:8px 4px;border-radius:999px;background:rgba(var(--olive-text-rgb),.04);border:1px solid var(--border)}.mobile-dock .btn.control .ctrl-label{font-size:10.5px;font-weight:500;color:var(--muted);white-space:nowrap}.mobile-dock .btn.control:hover .ctrl-label,.mobile-dock .btn.control.active .ctrl-label{color:var(--text)}.mobile-dock .control-spacer{display:none}.btn.control{min-height:42px;padding:8px 16px;background:rgba(var(--olive-text-rgb),.04);border:1px solid var(--border);color:var(--text);font-weight:550;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease),transform .2s var(--ease)}.btn.control:hover:not(:disabled){background:rgba(var(--olive-text-rgb),.08);border-color:var(--border-strong);color:var(--text);transform:none;box-shadow:none}.btn.control:active:not(:disabled){transform:translateY(1px)}.btn.control.active{background:var(--accent-wash);border-color:var(--accent-line);color:var(--accent-soft);box-shadow:none}.btn.control.active:hover:not(:disabled){background:rgba(var(--olive-accent-rgb),.18);border-color:var(--accent);color:var(--accent);box-shadow:none}.btn.control.share.active,.btn.control.leave{background:#e5676f1a;border-color:#e5676f66;color:#f0a0a5;box-shadow:none}.btn.control.share.active:hover:not(:disabled),.btn.control.leave:hover:not(:disabled){background:#e5676f2e;border-color:#e5676fa6;color:var(--text);box-shadow:none}.participants{border:1px solid var(--border);border-radius:var(--radius-lg);background:rgba(var(--olive-bg-rgb),.72);box-shadow:0 16px 40px #0000005c;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.participants.is-collapsed{background:rgba(var(--olive-bg-rgb),.5);box-shadow:none}.participants-header{border-radius:var(--radius-lg);transition:background-color var(--dur) var(--ease)}.participants-header:hover{background:rgba(var(--olive-text-rgb),.04)}.panel h3{font-size:11.5px;font-weight:600;letter-spacing:.09em;color:var(--faint)}.media-tile .tile-self-tag{background:rgba(var(--olive-text-rgb),.06);border-color:var(--border-strong);color:var(--muted);box-shadow:none}.role-pill{background:rgba(var(--olive-text-rgb),.05);color:var(--muted);border:1px solid var(--border)}.role-pill.owner{background:var(--accent-wash);color:var(--accent-soft);border-color:var(--accent-line);box-shadow:none}.role-pill.admin,.role-pill.full-access,.role-pill.sharer,.role-pill.twitch-paused{background:rgba(var(--olive-text-rgb),.05);color:var(--muted);border:1px solid var(--border)}.role-pill.twitch-paused{color:var(--danger);border-color:#e5676f59}.chat-from{color:var(--muted);font-weight:600}.chat-people-btn{border-radius:999px;background:rgba(var(--olive-text-rgb),.04);color:var(--muted);transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}.chat-people-btn:hover{background:rgba(var(--olive-text-rgb),.08);color:var(--text)}.chat-msg{background:rgba(var(--olive-text-rgb),.045);border:1px solid var(--border);border-radius:14px 14px 14px 5px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:var(--text);animation:chat-bubble-in .3s var(--ease)}.chat-msg.self{background:rgba(var(--olive-accent-rgb),.12);border-color:var(--accent-line);border-radius:14px 14px 5px;color:var(--text);box-shadow:none}.chat-input-capsule{background:rgba(var(--olive-text-rgb),.04);border:1px solid var(--border);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:border-color var(--dur) var(--ease),background-color var(--dur) var(--ease)}.chat-input-capsule:focus-within{border-color:var(--accent-line);background:rgba(var(--olive-text-rgb),.06);box-shadow:0 0 0 2px rgba(var(--olive-accent-rgb),.12)}.chat-gif-pill-btn{border-color:var(--border);background:rgba(var(--olive-text-rgb),.04);color:var(--muted);font-weight:600;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.chat-gif-pill-btn:hover:not(:disabled){background:rgba(var(--olive-text-rgb),.08);color:var(--text);border-color:var(--border-strong);transform:none}.chat-gif-pill-btn.active{background:var(--accent-wash);border-color:var(--accent-line);color:var(--accent-soft)}.chat-send-round-btn{background:var(--accent);color:var(--on-accent);box-shadow:none;transition:background-color var(--dur) var(--ease),transform .2s var(--ease)}.chat-send-round-btn:hover:not(:disabled){background:var(--accent-soft);transform:scale(1.04);box-shadow:none}.chat-send-round-btn:disabled{background:rgba(var(--olive-text-rgb),.06);color:var(--faint);box-shadow:none}.participants-desktop,.control-bar-desktop{display:none}:root{--font-serif: "Fraunces", Georgia, "Times New Roman", serif;--room-gap: 14px;--room-radius: 16px;--room-card-bg: rgba(12, 15, 21, .9);--room-card-line: 1px solid var(--border);--room-haze-warm: rgba(224, 169, 74, .09);--room-haze-deep: rgba(2, 3, 7, .82);--room-haze: radial-gradient( 130% 70% at 50% -14%, var(--room-haze-warm) 0%, rgba(224, 169, 74, 0) 62% ), radial-gradient(105% 88% at 50% 42%, rgba(5, 7, 12, 0) 38%, var(--room-haze-deep) 100%), linear-gradient(180deg, rgba(8, 11, 20, .72) 0%, rgba(3, 4, 9, .9) 100%), url(/tv_room_preview.png)}.room-layout{background-color:var(--bg);background-image:var(--room-haze);background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:fixed}.room-main .stage,.room-main .watch-panel--active,.side-column,.participants-strip{box-shadow:inset 0 1px rgba(var(--olive-text-rgb),.045),0 18px 44px #0000006b}body>div:has(>.announce-banner):has(>.lk-room-container){display:flex;flex-direction:column;height:100dvh;min-height:0;overflow:hidden}body>div:has(>.announce-banner):has(>.lk-room-container)>.lk-room-container{flex:1 1 auto;min-height:0}.room-main{flex:1;display:grid;gap:var(--room-gap);padding:var(--room-gap);min-height:0}@media (min-width: 901px){.room-main{grid-template-columns:minmax(0,1fr) clamp(340px,23vw,416px)}}.room-main .stage-column,.room-main .stage-column:has(.watch-panel--active){display:flex;flex-direction:column;gap:var(--room-gap);padding:0;min-width:0;min-height:0}.room-main .stage{padding:0;gap:var(--room-gap);min-height:0;background:var(--room-card-bg);border:var(--room-card-line);border-radius:var(--room-radius)}.room-main .stage-focus{border:none;border-radius:calc(var(--room-radius) - 2px);box-shadow:none;background:var(--bg)}.room-main .stage-empty{gap:14px;padding:24px;border:none;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.stage-empty-mark{display:grid;width:58px;height:48px;place-items:center;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--accent-soft)}.stage-empty-mark svg{width:34px;height:30px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.stage-empty-title{margin:0;color:var(--text);font-family:var(--font-serif);font-size:20px;font-weight:500;letter-spacing:0}.stage-empty>.muted{max-width:42ch;margin:0;color:var(--muted);font-size:13px;line-height:1.6}.room-main .watch-panel--active{background:var(--room-card-bg);border:var(--room-card-line);border-radius:var(--room-radius)}.participants-strip{flex-shrink:0;padding:12px 14px 14px;border:var(--room-card-line);border-radius:var(--room-radius);background:var(--room-card-bg)}.participants-strip .participants--strip{margin:0;padding:0;border:none;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:none}.participants-strip .participants-header{padding:0 2px 11px;border-radius:0;cursor:default}.participants-strip .participants-header-left{gap:8px}.participants-strip .participants-people-icon{display:inline-flex;color:var(--muted)}.participants-strip .participants-title{font-family:var(--font-serif);font-size:15px;font-weight:600;letter-spacing:-.01em;text-transform:none;color:var(--text)}.participants-strip .participants-count-badge{font-size:12.5px;font-weight:600;color:var(--muted);background:rgba(var(--olive-text-rgb),.05);border:1px solid var(--border);padding:1px 8px}.participants-strip .participants-body{max-height:none;overflow:visible;min-height:0;padding:0}.participants-flow{display:contents}.participants-strip-scroll{position:relative;display:flex;align-items:stretch;gap:8px;margin:0 -2px;padding:2px}.participants-strip .participants-list{display:flex;flex-direction:row;gap:10px;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;scrollbar-width:none;flex:1;min-width:0}.participants-strip .participants-list::-webkit-scrollbar{display:none}.participants-strip .strip-arrow{position:static;top:auto;left:auto;right:auto;transform:none;z-index:auto;display:inline-flex;align-items:center;justify-content:center;align-self:center;width:30px;height:30px;flex-shrink:0;border-radius:50%;border:1px solid var(--border);background:rgba(var(--olive-bg-rgb),.94);color:var(--muted);font-size:inherit;line-height:1;cursor:pointer;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}.participants-strip .strip-arrow:hover{background:rgba(var(--olive-text-rgb),.08);border-color:var(--border-strong);color:var(--text)}.participants-strip .participant-row{flex:0 0 auto;width:178px;padding:0;border-radius:13px;border:1px solid var(--border);background:rgba(var(--olive-text-rgb),.028);overflow:hidden;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.participants-strip .participant-row:hover{background:rgba(var(--olive-text-rgb),.05);border-color:var(--border-strong)}.strip-card{display:flex;flex-direction:column;width:100%;cursor:pointer}.strip-card.is-speaking{outline:2px solid rgba(62,207,142,.85);outline-offset:-2px;animation:speak-glow 1.5s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.strip-card.is-speaking{animation:none;box-shadow:0 0 12px #3ecf8e99}}.strip-card:focus-visible{outline:2px solid var(--accent-line);outline-offset:-2px}.strip-card-media{position:relative;aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center;background:var(--bg);border-bottom:1px solid var(--border);overflow:hidden}.strip-card-media video{width:100%;height:100%;object-fit:cover}.strip-card-media .participant-tile-avatar{display:flex;padding:0;border:none;background:none;cursor:pointer}.strip-card-foot{display:flex;align-items:center;gap:7px;padding:8px 10px 9px;min-width:0;width:100%}.participants-strip .participant-tile-foot{display:flex;align-items:center;justify-content:flex-start;gap:6px;min-width:0;max-width:100%}.participants-strip .participant-tile-crown{font-size:11px;line-height:1;flex-shrink:0}.participants-strip .participant-tile-mic{display:inline-flex;flex-shrink:0;color:#e5676f}.participants-strip .participant-tile-mic.is-live{color:var(--accent)}.participants-strip .role-pill{margin-left:0;font-size:9.5px;padding:1px 6px;flex-shrink:0;white-space:nowrap}.participants-strip .participant-display-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px}.participants-strip .participant-self-tag{font-size:10.5px;color:var(--faint);flex-shrink:0}.participants-strip .participant-actions-wrapper,.participants-strip .invite-friends,.participants-strip .outgoing-note,.participants-strip .error-inline{display:none}.side-column{display:flex;flex-direction:column;min-width:0;min-height:0;border:var(--room-card-line);border-radius:var(--room-radius);background:var(--room-card-bg);backdrop-filter:none;-webkit-backdrop-filter:none;overflow:hidden}.side-chat{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}@media (min-width: 901px){.side-column{display:grid;grid-template-columns:minmax(0,1fr) 78px}.side-chat{flex:none}.side-column>.side-chat>.chat{margin-top:0}}@media (min-width: 901px) and (max-width: 1180px){.side-column{grid-template-columns:minmax(0,1fr) 68px}}.chat-header{display:flex;align-items:center;gap:10px;margin-bottom:0;padding:12px 14px;border-bottom:1px solid var(--border)}.chat-header-row{display:flex;align-items:center;gap:10px;width:100%;min-height:0}.chat-header h3,.chat-header--watch .chat-header-row h3{flex:1;min-width:0;margin:0;font-family:var(--font-serif);font-size:19px;font-weight:600;letter-spacing:-.01em;text-transform:none;text-align:left;color:var(--text)}.chat-header-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;border-radius:9px;border:1px solid var(--border);background:rgba(var(--olive-text-rgb),.04);color:var(--muted)}.chat-header-count{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;flex-shrink:0;border-radius:999px;border:1px solid var(--border);background:rgba(var(--olive-text-rgb),.04);color:var(--muted);font-size:12.5px;font-weight:600}.chat-input-capsule{margin:0;padding:6px 6px 6px 10px;gap:8px;border-radius:14px}.chat-send-round-btn{width:34px;height:34px;border-radius:10px}.room-rail{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;padding:10px 9px;border-left:1px solid var(--border);background:rgba(var(--olive-text-rgb),.015)}.room-rail .control-bar{display:flex;flex-direction:column;align-items:stretch;justify-content:center;flex-wrap:nowrap;gap:7px;padding:0 0 60px;border:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;flex:1;min-height:0}.room-rail .room-island-toast,.mobile-dock .rail-desktop-only{display:none}.room-rail .btn.control{flex-direction:column;gap:5px;width:100%;min-height:0;padding:9px 3px 8px;border-radius:12px;background:rgba(var(--olive-text-rgb),.03);border:1px solid var(--border);transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur) var(--ease)}.room-rail .btn.control:hover:not(:disabled){background:rgba(var(--olive-text-rgb),.06);border-color:var(--border-strong);transform:translateY(-1px)}.room-rail .btn.control:active:not(:disabled){transform:translateY(0)}.room-rail .btn.control .ctrl-label{font-size:10px;font-weight:500;color:var(--faint);white-space:nowrap;text-align:center;line-height:1.15;transition:color var(--dur) var(--ease)}.room-rail .btn.control .ctrl-label,.room-rail .btn.control .invite-open-label{max-width:100%;overflow:hidden;text-overflow:ellipsis}.room-rail .btn.control .invite-open-label{font-size:10px;font-weight:500;color:var(--faint);white-space:nowrap;line-height:1.15}.room-rail .btn.control:hover .invite-open-label,.room-rail .btn.control:hover .ctrl-label{color:var(--text)}.room-rail .btn.control.active{background:var(--accent-wash);border-color:var(--accent-line);color:var(--accent)}.room-rail .btn.control.active .ctrl-label{color:var(--accent-soft)}.room-rail .btn.control.leave{position:absolute;left:9px;right:9px;bottom:10px;width:auto;margin:0;color:var(--danger)}.room-rail .btn.control.leave:before{content:"";position:absolute;top:-8px;left:6px;right:6px;height:1px;background:var(--border)}.room-rail .btn.control.leave:hover:not(:disabled){background:#e5676f1a;border-color:#e5676f66;color:var(--danger);box-shadow:none}.room-rail .btn.control.leave .ctrl-label{color:var(--faint)}.room-rail .btn.control.leave:hover .ctrl-label{color:var(--danger)}.room-rail .control-spacer{display:none}@media (min-width: 901px) and (max-width: 1040px){.room-main{grid-template-columns:minmax(0,1fr) minmax(280px,320px)}}.invite-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 16px;height:56px;background:rgba(var(--olive-bg-rgb),.86);border-bottom:1px solid var(--border);box-shadow:none;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);flex-shrink:0}.room-topbar-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.room-brand{text-decoration:none;flex-shrink:0}.room-brand-text{font-family:var(--font-serif);font-size:20px;font-weight:600;letter-spacing:-.01em;color:var(--text)}.room-brand-accent{color:rgba(var(--olive-accent-rgb),.85)}.room-topbar-divider{width:1px;height:20px;background:var(--border);flex-shrink:0}.room-topbar-name{font-family:var(--font-serif);font-size:17px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:34vw}.room-topbar-count{display:none}.room-topbar-code{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:var(--radius);border:1px solid var(--border);background:rgba(var(--olive-text-rgb),.03);color:var(--muted);font-size:12.5px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.room-topbar-code:hover{background:rgba(var(--olive-text-rgb),.06);border-color:var(--border-strong);color:var(--text)}.room-topbar-code.is-copied{border-color:var(--accent-line);color:var(--accent-soft)}.room-topbar-code-label{color:var(--faint)}.room-topbar-code-value{color:var(--text);font-weight:600;letter-spacing:.04em}.room-topbar-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.invite-banner .invite-open-btn{height:36px;padding:0 15px;gap:8px;border-radius:999px;border:1px solid var(--accent-line);background:var(--accent-wash);color:var(--accent-soft);font-size:13.5px;font-weight:600}.invite-banner .invite-open-btn:hover:not(:disabled){background:rgba(var(--olive-accent-rgb),.18);border-color:var(--accent);color:var(--accent)}.room-topbar-back,.room-topbar-more{display:none;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;border:1px solid var(--border);background:rgba(var(--olive-text-rgb),.04);color:var(--text);cursor:pointer;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.room-topbar-back:hover,.room-topbar-more:hover{background:rgba(var(--olive-text-rgb),.08);border-color:var(--border-strong)}@media (max-width: 900px){.invite-banner{height:54px;padding:0 12px}.room-brand,.room-topbar-divider,.room-topbar-code{display:none}.room-topbar-back,.room-topbar-more{display:inline-flex}.room-topbar-left{gap:8px}.room-topbar-name{font-size:16px;max-width:42vw}.room-topbar-count{display:inline-flex;gap:6px;font-size:12.5px;color:var(--muted);white-space:nowrap;flex-shrink:0}.room-layout--mobile .room-topbar-count svg{display:none}.room-layout--mobile .room-topbar-name{max-width:32vw}.room-main{grid-template-rows:auto minmax(170px,1fr);gap:0;padding:0}.room-layout--mobile .side-column{border:none;border-radius:0;box-shadow:none;margin:0;min-height:min(46dvh,320px);background:var(--room-card-bg)}.room-main .stage-column{gap:0;padding:0;justify-content:flex-start}.room-layout--mobile .watch-panel--active,.room-layout--mobile .stage{border:none;border-radius:0;margin:0;background:#000}.room-layout--mobile .watch-panel--active{flex:0 0 auto;height:auto;justify-content:center}.room-layout--mobile .watch-panel--active .watch-player{min-height:0;height:min(calc(56.25vw + 48px),max(150px,calc(38dvh + 24px)));aspect-ratio:auto;max-height:none;max-width:100%;width:100%;margin-inline:auto;flex:0 0 auto}.room-layout--mobile .stage-focus{border-radius:0}.room-layout--mobile .stage-empty,.room-layout--mobile .stage-focus{flex:0 0 auto;height:min(calc(56.25vw + 48px),max(150px,calc(38dvh + 24px)));aspect-ratio:auto;max-height:none}.room-layout--mobile .stage-empty{background:linear-gradient(160deg,var(--bg-2),var(--bg));box-shadow:none;border:none}.room-layout--mobile .stage-empty-title{font-family:var(--font-body);font-size:15px;font-weight:500;color:var(--muted)}.room-layout--mobile .stage-empty-mark,.room-layout--mobile .stage-empty>.muted{display:none}.room-layout--mobile .chat-people-btn{display:none}.room-layout--mobile .participants-strip{padding:10px 12px;border:none;border-bottom:1px solid var(--border);border-radius:0;background:transparent;box-shadow:none;flex:0 0 auto}.room-layout--mobile .chat-header--watch{flex-direction:row;align-items:center;gap:8px;margin-bottom:6px}.room-layout--mobile .chat-header--watch .chat-room-title{display:none}.room-layout--mobile .chat-header--watch .chat-header-row{min-height:36px;width:100%}.room-layout--mobile .chat-header--watch .chat-header-row h3{font-size:.8rem}.room-layout--mobile .side-chat{display:flex;flex-direction:column;min-height:0;overflow:hidden}.room-layout--mobile .side-chat .chat{flex:1 1 auto;min-height:0;margin:0;display:flex;flex-direction:column}.room-layout--mobile .side-chat .chat{padding:0 12px 10px;border:none;border-radius:0;background:transparent;box-shadow:none}.room-layout--mobile .side-chat .chat-header--watch{margin:0;padding:8px 0;border-bottom:none}.room-layout--mobile .chat-header--watch .chat-header-row h3{font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--accent-soft);text-align:left}.room-layout--mobile .chat-header-icon{width:24px;height:24px;border:none;background:transparent;color:var(--accent-soft)}.room-layout--mobile .chat-speakers{display:flex;gap:8px;max-width:45%;overflow-x:auto;padding:4px;scrollbar-width:none}.room-layout--mobile .chat-speaker{display:inline-flex;flex:0 0 auto;border-radius:50%;outline:2px solid var(--accent);box-shadow:0 0 0 4px var(--accent-wash)}.room-layout--mobile .chat-invite-btn{display:none}.room-layout--mobile .chat-input-capsule{border-radius:24px;padding:4px 5px 4px 12px;min-height:48px;background:var(--surface)}.room-layout--mobile .chat-input-field{font-size:16px}.room-layout--mobile .chat-gif-pill-btn{order:1;min-width:44px;min-height:44px;padding:0 6px;border:none;background:transparent}.room-layout--mobile .chat-send-round-btn{order:2;width:44px;height:44px;flex-shrink:0;border-radius:50%}.room-layout--mobile .side-chat .chat-messages{min-height:72px;padding:2px 2px 4px}.room-layout--mobile .participants-strip--in-chat .participants-strip-scroll{margin:0}.room-layout--mobile .participants-strip--in-chat .participant-row{width:96px}.room-layout--mobile .participants-strip--in-chat .strip-card{display:flex;align-items:center;gap:7px;height:44px;padding:5px 8px 5px 5px}.room-layout--mobile .participants-strip--in-chat .strip-card-media{width:34px;height:34px;flex:0 0 34px;border-radius:8px;overflow:hidden}.room-layout--mobile .participants-strip--in-chat .participant-tile-avatar,.room-layout--mobile .participants-strip--in-chat .participant-avatar{width:34px;height:34px;border-radius:8px;overflow:hidden}.room-layout--mobile .participants-strip--in-chat .participant-avatar .af-inner,.room-layout--mobile .participants-strip--in-chat .participant-avatar img,.room-layout--mobile .participants-strip--in-chat .participant-avatar .avatar-fallback{border-radius:8px}.room-layout--mobile .participants-strip--in-chat .strip-card-foot{padding:0;min-width:0;background:transparent;border:none}.room-layout--mobile .participants-strip--in-chat .participant-display-name{font-size:11.5px;max-width:46px}.room-layout--mobile .participants-strip .participants-header{display:none}.room-layout--mobile .participants-strip .participant-row{width:116px}.room-layout--mobile .participants-strip .participant-self-tag,.room-layout--mobile .participants-strip .role-pill{display:none}.room-layout--mobile .participants-strip .strip-card-foot{padding:0}.room-layout--mobile .participants-strip .strip-arrow{display:none}.mobile-dock .btn.control .ctrl-label{display:inline;font-size:10px;letter-spacing:-.01em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-dock .btn.control{gap:4px;padding:8px 3px;max-width:82px;border-radius:12px;border-color:transparent;background:transparent;box-shadow:none}.room-layout.room-layout--mobile{background:linear-gradient(180deg,var(--bg-2),var(--bg))}.room-layout--mobile .side-column{background:linear-gradient(145deg,var(--bg-2),var(--bg) 75%)}.room-layout--mobile .mobile-dock{background:var(--room-card-bg);-webkit-backdrop-filter:none;backdrop-filter:none;border-top:1px solid var(--border)}.room-layout--mobile .mobile-dock .control-bar{padding:4px 8px;background:transparent}.room-layout--mobile .mobile-dock .control-bar .btn.control:not(.leave){border-color:transparent;background:transparent;color:var(--muted)}.room-layout--mobile .mobile-dock .control-bar .btn.control.active:not(.leave),.room-layout--mobile .mobile-dock .control-bar .btn.control:not(.leave):hover{border-color:var(--accent-line);background:var(--accent-wash);color:var(--accent-soft)}.room-layout--mobile .mobile-dock .btn.control.leave{color:var(--danger);background:#e5676f0f}.mobile-dock .btn.control .ctrl-label{color:var(--faint)}.mobile-dock .btn.control.active{background:var(--accent-wash);border-color:var(--accent-line);color:var(--accent);box-shadow:none}.mobile-dock .btn.control.active .ctrl-label{color:var(--accent-soft)}.mobile-dock .btn.control.leave:hover:not(:disabled){background:#e5676f1a;border-color:#e5676f66;color:var(--danger);box-shadow:none}}@media (max-width: 900px) and (max-height: 560px){.room-layout--mobile .participants-strip .participant-row{width:96px}.room-layout--mobile .participants-strip .strip-card-foot{padding:5px 7px 6px}.mobile-dock .control-bar{padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px))}.mobile-dock .btn.control{padding:5px 3px 4px;gap:3px}.mobile-dock .btn.control .ctrl-label{font-size:9px}}@media (max-width: 900px) and (min-width: 620px) and (max-height: 560px){.room-main{grid-template-columns:minmax(0,1fr) minmax(230px,32vw);grid-template-rows:minmax(0,1fr)}.room-main>.stage-column{grid-column:1;grid-row:1}.room-main>.side-column{grid-column:2;grid-row:1}.room-layout--mobile .side-column{margin:0 8px 8px 0;border:var(--room-card-line);border-radius:var(--room-radius)}.room-layout--mobile .watch-panel--active .watch-player{max-height:36vh;max-width:64vh;height:auto;aspect-ratio:16 / 9}.room-layout--mobile .stage-empty,.room-layout--mobile .stage-focus{height:auto;aspect-ratio:16 / 9;max-height:36dvh}}.room-title-capsule,.invite-banner-spacer{display:none}.room-layout--theater .room-rail,html.watch-immersive .room-rail{display:none!important}.room-layout--theater .room-main{padding:0;gap:0}.room-layout--theater .stage{border:none;border-radius:0;background:#000}.announce-banner{font-weight:450;color:var(--text)}.announce-banner--under-nav{background:rgba(var(--olive-panel-rgb),.86);border:1px solid var(--border);box-shadow:0 12px 30px #0000005c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.announce-banner--under-nav.announce--warning,.announce-banner--under-nav.announce--info,.announce-banner--under-nav.announce--success,.announce-banner--under-nav.announce--update{background:rgba(var(--olive-panel-rgb),.86);border:1px solid var(--border);box-shadow:0 12px 30px #0000005c}.announce-banner--sticky-top{background:rgba(var(--olive-bg-rgb),.86);border-bottom:1px solid var(--border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.announce-banner--clickable{transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.announce-banner--clickable:hover{transform:none}.announce-banner--under-nav.announce-banner--clickable:hover{background:rgba(var(--olive-panel-rgb),.9);border-color:var(--border-strong);box-shadow:0 12px 30px #0000005c}.announce-speaker-badge{background:rgba(var(--olive-text-rgb),.05);border:1px solid var(--border);color:var(--muted);box-shadow:none;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}.announce--info .announce-speaker-badge,.announce--warning .announce-speaker-badge,.announce--success .announce-speaker-badge,.announce--update .announce-speaker-badge{background:var(--accent-wash);border-color:var(--accent-line);color:var(--accent-soft)}.announce-text{color:var(--muted);font-weight:450}.user-profile-modal-backdrop{background:rgba(var(--olive-bg-rgb),.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:themeFade var(--dur) var(--ease)}.user-profile-modal{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 28px 64px #00000080;backdrop-filter:none;-webkit-backdrop-filter:none;animation:themeRise var(--dur-slow) var(--ease)}.profile-modal-header,.profile-modal-footer{background:transparent;border-color:var(--border)}.profile-modal-title h3{font-size:1.1rem;font-weight:600}.profile-main-card{background:rgba(var(--olive-text-rgb),.025);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.profile-edit-toggle-btn{background:rgba(var(--olive-text-rgb),.04);border:1px solid var(--border);box-shadow:none;font-weight:600;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.profile-edit-toggle-btn:hover{background:rgba(var(--olive-text-rgb),.08);border-color:var(--border-strong);transform:none;box-shadow:none}.profile-edit-toggle-btn.active{background:var(--accent-wash);border-color:var(--accent-line);color:var(--accent-soft);box-shadow:none}.profile-id-box{background:#0000003d;border:1px solid var(--border);border-radius:var(--radius)}.profile-id-copy-btn{background:rgba(var(--olive-text-rgb),.05);border:1px solid var(--border);transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.profile-id-copy-btn:hover{background:rgba(var(--olive-text-rgb),.09);border-color:var(--border-strong)}.xp-level-card{background:rgba(var(--olive-text-rgb),.025);border:1px solid var(--border);box-shadow:none}.profile-stat-card,.profile-stat-card.streak{background:rgba(var(--olive-text-rgb),.025);border:1px solid var(--border);border-radius:var(--radius);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.profile-stat-card:hover{background:rgba(var(--olive-text-rgb),.05);border-color:var(--border-strong);transform:none;box-shadow:none}.profile-stat-icon{border-radius:var(--radius)}.profile-stat-card:hover .profile-stat-icon{transform:none}.profile-stat-icon.purple,.profile-stat-icon.blue,.profile-stat-icon.gold,.profile-stat-icon.flame{background:rgba(var(--olive-text-rgb),.05);border:1px solid var(--border);box-shadow:none}.profile-stat-icon.purple,.profile-stat-icon.blue{color:var(--muted)}.profile-stat-icon.gold{color:var(--accent-soft)}.profile-stat-icon.flame{color:#dfa08a}.combo-mult-badge{background:var(--accent);color:var(--on-accent);box-shadow:none}.combo-row{background:var(--accent-wash);border:1px solid var(--accent-line);border-radius:var(--radius)}.profile-time-card,.streak-toggle-card{background:rgba(var(--olive-text-rgb),.025);border:1px solid var(--border);box-shadow:none}.streak-toggle-card:hover{background:rgba(var(--olive-text-rgb),.05);border-color:var(--border-strong)}.switch-slider{background:rgba(var(--olive-text-rgb),.08);border:1px solid var(--border);transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.switch-slider:before{transition:transform var(--dur) var(--ease)}.switch-toggle.active .switch-slider{background:var(--accent);border-color:var(--accent);box-shadow:none}.frames-badge{background:rgba(var(--olive-text-rgb),.05);color:var(--muted);border:1px solid var(--border);font-weight:600}.xp-level-pill{background:var(--accent-wash);border:1px solid var(--accent-line);color:var(--accent-soft);font-weight:700;box-shadow:none}.xp-bar{background:#0000004d;border:1px solid var(--border)}.xp-bar-fill{background:var(--accent);box-shadow:none;transition:width var(--dur-slow) var(--ease)}.verify-account-modal{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 28px 64px #00000080;color:var(--text)}.verify-account-modal h2{font-size:1.15rem;font-weight:600}.verify-modal-close{background:rgba(var(--olive-text-rgb),.05);color:var(--muted);transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}.verify-modal-close:hover{background:rgba(var(--olive-text-rgb),.1);color:var(--text)}.verify-modal-progress{color:var(--muted)}.verify-warning{background:var(--accent-wash);border:1px solid var(--accent-line);color:var(--text);border-radius:var(--radius)}.verify-deadline{color:var(--accent-soft)}.verify-step{background:rgba(var(--olive-text-rgb),.025);border:1px solid var(--border);border-radius:var(--radius)}.verify-step.is-done{border-color:rgba(var(--olive-accent-rgb),.35);background:rgba(var(--olive-accent-rgb),.07)}.header-verify-tooltip,.header-verify-cta{background:rgba(var(--olive-panel-rgb),.97);border:1px solid var(--accent-line);border-radius:var(--radius);box-shadow:0 16px 36px #00000073;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);animation:themeRise var(--dur) var(--ease);transition:border-color var(--dur) var(--ease),background-color var(--dur) var(--ease)}.header-verify-tooltip:hover,.header-verify-cta:hover{background:rgba(var(--olive-panel-rgb),.98);border-color:var(--accent)}.header-verify-tooltip .hvt-arrow{background:rgba(var(--olive-panel-rgb),.97);border-top-color:var(--accent-line);border-left-color:var(--accent-line);box-shadow:none}.header-verify-tooltip .hvt-title{color:var(--accent-soft);font-weight:600}.header-verify-tooltip .hvt-subtitle{color:var(--muted);font-weight:400}.header-verify-tooltip .hvt-icon-wrap{background:var(--accent-wash);border-color:var(--accent-line);color:var(--accent);box-shadow:none}.header-verify-tooltip .hvt-action-arrow{background:rgba(var(--olive-text-rgb),.05);border-color:var(--border);color:var(--muted)}.notif-dropdown{background:rgba(var(--olive-panel-rgb),.97);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 24px 60px #00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.notif-dropdown-header{border-bottom-color:var(--border);background:transparent}.notif-empty-bell-wrap{background:rgba(var(--olive-text-rgb),.05);border-color:var(--border);color:var(--muted);box-shadow:none;animation:none}.add-friend-backdrop{background:rgba(var(--olive-bg-rgb),.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:themeFade var(--dur) var(--ease)}.add-friend-modal{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 28px 64px #00000080;animation:themeRise var(--dur-slow) var(--ease)}.add-friend-modal:before{display:none}.add-friend-icon-badge{background:var(--accent-wash);border:1px solid var(--accent-line);color:var(--accent);border-radius:var(--radius)}.add-friend-head h3{font-size:1.1rem;font-weight:600}.add-friend-sub-badge{color:var(--muted)}.add-friend-close{background:rgba(var(--olive-text-rgb),.05);border:1px solid var(--border);color:var(--muted);transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.add-friend-close:hover{background:#e5676f1f;border-color:#e5676f66;color:var(--danger);transform:none}.add-friend-info-box{background:rgba(var(--olive-text-rgb),.025);border:1px solid var(--border);border-radius:var(--radius)}.add-friend-info-icon,.add-friend-info-text{color:var(--muted)}.add-friend-info-text strong{color:var(--text)}.btn.primary.btn-gradient{background:var(--accent)!important;color:var(--on-accent)!important;border-radius:var(--radius)!important;font-weight:600!important;box-shadow:none!important;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)!important}.btn.primary.btn-gradient:hover:not(:disabled){background:var(--accent-soft)!important;box-shadow:none!important;transform:none}.btn.primary.btn-gradient.btn-locked-gold,.btn.primary.btn-gradient.add-friend-submit.btn-locked-emerald,.btn.btn-blue-outline.btn-locked-blue{background:rgba(var(--olive-text-rgb),.05)!important;color:var(--muted)!important;border:1px solid var(--border)!important;box-shadow:none!important;opacity:1}.btn.primary.btn-gradient.btn-locked-gold:hover,.btn.primary.btn-gradient.add-friend-submit.btn-locked-emerald:hover,.btn.btn-blue-outline.btn-locked-blue:hover{background:rgba(var(--olive-text-rgb),.08)!important;color:var(--text)!important;border-color:var(--border-strong)!important;box-shadow:none!important;transform:none}.btn-unlocked-glow-emerald,.btn-unlocked-glow-blue,.btn-unlocked-glow{box-shadow:none!important;border:1px solid var(--accent)!important;color:var(--on-accent)!important;background:var(--accent)!important}.btn-lock-badge.gold,.btn-lock-badge.blue,.btn-lock-badge.emerald{box-shadow:none!important}.friend-id-length-badge{background:rgba(var(--olive-text-rgb),.05);border:1px solid var(--border);color:var(--muted);transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease),background-color var(--dur) var(--ease)}.friend-id-length-badge.badge-complete{background:var(--accent-wash);border-color:var(--accent-line);color:var(--accent-soft);box-shadow:none;animation:none}.friend-id-paste-btn{background:rgba(var(--olive-text-rgb),.05);border:1px solid var(--border);color:var(--muted);transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.friend-id-paste-btn:hover{background:rgba(var(--olive-text-rgb),.09);border-color:var(--border-strong);color:var(--text)}.friend-id-box{background:rgba(var(--olive-text-rgb),.03);border:1px solid var(--border);border-radius:var(--radius);box-shadow:none;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.friend-id-box:hover{border-color:var(--border-strong);background:rgba(var(--olive-text-rgb),.05)}.friend-id-box.active{border-color:var(--accent);background:var(--accent-wash);box-shadow:none;transform:none}.friend-id-box.filled{border-color:var(--accent-line);background:rgba(var(--olive-accent-rgb),.08);color:var(--text);text-shadow:none}.friend-id-input-container.is-complete .friend-id-box.filled{border-color:var(--accent-line);background:rgba(var(--olive-accent-rgb),.12)}.room-code-box{background:rgba(var(--olive-text-rgb),.03);border:1px solid var(--border);border-radius:var(--radius);box-shadow:none;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.room-code-box.filled{border-color:var(--accent-line);background:rgba(var(--olive-accent-rgb),.08);color:var(--text)}.room-code-box.active{border-color:var(--accent);background:var(--accent-wash);color:var(--text);box-shadow:0 0 0 2px rgba(var(--olive-accent-rgb),.16);transform:none}.room-code-boxes:focus-within .room-code-box.active{border-color:var(--accent)}.room-code-paste-btn{background:rgba(var(--olive-text-rgb),.05);border:1px solid var(--border);color:var(--muted);transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.room-code-paste-btn:hover{background:rgba(var(--olive-text-rgb),.09);border-color:var(--border-strong);color:var(--text)}.mobile-drawer{background:var(--bg-2);border-left:1px solid var(--border);box-shadow:-16px 0 48px #00000080;animation:themeRise var(--dur-slow) var(--ease)}.mobile-drawer-header{border-bottom-color:var(--border);animation:none}.mobile-drawer-user{border-radius:var(--radius);transition:background-color var(--dur) var(--ease)}.mobile-drawer-user:hover,.mobile-drawer-user:active{background:rgba(var(--olive-text-rgb),.05)}.mobile-drawer-close{background:rgba(var(--olive-text-rgb),.05);border-color:var(--border);color:var(--muted);transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.mobile-drawer-close:hover{color:var(--text);background:rgba(var(--olive-text-rgb),.09);border-color:var(--border-strong);transform:none}.mobile-drawer-item{border-radius:var(--radius);border-color:var(--border);background:rgba(var(--olive-text-rgb),.025);color:var(--text);transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.mobile-drawer-item:hover,.mobile-drawer-item:active{background:rgba(var(--olive-text-rgb),.055);border-color:var(--border-strong);transform:none}.mobile-drawer-item-icon{border-radius:var(--radius);background:rgba(var(--olive-text-rgb),.05);border-color:var(--border);color:var(--muted);transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.mobile-drawer-item:hover .mobile-drawer-item-icon,.mobile-drawer-item:active .mobile-drawer-item-icon{background:var(--accent-wash);border-color:var(--accent-line);color:var(--accent);transform:none}.news-drawer-icon,.friends-drawer-icon,.desktop-drawer-icon,.chrome-drawer-icon,.privacy-drawer-icon{background:rgba(var(--olive-text-rgb),.05);border-color:var(--border);color:var(--muted)}.mobile-drawer-item:hover .news-drawer-icon,.mobile-drawer-item:hover .friends-drawer-icon,.mobile-drawer-item:hover .desktop-drawer-icon,.mobile-drawer-item:hover .chrome-drawer-icon,.mobile-drawer-item:hover .privacy-drawer-icon{background:var(--accent-wash);border-color:var(--accent-line);color:var(--accent)}.mobile-drawer-verify-cta{border-radius:var(--radius);border:1px solid var(--accent-line);background:var(--accent-wash);color:var(--accent-soft);box-shadow:none;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.mobile-drawer-verify-cta:hover,.mobile-drawer-verify-cta:active{background:rgba(var(--olive-accent-rgb),.18);border-color:var(--accent);transform:none}.frame-grid{gap:10px}.frame-card{gap:8px;border-radius:var(--radius);border:1px solid var(--border);background:#ffffff06;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.frame-card:hover:not(:disabled){background:#ffffff0e;border-color:var(--border-strong);transform:none;box-shadow:none}.frame-card.active{background:var(--accent-wash);border-color:var(--accent-line);box-shadow:none;transform:none}.frame-card.active:before{color:var(--accent-soft)}.frame-card.locked{opacity:.72;filter:none;background:#00000029;border-color:#ffffff0d}.frame-card.locked .af{filter:grayscale(.55) brightness(.82)}.frame-card.locked .frame-name,.frame-card.locked .frame-lock{color:var(--faint)}.frame-card .af{filter:none}.frame-card .af-spin-fast,.frame-card .af-spin-slow,.frame-card .af-spin-rev,.frame-card .af-hue-spin,.frame-card .af-svg-altin,.frame-card .af-flicker-1,.frame-card .af-flicker-2,.frame-card .af-flicker-3,.frame-card .af-alev{animation:none}.frame-name{font-weight:600;color:var(--text)}.frame-status-tag{background:var(--accent-wash);border-color:var(--accent-line);color:var(--accent-soft);font-weight:600}.frame-status-tag.unlocked{background:var(--accent-wash);border-color:var(--accent-line);color:var(--accent-soft)}.frame-status-tag.neutral{background:#ffffff0d;border-color:var(--border);color:var(--muted)}.frame-lock{background:transparent;border-color:var(--border);color:var(--muted)}.af-level{border-width:1px;box-shadow:0 2px 6px #00000080,inset 0 1px rgba(var(--olive-text-rgb),.2)}.room-connect-overlay{display:flex;align-items:center;justify-content:center;padding:24px 16px;background-color:var(--bg);background-image:radial-gradient(58% 42% at 50% 50%,#0304098c,#03040900),var(--room-haze);background-repeat:no-repeat;background-position:center center;background-size:cover}.room-connect-card{width:min(100%,372px);display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:0;padding:30px 30px 26px;border-radius:20px;border:var(--room-card-line);background:var(--room-card-bg);box-shadow:0 24px 64px #0000008c,inset 0 1px rgba(var(--olive-text-rgb),.05);animation:themeRise var(--dur-slow) var(--ease) both}.room-connect-brand{margin:0 0 22px;font-family:var(--font-serif);font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--muted)}.room-connect-brand-accent{color:rgba(var(--olive-accent-rgb),.85)}.room-connect-room{margin:0 0 14px;font-family:var(--font-serif);font-size:27px;font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--text);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-connect-kicker{display:flex;align-items:center;gap:10px;margin:0;font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-soft)}.room-connect-kicker.is-hero{font-size:17px;letter-spacing:-.01em;text-transform:none;color:var(--text);margin-bottom:4px}.room-connect-kicker-line{width:18px;height:1px;flex-shrink:0;background:var(--accent-line)}.room-connect-rail{display:flex;gap:6px;width:100%;margin:18px 0 22px}.room-connect-rail-seg{position:relative;flex:1;height:2px;border-radius:999px;background:rgba(var(--olive-text-rgb),.09);overflow:hidden}.room-connect-rail-seg.is-done{background:var(--accent)}.room-connect-rail-seg.is-active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(var(--olive-accent-rgb),0),rgba(var(--olive-accent-rgb),.9),rgba(var(--olive-accent-rgb),0));animation:roomConnectSweep 1.4s linear infinite}@keyframes roomConnectSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.room-connect-steps{display:flex;flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;text-align:left}.room-connect-step{display:flex;align-items:center;gap:11px;font-size:13px;color:var(--faint);transition:color var(--dur) var(--ease)}.room-connect-step.is-active{color:var(--text);font-weight:600}.room-connect-step.is-done{color:var(--muted)}.room-connect-step-dot{position:relative;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:rgba(var(--olive-text-rgb),.16);transition:background-color var(--dur) var(--ease)}.room-connect-step.is-done .room-connect-step-dot,.room-connect-step.is-active .room-connect-step-dot{background:var(--accent)}.room-connect-step.is-active .room-connect-step-dot:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1px solid var(--accent-line)}.share-quality-modal{background:var(--room-card-bg);backdrop-filter:none;-webkit-backdrop-filter:none;border:var(--room-card-line);border-radius:20px;box-shadow:0 24px 64px #0009,inset 0 1px rgba(var(--olive-text-rgb),.05);padding:24px 22px 20px;animation:themeRise var(--dur-slow) var(--ease) both!important}.share-quality-icon-badge{background:var(--accent-wash);border:1px solid var(--accent-line);color:var(--accent);box-shadow:none}.share-quality-title{font-family:var(--font-serif);font-weight:600}.share-audio-tip-box{background:rgba(var(--olive-text-rgb),.035);border:1px solid var(--border);border-radius:12px;box-shadow:none;color:var(--muted)}.share-audio-tip-box strong{color:var(--text)}.share-audio-tip-icon{color:var(--muted)}.share-quality-picker-btn{border:1px solid var(--border);border-radius:14px;background:rgba(var(--olive-text-rgb),.03);backdrop-filter:none;-webkit-backdrop-filter:none;color:var(--text);padding:12px 14px;box-shadow:none;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.share-quality-picker-btn:hover:not(:disabled){background:rgba(var(--olive-text-rgb),.06);border-color:var(--border-strong);transform:none;box-shadow:none}.share-quality-picker-btn.is-active{background:var(--accent-wash);border-color:var(--accent-line);box-shadow:none}.share-quality-picker-icon-badge{background:rgba(var(--olive-text-rgb),.05);border:1px solid var(--border);color:var(--muted);box-shadow:none}.share-quality-picker-btn.is-active .share-quality-picker-icon-badge{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:none}.share-quality-picker-label{font-weight:600;color:var(--text)}.share-quality-picker-hint{color:var(--muted)}.share-quality-picker-btn.is-active .share-quality-picker-hint{color:var(--accent-soft)}.share-quality-picker-check{border:1px solid var(--border-strong);transition:border-color var(--dur) var(--ease),background-color var(--dur) var(--ease)}.share-quality-picker-check.is-checked{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:none}.share-quality-picker--compact{background:rgba(var(--olive-bg-rgb),.94);border:1px solid var(--border)}.share-quality-picker--compact .share-quality-picker-btn.is-active{background:var(--accent-wash);box-shadow:none;color:var(--accent-soft)}.share-quality-submit{background:var(--accent)!important;color:var(--on-accent)!important;border:1px solid var(--accent)!important;border-radius:12px!important;font-weight:600!important;box-shadow:none!important;transition:background-color var(--dur) var(--ease)!important}.share-quality-submit:hover:not(:disabled){background:var(--accent-deep)!important;box-shadow:none!important;transform:none!important}.share-quality-submit:active:not(:disabled){transform:none!important}.apps-modal{background:var(--room-card-bg);backdrop-filter:none;-webkit-backdrop-filter:none;border:var(--room-card-line);border-radius:22px;box-shadow:0 24px 64px #0000009e,inset 0 1px rgba(var(--olive-text-rgb),.05);padding:24px 22px 20px}.apps-modal-title{font-family:var(--font-serif);font-weight:600;letter-spacing:-.01em}.apps-modal-sub{color:var(--muted)}.apps-modal-icon-badge{background:var(--accent-wash);border:1px solid var(--accent-line);color:var(--accent);box-shadow:none}.apps-section-title{font-family:var(--font-serif);font-size:15px;font-weight:600;color:var(--text);letter-spacing:-.01em}.apps-section-desc{color:var(--muted)}.apps-section-badge,.apps-section-badge.active,.apps-section-badge.coming-soon,.apps-section-badge.experimental{background:rgba(var(--olive-text-rgb),.05);color:var(--muted);border:1px solid var(--border);box-shadow:none}.apps-tile{border:1px solid var(--border);border-radius:16px;background:rgba(var(--olive-text-rgb),.028);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.apps-tile:hover{background:rgba(var(--olive-text-rgb),.055);border-color:var(--border-strong);box-shadow:none;transform:translateY(-1px)}.apps-tile:active{transform:translateY(0)}.apps-tile:focus-visible{outline:2px solid var(--accent-line);outline-offset:2px;border-color:var(--accent-line)}.apps-tile-icon-wrap{background:transparent;border:1px solid transparent;border-radius:13px;box-shadow:none}.apps-tile:hover .apps-tile-icon-wrap{transform:none;border-color:var(--border-strong)}.apps-tile-name{font-weight:600;color:var(--text)}.apps-tile-badge,.apps-tile-badge.active,.apps-tile-badge.beta,.apps-tile-badge.coming-soon,.apps-tile-badge.experimental{background:rgba(var(--olive-text-rgb),.05);color:var(--muted);border:1px solid var(--border)}.apps-tile--youtube:hover,.apps-tile--twitch:hover,.apps-tile--kick:hover,.apps-tile--netflix:hover,.apps-tile--prime-video:hover,.apps-tile--disney-plus:hover,.apps-tile--max:hover,.apps-tile--google-drive:hover{border-color:var(--border-strong);box-shadow:none}.user-card-backdrop{padding:20px 16px}.user-card-modal{width:min(100%,380px);max-height:min(90vh,780px);padding:0;border:var(--room-card-line);border-radius:22px;background:var(--room-card-bg);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 28px 72px #0000009e,inset 0 1px rgba(var(--olive-text-rgb),.05);color:var(--text);overflow-y:auto;overscroll-behavior:contain;animation:themeRise var(--dur-slow) var(--ease) both}.user-card-content{display:flex;flex-direction:column;gap:14px;padding:22px 20px 18px}.user-card-close-btn{top:14px;right:14px;width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:rgba(var(--olive-text-rgb),.04);color:var(--muted);transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.user-card-close-btn:hover{background:rgba(var(--olive-text-rgb),.09);border-color:var(--border-strong);color:var(--text)}.user-card-header-row{display:flex;align-items:center;gap:14px;padding-right:36px}.user-card-avatar-container{position:relative;flex-shrink:0}.user-card-avatar-frame{display:block}.user-card-shield-badge{position:absolute;right:-2px;bottom:-2px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--bg)}.user-card-shield-badge.verified{background:var(--accent);color:var(--on-accent);box-shadow:none}.user-card-shield-badge.unverified{background:rgba(var(--olive-text-rgb),.08);color:var(--faint);box-shadow:none}.user-card-header-info{display:flex;flex-direction:column;gap:7px;align-items:flex-start;min-width:0;flex:1}.user-card-name-title{margin:0;font-family:var(--font-serif);font-size:24px;font-weight:600;line-height:1.15;letter-spacing:-.02em;color:var(--text);max-width:100%}.user-card-id-capsule{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:4px 6px 4px 10px;border-radius:10px;border:1px solid var(--border);background:rgba(var(--olive-text-rgb),.028)}.user-card-id-prefix{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.user-card-id-text{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card-id-copy{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 5px;border:none;border-radius:7px;background:rgba(var(--olive-text-rgb),.05);color:var(--muted);cursor:pointer;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}.user-card-id-copy:hover{background:rgba(var(--olive-text-rgb),.1);color:var(--text)}.user-card-id-copy .copied-text{font-size:10.5px;font-weight:600;color:var(--accent-soft)}.user-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px;animation:themeRise var(--dur) var(--ease) both;animation-delay:60ms}.user-card-meta-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;border:1px solid var(--border);background:rgba(var(--olive-text-rgb),.035);font-size:11.5px;font-weight:600;color:var(--muted);white-space:nowrap}.user-card-meta-pill.is-level{background:var(--accent-wash);border-color:var(--accent-line);color:var(--accent-soft)}.user-card-meta-pill.is-streak{color:var(--muted)}.user-card-meta-pill.is-presence{padding-left:9px;border-color:transparent;background:transparent;font-weight:500;color:var(--faint)}.user-card-meta-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:none;box-shadow:none}.user-card-meta-pill.is-presence.online{color:var(--ok)}.user-card-meta-pill.is-presence.offline{color:var(--faint)}.user-card-verify{display:flex;flex-direction:column;gap:11px;padding:14px 14px 12px;border:1px solid var(--border);border-radius:14px;background:rgba(var(--olive-text-rgb),.025);animation:themeRise var(--dur) var(--ease) both;animation-delay:.11s}.user-card-verify-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.user-card-verify-title{font-size:13px;font-weight:600;color:var(--text)}.user-card-verify-count{font-size:11.5px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}.user-card-verify-track{height:3px;border-radius:999px;background:rgba(var(--olive-text-rgb),.08);overflow:hidden}.user-card-verify-fill{display:block;height:100%;border-radius:999px;background:var(--accent);transition:width var(--dur-slow) var(--ease)}.user-card-verify-list{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.user-card-verify-row{display:flex;align-items:center;gap:10px;padding:5px 0;font-size:13px;color:var(--muted)}.user-card-verify-icon{display:inline-grid;place-items:center;width:26px;height:26px;flex-shrink:0;border-radius:8px;border:1px solid var(--border);background:rgba(var(--olive-text-rgb),.035);color:var(--faint);transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease),background-color var(--dur) var(--ease)}.user-card-verify-name{flex:1;min-width:0}.user-card-verify-row.is-done .user-card-verify-icon{background:var(--accent-wash);border-color:var(--accent-line);color:var(--accent)}.user-card-verify-row.is-done .user-card-verify-name{color:var(--text)}.user-card-verify-check{flex-shrink:0;color:var(--accent)}.user-card-verify-score{flex-shrink:0;font-size:11.5px;color:var(--faint)}.user-card-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;animation:themeRise var(--dur) var(--ease) both;animation-delay:.16s}.stat-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:12px 12px 11px;border:1px solid var(--border);border-radius:14px;background:rgba(var(--olive-text-rgb),.025);color:inherit;font:inherit;text-align:left;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.user-card-stat-btn{cursor:pointer;position:relative}.user-card-stat-btn:hover{background:rgba(var(--olive-text-rgb),.055);border-color:var(--border-strong);transform:none;box-shadow:none}.user-card-stat-btn.is-active{background:var(--accent-wash);border-color:var(--accent-line)}.stat-icon-wrap{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:9px;border:1px solid var(--border);background:rgba(var(--olive-text-rgb),.04);color:var(--muted);box-shadow:none;transition:color var(--dur) var(--ease)}.stat-icon-wrap.blue,.stat-icon-wrap.amber,.stat-icon-wrap.emerald,.stat-icon-wrap.purple{background:rgba(var(--olive-text-rgb),.04);border-color:var(--border);color:var(--muted);box-shadow:none}.user-card-stat-btn.is-active .stat-icon-wrap{color:var(--accent);border-color:var(--accent-line)}.stat-value{font-family:var(--font-serif);font-size:23px;font-weight:600;line-height:1.1;letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums}.stat-value-date{font-size:15px;letter-spacing:-.01em}.stat-label{font-size:11.5px;font-weight:500;text-transform:none;letter-spacing:0;color:var(--muted)}.stat-btn-hint{position:absolute;right:12px;bottom:11px;font-size:10.5px;font-weight:600;color:var(--faint);transition:color var(--dur) var(--ease)}.user-card-stat-btn:hover .stat-btn-hint,.user-card-stat-btn.is-active .stat-btn-hint{color:var(--accent-soft)}.user-card-friends-panel{display:flex;flex-direction:column;gap:8px;padding:12px 12px 10px;border:1px solid var(--border);border-radius:14px;background:rgba(var(--olive-text-rgb),.025);animation:themeRise var(--dur) var(--ease) both}.user-card-friends-title{font-size:12px;font-weight:600;color:var(--muted);text-transform:none;letter-spacing:0}.user-card-friends-list{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;max-height:180px;overflow-y:auto}.user-card-friends-item{display:flex;align-items:center;gap:10px;padding:6px 4px;border-radius:9px;transition:background-color var(--dur) var(--ease)}.user-card-friends-item:hover{background:rgba(var(--olive-text-rgb),.04)}.user-card-friends-name{font-size:13px;color:var(--text)}.user-card-friends-level{font-size:11px;color:var(--faint)}.user-card-room-banner{display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:13px;background:rgba(var(--olive-text-rgb),.025);color:inherit;font:inherit;text-align:left;cursor:pointer;box-shadow:none;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.user-card-room-banner:hover{background:var(--accent-wash);border-color:var(--accent-line);transform:none;box-shadow:none}.user-card-room-banner-icon{display:inline-grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:9px;border:1px solid var(--border);background:rgba(var(--olive-text-rgb),.04);color:var(--muted);box-shadow:none}.user-card-room-banner:hover .user-card-room-banner-icon{color:var(--accent);border-color:var(--accent-line)}.user-card-room-banner-text{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.user-card-room-banner-name{font-size:13.5px;font-weight:600;color:var(--text)}.user-card-room-banner-hint{font-size:11.5px;color:var(--muted)}.user-card-room-banner-chevron{color:var(--faint);transition:transform var(--dur) var(--ease),color var(--dur) var(--ease)}.user-card-room-banner:hover .user-card-room-banner-chevron{color:var(--accent);transform:translate(2px)}.user-card-actions-bar{display:flex;flex-direction:column;gap:8px;padding-top:2px}.user-card-dual-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.user-card-action-btn{width:100%}.user-card-self-badge{font-size:12px;color:var(--muted)}.user-card-safety-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:10px;border-top:1px solid var(--border)}.user-card-safety-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 10px;border:1px solid var(--border);border-radius:11px;background:transparent;color:var(--muted);font-size:12.5px;font-weight:600;cursor:pointer;box-shadow:none;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.user-card-safety-btn:hover:not(:disabled){background:rgba(var(--olive-text-rgb),.05);border-color:var(--border-strong);color:var(--text)}.user-card-safety-btn.danger{color:var(--danger);border-color:#e5676f47}.user-card-safety-btn.danger:hover:not(:disabled){background:#e5676f1a;border-color:#e5676f73;color:var(--danger)}.user-card-report-done{display:inline-flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:600;color:var(--accent-soft)}.user-card-report-form{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--border);border-radius:13px;background:rgba(var(--olive-text-rgb),.025);animation:themeRise var(--dur) var(--ease) both}.user-card-report-label{font-size:12px;font-weight:600;color:var(--muted)}.user-card-loading,.user-card-error{gap:10px;padding:44px 20px;color:var(--muted);font-size:13px}.user-card-loading p,.user-card-error p{color:var(--muted);font-size:13px}@media (prefers-reduced-motion: reduce){.user-card-modal,.user-card-meta,.user-card-verify,.user-card-stats-grid,.user-card-friends-panel,.user-card-report-form{animation:none}.user-card-verify-fill,.user-card-room-banner-chevron{transition:none}}.invite-modal-backdrop,.apps-backdrop,.share-quality-backdrop,.sheet-backdrop{--room-card-bg: #191b14;--room-card-line: 1px solid rgba(var(--olive-accent-rgb), .2);--bg-2: #191b14;--bg-3: #272b1e;--surface: rgba(var(--olive-accent-rgb), .05);--surface-hover: rgba(var(--olive-accent-rgb), .1);--border: rgba(var(--olive-accent-rgb), .18);--border-strong: rgba(var(--olive-accent-rgb), .3);--accent: #a0aa7d;--accent-soft: #bdc69f;--accent-wash: rgba(var(--olive-accent-rgb), .1);--accent-line: rgba(var(--olive-accent-rgb), .3)}.invite-modal-backdrop .invite-modal--v2,.apps-backdrop .apps-modal,.share-quality-backdrop .share-quality-modal,.sheet-backdrop .sheet-panel{background:linear-gradient(160deg,var(--bg-2),var(--bg))!important;border:var(--room-card-line)!important;box-shadow:0 -12px 48px #00000073!important}.invite-modal-backdrop .invite-modal-icon-wrap{background:var(--accent-wash);border-color:var(--accent-line);color:var(--accent);box-shadow:none}.invite-modal-backdrop .invite-copy-link-btn,.invite-modal-backdrop .invite-copy-link-btn:hover{background:var(--accent-deep)!important;color:var(--bg-2)!important;box-shadow:none!important;border-color:var(--accent-line)!important}.invite-modal-backdrop .invite-code-tile,.invite-modal-backdrop .invite-code-area,.invite-modal-backdrop .invite-modal-action{background:var(--bg-2);border-color:var(--border)}@media (max-width: 900px){.invite-modal-backdrop,.apps-backdrop,.share-quality-backdrop{align-items:flex-end!important;padding:0!important;background:rgba(var(--olive-bg-rgb),.72)!important}.invite-modal-backdrop .invite-modal--v2,.apps-backdrop .apps-modal,.share-quality-backdrop .share-quality-modal{width:100%!important;max-width:100%!important;margin:0!important;box-sizing:border-box;max-height:calc(100dvh - 48px)!important;border-radius:24px 24px 0 0!important;overflow-y:auto;padding-bottom:calc(22px + env(safe-area-inset-bottom,0px))!important;animation:sheet-up .28s cubic-bezier(.16,1,.3,1)!important}.invite-modal-backdrop .invite-modal--v2{padding-top:32px}.invite-modal-backdrop .invite-modal--v2:before{content:"";position:absolute;top:12px;left:calc(50% - 20px);width:40px;height:4px;border-radius:4px;background:#625744}}@media (prefers-reduced-motion: reduce){.invite-modal-backdrop .invite-modal--v2,.apps-backdrop .apps-modal,.share-quality-backdrop .share-quality-modal{animation:none!important}}.room-layout .chat-msg .chat-reactions{margin-top:9px;padding-top:8px;border-top:1px solid rgba(var(--olive-accent-rgb),.13);gap:5px}.room-layout .chat-msg .chat-reaction-chip{min-height:30px;padding:3px 9px;background:var(--bg-2);border:1px solid var(--bg-3);color:var(--muted);box-shadow:none}.room-layout .chat-msg .chat-reaction-chip.mine{background:var(--bg-3);border-color:var(--accent-line);color:var(--accent)}.room-layout .chat-msg .chat-reaction-chip:hover{background:var(--bg-3);border-color:var(--accent-line);transform:none}.yt-chrome .yt-chrome-top{gap:4px;padding:3px;border-radius:12px;background:rgba(var(--olive-bg-rgb),.65);box-shadow:none}.yt-chrome .yt-chrome-icon{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:9px}.yt-chrome .yt-chrome-bar{justify-content:flex-end;gap:6px}.yt-chrome .yt-chrome-time{margin-right:auto}@media (max-width: 900px){.yt-chrome .yt-chrome-icon{width:44px;height:44px;min-width:44px;min-height:44px}}.yt-chrome .yt-chrome-menu{top:64px;right:12px;width:min(240px,calc(100% - 24px));max-height:calc(100% - 72px);overflow-y:auto;padding:6px;border:1px solid var(--bg-3);border-radius:12px;background:var(--bg-2);box-shadow:0 8px 24px #0006;-webkit-backdrop-filter:none;backdrop-filter:none}.yt-chrome .yt-chrome-menu-item{min-height:44px;padding:9px 12px;border-radius:7px;color:var(--text);font-size:13px}.yt-chrome .yt-chrome-menu-item:hover{background:var(--bg-3)}.yt-chrome .yt-chrome-menu-item span{color:var(--muted)}.yt-chrome .yt-chrome-menu-item--danger{color:var(--muted);border-top:1px solid var(--bg-3);margin-top:4px}.yt-audio-level{display:flex;justify-content:space-between;padding:12px;color:var(--muted);font-size:13px}.yt-audio-level output{color:var(--accent);font-variant-numeric:tabular-nums}.yt-audio-slider{display:block;width:calc(100% - 24px);margin:0 12px 12px;height:32px;accent-color:var(--accent);cursor:pointer}.chat-composer{flex-shrink:0;min-width:0;position:relative}.room-layout .chat-composer.is-gif-open{border:1px solid var(--bg-3);border-radius:16px;background:var(--bg-2);overflow:hidden}.room-layout .chat-composer .gif-picker{margin:0;border:0;border-radius:0;background:var(--bg-2);box-shadow:none;animation:themeRise .2s ease-out}.room-layout .chat-composer .gif-picker-grid{max-height:min(240px,32dvh);min-height:80px}.room-layout .chat-composer .gif-picker-head input{background:var(--bg);border:1px solid var(--bg-3);border-radius:9px;font-size:16px}.room-layout .chat-composer .gif-picker-close{background:var(--bg-3);color:var(--muted)}.room-layout .chat-composer .gif-picker-foot{padding:6px 12px;font-size:10px;color:var(--muted)}.room-layout .chat-composer.is-gif-open .chat-input-capsule{margin:0;border:0;border-top:1px solid var(--bg-3);border-radius:0;background:var(--bg-2)}.share-quality-backdrop .share-quality-submit,.share-quality-backdrop .share-quality-submit:hover:not(:disabled){background:var(--bg-3)!important;color:var(--text)!important;border-color:var(--accent-line)!important}.share-quality-backdrop .share-quality-picker-btn.is-active{background:var(--bg-2);border-color:var(--accent-line)}.share-quality-backdrop .share-quality-picker-btn.is-active .share-quality-picker-icon-badge{background:var(--bg-3);color:var(--accent);border-color:var(--accent-line)}@media (min-width: 901px){.room-layout{--room-gap: 0px;--room-radius: 0px;background-image:none}.room-layout .room-main{padding:0;gap:0}.room-layout .stage-column{gap:0}.room-layout .stage,.room-layout .watch-panel--active,.room-layout .watch-player,.room-layout .side-column,.room-layout .participants-strip{border-radius:0;box-shadow:none}.room-layout .watch-panel--active,.room-layout .stage{border-top:0;border-left:0;border-bottom:0}.room-layout .participants-strip{border-left:0;border-bottom:0}.room-layout .side-column{border-top:0;border-right:0;border-bottom:0}}@media (prefers-reduced-motion: reduce){.room-layout .chat-composer .gif-picker{animation:none}}.yt-audio-presets{display:flex;gap:6px;padding:0 12px 12px}.yt-audio-presets button{flex:1;min-height:36px;border:1px solid var(--bg-3);border-radius:7px;background:var(--bg-2);color:var(--muted);cursor:pointer}.yt-audio-presets button[aria-pressed=true]{background:var(--bg-3);color:var(--accent);border-color:var(--accent-line)}.yt-audio-error{padding:0 12px 8px;color:var(--muted);font-size:12px;line-height:1.4}.share-quality-backdrop .share-quality-picker-check.is-checked{background:var(--bg-3);border-color:var(--accent-line);color:var(--accent)}:root,.room-layout.room-layout,.modal-backdrop.invite-modal-backdrop,.modal-backdrop.apps-backdrop,.modal-backdrop.share-quality-backdrop,.sheet-backdrop.sheet-backdrop{--bg: #11130e;--bg-2: #191b14;--bg-3: #272b1e;--surface: rgba(160, 170, 125, .045);--surface-hover: rgba(160, 170, 125, .09);--border: rgba(160, 170, 125, .18);--border-strong: #434a33;--text: #eae9de;--muted: #aeaf9d;--faint: #8d917e;--accent: #a0aa7d;--accent-soft: #bdc69f;--accent-deep: #707b51;--accent-wash: rgba(160, 170, 125, .1);--accent-line: #68734c;--on-accent: #11130e;--room-card-bg: #191b14;--room-card-line: 1px solid #343a28;--olive-bg-rgb: 17, 19, 14;--olive-panel-rgb: 25, 27, 20;--olive-raised-rgb: 39, 43, 30;--olive-accent-rgb: 160, 170, 125;--olive-text-rgb: 234, 233, 222;--olive-muted-rgb: 174, 175, 157}.home-container.home-container{color:var(--text);background:radial-gradient(ellipse at 25% 0%,rgba(var(--olive-muted-rgb),.07),transparent 55%),#11130e!important}.home-container .home-card{background:#191b14!important;border:1px solid #343a28!important;color:var(--text)}.home-container .create-room-card{background:#1d2117!important}.home-container .home-card .home-card-title,.home-container .home-card .home-field-label{color:var(--text)!important}.home-container .home-card .home-card-desc{color:var(--muted)!important}.home-container .home-card .home-field-input{background:#11150e!important;border:1px solid #434a33!important;color:var(--text)!important}.home-container .home-card .home-field-input::placeholder{color:var(--faint)!important}.home-container .home-card .home-field-input:focus{background:#171c12!important;border-color:var(--accent-line)!important;box-shadow:0 0 0 2px var(--accent-wash)!important}.home-container .create-room-card .home-field-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #11150e inset!important;-webkit-text-fill-color:var(--text)!important}.home-container .create-room-card .password-toggle-btn{color:var(--muted)!important}.home-container .btn-create-submit{background:#434a33!important;border:1px solid #68734c;color:var(--text)!important;box-shadow:none}.home-container .btn-create-submit:hover:not(:disabled){background:#505a3a!important}.home-container .home-hero-name,.home-container .home-hero-kicker,.home-container .brand-highlight{color:var(--accent)!important}.home-container .home-hero-sub{color:var(--muted)}.home-container .join-room-card,.home-container .friends-card{background:#171a13!important}.home-container .room-code-box{background:#22261b;border-color:#434a33;color:var(--text)}.home-container .room-code-box.active{border-color:#68734c;box-shadow:0 0 0 2px var(--accent-wash)}.home-container .room-code-box.filled{color:var(--text);border-color:#68734c}.home-container .btn-join-submit{background:#343b27!important;color:var(--text)!important;border-color:#515c39!important}.home-container .btn-join-submit:disabled{background:#22261d!important;color:#8d917e!important}.home-container .btn-join-submit:hover:not(:disabled){background:#434a33!important;color:var(--text)!important;border-color:#68734c!important}.home-container .join-invite-link-btn{color:var(--accent)!important}.home-container .join-invite-link-btn:hover{color:var(--accent-soft)!important}.announce-banner{background:#191b14;border-color:var(--border)}.room-layout.room-layout{background:#11130e}.room-layout .invite-banner{background:rgba(var(--olive-panel-rgb),.72);border-color:#343a28}.room-layout .room-brand-accent{color:var(--accent)}.room-layout .stage-empty{background:#11130e}.room-layout .side-column,.room-layout .chat{background:#191b14;border-color:#343a28;box-shadow:none}.room-layout .participants-strip{background:#161911;border-color:#343a28}.room-layout .participant-panel{border-color:#343a28}.room-layout .strip-card.is-speaking{outline-color:#a0aa7d;box-shadow:0 0 0 2px var(--accent-wash)}.room-layout .room-rail,.room-layout .control-bar,.room-layout--mobile .mobile-dock{background:#14170f;border-color:#343a28}.room-layout .chat-msg:not(.self){background:#20231a;border-color:#3a412c}.room-layout .chat-msg.self{background:#272b1e;border-color:#434a33;color:var(--text)}.room-layout .chat-msg.self .chat-time{color:var(--muted)}.room-layout .chat-input-capsule{background:#11150e;border-color:#434a33}.room-layout .chat-input-capsule:focus-within{background:#171c12;border-color:#68734c;box-shadow:0 0 0 2px var(--accent-wash)}.room-layout .chat-send-round-btn{background:#434a33;color:var(--text);border-color:#68734c;box-shadow:none}.room-layout .chat-msg .chat-reaction-chip{background:#181c12;color:var(--muted);border-color:#3c432f}.room-layout .chat-msg .chat-reaction-chip.mine,.room-layout .chat-msg .chat-reaction-chip:hover{background:#343b27;color:#d3d9bb;border-color:#68734c}.room-layout .room-title-capsule{background:#20251a;border-color:#434a33}.room-layout .control-bar .btn.control:not(.leave),.room-layout--mobile .mobile-dock .btn.control:not(.leave){background:#20251a;border-color:#434a33;color:#c7cfad}.room-layout .control-bar .btn.control:not(.leave):hover,.room-layout--mobile .mobile-dock .btn.control:not(.leave):hover{background:#2b3220;border-color:#68734c}.invite-modal-backdrop .invite-modal--v2,.apps-backdrop .apps-modal,.share-quality-backdrop .share-quality-modal,.sheet-backdrop .sheet-panel{background:#191b14!important;border-color:#434a33!important}.invite-modal-backdrop .invite-copy-link-btn,.invite-modal-backdrop .invite-copy-link-btn:hover,.share-quality-backdrop .share-quality-submit,.share-quality-backdrop .share-quality-submit:hover:not(:disabled){background:#343b27!important;border-color:#68734c!important;color:var(--text)!important}.invite-modal-backdrop .invite-code-tile,.invite-modal-backdrop .invite-code-area,.invite-modal-backdrop .invite-modal-action{background:#22261b;border-color:#434a33}.share-quality-backdrop .share-quality-picker-btn.is-active{background:#272b1e;border-color:#68734c}.share-quality-backdrop .share-quality-picker-btn.is-active .share-quality-picker-icon-badge,.share-quality-backdrop .share-quality-picker-check.is-checked{background:#343b27;border-color:#68734c;color:#c7cfad}.yt-chrome .yt-chrome-menu{background:#191b14;border-color:#434a33}.yt-chrome .yt-chrome-menu-item:hover{background:#272b1e}.yt-audio-level,.yt-chrome .yt-chrome-menu-item{color:#eae9de}.yt-audio-level output,.yt-chrome .yt-chrome-menu-item span{color:#aeaf9d}.yt-audio-slider{accent-color:#a0aa7d}.yt-audio-presets button{background:#22261b;color:#aeaf9d;border-color:#434a33}.yt-audio-presets button[aria-pressed=true]{background:#343b27;color:#d3d9bb;border-color:#68734c}.yt-chrome .yt-chrome-menu-item--danger{color:var(--muted)}.room-layout .chat-composer.is-gif-open,.room-layout .chat-composer .gif-picker{background:#191b14;border-color:#434a33}.room-layout .chat-composer .gif-picker-head input{background:#11150e;border-color:#434a33}.room-layout .chat-composer.is-gif-open .chat-input-capsule{background:#20251a;border-color:#434a33}.home-container .home-hero-greeting{color:#eae9de}.home-container .header-avatar-badge{border-color:var(--accent-line)}.modal-backdrop .card,.modal-backdrop .device-link-modal{background:#191b14;color:var(--text);border-color:#434a33}.room-topbar-title{display:flex;align-items:center;gap:8px;min-width:0}.room-layout .room-topbar-name{font-family:var(--font-space);font-weight:600;letter-spacing:.045em;text-transform:uppercase;color:var(--text)}.room-layout .invite-banner .invite-open-btn,.room-layout .room-topbar-back{background:rgba(var(--olive-raised-rgb),.48);border-color:rgba(var(--olive-accent-rgb),.24)}@media (max-width: 900px){.room-layout.room-layout--mobile .side-column,.room-layout.room-layout--mobile .side-chat,.room-layout.room-layout--mobile .side-chat .chat{border-radius:0!important}.room-layout.room-layout--mobile .side-column{border:0;border-top:1px solid var(--border-strong)}.room-layout--mobile .invite-banner{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:10px;position:relative}.room-layout--mobile .room-topbar-left{display:contents}.room-layout--mobile .room-topbar-count{display:none}.room-layout--mobile .room-topbar-back{grid-column:1}.room-layout--mobile .room-topbar-title{grid-column:2;justify-content:center}.room-layout--mobile .room-topbar-name{max-width:100%;font-size:15px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-layout--mobile .room-topbar-right{grid-column:3;justify-content:flex-end}.room-layout--mobile .chat-header--watch .chat-header-row h3{flex:0 0 auto}.room-layout--mobile .chat-participants-trigger{min-height:44px;padding:0 8px;border:0;background:transparent;font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--muted);cursor:pointer}.room-layout--mobile .chat-participants-trigger:hover{color:var(--accent-soft);background:var(--accent-wash)}.room-layout--mobile .chat-participants-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.room-layout--mobile .chat-speakers{margin-left:auto}}@media (max-width: 900px) and (min-width: 620px) and (max-height: 560px){.room-layout.room-layout--mobile .side-column{border-top:0;border-left:1px solid var(--border-strong)}}.room-layout .chat-header-row{justify-content:flex-start}.room-layout .chat-header-row h3{flex:0 0 auto;text-align:left}.room-layout .chat-playlist-trigger{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin-left:auto;padding:0 8px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.room-layout .chat-playlist-trigger:hover{color:var(--accent-soft);background:var(--accent-wash)}.room-layout .chat-playlist-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.room-layout .chat-speakers{margin-left:0}.playlist-backdrop{z-index:2100}.playlist-backdrop .playlist-sheet{width:min(100%,560px);height:auto;max-height:min(82dvh,760px);padding:16px 20px max(24px,env(safe-area-inset-bottom));overflow-y:auto;color:var(--text);border-radius:20px 20px 0 0}.playlist-heading{display:flex;align-items:center;gap:12px;margin:18px 44px 0 0}.playlist-heading h2{margin:0;font-family:var(--font-space);font-size:21px;font-weight:600}.playlist-heading>span{color:var(--muted);font-size:12px;white-space:nowrap}.playlist-description{margin:10px 0 20px;color:var(--muted);font-size:13px;line-height:1.6}.playlist-current{display:flex;flex-direction:column;gap:5px;padding:14px;border:1px solid var(--border);background:var(--bg-3);border-radius:10px}.playlist-current>span{color:var(--accent-soft);font-size:11px}.playlist-current small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-items{list-style:none;padding:0;margin:12px 0 20px}.playlist-items li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.playlist-number{flex:0 0 24px;color:var(--muted);font-size:13px;text-align:center}.playlist-item-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}.playlist-item-info strong{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-item-info small{color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-remove{flex:0 0 44px;height:44px;border:0;background:transparent;color:var(--muted);font-size:22px;border-radius:8px;cursor:pointer}.playlist-remove:hover{background:var(--surface-hover);color:var(--text)}.room-video-title{display:block;width:20ch;max-width:100%;min-width:0;overflow:hidden;color:var(--muted);font:400 13px/1.5 Space Grotesk,sans-serif;border-left:1px solid var(--border-strong);padding-left:12px;text-transform:none}.room-video-title-track{display:flex;width:max-content}.room-video-title-track>span{flex:none;white-space:nowrap}.room-video-title.is-overflowing .room-video-title-track>span{padding-right:0}.room-video-title.is-overflowing .room-video-title-track{animation:room-video-title-scroll 26s ease-in-out infinite}@keyframes room-video-title-scroll{0%,19.23%,to{transform:translate(0)}50%,69.23%{transform:translate(var(--room-title-travel, 0px))}}@media (max-width: 900px){.room-layout--mobile .room-topbar-name{flex-shrink:0;max-width:35%}.room-layout--mobile .room-video-title{padding-left:8px;font-size:12px}}@media (prefers-reduced-motion: reduce){.room-video-title.is-overflowing .room-video-title-track{animation:none;display:block;width:auto}.room-video-title-track>span:first-child{display:block;overflow:hidden;text-overflow:ellipsis}.room-video-title-track>span[aria-hidden]{display:none}}.playlist-empty{padding:28px 8px;text-align:center}.playlist-empty strong{font-size:15px;font-weight:500}.playlist-empty p,.playlist-permissions{color:var(--muted);font-size:13px;line-height:1.6}.playlist-actions{display:flex;flex-wrap:wrap;gap:10px}.playlist-actions .btn{flex:1;min-height:44px}.playlist-error{border:1px solid var(--border-strong);border-radius:10px;padding:12px;margin:12px 0;font-size:13px}.playlist-error p{margin:0 0 8px}.room-connect-card{box-sizing:border-box;width:min(560px,100%);padding:32px;border-radius:14px;border:1px solid var(--border-strong);background:var(--bg-2);box-shadow:0 16px 48px #0000004d}.room-connect-brand{margin-bottom:24px;font-family:var(--font-space);font-size:14px;font-weight:500}.room-connect-room{font-family:var(--font-space);font-size:32px;font-weight:500;margin-bottom:18px}.room-connect-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.room-connect-step{flex-direction:column;align-items:flex-start;gap:9px;font-size:12px;line-height:1.5}.watch-prime{background:radial-gradient(ellipse at 50% 30%,rgba(var(--olive-raised-rgb),.6),transparent 65%),var(--bg)}.watch-prime-card{box-sizing:border-box;width:min(420px,100%);padding:24px;border:1px solid var(--border);border-radius:12px;background:rgba(var(--olive-panel-rgb),.92);gap:10px}.watch-prime-mark{width:44px;height:44px}.watch-prime-mark-letter{background:var(--bg-3);color:var(--accent-soft)}.watch-prime-title{font-family:var(--font-space);font-size:18px;font-weight:500;line-height:1.4;color:var(--text)}.watch-prime-sub{font-size:13px;line-height:1.6;color:var(--muted)}.watch-prime-rail{width:100%;max-width:220px;margin-top:8px}.sheet-backdrop.is-closing{pointer-events:none}@media (max-width: 600px){.room-connect-card{width:min(372px,100%);padding:24px}.room-connect-room{font-size:26px}.room-connect-steps{grid-template-columns:minmax(0,1fr);gap:12px}.room-connect-step{flex-direction:row;align-items:center;font-size:12px}.watch-prime-card{padding:18px;max-width:320px}.watch-prime-title{font-size:15px}.watch-prime-sub{font-size:12px}}.room-layout .watch-fallback-panel{box-sizing:border-box;width:min(640px,calc(100% - 24px));margin:12px auto;padding:20px;gap:12px;border:1px solid var(--border-strong);border-radius:12px;background:var(--bg-2);box-shadow:none;color:var(--text)}.room-layout .watch-fallback-title{font-family:var(--font-space);font-size:17px;font-weight:500;line-height:1.4;color:var(--text)}.room-layout .watch-fallback-body{font-size:13px;line-height:1.65;color:var(--muted)}.room-layout .watch-fallback-panel .watch-error-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px;margin:2px 0}.room-layout .watch-fallback-panel .watch-btn{min-width:0;min-height:44px;margin:0;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-3);color:var(--text);box-shadow:none;font-size:12px;font-weight:400;line-height:1.4;white-space:normal;text-align:center;justify-content:center}.room-layout .watch-fallback-panel .watch-btn.primary{background:var(--bg-3);border-color:var(--accent-line);color:var(--accent-soft)}.room-layout .watch-fallback-panel .watch-btn:hover:not(:disabled){border-color:var(--accent-line);background:var(--surface-hover);box-shadow:none;transform:none}.room-layout .watch-fallback-hint{padding-top:12px;border-top:1px solid var(--border);color:var(--muted);font-size:12px;line-height:1.6}@media (max-width: 480px){.room-layout .watch-fallback-panel{padding:16px;gap:10px}.room-layout .watch-fallback-title{font-size:15px}}.radio-picker-modal:not(.radio-picker-modal--in-deck){box-sizing:border-box;width:min(560px,100%);min-width:0;height:min(840px,92dvh);max-height:92dvh;overflow:hidden;padding:20px;gap:12px}.radio-picker-modal .radio-body{flex:1;min-height:0;min-width:0;overflow:hidden;display:flex;flex-direction:column}.radio-picker-modal .radio-page:not([hidden]){display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;overflow-y:auto}.radio-picker-modal .radio-picker{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}.radio-picker-modal .radio-stations--picker{flex:1;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;margin-block:4px}.radio-picker-modal .radio-station{box-sizing:border-box;display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:8px;padding:8px;min-height:54px;width:100%}.radio-picker-modal .radio-station-logo{width:36px;height:36px;border-radius:7px}.radio-picker-modal .radio-station-text{min-width:0;width:auto}.radio-picker-modal .radio-station-name{font-size:13px}.radio-picker-modal .radio-station-meta{font-size:11px}.radio-picker-modal .radio-station-live{display:none}.radio-picker-modal .radio-station .radio-btn{min-width:44px;min-height:44px;padding:0 8px;font-size:12px}.radio-picker-modal .radio-station-chip--now{max-width:72px;padding:4px 6px;font-size:10px}.radio-picker-modal .radio-tabs{flex-shrink:0;gap:6px}.radio-picker-modal .radio-tab{min-width:0;padding:10px 8px}.radio-picker-modal .radio-tab-label{font-size:12px}.radio-picker-modal .radio-tab-meta{font-size:10px}.radio-picker-modal .radio-filter-disclosure{flex-shrink:0;max-height:40%;overflow-y:auto}.radio-picker-modal .radio-count{flex-shrink:0;font-size:12px;margin-block:8px}.radio-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;padding-top:10px;border-top:1px solid var(--border)}.radio-pagination button,.radio-pagination select{min-height:44px;border:1px solid var(--border);border-radius:8px;background:var(--bg-3);color:var(--text);font:inherit;font-size:12px}.radio-pagination button{width:44px;font-size:24px;cursor:pointer}.radio-pagination button:disabled{opacity:.4;cursor:default}.radio-pagination select{min-width:0;max-width:125px;padding-inline:8px}.radio-page-status{color:var(--muted);font-size:12px;white-space:nowrap}.radio-deck-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;grid-column:1 / -1;padding-top:8px;border-top:1px solid #55452b}.radio-deck-footer .radio-note{margin:0}.radio-deck-footer .radio-stop{margin-left:auto}.radio-atelier .radio-deck-body{grid-template-rows:auto minmax(0,1fr) auto}@media (max-width: 900px){.radio-picker-backdrop{padding:12px}.radio-picker-modal:not(.radio-picker-modal--in-deck){padding:16px}.radio-picker-modal .invite-modal-sub{margin-block:6px;font-size:12px;line-height:1.5}.room-layout--mobile .room-main--radio{overflow:hidden}.room-layout--mobile .room-main--radio>.stage-column,.room-layout--mobile .room-main--radio>.side-column{min-height:0}.room-layout--mobile .room-main--radio .watch-panel--active{flex:1;width:100%;height:100%;min-height:0;overflow:hidden}.room-main--radio .radio-atelier-stage{height:100%;min-height:0;border-radius:0}.room-main--radio .radio-atelier.radio-deck{display:flex;flex-direction:column;width:100%;height:100%;margin:0}.room-main--radio .radio-atelier .atelier-scene{display:none}.room-main--radio .radio-atelier .atelier-cabinet{flex:1;min-height:0;margin:0;padding:5px;border-width:4px}.room-main--radio .radio-atelier .radio-deck-body{position:relative;inset:auto;display:flex;flex-direction:column;width:100%;height:100%;min-height:0;padding:8px;gap:8px;transform:none!important;overflow:hidden}.room-main--radio .radio-atelier .radio-deck-screen{flex:1;min-height:0;overflow-y:auto;gap:8px}.room-main--radio .radio-atelier .radio-pages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex-shrink:0;padding:2px;gap:3px;border:1px solid #55452b;border-radius:8px;background:#100f0b}.room-main--radio .radio-atelier .radio-pages button{min-height:36px;padding:6px;font-size:12px;border:0;border-radius:6px;color:#bdb39f;background:transparent;cursor:pointer}.room-main--radio .radio-atelier .radio-pages button[aria-pressed=true]{background:#342a19;color:#f2cf8c}.room-main--radio .radio-atelier .radio-deck-main{gap:10px}.room-main--radio .radio-atelier .radio-deck-main .radio-station-logo{width:40px!important;height:40px!important}.room-main--radio .radio-atelier .radio-deck-name{font-size:16px}.room-main--radio .radio-atelier .radio-deck-song{font-size:11px}.room-main--radio .radio-atelier .radio-deck-actions{gap:8px;flex-wrap:nowrap}.room-main--radio .radio-atelier .btn{min-height:44px;padding:6px 10px;font-size:12px}.room-main--radio .radio-atelier .atelier-spectrum{min-height:26px;gap:8px}.room-main--radio .radio-atelier .atelier-signal small{display:none}.room-main--radio .radio-atelier .radio-deck-footer{flex-shrink:0;padding-top:6px}.room-main--radio .radio-atelier .atelier-notices:empty{display:none}.room-main--radio .radio-atelier [data-page=station] .radio-atelier-settings,.room-main--radio .radio-atelier [data-page=sound] .radio-deck-screen,.room-main--radio .radio-atelier [data-page=frequency] .radio-deck-screen,.room-main--radio .radio-atelier [data-page=sound] .atelier-frequency,.room-main--radio .radio-atelier [data-page=sound] .atelier-tuner,.room-main--radio .radio-atelier [data-page=frequency] .radio-deck-controls{display:none}.room-main--radio .radio-atelier .radio-atelier-settings{flex:1;min-height:0;overflow-y:auto}}@media (max-width: 900px) and (orientation: portrait){.room-layout--mobile .room-main--radio{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr)}}@media (max-width: 900px) and (orientation: landscape){.room-layout--mobile .room-main--radio{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.playlist-current{gap:12px;padding:14px;background:rgba(var(--olive-raised-rgb),.35)}.playlist-now-label{display:flex;align-items:center;gap:7px}.playlist-now-label i{width:5px;height:5px;border-radius:50%;background:var(--accent)}.playlist-media{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:start;gap:12px;flex:1;min-width:0}.playlist-cover{position:relative;display:grid;place-items:center;aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--faint)}.playlist-cover img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.playlist-media-copy{min-width:0;display:flex;flex-direction:column;gap:5px}.playlist-media-copy strong{font-size:14px;font-weight:500;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.playlist-source{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-media-copy p{margin:0;font-size:12px;line-height:1.5;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.playlist-media-copy a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--accent-soft);font-size:11px;line-height:1.8;text-decoration:none}.playlist-media-copy a:hover{text-decoration:underline}.playlist-items li{align-items:start;gap:10px;padding-block:16px}.playlist-number{flex:0 0 14px;padding-top:3px;color:var(--faint);font-size:12px}.playlist-remove{flex-basis:32px;margin-top:-8px}.room-layout .invite-banner .invite-open-btn{background:transparent;border-color:transparent;box-shadow:none;color:var(--muted);font-weight:400}.room-layout .invite-banner .invite-open-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border);color:var(--text);box-shadow:none}.apps-modal.apps-modal--youtube .apps-modal-title{font-family:var(--font-space);font-size:24px;font-weight:500}.apps-modal--youtube .apps-modal-header-detail{padding-bottom:20px;margin-bottom:16px}.apps-modal--youtube .apps-modal-icon-badge{width:44px;height:44px;flex:0 0 44px;border:0;background:transparent}.apps-modal--youtube .apps-ambient-tip-box{margin:0 0 20px;padding:0;border:0;background:transparent;box-shadow:none;color:var(--muted);font-size:12px}.apps-modal--youtube .apps-ambient-tip-text strong{font-weight:500;color:var(--accent-soft)}.apps-modal--youtube .media-search-row{align-items:stretch;gap:8px}.apps-modal--youtube .media-search-input-wrap{border-radius:10px;background:var(--bg);border:1px solid var(--border-strong);box-shadow:none}.apps-modal--youtube .media-search-input-wrap:focus-within{border-color:var(--accent);box-shadow:none}.apps-modal--youtube .media-search-input-wrap input{min-height:48px;font-size:14px}.apps-modal.apps-modal--youtube .media-search-btn--youtube{min-width:76px;border-radius:10px;background:var(--bg-3)!important;border:1px solid var(--border-strong);color:var(--text);box-shadow:none!important}.apps-modal--youtube .media-search-btn--youtube:disabled{opacity:.5}.youtube-search-empty{padding:30px 4px 24px}.youtube-search-empty-icon{display:grid;place-items:center;width:36px;height:28px;color:var(--accent);background:var(--bg-3);border-radius:6px;margin-bottom:16px;font-size:12px}.youtube-search-empty h4{font:500 19px/1.4 var(--font-space);margin:0 0 8px;color:var(--text)}.youtube-search-empty p{color:var(--muted);font-size:13px;line-height:1.65;max-width:40ch;margin:0}.youtube-search-suggestions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.youtube-search-suggestions button{background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--muted);padding:9px 10px;cursor:pointer;font:inherit;font-size:12px}.youtube-search-suggestions button:hover{background:var(--bg-3);color:var(--text)}.youtube-results-heading{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:6px;margin:24px 0 12px}.youtube-results-heading strong{font-size:14px;font-weight:500}.youtube-results-heading span,.youtube-search-status{color:var(--muted);font-size:12px}.apps-modal--youtube .media-results{max-height:none;overflow:visible;gap:0}.apps-modal--youtube .media-result{padding:14px 0;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;box-shadow:none;transform:none;text-align:left}.apps-modal--youtube .media-result:hover,.apps-modal--youtube .media-result:focus-visible{background:rgba(var(--olive-raised-rgb),.4);box-shadow:none;transform:none}.apps-modal--youtube .media-thumb{flex-basis:132px;height:auto;aspect-ratio:16 / 9;border-radius:6px}.apps-modal--youtube .media-title{font-size:14px;font-weight:500;line-height:1.45}.apps-modal--youtube .media-sub{font-size:11px;margin-top:4px}.youtube-result-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.5;color:var(--muted);margin-top:5px}.apps-modal--youtube .media-play-indicator{flex-shrink:0;color:var(--accent-soft);background:transparent;border:0;box-shadow:none}.youtube-playback-help{margin-top:18px;border-top:1px solid var(--border);padding-top:14px;color:var(--muted);font-size:12px}.youtube-playback-help summary{cursor:pointer;padding-block:6px}.youtube-playback-help p{font-size:12px;line-height:1.6;margin:8px 0 0}@media (max-width: 900px){.room-layout--mobile .invite-banner{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px}.room-layout--mobile .room-topbar-title{grid-column:2;justify-content:center}.room-layout--mobile .room-topbar-right{grid-column:3}.room-layout--mobile .invite-banner .invite-open-btn{width:44px;min-height:44px;padding:0;border-radius:8px}}@media (max-width: 480px){.playlist-sheet{padding-inline:16px}.playlist-media{grid-template-columns:90px minmax(0,1fr);gap:10px}.playlist-items li{gap:6px}.playlist-media-copy strong{font-size:13px}.apps-modal--youtube .media-thumb{flex-basis:104px}.apps-modal--youtube .media-play-indicator{display:none}.apps-modal--youtube .media-search-btn--youtube svg{display:none}}@media (max-width: 900px){.room-layout.room-layout--mobile .side-column,.room-layout.room-layout--mobile .side-chat,.room-layout.room-layout--mobile .side-chat .chat,.room-layout.room-layout--mobile .side-chat .chat-header{background:var(--bg-2);box-shadow:none}.room-layout.room-layout--mobile .side-column{border-top-color:var(--border-strong)}.room-layout.room-layout--mobile .chat-header-row{justify-content:flex-start}.room-layout.room-layout--mobile .chat-header-row h3{flex:0 0 auto;text-align:left}.room-layout.room-layout--mobile .chat-speakers{margin-left:0}.room-layout.room-layout--mobile .chat-speakers{flex:0 1 auto;min-width:0;max-width:25%}.room-layout--mobile .chat-header-row{gap:8px}.room-layout--mobile .chat-participants-trigger{padding-inline:4px}}.af{--af-size: 44px;--af-ring: calc(var(--af-size) * .08);position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--af-size);height:var(--af-size);border-radius:50%;flex:none;isolation:isolate;overflow:visible}.af-inner{position:relative;z-index:1;width:calc(100% - var(--af-ring) * 2);height:calc(100% - var(--af-ring) * 2);border-radius:50%;overflow:hidden;background:#14141c;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #00000080,inset 0 1px 2px #fff3}.af-inner>img,.af-inner>*{width:100%;height:100%;object-fit:cover}.af-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible}.af-level{position:absolute;right:0;bottom:0;z-index:4;min-width:calc(var(--af-size) * .36);height:calc(var(--af-size) * .36);padding:0 5px;border-radius:999px;background:linear-gradient(145deg,#261c0ef2,#120e08fa);border:1.5px solid rgba(251,191,36,.7);color:#fbbf24;font-size:calc(var(--af-size) * .21);font-weight:800;display:inline-flex;align-items:center;justify-content:center;line-height:1;text-align:center;box-sizing:border-box;box-shadow:0 3px 10px #000000bf,0 0 12px #f59e0b59,inset 0 1px #ffffff40;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.af-plain:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(135deg,#ffffff38,#ffffff0d,#0000004d);border:1px solid rgba(255,255,255,.14);box-shadow:0 2px 10px #0006;z-index:0}@keyframes af-spin{to{transform:rotate(360deg)}}@keyframes af-spin-rev{to{transform:rotate(-360deg)}}@keyframes af-pulse{0%,to{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes af-glow{0%,to{filter:brightness(1) drop-shadow(0 0 2px rgba(255,255,255,.2))}50%{filter:brightness(1.3) drop-shadow(0 0 8px rgba(255,255,255,.6))}}@keyframes af-flicker{0%,to{filter:brightness(1) saturate(1)}25%{filter:brightness(1.3) saturate(1.4)}50%{filter:brightness(.95) saturate(1.1)}75%{filter:brightness(1.4) saturate(1.5)}}@keyframes af-hue{to{filter:hue-rotate(360deg)}}.af-spin-fast{transform-origin:50px 50px;animation:af-spin 4s linear infinite}.af-spin-slow{transform-origin:50px 50px;animation:af-spin 10s linear infinite}.af-spin-rev{transform-origin:50px 50px;animation:af-spin-rev 7s linear infinite}.af-hue-spin{animation:af-hue 6s linear infinite}.af-flicker-1{animation:af-pulse 1.2s ease-in-out infinite}.af-flicker-2{animation:af-pulse 1.8s ease-in-out infinite .3s}.af-flicker-3{animation:af-pulse 1.5s ease-in-out infinite .6s}.af-bronz{filter:drop-shadow(0 0 calc(var(--af-size) * .08) rgba(210,154,95,.4))}.af-gumus{filter:drop-shadow(0 0 calc(var(--af-size) * .1) rgba(232,237,245,.45))}.af-altin{filter:drop-shadow(0 0 calc(var(--af-size) * .12) rgba(255,209,102,.55))}.af-altin .af-svg-altin{animation:af-glow 3.5s ease-in-out infinite}.af-zumrut{filter:drop-shadow(0 0 calc(var(--af-size) * .14) rgba(55,240,166,.6))}.af-safir{filter:drop-shadow(0 0 calc(var(--af-size) * .14) rgba(124,192,255,.6))}.af-ametist{filter:drop-shadow(0 0 calc(var(--af-size) * .15) rgba(176,124,255,.65))}.af-alev{filter:drop-shadow(0 0 calc(var(--af-size) * .18) rgba(255,122,26,.75));animation:af-flicker 1.8s ease-in-out infinite}.af-neon{filter:drop-shadow(0 0 calc(var(--af-size) * .16) rgba(0,245,212,.7))}.af-yildiz{filter:drop-shadow(0 0 calc(var(--af-size) * .18) rgba(196,181,253,.75))}.af-sampiyon{filter:drop-shadow(0 0 calc(var(--af-size) * .22) rgba(255,255,255,.6))}.af-kurucu{filter:drop-shadow(0 0 calc(var(--af-size) * .22) rgba(255,215,0,.85))}.af-mod{filter:drop-shadow(0 0 calc(var(--af-size) * .2) rgba(0,242,254,.8))}.af-vip{filter:drop-shadow(0 0 calc(var(--af-size) * .2) rgba(168,85,247,.8))}.af-efsane{filter:drop-shadow(0 0 calc(var(--af-size) * .22) rgba(245,158,11,.85))}.af-locked{filter:grayscale(1) brightness(.45)!important}.af-locked .af-svg,.af-locked .af-spin-fast,.af-locked .af-spin-slow,.af-locked .af-spin-rev,.af-locked .af-hue-spin{animation-play-state:paused!important}@media (prefers-reduced-motion: reduce){.af-svg,.af-spin-fast,.af-spin-slow,.af-spin-rev,.af-hue-spin,.af-flicker-1,.af-flicker-2,.af-flicker-3{animation:none!important}}.room-preview-craft{width:min(94vw,440px)!important;background:rgba(var(--olive-panel-rgb),.94)!important;backdrop-filter:blur(28px)!important;-webkit-backdrop-filter:blur(28px)!important;border:1px solid rgba(var(--olive-text-rgb),.12)!important;box-shadow:0 32px 80px -16px #000000d9,inset 0 1px rgba(var(--olive-text-rgb),.14)!important;border-radius:24px!important;padding:16px 18px 20px!important;display:flex!important;flex-direction:column!important;gap:14px!important;position:relative!important;overflow:hidden!important}.preview-close-btn{position:absolute!important;top:14px!important;right:14px!important;width:32px!important;height:32px!important;border-radius:50%!important;background:rgba(var(--olive-text-rgb),.06)!important;border:1px solid rgba(var(--olive-text-rgb),.1)!important;color:var(--muted)!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .18s ease!important;z-index:20!important}.preview-close-btn:hover{background:rgba(var(--olive-text-rgb),.14)!important;color:var(--text)!important;transform:scale(1.05)!important}.preview-stage-card{position:relative;border-radius:16px;overflow:hidden;height:165px;display:flex;flex-direction:column;justify-content:space-between;padding:12px 14px;box-sizing:border-box;border:1px solid rgba(var(--olive-text-rgb),.1);box-shadow:inset 0 1px rgba(var(--olive-text-rgb),.16),0 8px 24px #00000080;transition:all .3s cubic-bezier(.16,1,.3,1)}.preview-stage-card--has-media{background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--bg)}.preview-stage-card--lobby{background:radial-gradient(circle at 50% 25%,rgba(var(--olive-accent-rgb),.22),rgba(var(--olive-raised-rgb),.35) 50%,rgba(var(--olive-bg-rgb),.98) 95%),var(--bg)}.preview-stage-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(var(--olive-bg-rgb),.45) 0%,transparent 40%,rgba(var(--olive-bg-rgb),.88) 100%),radial-gradient(rgba(var(--olive-text-rgb),.08) 1px,transparent 1px);background-size:100% 100%,14px 14px;z-index:1}.preview-stage-header{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;width:100%}.preview-live-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:750;letter-spacing:.05em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 12px #0000004d}.preview-live-tag--screen{background:#ef444438;border:1px solid rgba(239,68,68,.45);color:#fca5a5}.preview-live-tag--watch{background:#f59e0b38;border:1px solid rgba(245,158,11,.45);color:#fde68a}.preview-live-tag--lobby{background:#22c55e2e;border:1px solid rgba(34,197,94,.4);color:#86efac}.preview-live-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;animation:previewDotPulse 1.4s ease-in-out infinite alternate}@keyframes previewDotPulse{0%{transform:scale(.85);opacity:.7}to{transform:scale(1.25);opacity:1}}.preview-stage-chips{display:flex;align-items:center;gap:6px}.preview-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:8px;font-size:.75rem;font-weight:650;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(var(--olive-panel-rgb),.7);border:1px solid rgba(var(--olive-text-rgb),.12);color:var(--text)}.preview-chip--locked{color:var(--accent);border-color:rgba(var(--olive-accent-rgb),.3)}.preview-lobby-showcase{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin:auto 0;text-align:center}.preview-avatars-cluster{display:flex;align-items:center;justify-content:center}.preview-cluster-item{margin-right:-10px;transition:transform .2s cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 4px 10px rgba(0,0,0,.6))}.preview-cluster-item:hover{transform:translateY(-3px) scale(1.08);z-index:25!important}.preview-cluster-more{width:44px;height:44px;border-radius:50%;background:var(--bg-3);border:2px solid var(--bg-2);color:var(--text);font-size:.8rem;font-weight:750;display:flex;align-items:center;justify-content:center;margin-left:2px;box-shadow:0 4px 12px #00000080}.preview-empty-beacon{width:48px;height:48px;border-radius:50%;background:rgba(var(--olive-accent-rgb),.18);border:1px solid rgba(var(--olive-accent-rgb),.35);color:var(--accent);display:flex;align-items:center;justify-content:center;position:relative}.preview-beacon-pulse{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1px solid rgba(var(--olive-accent-rgb),.3);animation:beaconPulse 2s cubic-bezier(.16,1,.3,1) infinite}@keyframes beaconPulse{0%{transform:scale(.85);opacity:.8}to{transform:scale(1.4);opacity:0}}.preview-soundwaves{display:flex;align-items:center;gap:3.5px;height:14px}.wave-bar{width:3px;border-radius:999px;background:linear-gradient(180deg,var(--accent-deep) 0%,var(--accent-deep) 100%);animation:waveBarBounce 1.2s ease-in-out infinite alternate}.bar-1{height:6px;animation-delay:.1s}.bar-2{height:12px;animation-delay:.35s}.bar-3{height:16px;animation-delay:.18s}.bar-4{height:9px;animation-delay:.45s}.bar-5{height:5px;animation-delay:.2s}@keyframes waveBarBounce{0%{transform:scaleY(.4);opacity:.5}to{transform:scaleY(1);opacity:1}}.preview-lobby-status{font-size:.82rem;color:var(--text);font-weight:600;margin:0;text-shadow:0 1px 4px rgba(0,0,0,.8);letter-spacing:-.01em}.preview-stage-bottom{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;width:100%}.preview-media-title{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:650;color:var(--text);background:rgba(var(--olive-panel-rgb),.65);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:3px 8px;border-radius:6px;border:1px solid rgba(var(--olive-text-rgb),.08);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.preview-screen-badge{font-size:.85rem}.preview-tech-indicator{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;font-weight:700;color:var(--muted);letter-spacing:.04em}.preview-dot-indicator{width:5px;height:5px;border-radius:50%;background:var(--accent-deep)}.preview-room-header{display:flex;flex-direction:column;gap:4px}.preview-title-row{display:flex;align-items:center;justify-content:space-between}.preview-room-title{margin:0;font-size:1.28rem;font-weight:750;color:var(--text);letter-spacing:-.025em;line-height:1.3}.preview-host-badge{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:.82rem}.preview-host-badge strong{color:var(--text)}.preview-host-icon{font-size:.88rem}.preview-people-wrapper{display:flex;flex-direction:column;gap:6px}.preview-people-btn{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;padding:9px 12px!important;border-radius:12px!important;background:rgba(var(--olive-text-rgb),.04)!important;border:1px solid rgba(var(--olive-text-rgb),.08)!important;color:var(--text)!important;font-size:.85rem!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important}.preview-people-btn:hover{background:rgba(var(--olive-text-rgb),.07)!important;border-color:rgba(var(--olive-text-rgb),.15)!important;color:var(--text)!important}.preview-people-summary{display:flex;align-items:center;gap:8px}.preview-people-sheet{max-height:0;overflow:hidden;opacity:0;transition:max-height .28s cubic-bezier(.16,1,.3,1),opacity .2s ease}.preview-people-sheet.is-open{max-height:160px;opacity:1}.preview-participants-grid{list-style:none;margin:0;padding:4px 2px;max-height:140px;overflow-y:auto;display:flex;flex-wrap:wrap;gap:6px}.preview-participant-pill{display:inline-flex;align-items:center;gap:7px;padding:4px 10px 4px 5px;border-radius:999px;background:rgba(var(--olive-text-rgb),.05);border:1px solid rgba(var(--olive-text-rgb),.09);color:var(--text);font-size:.8rem;font-weight:550;max-width:180px}.preview-p-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-role-chip{font-size:.68rem;padding:1px 5px;border-radius:4px;background:rgba(var(--olive-accent-rgb),.2);color:var(--accent);border:1px solid rgba(var(--olive-accent-rgb),.3);font-weight:700}.preview-identity-card{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:14px;background:rgba(var(--olive-text-rgb),.03);border:1px solid rgba(var(--olive-text-rgb),.07)}.preview-identity-label{font-size:.72rem;font-weight:700;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.preview-identity-row{display:flex;align-items:center;gap:12px}.preview-identity-avatar{flex-shrink:0}.preview-identity-info{display:flex;flex-direction:column;min-width:0}.preview-identity-name{font-size:.95rem;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-identity-sub{font-size:.75rem;color:var(--muted)}.preview-pw-field{display:flex;flex-direction:column;gap:6px}.preview-field-label{font-size:.78rem;font-weight:650;color:var(--text)}.preview-pw-input{width:100%!important;padding:10px 14px!important;border-radius:12px!important;background:rgba(var(--olive-panel-rgb),.75)!important;border:1px solid rgba(var(--olive-text-rgb),.12)!important;color:var(--text)!important;font-size:.92rem!important;box-sizing:border-box!important;transition:all .2s ease!important}.preview-pw-input:focus{border-color:rgba(var(--olive-accent-rgb),.6)!important;box-shadow:0 0 0 3px rgba(var(--olive-accent-rgb),.2)!important;outline:none!important}.preview-action-buttons{display:flex!important;gap:10px!important;margin-top:4px!important}.preview-btn-join{flex:1.5!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:44px!important;border-radius:12px!important;background:linear-gradient(135deg,var(--accent-deep) 0%,var(--accent-deep) 50%,var(--accent-deep) 100%)!important;color:var(--text)!important;font-size:.95rem!important;font-weight:750!important;border:1px solid rgba(var(--olive-text-rgb),.22)!important;box-shadow:0 8px 24px -4px rgba(var(--olive-accent-rgb),.5),inset 0 1px rgba(var(--olive-text-rgb),.3)!important;cursor:pointer!important;transition:all .22s cubic-bezier(.16,1,.3,1)!important}.preview-btn-join:hover:not(:disabled){transform:translateY(-1px)!important;box-shadow:0 12px 28px -4px rgba(var(--olive-accent-rgb),.65),inset 0 1px rgba(var(--olive-text-rgb),.4)!important;filter:brightness(1.05)!important}.preview-btn-join:active:not(:disabled){transform:scale(.98)!important}.preview-btn-join:disabled{opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important}.preview-btn-cancel{flex:1!important;min-height:44px!important;border-radius:12px!important;background:rgba(var(--olive-text-rgb),.04)!important;border:1px solid rgba(var(--olive-text-rgb),.1)!important;color:var(--muted)!important;font-size:.92rem!important;font-weight:650!important;cursor:pointer!important;transition:all .2s ease!important}.preview-btn-cancel:hover:not(:disabled){background:rgba(var(--olive-text-rgb),.08)!important;border-color:rgba(var(--olive-text-rgb),.18)!important;color:var(--text)!important}.preview-btn-joining{display:inline-flex;align-items:center;gap:8px}.preview-spinner{width:14px;height:14px;border:2px solid rgba(var(--olive-text-rgb),.3);border-top-color:var(--text);border-radius:50%;animation:spinnerSpin .7s linear infinite}@keyframes spinnerSpin{to{transform:rotate(360deg)}}.preview-loading-radar{width:60px;height:60px;position:relative;display:flex;align-items:center;justify-content:center}.radar-circle{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid rgba(var(--olive-accent-rgb),.4);animation:radarPulse 1.8s cubic-bezier(.16,1,.3,1) infinite}.radar-2{animation-delay:.6s}@keyframes radarPulse{0%{transform:scale(.4);opacity:1}to{transform:scale(1.4);opacity:0}}.radar-core{font-size:1.3rem;z-index:2}.preview-loading-title{font-size:1.15rem;font-weight:700;color:var(--text);margin:0}.preview-loading-sub{font-size:.85rem;color:var(--muted);margin:0}