.join-page{min-height:100vh;min-height:100dvh;min-height:var(--app-height, 100dvh);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(1rem + env(safe-area-inset-top,0px)) calc(1rem + env(safe-area-inset-right,0px)) calc(1rem + env(safe-area-inset-bottom,0px)) calc(1rem + env(safe-area-inset-left,0px));background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(122,162,247,.12) 0%,transparent 60%),linear-gradient(180deg,var(--bg) 0%,#16161e 100%);user-select:none;-webkit-user-select:none}.join-page input,.join-page textarea{user-select:text;-webkit-user-select:text}.join-watermark-logo{position:fixed;bottom:max(.65rem,env(safe-area-inset-bottom,0px));right:max(.65rem,env(safe-area-inset-right,0px));width:7.5rem;height:7.5rem;background:linear-gradient(135deg,var(--accent) 0%,var(--success) 100%);mask:url(/mauweh-logo.png) center/100% no-repeat;-webkit-mask:url(/mauweh-logo.png) center/100% no-repeat;opacity:.08;pointer-events:none;z-index:0}.notification-bar{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding:.6rem 1rem;border-radius:var(--radius);border-top:2px solid;box-shadow:0 4px 16px #0003,0 0 0 1px #00000014;color:var(--text);font-size:.9rem;width:100%;max-width:340px}.notification-bar--info{background:#7aa2f71f;border-top-color:var(--accent)}.notification-bar-icon-spin{animation:join-spin .8s linear infinite}@keyframes join-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notification-bar-actions button{padding:.35rem .65rem;border-radius:6px;font-size:.85rem;border:none;cursor:pointer;background:var(--danger);color:#fff}.join-card{position:relative;background:var(--surface);padding:2rem 2rem 2.75rem;border-radius:var(--radius);border-top:2px solid var(--accent);width:100%;max-width:340px;box-shadow:0 8px 32px #0000004d,0 0 0 1px #7aa2f714;animation:join-card-fade .4s ease-out}@keyframes join-card-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.join-viewer-badge{position:absolute;top:1rem;right:1rem;display:inline-flex;align-items:center;gap:.35rem;color:var(--muted);font-size:.9rem}.join-viewer-badge .join-viewer-icon{font-size:1.1rem}.join-app-version{margin:0;font-size:.65rem;color:var(--muted);line-height:1.2;display:flex;align-items:center;justify-content:flex-end;gap:.35rem}.join-download-link{display:inline-flex;align-items:center;color:var(--muted);opacity:.6;transition:opacity .15s,color .15s}.join-download-link:hover{opacity:1;color:var(--accent)}.join-download-icon{font-size:.9rem}.join-title{position:relative;display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.15rem;padding-top:.15rem}.join-name-reminder-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.join-name-remind-aurora{display:none;position:absolute;left:50%;top:-.25rem;transform:translate(-50%);width:min(19rem,calc(100% + 2rem));height:10.5rem;pointer-events:none;z-index:0;border-radius:50%;background:radial-gradient(ellipse 58% 48% at 50% 38%,rgba(122,162,247,.42) 0%,rgba(169,184,232,.12) 42%,transparent 70%);filter:blur(.5px)}.join-title--name-reminder .join-name-remind-aurora{display:block;animation:join-name-remind-aurora 2.2s ease-out forwards}@keyframes join-name-remind-aurora{0%{opacity:0;transform:translate(-50%) scale(.88)}18%{opacity:1;transform:translate(-50%) scale(1.03)}to{opacity:0;transform:translate(-50%) scale(1.12)}}.join-title--name-reminder .join-title-avatar-btn:not(.join-title-avatar-btn--has-photo) .participant-avatar-brand-mark{animation:join-name-remind-logo .95s cubic-bezier(.34,1.45,.64,1)}@keyframes join-name-remind-logo{0%,to{transform:scale(1);filter:drop-shadow(0 4px 12px rgba(0,0,0,.35)) drop-shadow(0 0 28px var(--accent-glow))}35%{transform:scale(1.07);filter:drop-shadow(0 6px 18px rgba(0,0,0,.28)) drop-shadow(0 0 42px var(--accent-glow)) drop-shadow(0 0 20px var(--accent-soft))}}.join-title--name-reminder .join-name-btn{animation:join-name-remind-shake .65s cubic-bezier(.36,.07,.19,.97) both}@keyframes join-name-remind-shake{0%,to{transform:translate(0)}12%{transform:translate(-7px)}24%{transform:translate(6px)}36%{transform:translate(-5px)}48%{transform:translate(4px)}60%{transform:translate(-3px)}72%{transform:translate(2px)}84%{transform:translate(-1px)}}.join-title--name-reminder .join-name-bubble{animation:join-name-remind-bubble .85s cubic-bezier(.34,1.45,.64,1) both,bubble-float 2.4s ease-in-out .85s infinite}@keyframes join-name-remind-bubble{0%{transform:translateY(0) scale(1);box-shadow:0 2px 10px #7aa2f759}40%{transform:translateY(-6px) scale(1.08);box-shadow:0 6px 22px #7aa2f78c}to{transform:translateY(0) scale(1);box-shadow:0 2px 10px #7aa2f759}}.join-title .join-title-name-center .join-name-btn,.join-title-name-center .join-name-text-editing,.join-title .join-name-bubble{position:relative;z-index:1}.join-title:not(.join-title--name-reminder) .join-title-avatar-btn:not(.join-title-avatar-btn--has-photo) .participant-avatar-brand-mark{animation:join-avatar-brand-idle 5s ease-in-out infinite}@keyframes join-avatar-brand-idle{0%,to{opacity:1;transform:scale(1);filter:drop-shadow(0 2px 10px var(--accent-glow))}50%{opacity:.94;transform:scale(1.04);filter:drop-shadow(0 3px 14px var(--accent-glow)) drop-shadow(0 0 18px var(--accent-soft))}}.join-name-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;width:100%;max-width:100%;font-size:1.35rem;font-weight:600;font-family:inherit;background:none;border:none;padding:.25rem .6rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:6px;transition:background .2s}.join-name-btn:hover{background:#7aa2f712}.join-name-btn:focus{outline:none}.join-name-bubble{position:relative;padding:.3rem .85rem;background:var(--accent);color:var(--bg);font-size:.78rem;font-weight:700;border-radius:999px;pointer-events:none;white-space:nowrap;animation:bubble-float 2.4s ease-in-out infinite;box-shadow:0 2px 10px #7aa2f759}.join-name-bubble:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--accent)}@keyframes bubble-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.join-avatar-popover{position:absolute;top:calc(100% + .5rem);left:0;width:min(18.5rem,calc(100vw - 2rem));max-height:min(58vh,24rem);overflow-y:auto;padding:.56rem .62rem;border-radius:14px;border:1px solid rgba(122,162,247,.22);background:var(--surface);box-shadow:0 14px 42px #00000061,0 0 0 1px #7aa2f714;z-index:30;box-sizing:border-box}.join-avatar-popover .name-style-controls{gap:.45rem;margin-top:.5rem;padding-top:.5rem}.join-avatar-popover .name-style-preview{min-height:1.55rem;padding:.05rem .2rem;font-size:.98rem}.join-avatar-popover .name-style-options{gap:.3rem}.join-avatar-popover .name-style-option{min-height:1.8rem;padding:0 .48rem;font-size:.72rem}.join-avatar-popover .name-style-actions{margin-top:.1rem}.join-avatar-popover-heading{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.55rem}.join-avatar-popover-row{display:flex;align-items:stretch;gap:.75rem}.join-avatar-popover-preview{width:4.35rem;height:4.35rem;border-radius:12px;flex-shrink:0;overflow:hidden;border:none;background:transparent;display:flex;align-items:center;justify-content:center}.join-avatar-popover-preview .participant-avatar-large-img,.join-avatar-popover-preview .participant-avatar-fallback{width:100%;height:100%;border-radius:12px}.join-avatar-popover-preview .participant-avatar-fallback{display:flex;align-items:center;justify-content:center}.join-avatar-popover-preview:has(span.participant-avatar-fallback){border:2px solid var(--avatar-brand-panel-border);background:var(--accent-soft)}.join-avatar-popover-preview .participant-avatar-fallback .material-icons{font-size:2.12rem}.join-avatar-popover-input-wrap{flex:1;display:flex;align-items:center;gap:.42rem;min-width:0}.join-avatar-popover-input{flex:1;min-width:0;align-self:center;min-height:2.65rem;padding:0 .75rem;border-radius:10px;border:2px solid rgba(86,95,137,.42);background:var(--bg);color:var(--text);font-size:.88rem;font-family:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.join-avatar-popover-input:focus{border-color:var(--accent);box-shadow:0 3px 22px #7aa2f761}.join-avatar-popover-input::placeholder{color:var(--muted);opacity:1}.join-avatar-popover-clear{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.65rem;height:2.65rem;padding:0;margin:0;border:none;border-radius:10px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f7768e1f;color:var(--danger, #f7768e);transition:background .15s ease,opacity .15s ease}.join-avatar-popover-clear:hover:not(:disabled){background:#f7768e38}.join-avatar-popover-clear:focus-visible{outline:none;box-shadow:0 0 0 2px #f7768e73}.join-avatar-popover-clear:disabled{opacity:.35;cursor:not-allowed}.join-avatar-popover-clear .material-icons{font-size:1.35rem}.join-avatar-popover-apply{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.65rem;height:2.65rem;padding:0;margin:0;border:none;border-radius:10px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#22c55e24;color:#22c55ef2;transition:background .15s ease,opacity .15s ease}.join-avatar-popover-apply:hover:not(:disabled){background:#22c55e42}.join-avatar-popover-apply:focus-visible{outline:none;box-shadow:0 0 0 2px #22c55e7a}.join-avatar-popover-apply:disabled{opacity:.35;cursor:not-allowed}.join-avatar-popover-apply .material-icons{font-size:1.42rem}.join-title-name-row{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.55rem;min-height:0;margin-top:0;padding:0 .25rem}.join-avatar-popover-root{position:relative;z-index:4}.join-title-name-center{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-width:0;gap:.35rem}.join-title-avatar-btn{display:flex;align-items:center;justify-content:center;width:clamp(5.65rem,46vw,7.85rem);height:clamp(5.65rem,46vw,7.85rem);padding:0;border-radius:clamp(14px,4vw,22px);border:2px solid var(--avatar-brand-chip-border);background:linear-gradient(145deg,var(--avatar-brand-chip-bg-top) 0%,var(--avatar-brand-chip-bg-bottom) 100%);color:var(--accent);cursor:pointer;overflow:hidden;flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:inset 0 1px #ffffff1a,0 3px 12px #0003;transition:border-color .18s ease,box-shadow .18s ease}.join-title-avatar-btn:hover{border-color:var(--avatar-brand-chip-border-hover)}.join-title-avatar-btn:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--avatar-brand-ring-mid),inset 0 1px #ffffff1a}.join-title-avatar-btn--open{border-color:var(--accent);box-shadow:0 0 0 2px var(--avatar-brand-ring-soft),inset 0 1px #ffffff1a}.join-title-avatar-btn.join-title-avatar-btn--has-photo{border:none;background:transparent;box-shadow:none}.join-title-avatar-btn.join-title-avatar-btn--has-photo:hover{border-color:transparent;box-shadow:none}.join-title-avatar-btn.join-title-avatar-btn--has-photo:focus-visible{border:none;box-shadow:0 0 0 3px var(--avatar-brand-ring-strong)}.join-title-avatar-btn.join-title-avatar-btn--has-photo.join-title-avatar-btn--open{border:none;box-shadow:0 0 0 2px var(--avatar-brand-ring-extra)}.join-title-avatar-btn .participant-avatar-large-img,.join-title-avatar-btn .participant-avatar-fallback{width:100%;height:100%;border-radius:clamp(12px,3.5vw,18px)}.join-title-avatar-btn .participant-avatar-fallback{display:flex;align-items:center;justify-content:center}.join-title-avatar-btn .participant-avatar-fallback .material-icons{font-size:1.92rem}.join-name-text.styled-name--color-default{display:inline-block;--styled-name-gradient: linear-gradient(90deg, #ff6b6b, #feca57, #48dbfb, #ff9ff3, #54a0ff, #ff6b6b);--styled-name-bg-size: 100% 100%}.join-name-text{display:inline-block;overflow:visible}.join-name-text-pulse{animation:join-pulse 1.5s ease-in-out infinite}.join-name-btn:hover .join-name-text{opacity:.9}.join-name-text-editing{display:inline-block;min-width:2rem;max-width:220px;font-size:1.35rem;font-weight:600;font-family:inherit;outline:none;border:none;background:transparent;-webkit-text-fill-color:var(--text);color:var(--text);border-bottom:2px solid rgba(122,162,247,.6);padding:0 .1rem .1rem;cursor:text;caret-color:var(--accent);white-space:nowrap;overflow:hidden}.join-name-text-editing--prompt{border-radius:10px;padding:.2rem .45rem .25rem;border-bottom:none;box-shadow:0 0 0 2px #7aa2f773,0 0 32px #7aa2f747;animation:join-name-editing-prompt-glow 1.6s ease-in-out infinite}@keyframes join-name-editing-prompt-glow{0%,to{box-shadow:0 0 0 2px #7aa2f766,0 0 28px #7aa2f738}50%{box-shadow:0 0 0 3px #a9b8e8a6,0 0 44px #7aa2f76b}}.join-name-bubble--hint{text-align:center;animation:join-name-fill-hint-in .55s cubic-bezier(.34,1.45,.64,1) both,bubble-float 2.4s ease-in-out .55s infinite}@keyframes join-name-fill-hint-in{0%{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes join-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.03)}}.join-footer{position:absolute;bottom:.45rem;right:.55rem;left:auto;margin-top:0;pointer-events:none}.join-footer .join-app-version{pointer-events:auto}.channels-section{margin-bottom:0}.channels-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.65rem;min-height:2.95rem;margin-bottom:.42rem;padding:.58rem .72rem .58rem .92rem;border:1px solid var(--border-soft);border-radius:calc(var(--radius) - 1px);background:linear-gradient(105deg,color-mix(in srgb,var(--accent) 14%,transparent) 0%,transparent 48%),linear-gradient(180deg,var(--surface-strong),var(--surface));box-shadow:var(--shadow-panel);overflow:hidden}.channels-section:has(.channel-create-accordion--open) .channels-header{margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.channels-header-label{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text)}.channel-add-btn{display:inline-flex;align-items:center;justify-content:center;width:1.85rem;height:1.85rem;padding:0;flex-shrink:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;color:var(--accent);background:linear-gradient(145deg,#7aa2f738,#0f101759 45%,#7aa2f71f);border:1px solid rgba(169,184,232,.38);box-shadow:inset 0 1px #ffffff1f,0 0 0 1px #0000000f,0 4px 14px #0000002e;backdrop-filter:blur(12px) saturate(1.35);-webkit-backdrop-filter:blur(12px) saturate(1.35);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease,color .2s ease}.channel-add-btn:hover{border-color:#c8d4ff8c;color:#d8e0ff;background:linear-gradient(145deg,#7aa2f761,#7aa2f724,#0f101740);box-shadow:inset 0 1px #ffffff2e,0 0 0 1px #7aa2f726,0 6px 20px #7aa2f747;transform:scale(1.08) rotate(90deg)}.channel-add-btn:active{transform:scale(.96) rotate(90deg)}.channel-add-btn-open{color:var(--danger);border-color:#f7768e73;background:linear-gradient(145deg,#f7768e47,#0f101766 48%,#f7768e24)}.channel-add-btn-open:hover{color:#ffc9d4;border-color:#ff96aa8c;background:linear-gradient(145deg,#f7768e6b,#f7768e33,#0f101747);box-shadow:inset 0 1px #ffffff1f,0 0 0 1px #f7768e33,0 6px 20px #f7768e47}.channel-create-error{font-size:.85rem;color:var(--danger);margin:.5rem 0 0;padding:.55rem .75rem;background:#f7768e1f;border-radius:8px;border:1px solid rgba(247,118,142,.45)}.channels-list-wrap{background:#0f101773;margin-left:-2rem;margin-right:-2rem;overflow:visible}.channels-loading-skeleton{display:flex;flex-direction:column;gap:.45rem;padding:.55rem;box-sizing:border-box;min-height:4.35rem}.channel-skeleton{width:100%;height:1.38rem;border-radius:var(--radius);background:linear-gradient(90deg,transparent 0%,rgba(122,162,247,.05) 50%,transparent 100%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;border-bottom:none;position:relative}.channel-skeleton:not(:last-child):after{content:"";position:absolute;left:1.35rem;right:1.35rem;bottom:0;height:2px;border-radius:2px;pointer-events:none;background:linear-gradient(to bottom,#ffffff1a,#a9b8e859 55%,#141620d9);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%)}.channel-skeleton:last-child{border-bottom:none}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.channel-grid{display:flex;flex-direction:column}.channel-pill-wrap{position:relative}.channel-pill-wrap:not(:last-child):after{content:"";position:absolute;left:1.35rem;right:1.35rem;bottom:0;height:2px;border-radius:2px;pointer-events:none;z-index:2;background:linear-gradient(to bottom,#ffffff1c,#a9b8e86b,#0f1017bf);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%)}.channel-members-inline{padding:.45rem .65rem .55rem;border-top:1px solid rgba(86,95,137,.28);background:#08090eb8;max-height:12rem;overflow-y:auto;animation:channel-members-inline-in .15s ease-out}@keyframes channel-members-inline-in{0%{opacity:0}to{opacity:1}}.channel-members-list{margin:0;padding:0;list-style:none}.channel-members-item{display:flex;align-items:center;gap:.62rem;padding:.42rem .35rem;font-size:.88rem;color:var(--text);min-width:0}.channel-members-item--fallback .channel-members-fallback-text{font-weight:600;color:var(--text)}.channel-members-fallback-hint{font-weight:500;color:var(--muted);font-size:.82rem}.channel-members-item:hover{background:#7aa2f714;border-radius:6px}.channel-members-icon{font-size:1rem;color:var(--muted);flex-shrink:0}.channel-pill{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 2.25rem;background:transparent;border:none;border-radius:0;color:var(--text);font-size:.95rem;font-weight:500;cursor:pointer;transition:background .35s ease,box-shadow .35s ease;overflow:hidden}.channel-pill:hover{background:linear-gradient(90deg,#7aa2f71f,#a9b8e826);color:#fff;box-shadow:inset 0 0 24px #a9b8e80a}.channel-pill:active{background:linear-gradient(90deg,#7aa2f747,#a9b8e859)}.channel-pill:hover .channel-pill-count{transform:scale(1.05)}.channel-pill-left{display:flex;align-items:center;gap:.6rem;overflow:hidden;min-width:0;flex:1}.channel-pill-icon{display:inline-flex;align-items:center;flex-shrink:0;color:#7aa2f773;transition:color .15s}.channel-pill-icon .material-icons{font-size:1rem}.channel-pill:hover .channel-pill-icon{color:#a9b8e8}.channel-pill-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.channel-pill-right{display:inline-flex;align-items:center;justify-content:flex-end;gap:.45rem;flex-shrink:0;margin-left:.5rem}.channel-pill-duration{display:inline-flex;align-items:center;gap:.22rem;font-size:.65rem;font-weight:600;letter-spacing:.03em;color:#a9b8e8bf;white-space:nowrap;padding:.2rem .45rem;border-radius:999px;background:#565f8924;border:1px solid rgba(122,162,247,.12)}.channel-pill-duration-icon{font-size:.72rem!important;opacity:.88}.channel-pill:hover .channel-pill-duration{color:#d2dcfff2;background:#7aa2f724;border-color:#7aa2f738}.channel-pill-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.35rem;height:1.35rem;padding:0 .4rem;font-size:.68rem;font-weight:700;color:var(--muted);background:#565f892e;border-radius:999px;flex-shrink:0;transition:background .2s,color .2s,transform .2s}.channel-pill-count--interactive{cursor:pointer}.channel-pill:hover .channel-pill-count{background:#a9b8e859;color:#a9b8e8;transform:scale(1.1)}.channel-create-accordion{width:100%;max-width:100%;min-width:0;margin-bottom:0;box-sizing:border-box}.channel-create-accordion--open{margin-bottom:0}.channel-create-sheet{padding:0 0 .15rem}.channel-create-form{margin:0;padding:.35rem .5rem .25rem;border-radius:14px;border:none;background:transparent;box-shadow:none}.channel-create-lead{margin:0 0 .85rem;font-size:.88rem;font-weight:600;color:var(--text);letter-spacing:.01em}.channel-create-field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem}.channel-create-field:last-of-type{margin-bottom:.65rem}.channel-create-label{display:inline-flex;align-items:center;gap:.35rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.channel-create-label-icon{font-size:.95rem;opacity:.75}.channel-create-input{width:100%;min-height:2.75rem;padding:0 .9rem;background:var(--bg);border:2px solid rgba(86,95,137,.42);border-radius:10px;color:var(--text);font-size:.98rem;line-height:1.45;font-family:inherit;outline:none;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;box-shadow:none;box-sizing:border-box}.channel-create-input:focus{border-color:var(--accent);box-shadow:0 4px 26px #7aa2f773,0 0 48px #7aa2f72e}.channel-create-input::placeholder{color:var(--muted);font-size:.92rem;line-height:1.45;opacity:1}.channel-create-cta{position:relative;display:flex;align-items:center;justify-content:center;width:100%;margin-top:1rem;min-height:3rem;padding:.65rem 1.15rem;border:none;border-radius:999px;font-family:inherit;font-size:.95rem;font-weight:800;letter-spacing:.04em;cursor:pointer;color:var(--bg);overflow:hidden;isolation:isolate;transition:transform .2s ease,box-shadow .25s ease,filter .2s ease}.channel-create-cta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,var(--accent) 0%,#7a93e8 55%,#b8c8ff 100%);z-index:0}.channel-create-cta:hover:not(:disabled):after{filter:brightness(1.06)}.channel-create-cta--ready:not(:disabled):before{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:conic-gradient(from 220deg,transparent 0deg,rgba(255,255,255,.14) 38deg,transparent 72deg,transparent 360deg);animation:channel-create-cta-shimmer 2.6s linear infinite;z-index:1;pointer-events:none}@keyframes channel-create-cta-shimmer{to{transform:rotate(360deg)}}.channel-create-cta--ready:not(:disabled){box-shadow:0 6px 22px #7aa2f761,0 0 0 1px #a9b8e859;animation:channel-create-cta-breathe 2.4s ease-in-out infinite}@keyframes channel-create-cta-breathe{0%,to{box-shadow:0 6px 22px #7aa2f759,0 0 0 1px #a9b8e852}50%{box-shadow:0 10px 30px #7aa2f780,0 0 0 1px #c8d4ff8c}}.channel-create-cta-content{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.channel-create-cta-icon{font-size:1.25rem;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.channel-create-cta:hover:not(:disabled) .channel-create-cta-icon:not(.channel-create-cta-check){transform:translate(3px) translateY(-2px) rotate(-8deg)}.channel-create-cta--launch{animation:channel-create-cta-launch .55s cubic-bezier(.34,1.4,.64,1) forwards}@keyframes channel-create-cta-launch{0%{transform:scale(1);filter:brightness(1)}35%{transform:scale(1.045);filter:brightness(1.12)}to{transform:scale(1);filter:brightness(1.05)}}.channel-create-cta--launch .channel-create-cta-check{animation:channel-create-cta-pop .55s cubic-bezier(.34,1.56,.64,1) both}@keyframes channel-create-cta-pop{0%{transform:scale(.5) rotate(-25deg);opacity:.4}60%{transform:scale(1.15) rotate(6deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.channel-create-cta:disabled{opacity:.4;cursor:not-allowed;animation:none;box-shadow:none}.channel-create-cta:disabled:before{animation:none}.popup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem;opacity:0;transition:opacity .2s ease-out}.popup-backdrop-visible{opacity:1}.popup-box{background:var(--surface);padding:1.5rem;border-radius:var(--radius);width:100%;max-width:360px;box-shadow:0 12px 40px #0006;transform:scale(.95);transition:transform .2s ease-out}.popup-box-visible{transform:scale(1)}.popup-box h3{margin:0 0 1rem;padding-bottom:.75rem;font-size:1.15rem;color:var(--text);border-bottom:1px solid rgba(86,95,137,.3)}.popup-input{display:block;width:100%;padding:.75rem 1rem;margin-bottom:1rem;background:var(--bg);border:1px solid var(--muted);border-radius:6px;color:var(--text);font-size:1rem;transition:border-color .2s,box-shadow .2s}.popup-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #7aa2f733}.popup-actions{display:flex;gap:.5rem;justify-content:flex-end}.popup-actions .btn-secondary{padding:.5rem 1rem;background:transparent;border:1px solid var(--muted);border-radius:6px;color:var(--text);cursor:pointer;transition:border-color .2s,background .2s}.popup-actions .btn-secondary:hover{border-color:var(--text);background:#c0caf514}.popup-actions .btn-primary{padding:.5rem 1rem;background:var(--accent);border:none;border-radius:6px;color:var(--bg);font-weight:600;cursor:pointer;transition:filter .2s,transform .1s}.popup-actions .btn-primary:hover:not(:disabled){filter:brightness(1.1)}.popup-actions .btn-primary:active:not(:disabled){transform:scale(.98)}.popup-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}.channel-password-popup{position:relative;width:100%;max-width:340px;padding:1.5rem 1.5rem 1.75rem;background:var(--surface);border-radius:var(--radius);border-top:2px solid var(--accent);box-shadow:0 8px 32px #0000004d,0 0 0 1px #7aa2f714;animation:channel-password-in .25s ease-out}@keyframes channel-password-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.channel-password-close{position:absolute;top:.75rem;right:.75rem;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:#7aa2f714;border:1px solid rgba(122,162,247,.2);border-radius:50%;color:var(--muted);cursor:pointer;transition:all .2s ease}.channel-password-close:hover{background:#f7768e26;border-color:#f7768e59;color:var(--danger)}.channel-password-close .material-icons{font-size:1.1rem}.channel-password-lock{display:flex;justify-content:center;margin-bottom:1rem;color:var(--muted)}.channel-password-lock .material-icons{font-size:1.75rem;opacity:.7}.channel-password-form{margin:0}.channel-password-row{display:flex;align-items:center;gap:.4rem}.channel-password-input{flex:1;padding:.6rem 1rem;background:var(--bg);border:1px solid rgba(122,162,247,.4);border-radius:999px;color:var(--text);font-size:.95rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;box-shadow:0 0 0 3px #7aa2f71a}.channel-password-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7aa2f733}.channel-password-input::placeholder{color:var(--muted)}.channel-password-submit{display:inline-flex;align-items:center;justify-content:center;width:2.15rem;height:2.15rem;flex-shrink:0;padding:0;background:var(--accent);border:none;border-radius:50%;color:var(--bg);cursor:pointer;transition:all .2s ease}.channel-password-submit:hover:not(:disabled){filter:brightness(1.1);transform:scale(1.08);box-shadow:0 2px 10px #7aa2f766}.channel-password-submit:disabled{opacity:.35;cursor:not-allowed}.channel-password-submit .material-icons{font-size:1.1rem}.channel-password-error{margin:.6rem 0 0;padding:.5rem 1rem;font-size:.85rem;color:var(--danger);background:#f7768e1f;border-radius:999px;border:1px solid rgba(247,118,142,.25)}:root[data-theme=daylight] .join-page{background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(79,126,232,.18) 0%,transparent 60%),linear-gradient(180deg,#f7f9ff,#ecf2ff)}:root[data-theme=daylight] .join-card{box-shadow:0 10px 30px #1d2d541a,0 0 0 1px #4f7ee826}:root[data-theme=daylight] .channels-list-wrap{background:transparent;box-shadow:none}:root[data-theme=daylight] .channels-header{background:linear-gradient(105deg,color-mix(in srgb,var(--accent) 10%,transparent) 0%,transparent 52%),linear-gradient(180deg,#ffffffd1,#ffffff7a);border-color:#4f7ee833;box-shadow:0 8px 24px #1d2d540f,inset 0 1px #ffffffd9}:root[data-theme=daylight] .channels-banner-stack--open{background:linear-gradient(105deg,color-mix(in srgb,var(--accent) 10%,transparent) 0%,transparent 52%),linear-gradient(180deg,#ffffffd1,#ffffff7a);border-color:#4f7ee833;box-shadow:0 8px 24px #1d2d540f,inset 0 1px #ffffffd9}:root[data-theme=daylight] .channels-banner-stack--open .channel-create-sheet{background:linear-gradient(180deg,#ffffffb8,#ffffff6b);border-top-color:#4f7ee829}:root[data-theme=daylight] .channel-pill-wrap{border-color:#4f7ee838;background:#ffffff7a}:root[data-theme=daylight] .channel-skeleton:not(:last-child):after{background:linear-gradient(to bottom,#ffffffd9,#7eaaf759,#4f7ee81f)}:root[data-theme=daylight] .channel-pill:hover{background:var(--accent-soft);color:var(--text);box-shadow:none}:root[data-theme=daylight] .channel-pill-duration{color:var(--muted);background:transparent;border:none}:root[data-theme=daylight] .channel-pill:hover .channel-pill-duration{color:var(--text);background:transparent;border:none}:root[data-theme=daylight] .channel-members-inline{border-top-color:#4f7ee838;background:#ffffffb8;box-shadow:inset 0 1px #ffffffa6}:root[data-theme=daylight] .channel-members-item:hover{background:#4f7ee812}:root[data-theme=daylight] .channel-create-input{border-color:#4f7ee852}:root[data-theme=daylight] .channel-create-input:focus{border-color:var(--accent);box-shadow:0 4px 26px #4f7ee861,0 0 44px #4f7ee829}:root[data-theme=daylight] .channel-add-btn{color:var(--accent);border-color:#4f7ee861;background:linear-gradient(145deg,#ffffffbf,#4f7ee81f,#ffffff8c);box-shadow:inset 0 1px #fffffff2,0 2px 12px #1d2d5414}:root[data-theme=daylight] .channel-add-btn:hover{color:#3d5a9e;border-color:#4f7ee880;background:linear-gradient(145deg,#ffffffeb,#4f7ee838,#ffffffbf);box-shadow:inset 0 1px #fff,0 4px 18px #4f7ee833}:root[data-theme=daylight] .channel-add-btn-open{color:#c73e5a;border-color:#f7768e66;background:linear-gradient(145deg,#ffe6ebe6,#f7768e1f,#ffffffa6)}:root[data-theme=daylight] .channel-create-form{background:transparent;border:none}:root[data-theme=daylight] .channel-password-popup{box-shadow:0 10px 30px #1d2d541a,0 0 0 1px #4f7ee826}:root[data-theme=daylight] .channel-password-input{border-color:#4f7ee859;box-shadow:0 0 0 3px #4f7ee814}:root[data-theme=daylight] .channel-password-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4f7ee82e}:root[data-theme=daylight] .channel-password-close:hover{background:#f7768e1f;border-color:#f7768e4d}:root[data-theme=ocean] .join-page,:root[data-theme=arctic] .join-page{background:radial-gradient(ellipse 74% 54% at 12% 38%,rgba(245,178,55,.16) 0%,transparent 58%),radial-gradient(ellipse 68% 50% at 88% 42%,rgba(72,196,168,.14) 0%,transparent 55%),linear-gradient(160deg,#0b0e11,#141820 48%,#0b0e11)}:root[data-theme=ocean] .join-page:before,:root[data-theme=arctic] .join-page:before{opacity:0}:root[data-theme=gta6] .join-page{background:radial-gradient(ellipse 62% 48% at 8% 18%,rgba(255,79,163,.14) 0%,transparent 56%),radial-gradient(ellipse 54% 42% at 88% 78%,rgba(46,230,200,.14) 0%,transparent 54%),radial-gradient(ellipse 46% 36% at 72% 6%,rgba(255,180,90,.14) 0%,transparent 52%),linear-gradient(160deg,#121018,#1c1626 48%,#121018)}:root[data-theme=gta6] .join-card,:root[data-theme=gta6] .channels-header,:root[data-theme=gta6] .channels-banner-stack--open{background:linear-gradient(145deg,#322844,#1a1624 52%,#282236);border-color:#ffffff0f;box-shadow:-4px -4px 12px #ffffff0a,8px 10px 26px #00000075,inset 0 1px #ffffff0f}:root[data-theme=gta6] .channel-pill-wrap{border-color:#ffffff0f;background:#00000026;box-shadow:inset 2px 2px 6px #00000047}:root[data-theme=gta6] .channel-pill:hover{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 22%,transparent)}:root[data-theme=ocean] .join-card,:root[data-theme=arctic] .join-card{background:linear-gradient(145deg,#2a2d34,#1a1d23 52%,#242830);border-color:#ffffff0f;box-shadow:-4px -4px 12px #ffffff0a,8px 10px 26px #00000075,inset 0 1px #ffffff0f}:root[data-theme=ocean] .channels-header,:root[data-theme=arctic] .channels-header,:root[data-theme=ocean] .channels-banner-stack--open,:root[data-theme=arctic] .channels-banner-stack--open{background:linear-gradient(145deg,#2a2d34,#1a1d23 52%,#242830);border-color:#ffffff0f;box-shadow:-3px -3px 10px #ffffff08,6px 8px 20px #00000061,inset 0 1px #ffffff0d}:root[data-theme=ocean] .channel-pill-wrap,:root[data-theme=arctic] .channel-pill-wrap{border-color:#ffffff0f;background:#00000026;box-shadow:inset 2px 2px 6px #00000047}:root[data-theme=ocean] .channel-pill:hover,:root[data-theme=arctic] .channel-pill:hover{background:#5b8def1a;border-color:#5b8def38}@media (prefers-reduced-motion: reduce){.channel-create-accordion-inner{transition:none}.channel-create-accordion--open .channel-create-accordion-inner{grid-template-rows:1fr}.channel-create-form{opacity:1;transform:none;transition:none}.channel-create-cta--ready:not(:disabled){animation:none}.channel-create-cta--ready:not(:disabled):before{animation:none}.channel-create-cta--launch,.channel-create-cta--launch .channel-create-cta-check{animation:none}.channel-add-btn:hover,.channel-add-btn:active{transform:none}.join-title--name-reminder .join-name-remind-aurora{animation:none;opacity:.4;transform:translate(-50%) scale(1)}.join-title--name-reminder .join-title-avatar-btn:not(.join-title-avatar-btn--has-photo) .participant-avatar-brand-mark{animation:none}.join-title--name-reminder .join-name-btn{animation:none}.join-title--name-reminder .join-name-bubble{animation:bubble-float 2.4s ease-in-out infinite}.join-name-text-editing--prompt{animation:none}.join-name-bubble--hint{animation:bubble-float 2.4s ease-in-out infinite}.join-title:not(.join-title--name-reminder) .join-title-avatar-btn:not(.join-title-avatar-btn--has-photo) .participant-avatar-brand-mark{animation:none!important}}@media (max-width: 720px){.join-page{justify-content:center;overflow-y:auto}.join-watermark-logo{width:5.5rem;height:5.5rem}.join-card{--join-card-inline-pad: 1rem;padding:1rem 1rem 2.05rem}.join-card>.join-title{margin-bottom:0}.channels-list-wrap{margin-left:-1rem;margin-right:-1rem}.channel-pill-wrap:not(:last-child):after,.channel-skeleton:not(:last-child):after{left:1rem;right:1rem}.channel-pill{padding:.85rem 1.25rem;min-height:2.75rem}.channel-members-inline{padding-left:.55rem;padding-right:.55rem}.channel-add-btn{min-width:2.75rem;min-height:2.75rem;width:2.75rem;height:2.75rem}.channel-add-btn .material-icons{font-size:1.35rem}.channel-create-cta{min-height:3.1rem}.popup-box{max-width:calc(100vw - 2rem);margin:0 1rem}.channel-password-popup{max-width:min(340px,calc(100vw - 2rem));padding:1.25rem}.channel-password-submit{width:2.75rem;height:2.75rem}.channel-password-close{width:2.25rem;height:2.25rem}.popup-actions button{min-height:2.75rem;padding:.6rem 1rem}.join-name-btn,.notification-bar-actions button{min-height:2.75rem;padding:.5rem .75rem}}.join-page{position:relative;isolation:isolate;justify-content:center;overflow-x:hidden;padding:max(1rem,env(safe-area-inset-top,0px)) max(1rem,env(safe-area-inset-right,0px)) max(1rem,env(safe-area-inset-bottom,0px)) max(1rem,env(safe-area-inset-left,0px));background:linear-gradient(135deg,var(--bg) 0%,var(--surface-soft) 44%,var(--bg) 100%),var(--bg)}.join-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;opacity:.34;background-image:linear-gradient(var(--border-soft) 1px,transparent 1px),linear-gradient(90deg,var(--border-soft) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 74%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 74%,transparent 100%)}.join-card,.notification-bar{width:min(100%,430px);max-width:calc(100vw - 2rem);box-sizing:border-box}.join-card{position:relative;--join-card-inline-pad: clamp(1.25rem, 4vw, 2rem);padding:clamp(1.25rem,4vw,2rem);padding-bottom:clamp(2.35rem,5vw,2.85rem);min-height:clamp(26rem,50vh,36rem);border:1px solid var(--border-soft);border-top:1px solid var(--border-strong);border-radius:var(--radius);background:linear-gradient(180deg,var(--surface-strong),var(--surface)),var(--surface);box-shadow:var(--shadow-panel),0 0 0 1px var(--accent-soft);overflow:hidden;display:flex;flex-direction:column;gap:.65rem}.join-card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,transparent,var(--accent),var(--success),transparent);opacity:.86}.join-card--profile-open{overflow:visible}.join-card>.join-title{flex-shrink:0;margin-bottom:0}.join-profile-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:flex-start;justify-content:center;padding:clamp(.45rem,2vw,.75rem);box-sizing:border-box;overflow-x:hidden;overflow-y:auto;border-radius:inherit;background:#0c0d1294;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@keyframes join-profile-sheet-name-required-in{0%{opacity:.82;transform:translateY(-8px) scale(.97)}60%{transform:translateY(3px) scale(1.012)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes join-profile-needs-name-glow{0%,to{border-color:#22d3ee8c;box-shadow:0 0 0 1px #22d3ee38,0 2px 14px #22d3ee1f}50%{border-color:#5eeaffd9;box-shadow:0 0 0 2px #38ebff61,0 0 28px #22d3ee6b}}.join-profile-overlay--name-required .join-profile-sheet{animation:join-profile-sheet-name-required-in .52s cubic-bezier(.34,1.25,.52,1) both}.join-profile-overlay--name-required .join-profile-styled-shell--needs-name-attention{animation:join-profile-needs-name-glow 1.05s ease-in-out .18s 3}@media (prefers-reduced-motion: reduce){.join-profile-overlay--name-required .join-profile-sheet,.join-profile-overlay--name-required .join-profile-styled-shell--needs-name-attention{animation:none}}.join-profile-sheet{width:100%;max-width:100%;flex:0 0 auto;align-self:flex-start;border-radius:calc(var(--radius, 12px) - 3px);border:1px solid var(--border-soft);background:linear-gradient(180deg,var(--surface-strong),var(--surface)),var(--surface);box-shadow:var(--shadow-panel),0 0 0 1px var(--accent-soft);padding:clamp(.55rem,2.2vw,.88rem);box-sizing:border-box}.join-profile-panel{display:flex;flex-direction:column;gap:.5rem;width:100%;flex:0 0 auto;min-width:0;max-width:100%;overflow-x:hidden;overflow-y:visible;padding:0;scrollbar-width:thin}.join-profile-topline{display:flex;align-items:center;justify-content:space-between;gap:.65rem;margin-bottom:.08rem}.join-profile-label{color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.join-profile-title{margin:0;color:var(--text);font-size:1.06rem;line-height:1.2;font-weight:800}.join-profile-forced-name-intro{margin:0 0 .42rem;padding:.58rem .72rem;border-radius:10px;border:1px solid rgba(34,211,238,.32);background:#22d3ee17;color:var(--text);font-size:.84rem;line-height:1.45;font-weight:650}.join-profile-close{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;padding:0;border:1px solid var(--border-soft);border-radius:999px;background:var(--surface-soft);color:var(--text);cursor:pointer}.join-profile-close:hover,.join-profile-close:focus-visible{border-color:var(--border-strong);background:var(--accent-soft);outline:none}.join-profile-close .material-icons{font-size:1.18rem}.join-profile-field{display:grid;gap:.38rem;min-width:0;max-width:100%}.join-profile-styled-name-field{gap:.32rem}.join-profile-styled-shell{position:relative;display:flex;align-items:center;justify-content:center;min-height:2.95rem;padding:.48rem .55rem;border-radius:12px;border:2px solid rgba(86,95,137,.42);background:var(--bg);overflow:visible;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.join-profile-styled-shell:focus-within{border-color:var(--accent);box-shadow:0 3px 22px #7aa2f757}.join-profile-styled-shell--needs-name{border-color:#22d3ee8c;box-shadow:0 0 0 1px #22d3ee38}.join-profile-styled-layers{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:.48rem .55rem;overflow:visible}.join-profile-styled-mirror.join-name-text{font-size:1.18rem;font-weight:800;max-width:100%;overflow:visible!important;text-align:center;line-height:1.25}.join-profile-styled-field-input{position:relative;z-index:1;width:100%;min-width:0;min-height:1.5rem;margin:0;border:none;background:transparent;color:transparent;caret-color:var(--accent);text-align:center;font-size:1.18rem;font-weight:800;font-family:inherit;outline:none;box-sizing:border-box}.join-profile-styled-field-input::placeholder{color:transparent}.join-profile-panel .join-profile-settings-avatar-section{display:flex;flex-direction:column;align-items:stretch;width:100%}.join-profile-panel .join-profile-popup-avatar-featured-row{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;margin-bottom:.75rem}.join-profile-panel .join-profile-popup-avatar-row{display:flex;align-items:center;gap:.4rem;width:100%;min-width:0}.join-profile-panel .join-profile-popup-avatar-preview{position:relative;width:2.6rem;height:2.6rem;border-radius:8px;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid var(--avatar-brand-panel-border);background:var(--surface-soft)}.join-profile-panel .join-profile-popup-avatar-preview--featured{width:min(7.25rem,42vw);height:min(7.25rem,42vw);max-width:7.75rem;max-height:7.75rem;margin:0;border-radius:12px}.join-profile-panel .join-profile-popup-avatar-preview--featured.join-profile-popup-avatar-preview--has-photo{border:none;background:transparent;box-shadow:none;outline:none}.join-profile-panel .join-profile-popup-avatar-watermark-logo{position:absolute;top:12%;right:12%;bottom:12%;left:12%;background:url(/mauweh-logo.png) center/contain no-repeat;opacity:.22;pointer-events:none;z-index:2;filter:saturate(.85)}.join-profile-panel .join-profile-popup-avatar-preview--watermark .participant-avatar-brand-mark{opacity:0}.join-profile-panel .join-profile-popup-avatar-preview .participant-avatar-large-img,.join-profile-panel .join-profile-popup-avatar-preview .participant-avatar-fallback{width:100%;height:100%;border-radius:8px;position:relative;z-index:1}.join-profile-panel .join-profile-popup-avatar-preview--featured .participant-avatar-large-img,.join-profile-panel .join-profile-popup-avatar-preview--featured .participant-avatar-fallback{border-radius:12px}.join-profile-panel .join-profile-popup-avatar-preview--featured .participant-avatar-brand-mark{width:72%;height:72%}.join-profile-panel .join-profile-popup-avatar-preview--featured .participant-avatar-fallback .material-icons{font-size:2.35rem}.join-profile-panel .join-profile-popup-avatar-preview .participant-avatar-fallback--brand{opacity:1;border-radius:8px;background:linear-gradient(145deg,var(--avatar-brand-bg-top) 0%,var(--avatar-brand-bg-bottom) 100%)}.join-profile-panel .join-profile-popup-avatar-preview--featured .participant-avatar-fallback--brand{border-radius:12px}.join-profile-panel .join-profile-popup-avatar-preview .participant-avatar-brand-mark{width:76%;height:76%}.join-profile-panel .join-profile-popup-avatar-preview .participant-avatar-fallback .material-icons{font-size:1.35rem}.join-profile-panel .join-profile-popup-input{flex:1;min-width:0;min-height:2.25rem;padding:.4rem .65rem;border-radius:var(--radius);border:1px solid rgba(122,162,247,.12);background:var(--surface);color:var(--text);font-size:.85rem;font-family:inherit;outline:none;transition:border-color .15s ease,background .15s ease;box-sizing:border-box}.join-profile-panel .join-profile-popup-input:hover{border-color:#7aa2f740;background:#7aa2f70f}.join-profile-panel .join-profile-popup-input:focus{border-color:var(--accent);background:#7aa2f71a;box-shadow:none}.join-profile-panel .join-profile-popup-input::placeholder{color:var(--muted);opacity:1}.join-profile-panel .join-profile-popup-clear{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.3rem;height:2.3rem;padding:0;border:none;border-radius:8px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f7768e1a;color:var(--danger, #f7768e);transition:background .15s ease,opacity .15s ease}.join-profile-panel .join-profile-popup-clear:hover:not(:disabled){background:#f7768e33}.join-profile-panel .join-profile-popup-clear:disabled{opacity:.3;cursor:not-allowed}.join-profile-panel .join-profile-popup-clear .material-icons{font-size:1.15rem}.join-profile-panel .join-profile-popup-avatar-row .join-profile-popup-apply.name-style-icon-btn{width:2.3rem;height:2.3rem;min-width:2.3rem;min-height:2.3rem;padding:0;border-radius:8px;flex-shrink:0}.join-profile-panel .name-style-controls{gap:.42rem;margin-top:.05rem;padding-top:.5rem;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.join-profile-panel .name-style-controls--compact{gap:.42rem;padding-top:.42rem;margin-top:.2rem}.join-profile-panel .name-style-compact-rows,.join-profile-panel .name-style-compact-row{min-width:0;max-width:100%}.join-profile-panel .name-style-compact-swatches,.join-profile-panel .name-style-compact-fonts{flex:1;min-width:0}.join-profile-panel .name-style-preview{justify-content:center;min-height:2.2rem;padding:.25rem .45rem;font-size:1.12rem}.join-profile-panel .name-style-options{gap:.34rem}.join-profile-panel .name-style-option{min-height:1.9rem;padding:0 .56rem;font-size:.74rem}.join-profile-panel .name-style-actions{position:sticky;bottom:0;margin:0;padding:.4rem 0 0;background:linear-gradient(180deg,rgba(0,0,0,0),var(--surface) 42%)}.join-profile-panel .join-profile-name-done-footer{position:sticky;bottom:0;margin:.35rem 0 0;padding:.45rem 0 0;background:linear-gradient(180deg,rgba(0,0,0,0),var(--surface) 42%)}.join-profile-panel .join-profile-name-done-btn{width:100%;min-height:2.5rem;padding:.48rem 1rem;box-sizing:border-box;border-radius:12px;border:1px solid color-mix(in srgb,var(--success) 28%,var(--border-soft));background:color-mix(in srgb,var(--success) 10%,var(--surface-soft));color:color-mix(in srgb,var(--success) 62%,var(--muted));font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:0;transition:border-color .15s ease,color .15s ease,background .15s ease,opacity .15s ease}.join-profile-panel .join-profile-name-done-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--success) 42%,var(--border-strong));background:color-mix(in srgb,var(--success) 18%,var(--surface-soft));color:color-mix(in srgb,var(--success) 72%,var(--text))}.join-profile-panel .join-profile-name-done-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--success) 45%,transparent);outline-offset:2px}.join-profile-panel .join-profile-name-done-btn:disabled{opacity:.42;cursor:not-allowed}.join-profile-panel .join-profile-name-done-btn .material-icons{font-size:1.32rem}@media (max-width: 720px){.join-profile-overlay{padding:.45rem}.join-profile-panel .name-style-actions,.join-profile-panel .join-profile-name-done-footer{padding-bottom:.1rem}}.notification-bar{align-items:center;min-height:3.1rem;border:1px solid var(--border-soft);border-top:1px solid currentColor;background:var(--surface);box-shadow:var(--shadow-lift)}.notification-bar-actions button{min-height:2.35rem;border-radius:999px;font-weight:700;background:var(--danger);color:var(--bg)}.join-viewer-badge{top:1rem;right:1rem;min-height:2rem;padding:0 .65rem;border:1px solid var(--border-soft);border-radius:999px;background:var(--surface-soft);color:var(--text)}.join-name-btn{max-width:100%;border-radius:999px;border:1px solid transparent}.join-name-btn:hover,.join-name-btn:focus-visible{background:var(--accent-soft);border-color:var(--border-strong);outline:none}.join-name-text.styled-name--color-default{max-width:100%;overflow-wrap:anywhere;text-align:center;--styled-name-gradient: linear-gradient(90deg, var(--accent), var(--success))}.join-name-text{max-width:100%;overflow-wrap:anywhere;overflow:visible;text-align:center}.join-name-bubble{border:1px solid var(--border-soft);background:var(--accent-soft);color:var(--text);box-shadow:0 10px 28px var(--accent-glow)}.channels-section{display:flex;flex-direction:column;gap:0;padding:0;margin-top:.35rem;margin-left:calc(-1 * var(--join-card-inline-pad, clamp(1.25rem, 4vw, 2rem)));margin-right:calc(-1 * var(--join-card-inline-pad, clamp(1.25rem, 4vw, 2rem)));width:auto;flex:1 1 auto;min-height:0;border:none;border-radius:0;background:transparent;box-shadow:none}.channels-banner-stack{position:relative;margin-bottom:.42rem}.channels-banner-stack--open{border:1px solid var(--border-soft);border-left:none;border-right:none;background:linear-gradient(105deg,color-mix(in srgb,var(--accent) 14%,transparent) 0%,transparent 48%),linear-gradient(180deg,var(--surface-strong),var(--surface));box-shadow:var(--shadow-panel),inset 0 1px color-mix(in srgb,var(--text) 6%,transparent);overflow:hidden}.channels-banner-stack--open:before{content:"";position:absolute;inset:0 0 auto 0;height:var(--channels-header-accent-h, 3px);background:linear-gradient(90deg,transparent,var(--accent),var(--success),transparent);opacity:.86;pointer-events:none;z-index:2}.join-status-pills{position:absolute;top:clamp(.55rem,2.2vw,.95rem);right:clamp(.45rem,2.2vw,.85rem);left:auto;margin:0;z-index:6;display:flex;justify-content:flex-end;align-items:flex-start;gap:.35rem;min-width:0;pointer-events:none}.join-status-pills .join-status-pill{pointer-events:auto}.join-status-pill{display:inline-flex;align-items:center;gap:.28rem;min-height:1.65rem;min-width:0;padding:.2rem .48rem;border:1px solid rgba(122,162,247,.14);border-radius:999px;background:#7aa2f70f;color:var(--text);box-shadow:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:.94;font:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none}.join-status-pill--users{background:#7aa2f712;border-color:#7aa2f729}.join-status-pill-value{font-weight:800;line-height:1;font-size:.78rem;font-variant-numeric:tabular-nums;opacity:.95}.join-status-pill-dot{width:.42rem;height:.42rem;border-radius:50%;background:#3ddc84;box-shadow:0 0 8px #3ddc848c;flex-shrink:0}.join-status-pill--interactive{cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .12s ease}.join-status-pill--interactive:hover,.join-status-pill--interactive:focus-visible{border-color:#7aa2f761;background:#7aa2f724;box-shadow:0 0 0 1px #7aa2f72e}.join-status-pill--interactive:active{transform:scale(.98)}.join-status-pill--interactive.join-status-pill--open{border-color:#7aa2f76b;background:#7aa2f729;box-shadow:0 0 0 1px #7aa2f738}.join-online-users-sheet{max-height:min(32rem,calc(100vh - 6rem));display:flex;flex-direction:column;min-height:0}.join-online-users-panel{flex:1 1 auto;min-height:0}.join-online-users-loading,.join-online-users-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;padding:1.5rem .75rem;text-align:center;color:var(--muted)}.join-online-users-empty-icon{font-size:1.65rem;opacity:.65}.join-online-users-empty-text{margin:0;font-size:.88rem;line-height:1.45;max-width:18rem}.join-online-users-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.18rem;max-height:min(24rem,52vh);overflow-y:auto;scrollbar-width:thin}.join-online-users-item{display:flex;align-items:center;gap:.62rem;padding:.42rem .35rem;border-radius:10px;min-width:0}.join-online-users-item:hover{background:#7aa2f714}.join-online-users-item--self{background:#7aa2f71a;border:1px solid rgba(122,162,247,.16)}.join-online-users-item--self:hover{background:#7aa2f724}.join-online-users-item--unset-name:not(.join-online-users-item--self){opacity:.88}.join-online-users-name-row{display:inline-flex;align-items:center;gap:.38rem;min-width:0;max-width:100%}.join-online-users-self-badge{flex-shrink:0;padding:.08rem .34rem;border-radius:999px;border:1px solid rgba(122,162,247,.28);background:#7aa2f71f;color:var(--accent);font-size:.58rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;line-height:1.2}.join-online-users-room-label{font-size:inherit;font-weight:650;color:var(--muted)}.join-online-users-list .room-chat-msg-avatar,.channel-members-list .room-chat-msg-avatar{width:2.6rem;height:2.6rem;min-width:2.6rem;border-radius:8px;overflow:hidden;background:#0f101761;flex-shrink:0}.join-online-users-list .room-chat-msg-avatar--has-photo,.channel-members-list .room-chat-msg-avatar--has-photo{background:transparent}.join-online-users-list .room-chat-avatar-img,.channel-members-list .room-chat-avatar-img{width:100%;height:100%;object-fit:cover;object-position:center;display:flex;align-items:center;justify-content:center;border-radius:8px}.join-online-users-list .room-chat-avatar-img.participant-avatar-img-tall-fit,.channel-members-list .room-chat-avatar-img.participant-avatar-img-tall-fit{object-fit:contain}.join-online-users-list .room-chat-avatar-img.participant-avatar-fallback,.channel-members-list .room-chat-avatar-img.participant-avatar-fallback{color:var(--muted)}.join-online-users-list .room-chat-avatar-img .participant-avatar-brand-mark,.channel-members-list .room-chat-avatar-img .participant-avatar-brand-mark{width:68%;height:68%}.voice-status-icons{display:inline-flex;align-items:center;gap:.08rem;margin-left:auto;flex-shrink:0}.voice-status-icon{font-size:.95rem;line-height:1;color:var(--muted);opacity:.8}.voice-status-icon.muted{color:var(--danger);opacity:1}.channel-members-name{flex:1;min-width:0;font-size:.92rem;font-weight:700;line-height:1.2}.join-online-users-meta{display:flex;flex-direction:column;gap:.12rem;min-width:0;flex:1 1 auto}.join-online-users-name{font-size:.92rem;font-weight:700;line-height:1.2}.join-online-users-room{display:inline-flex;align-items:center;gap:.28rem;min-width:0;color:var(--muted);font-size:.76rem;line-height:1.2}.join-online-users-room-icon{font-size:.82rem;opacity:.72;flex-shrink:0}.join-online-users-room-name{font-size:inherit;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.join-online-users-footnote{margin:.45rem 0 0;padding-top:.45rem;border-top:1px solid rgba(86,95,137,.22);color:var(--muted);font-size:.78rem;line-height:1.35;text-align:center}.channels-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.65rem;min-height:2.95rem;--channels-header-accent-h: 3px;--channels-header-pad-y: .72rem;margin-bottom:0;padding-top:calc(var(--channels-header-pad-y) + var(--channels-header-accent-h));padding-bottom:var(--channels-header-pad-y);padding-right:calc(var(--join-card-inline-pad, clamp(1.25rem, 4vw, 2rem)) + .72rem);padding-left:calc(var(--join-card-inline-pad, clamp(1.25rem, 4vw, 2rem)) + .92rem);border:1px solid var(--border-soft);border-left:none;border-right:none;border-radius:0;background:linear-gradient(105deg,color-mix(in srgb,var(--accent) 14%,transparent) 0%,transparent 48%),linear-gradient(180deg,var(--surface-strong),var(--surface));box-shadow:var(--shadow-panel),inset 0 1px color-mix(in srgb,var(--text) 6%,transparent);overflow:hidden}.channels-header:before{content:"";position:absolute;inset:0 0 auto 0;height:var(--channels-header-accent-h);background:linear-gradient(90deg,transparent,var(--accent),var(--success),transparent);opacity:.86;pointer-events:none;z-index:1}.channels-header:after{display:none}.channels-banner-stack--open .channels-header{border:none;background:transparent;box-shadow:none;padding-top:var(--channels-header-pad-y)}.channels-banner-stack--open .channels-header:before{display:none}.channel-create-accordion{width:100%;max-width:100%;min-width:0;margin:0;box-sizing:border-box}.channel-create-accordion-inner{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s cubic-bezier(.22,1,.36,1)}.channel-create-accordion--open .channel-create-accordion-inner{grid-template-rows:1fr}.channel-create-accordion-measure{min-height:0;overflow:hidden}.channel-create-accordion--open .channel-create-accordion-measure,.channel-create-accordion--open .channel-create-accordion-inner{overflow:visible}.channel-create-sheet{border:none;border-radius:0;background:transparent;box-shadow:none;padding:0}.channels-banner-stack--open .channel-create-sheet{padding:.65rem calc(var(--join-card-inline-pad, clamp(1.25rem, 4vw, 2rem)) + .72rem) calc(var(--channels-header-pad-y, .72rem) + .08rem);border-top:1px solid color-mix(in srgb,var(--border-soft) 75%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 72%,var(--accent) 6%),var(--surface))}.channel-create-form{margin:0;padding:.35rem 0 .15rem;border:none;border-radius:0;background:transparent;box-shadow:none;opacity:0;transform:translateY(-.45rem);transition:opacity .32s ease,transform .55s cubic-bezier(.22,1,.36,1)}.channel-create-accordion--open .channel-create-form{opacity:1;transform:translateY(0);transition:opacity .45s cubic-bezier(.22,1,.36,1) .1s,transform .55s cubic-bezier(.22,1,.36,1) .06s}.channels-header-label{position:relative;z-index:1;font-size:.78rem;font-weight:800;text-transform:uppercase;color:var(--text);letter-spacing:.1em;display:inline-flex;align-items:center;gap:.45rem;min-width:0}.channels-header-actions{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.38rem;flex-shrink:0}.channels-header:has(.channels-search-input){overflow:visible}.channels-search-input{position:relative;z-index:1;flex:1 1 auto;min-width:0;height:2.15rem;margin:0;padding:0 .9rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--text) 16%,var(--border-soft));background:color-mix(in srgb,var(--bg) 64%,var(--surface));color:var(--text);font:inherit;font-size:.92rem;font-weight:650;letter-spacing:0;text-transform:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:inset 0 1px 2px color-mix(in srgb,var(--bg) 40%,transparent)}.channels-search-input::placeholder{color:var(--muted);font-weight:600;opacity:.85}.channels-search-input:focus{border-color:color-mix(in srgb,var(--accent) 70%,var(--border-strong));box-shadow:0 0 0 3px var(--accent-soft),inset 0 1px 2px color-mix(in srgb,var(--bg) 40%,transparent)}.channel-search-btn-open{border-color:color-mix(in srgb,var(--accent) 70%,var(--border-strong));color:var(--text);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 42%,var(--surface)),var(--surface-strong))}.channels-header-label:before{display:none}.channel-add-btn{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:2.15rem;height:2.15rem;min-width:2.15rem;min-height:2.15rem;padding:0;flex-shrink:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border-soft));background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 28%,var(--surface)),var(--surface-strong));color:var(--accent);box-shadow:0 2px 10px var(--accent-glow),inset 0 1px color-mix(in srgb,var(--text) 8%,transparent);transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .12s ease,color .15s ease}.channel-add-btn .material-icons{font-size:1.15rem}.channel-add-btn:hover,.channel-add-btn:focus-visible{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 62%,var(--border-strong));background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 38%,var(--surface)),var(--surface-strong));color:var(--text);box-shadow:0 4px 16px var(--accent-glow),inset 0 1px color-mix(in srgb,var(--text) 10%,transparent)}.channel-add-btn:active{transform:scale(.96)}.channel-add-btn-open{border-color:color-mix(in srgb,var(--danger) 55%,var(--border-soft));background:linear-gradient(145deg,var(--danger-soft),var(--surface-strong));color:var(--danger);box-shadow:0 4px 16px color-mix(in srgb,var(--danger) 28%,transparent),inset 0 1px color-mix(in srgb,var(--text) 6%,transparent)}.channel-add-btn-open:hover,.channel-add-btn-open:focus-visible{color:var(--danger);background:linear-gradient(145deg,color-mix(in srgb,var(--danger) 24%,var(--surface)),var(--surface-strong))}.channel-create-input,.channel-password-input,.popup-input{min-height:3rem;border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--bg);color:var(--text)}.channel-create-input:focus,.channel-password-input:focus,.popup-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft),0 0 28px var(--accent-glow)}.channel-create-cta{min-height:3rem;border-radius:999px;color:var(--bg)}.channel-create-cta:after{background:linear-gradient(135deg,var(--accent),var(--success))}.channels-list-wrap{margin:0;border:none;border-radius:0;background:transparent;overflow:visible;box-sizing:border-box;flex:1 1 auto;display:flex;flex-direction:column;min-height:4.35rem;padding-top:.35rem;box-shadow:none}.channel-grid{display:grid;gap:.5rem;padding:.15rem var(--join-card-inline-pad, clamp(1.25rem, 4vw, 2rem)) 0;align-content:start;align-items:start;box-sizing:border-box;flex:1 1 auto;min-height:0;overflow-y:auto}.channels-loading-skeleton{display:flex;flex-direction:column;gap:.45rem;flex:1 1 auto;justify-content:center;padding:0 var(--join-card-inline-pad, clamp(1.25rem, 4vw, 2rem)) .15rem;min-height:4rem;box-sizing:border-box}.channel-grid:has(.channel-empty-state){display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 1 auto;min-height:0;padding:.75rem .85rem;box-sizing:border-box}.channel-pill-wrap{border-radius:var(--radius);border:1px solid var(--border-soft);background:color-mix(in srgb,var(--surface) 40%,transparent);overflow:hidden}.channel-pill-wrap:after{display:none!important}.channel-skeleton:not(:last-child):after{display:none}.channel-pill{min-height:2.75rem;padding:.5rem .6rem;border-radius:0;border:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.channel-pill:hover,.channel-pill:focus-visible{border:none;background:var(--accent-soft);outline:none;box-shadow:none}.channel-pill:active{background:color-mix(in srgb,var(--accent-soft) 82%,var(--accent) 18%)}.channel-pill-icon{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;padding:0;border-radius:0;background:transparent;color:var(--muted)}.channel-pill-icon .material-icons{font-size:1.15rem;opacity:.75}.channel-pill:hover .channel-pill-icon,.channel-pill:focus-visible .channel-pill-icon{color:var(--accent)}.channel-pill-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-pill-count,.channel-pill-duration{border:none;background:transparent;color:var(--muted)}.channel-pill:hover .channel-pill-count,.channel-pill:focus-visible .channel-pill-count,.channel-pill:hover .channel-pill-duration,.channel-pill:focus-visible .channel-pill-duration{color:var(--text)}.channel-pill-count--interactive{cursor:pointer;min-width:1.45rem;height:1.45rem;padding:0 .38rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent);font-weight:700;font-size:.72rem;font-variant-numeric:tabular-nums}.channel-pill:hover .channel-pill-count--interactive,.channel-pill:focus-visible .channel-pill-count--interactive{background:color-mix(in srgb,var(--accent) 26%,transparent);color:var(--text)}.channel-members-inline{border-top:1px solid var(--border-soft);background:color-mix(in srgb,var(--surface) 55%,var(--bg));max-height:12rem;overflow-y:auto}.channel-members-item:hover{background:var(--accent-soft);border-radius:6px}.channel-members-item--fallback:hover{background:transparent}.channel-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;padding:0;margin:0;text-align:center;color:var(--muted);border:none;border-radius:0;background:transparent;box-sizing:border-box;max-width:17rem}.channel-empty-state-copy{display:flex;flex-direction:column;align-items:center;gap:.18rem;min-width:0;text-align:center}.channel-empty-state-icon{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;flex-shrink:0;border-radius:0;font-size:2.35rem;line-height:1;background:transparent;color:var(--muted);opacity:.5;box-shadow:none}.channel-empty-state-title{color:var(--muted);font-weight:700;font-size:.78rem;line-height:1.25;text-align:center}.channel-password-popup,.popup-box{border:1px solid var(--border-soft);border-top:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-panel)}@media (max-width: 720px){.join-page{align-items:center;justify-content:center;padding-left:max(.75rem,env(safe-area-inset-left,0px));padding-right:max(.75rem,env(safe-area-inset-right,0px))}.join-card,.notification-bar{width:min(100%,calc(100vw - 1.5rem));max-width:calc(100vw - 1.5rem);align-self:center}.join-card{--join-card-inline-pad: 1rem;padding:1rem 1rem 2.1rem;min-height:clamp(22rem,50dvh,36rem)}.join-card>.join-title{margin-bottom:0}.channels-list-wrap{margin-left:0;margin-right:0}.channel-grid,.channels-loading-skeleton{padding-inline:var(--join-card-inline-pad, 1rem)}.channel-pill{min-height:3.25rem;padding:.7rem}.channel-pill-right{gap:.4rem;flex-shrink:0}.channel-pill-duration{max-width:5.8rem;overflow:hidden}.notification-bar{gap:.6rem}.notification-bar-text{flex:1 1 8rem}.notification-bar-actions{margin-left:auto}}@media (max-width: 420px){.join-card{--join-card-inline-pad: .85rem;padding:.85rem .85rem 2rem;min-height:clamp(27rem,58vh,40rem)}.join-card>.join-title{margin-bottom:0}.join-status-pills{top:.45rem;right:.42rem}.join-status-pill{padding:.18rem .4rem}.channels-header-label{font-size:.72rem}.channel-pill-left{min-width:0}.channel-pill-duration{display:none}}@media (orientation: landscape) and (max-height: 520px) and (hover: none){.join-page{justify-content:flex-start;overflow-y:auto;padding-top:calc(.5rem + env(safe-area-inset-top,0px));padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px));padding-left:max(.65rem,env(safe-area-inset-left,0px));padding-right:max(.65rem,env(safe-area-inset-right,0px))}.join-watermark-logo{display:none}.join-card,.notification-bar{width:min(100%,calc(100vw - 1.25rem));max-width:min(92vw,640px)}.join-card{min-height:auto;max-height:none;padding:.85rem .85rem 1.65rem}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.join-profile-sheet,.join-online-users-sheet{max-height:calc(100dvh - 1rem)}.join-online-users-panel{max-height:min(24rem,calc(100dvh - 4rem))}}.room-page{height:100vh;height:100dvh;padding:calc(1rem + env(safe-area-inset-top,0px)) calc(1rem + env(safe-area-inset-right,0px)) calc(.35rem + env(safe-area-inset-bottom,0px)) calc(1rem + env(safe-area-inset-left,0px));margin:0 auto;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(122,162,247,.12) 0%,transparent 60%),linear-gradient(180deg,var(--bg) 0%,#16161e 100%)}.room-page>.notification-bar{flex-shrink:0}.room-page-content{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;align-self:stretch;overflow-x:hidden;overflow-y:hidden;animation:room-page-content-enter .72s cubic-bezier(.25,.9,.3,1) both;user-select:none;-webkit-user-select:none}.room-page-content.room-page-content--main-panel-right{overflow:visible}@keyframes room-page-content-enter{0%{opacity:0;transform:translateY(32px) scale(.94);filter:blur(5px)}58%{opacity:1;filter:blur(0)}72%{transform:translateY(-6px) scale(1.018)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.room-layout{display:flex;gap:1rem;flex:1;min-height:0;width:100%;align-self:stretch;overflow:hidden}.room-layout.room-layout--main-right{overflow:visible}.room-layout--main-right .room-main{order:2}.room-layout--main-right .room-right{order:1}@keyframes room-main-shift-right{0%{transform:translate(-10px);opacity:.92}to{transform:translate(0);opacity:1}}@keyframes room-main-shift-left{0%{transform:translate(10px);opacity:.92}to{transform:translate(0);opacity:1}}@keyframes room-right-shift-left{0%{transform:translate(10px);opacity:.92}to{transform:translate(0);opacity:1}}@keyframes room-right-shift-right{0%{transform:translate(-10px);opacity:.92}to{transform:translate(0);opacity:1}}.room-layout--move-to-right .room-main{animation:room-main-shift-right .22s ease-out}.room-layout--move-to-right .room-right{animation:room-right-shift-left .22s ease-out}.room-layout--move-to-left .room-main{animation:room-main-shift-left .22s ease-out}.room-layout--move-to-left .room-right{animation:room-right-shift-right .22s ease-out}.room-footer{display:flex;flex-shrink:0;height:.8rem;width:100%;align-items:center;justify-content:flex-end;font-size:.75rem;color:var(--muted);line-height:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-main{position:relative;flex:0 0 auto;width:280px;max-width:100%;min-height:0;display:flex;flex-direction:column;gap:1rem;overflow:hidden}.room-watermark-logo{position:absolute;bottom:0;left:0;width:7.5rem;height:7.5rem;background:linear-gradient(135deg,var(--accent) 0%,#a9b8e8 100%);mask:url(/mauweh-logo.png) center/100% no-repeat;-webkit-mask:url(/mauweh-logo.png) center/100% no-repeat;opacity:.08;pointer-events:none;z-index:0}.room-layout--main-right .room-watermark-logo{left:auto;right:0}.room-main .room-header{flex-shrink:0;margin-bottom:0;position:relative;z-index:90;overflow:visible}.room-header-pills-stack{display:flex;flex-direction:column;width:100%;min-width:0;gap:0;flex-shrink:0}.room-pills{display:flex;align-items:center;justify-content:center;gap:.65rem;flex-shrink:0;position:relative;z-index:1;width:100%}.room-header-actions{display:inline-flex;align-items:center;gap:.35rem;flex-shrink:0}.room-pill{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.25rem .55rem;font-size:.75rem;font-weight:500;color:var(--muted);background:#7aa2f714;border:1px solid rgba(122,162,247,.12);border-radius:999px;min-width:0}.room-pill-icon{font-size:.9rem;opacity:.85}.room-pill--ok{color:var(--success, #22c55e);border-color:#22c55e4d;background:#22c55e14}.room-pill--warn{color:#e8b04a;border-color:#f7b45066;background:#f7b4501a}.room-pill--error{color:var(--danger);border-color:#f7768e66;background:#f7768e1a}.room-user-container{position:relative;z-index:1;display:flex;flex-direction:column;gap:1rem;padding:1rem;margin-bottom:0;background:var(--surface);border:1px solid rgba(122,162,247,.08);border-radius:var(--radius);box-shadow:0 8px 32px #0000004d,0 0 0 1px #7aa2f714;flex-shrink:0}.room-user-name-row{display:flex;align-items:center;gap:.62rem;min-width:0}.room-user-container .join-avatar-popover-root{position:relative;flex-shrink:0;z-index:6;left:auto;top:auto;transform:none}.room-profile-settings{position:relative;z-index:2;display:flex;flex-direction:column;gap:.58rem;width:100%;box-sizing:border-box;margin-top:-.05rem;padding:.05rem 0 0;background:transparent;border:0;border-radius:0;box-shadow:none}.room-profile-settings-divider{border:0;border-top:1px solid rgba(122,162,247,.12);margin:.35rem 0 0;padding:0;height:0;width:100%;align-self:stretch;flex-shrink:0}.room-profile-settings-avatar-section{display:flex;flex-direction:column;align-items:stretch;width:100%}.room-profile-popup-avatar-featured-row{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;margin-bottom:.75rem}.room-profile-popup-avatar-row{display:flex;align-items:center;gap:.4rem;width:100%;min-width:0}.room-profile-popup-avatar-preview{position:relative;width:2.6rem;height:2.6rem;border-radius:8px;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid var(--avatar-brand-panel-border);background:var(--surface-soft)}.room-profile-popup-avatar-preview--featured{width:min(7.25rem,42vw);height:min(7.25rem,42vw);max-width:7.75rem;max-height:7.75rem;margin:0;border-radius:12px}.room-profile-popup-avatar-preview--featured.room-profile-popup-avatar-preview--has-photo{border:none;background:transparent;box-shadow:none;outline:none}.room-profile-popup-avatar-watermark-logo{position:absolute;top:12%;right:12%;bottom:12%;left:12%;background:url(/mauweh-logo.png) center/contain no-repeat;opacity:.22;pointer-events:none;z-index:2;filter:saturate(.85)}.room-profile-popup-avatar-preview--watermark .participant-avatar-brand-mark{opacity:0}.room-profile-popup-avatar-preview .participant-avatar-large-img,.room-profile-popup-avatar-preview .participant-avatar-fallback{width:100%;height:100%;border-radius:8px;position:relative;z-index:1}.room-profile-popup-avatar-preview--featured .participant-avatar-large-img,.room-profile-popup-avatar-preview--featured .participant-avatar-fallback{border-radius:12px}.room-profile-popup-avatar-preview--featured .participant-avatar-brand-mark{width:72%;height:72%}.room-profile-popup-avatar-preview--featured .participant-avatar-fallback .material-icons{font-size:2.35rem}.room-profile-popup-avatar-preview .participant-avatar-fallback--brand{opacity:1;border-radius:8px;background:linear-gradient(145deg,var(--avatar-brand-bg-top) 0%,var(--avatar-brand-bg-bottom) 100%)}.room-profile-popup-avatar-preview--featured .participant-avatar-fallback--brand{border-radius:12px}.room-profile-popup-avatar-preview .participant-avatar-brand-mark{width:76%;height:76%}.room-profile-popup-avatar-preview .participant-avatar-fallback .material-icons{font-size:1.35rem}.room-profile-settings .room-profile-popup-input{flex:1;min-width:0;min-height:2.25rem;padding:.4rem .65rem;border-radius:var(--radius);border:1px solid rgba(122,162,247,.12);background:var(--surface);color:var(--text);font-size:.85rem;font-family:inherit;outline:none;transition:border-color .15s ease,background .15s ease;box-sizing:border-box}.room-profile-settings .room-profile-popup-input:hover{border-color:#7aa2f740;background:#7aa2f70f}.room-profile-settings .room-profile-popup-input:focus{border-color:var(--accent);background:#7aa2f71a;box-shadow:none}.room-profile-settings .room-profile-popup-input::placeholder{color:var(--muted);opacity:1}.room-profile-popup-clear{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.3rem;height:2.3rem;padding:0;border:none;border-radius:8px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f7768e1a;color:var(--danger, #f7768e);transition:background .15s ease,opacity .15s ease}.room-profile-popup-clear:hover:not(:disabled){background:#f7768e33}.room-profile-popup-clear:disabled{opacity:.3;cursor:not-allowed}.room-profile-popup-clear .material-icons{font-size:1.15rem}.room-profile-popup-avatar-row .room-profile-popup-apply.name-style-icon-btn{width:2.3rem;height:2.3rem;min-width:2.3rem;min-height:2.3rem;padding:0;border-radius:8px;flex-shrink:0}.room-profile-settings .name-style-controls.name-style-controls--compact{margin-top:0;padding-top:0;border-top:none;gap:.52rem}.room-profile-settings .name-style-option{min-height:1.75rem;padding:0 .45rem;font-size:.7rem}.room-profile-settings .name-style-actions{margin-top:.25rem}.room-profile-settings .name-style-font-dropdown-trigger{border-color:#7aa2f71f;background:var(--surface)}.room-profile-settings .name-style-font-dropdown-trigger:hover{border-color:#7aa2f740;background:#7aa2f70f}.room-profile-settings .name-style-font-dropdown-trigger.open{border-color:var(--accent);background:#7aa2f71a}.room-profile-settings .name-style-secondary,.room-profile-settings .name-style-primary{min-height:2rem;font-size:.8rem;padding:0 .75rem}.room-user-container .participant-avatar-large.room-user-avatar-trigger{cursor:pointer;padding:0;margin:0;border:none;background:transparent;font:inherit;color:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none;box-shadow:none;align-self:center}.room-user-container .participant-avatar-large.room-user-avatar-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.room-user-container .participant-avatar-large.room-user-avatar-trigger.room-user-avatar-trigger--open{outline:none;box-shadow:0 0 0 2px var(--avatar-brand-ring-mid)}.room-user-container .participant-avatar-large.room-user-avatar-trigger:has(span.participant-avatar-fallback){border:2px solid var(--avatar-brand-panel-border);background:linear-gradient(145deg,var(--avatar-brand-panel-bg-top) 0%,var(--avatar-brand-panel-bg-bottom) 100%);box-shadow:inset 0 1px #ffffff0f,0 2px 10px #00000024}.room-user-container .participant-avatar-large.room-user-avatar-trigger:has(span.participant-avatar-fallback):focus-visible{outline:2px solid var(--accent);outline-offset:3px;box-shadow:inset 0 1px #ffffff0f,0 2px 10px #00000024}.room-user-container .participant-avatar-large.room-user-avatar-trigger:has(span.participant-avatar-fallback).room-user-avatar-trigger--open{outline:none;box-shadow:0 0 0 2px var(--avatar-brand-ring-strong),inset 0 1px #ffffff0f}.participant-row-layout{display:flex;flex-direction:row;align-items:stretch;gap:.85rem;width:100%;min-width:0}.participant-avatar-large{flex-shrink:0;align-self:flex-start;width:5rem;height:5rem;aspect-ratio:1 / 1;box-sizing:border-box;border-radius:12px;border:none;background:transparent;overflow:hidden;display:flex;align-items:center;justify-content:center}.participant-avatar-large:has(span.participant-avatar-fallback){border:2px solid var(--avatar-brand-panel-border);background:linear-gradient(145deg,var(--avatar-brand-panel-bg-top) 0%,var(--avatar-brand-panel-bg-bottom) 100%);box-shadow:inset 0 1px #ffffff0f,0 2px 10px #00000024}.participant-avatar-large--leave{opacity:.75}.participant-avatar-large-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:12px}.participant-avatar-large-img.participant-avatar-img-tall-fit{object-fit:contain}.participant-avatar-large .participant-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted);opacity:.75;border-radius:12px}.participant-avatar-large .participant-avatar-fallback .material-icons{font-size:2.25rem;opacity:.85}.room-user-name-btn{display:inline-flex;align-items:center;justify-content:flex-start;min-width:0;flex:1;min-height:2.35rem;padding:.32rem .42rem;margin:-.32rem -.2rem;border:none;background:transparent;font:inherit;color:inherit;cursor:pointer;text-align:left;border-radius:calc(var(--radius) - 2px);overflow:visible}.room-user-name-btn:focus-visible{outline:2px solid rgba(122,162,247,.65);outline-offset:2px}.room-user-name{flex:1;min-width:0;font-weight:600;color:var(--accent);line-height:1.55;padding:.34rem .75rem .38rem .08rem;margin:-.34rem -.75rem -.38rem -.08rem;overflow:visible;white-space:nowrap}.room-settings-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;padding:0;border:none;background:transparent;color:var(--muted);cursor:pointer;border-radius:50%;transition:color .15s,background .15s}.room-settings-btn .material-icons{font-size:1rem;transition:transform .4s ease}.room-settings-btn:hover{color:var(--text);background:#ffffff12}.room-settings-btn:hover .material-icons{animation:room-settings-spin .6s ease-in-out}.room-settings-btn.active{color:var(--accent)}@keyframes room-settings-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shortcut-settings{position:relative;z-index:2;display:flex;flex-direction:column;gap:.58rem;width:100%;box-sizing:border-box;margin-top:-.1rem;padding:.05rem 0 0;background:transparent;border:0;border-radius:0;box-shadow:none}.shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;min-height:2.25rem;padding:0;border:0;border-radius:0;background:transparent}.shortcut-label{font-size:.8rem;color:var(--muted);flex-shrink:0}.shortcut-icon{font-size:1rem;color:var(--muted)}.shortcut-row--theme{position:relative}.shortcut-row--camera{gap:.5rem}.shortcut-camera-picker{position:relative;flex:1;min-width:0;display:flex;align-items:center}.shortcut-camera-select{width:100%;padding:.4rem 1.85rem .4rem .65rem;background:var(--surface);border:1px solid rgba(122,162,247,.12);border-radius:var(--radius);color:var(--text);font-size:.85rem;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .15s,background .15s}.shortcut-camera-select:hover,.shortcut-camera-select:focus{border-color:var(--accent);background:#7aa2f70f;outline:none}.shortcut-camera-chevron{position:absolute;right:.45rem;pointer-events:none;font-size:1.1rem;color:var(--muted)}.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}.shortcut-theme-dropdown{flex:1;min-width:0;position:relative}.shortcut-theme-trigger{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4rem .65rem;background:var(--surface);border:1px solid rgba(122,162,247,.12);border-radius:var(--radius);color:var(--text);cursor:pointer;font-size:.85rem;font-family:inherit;transition:border-color .15s,background .15s}.shortcut-theme-trigger:hover{border-color:#7aa2f740;background:#7aa2f70f}.shortcut-theme-trigger.open{border-color:var(--accent);background:#7aa2f71a}.shortcut-theme-trigger-swatch{flex-shrink:0;width:1.2rem;height:1.2rem;border-radius:50%;border:1px solid rgba(255,255,255,.15)}.shortcut-theme-trigger-swatch--tokyo{background:linear-gradient(135deg,#7aa2f7,#24283b)}.shortcut-theme-trigger-swatch--nord{background:linear-gradient(135deg,#88c0d0,#2a3340)}.shortcut-theme-trigger-swatch--emerald{background:linear-gradient(135deg,#57d3a8,#1f2f2b)}.shortcut-theme-trigger-swatch--sunset{background:linear-gradient(135deg,#ff9f6e,#322224)}.shortcut-theme-trigger-swatch--midnight{background:linear-gradient(135deg,#8aa7ff,#12141a)}.shortcut-theme-trigger-swatch--lavender{background:linear-gradient(135deg,#b9a7ff,#29263a)}.shortcut-theme-trigger-swatch--ocean{background:linear-gradient(135deg,#f5b237,#48c4a8 48%,#0b0e11)}.shortcut-theme-trigger-swatch--forest{background:linear-gradient(135deg,#6fd48c,#1b3025)}.shortcut-theme-trigger-swatch--rose{background:linear-gradient(135deg,#ff8ab8,#32202b)}.shortcut-theme-trigger-swatch--daylight{background:linear-gradient(135deg,#7aa2f7,#f6f8ff)}.shortcut-theme-trigger-swatch--amber{background:linear-gradient(135deg,#f0a84a,#2d2418)}.shortcut-theme-trigger-swatch--crimson{background:linear-gradient(135deg,#c94b6a,#26161c)}.shortcut-theme-trigger-swatch--monochrome{background:linear-gradient(135deg,#a3a3a3,#1a1a1a)}.shortcut-theme-trigger-swatch--terracotta{background:linear-gradient(135deg,#d4845c,#2a201b)}.shortcut-theme-trigger-swatch--arctic{background:linear-gradient(135deg,#f5b237,#48c4a8 48%,#0b0e11)}.shortcut-theme-trigger-swatch--gta6{background:linear-gradient(135deg,#ff4fa3,#ffb45a 46%,#2ee6c8)}.shortcut-theme-trigger-label{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shortcut-theme-chevron{flex-shrink:0;font-size:1.2rem;color:var(--muted);transition:transform .2s ease}.shortcut-theme-trigger.open .shortcut-theme-chevron{transform:rotate(180deg);color:var(--accent)}.shortcut-theme-panel{position:relative;top:auto;left:auto;right:auto;margin-top:.45rem;padding:.75rem;background:var(--bg);border:1px solid rgba(122,162,247,.12);border-radius:var(--radius);box-shadow:0 8px 24px #00000059,0 0 0 1px #0000001a;z-index:1}.shortcut-theme-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;width:100%;max-width:10.4rem}.shortcut-theme-swatch{width:1.4rem;height:1.4rem;border-radius:50%;border:1px solid rgba(255,255,255,.12);padding:0;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.shortcut-theme-swatch:hover,.shortcut-theme-swatch:focus-visible{transform:scale(1.08);border-color:#ffffff8c}.shortcut-theme-swatch.active{border-color:var(--text);box-shadow:0 0 0 2px #7aa2f740;transform:scale(1.1)}.shortcut-volume-wrap{display:flex;align-items:center;gap:.55rem;flex:1;min-width:0}.shortcut-volume-wrap .mauweh-range{min-width:5.5rem}.shortcut-row--toggle{align-items:center;cursor:pointer}.shortcut-toggle-btn{flex-shrink:0;width:2.5rem;height:1.25rem;padding:2px;border:1px solid rgba(122,162,247,.12);background:var(--surface);border-radius:9999px;cursor:pointer;position:relative;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;box-shadow:inset 0 1px 2px #00000026}.shortcut-row--toggle:hover .shortcut-toggle-btn{border-color:#7aa2f740}.shortcut-toggle-btn.active{background:#22c55e1f;border-color:#22c55e66;box-shadow:inset 0 1px 2px #0000001a,0 0 0 1px #22c55e26}.shortcut-row--toggle:hover .shortcut-toggle-btn.active{border-color:#22c55e80}.shortcut-toggle-thumb{position:absolute;top:50%;left:2px;width:1rem;height:1rem;margin-top:-.5rem;background:var(--muted);border-radius:50%;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;box-shadow:0 1px 2px #0003}.shortcut-toggle-btn.active .shortcut-toggle-thumb{transform:translate(calc(1.5rem - 4px));background:#22c55e;box-shadow:0 1px 3px #22c55e66}.shortcut-row--hotkeys{flex-direction:column;align-items:stretch}.shortcut-hotkeys{display:flex;flex-direction:column;gap:.4rem;min-width:0;flex:1}.shortcut-hotkey-grid{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.35rem .4rem;align-items:center}.shortcut-hotkey-grid--hold{margin-top:.15rem}.shortcut-hotkey-grid>.shortcut-icon{justify-self:start;line-height:1}.shortcut-hotkey-colhead{font-size:.72rem;font-weight:600;color:var(--muted);text-align:center}.shortcut-hotkey-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.shortcut-hotkey-label{font-size:.85rem;color:var(--text);min-width:0}.shortcut-hotkey-btn{font-size:.8rem;padding:.25rem .5rem;border-radius:6px;border:1px solid var(--muted);background:var(--surface);color:var(--text);cursor:pointer;min-width:4.5rem}.shortcut-hotkey-btn:hover{border-color:var(--accent)}.shortcut-hotkey-btn.recording{border-color:var(--accent);background:#7aa2f726;animation:shortcut-pulse 1s ease-in-out infinite}@keyframes shortcut-pulse{0%,to{opacity:1}50%{opacity:.7}}.shortcut-volume-value{font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--muted);min-width:2.6rem;text-align:right;flex-shrink:0}.room-user-controls{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.room-user-controls-left,.room-user-controls-right{display:flex;align-items:center;gap:.5rem}.control-btn{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:1px solid var(--muted);background:var(--surface);color:var(--accent);cursor:pointer;border-radius:50%;transition:background .15s,border-color .15s,color .15s}.control-btn .material-icons{font-size:1.25rem}.control-btn:hover{background:#7aa2f726;border-color:var(--accent)}.control-btn.muted{color:var(--danger);border-color:#f7768e80;background:#f7768e14}.control-btn.muted:hover{background:#f7768e26;border-color:var(--danger)}.control-btn.muted:disabled{opacity:.5;cursor:not-allowed}.control-btn.muted:disabled:hover{background:#f7768e14;border-color:#f7768e80}.control-btn.active{color:var(--accent);background:#7aa2f733;border-color:var(--accent)}.control-btn--disabled{opacity:.4;cursor:default;color:var(--muted)}.control-btn--share.active{background:#22c55e33;border-color:#22c55e;color:#22c55e}.control-btn--share.active:hover{background:#22c55e4d;border-color:#22c55e}.stream-share-cluster-main.control-btn--share.active{background:transparent;border-color:transparent}@keyframes stream-share-pulse-subtle{0%,to{box-shadow:0 0 #22c55e24}50%{box-shadow:0 0 0 3px #22c55e00}}.stream-share-cluster{display:inline-flex;flex-direction:row;align-items:center;flex-shrink:0;height:2.75rem;border:1px solid var(--muted);border-radius:999px;background:var(--surface);overflow:hidden;transition:border-color .15s,background .15s}.stream-share-cluster--live{border-color:#22c55e;background:#22c55e24;animation:stream-share-pulse-subtle 2.8s ease-in-out infinite}.stream-share-cluster-main{flex-shrink:0;min-width:2.75rem;border:none;border-radius:0;box-shadow:none;animation:none}.stream-share-cluster-main.active{background:transparent;border:none}.stream-share-cluster-main.active:hover{background:#22c55e2e}.stream-share-cluster--live .stream-share-cluster-toggle{border-left:1px solid rgba(34,197,94,.28)}.control-btn--flip-cam.active{background:#22c55e33;border-color:#22c55e;color:#22c55e}.control-btn--flip-cam.active:hover{background:#22c55e4d;border-color:#22c55e}.stream-view-toggle{display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer;flex-shrink:0;opacity:.55;transition:opacity .15s ease}.stream-share-cluster-toggle{height:100%;padding:0 .55rem 0 .4rem;border-left:1px solid rgba(86,95,137,.22)}.stream-view-toggle:hover{opacity:.85}.stream-view-toggle:focus-visible{outline:2px solid rgba(34,197,94,.55);outline-offset:1px;border-radius:999px;opacity:.9}.stream-view-toggle-track{position:relative;display:block;width:1.85rem;height:1rem;border-radius:999px;border:1px solid rgba(86,95,137,.32);background:#0f101773;transition:background .2s ease,border-color .2s ease}.stream-view-toggle-thumb{position:absolute;top:50%;left:.08rem;width:.76rem;height:.76rem;border-radius:50%;background:var(--muted);transform:translateY(-50%);transition:left .2s ease,background .2s ease,box-shadow .2s ease}.stream-view-toggle--on{opacity:.88}.stream-view-toggle--on:hover{opacity:1}.stream-view-toggle--on .stream-view-toggle-track{background:#22c55e24;border-color:#22c55e61}.stream-view-toggle--on .stream-view-toggle-thumb{left:calc(100% - .84rem);background:#22c55e;box-shadow:0 0 5px #22c55e66}.stream-share-cluster--live .stream-view-toggle--on .stream-view-toggle-track{background:#22c55e33;border-color:#22c55e73}.room-main .participants{position:relative;z-index:1;flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.room-main .participants ul{flex:1}.room-right{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border-radius:var(--radius);border-top:2px solid var(--accent);box-shadow:0 8px 32px #0000004d,0 0 0 1px #7aa2f714;padding:.55rem 1rem 1rem}.room-right-head{flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;width:100%;gap:.35rem;min-height:2.1rem;margin-bottom:.45rem}.room-panel-switch{display:inline-flex;align-items:center;gap:.12rem;padding:.18rem;border:none;border-radius:999px;background:color-mix(in srgb,var(--text) 8%,transparent)}.room-panel-switch-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.28rem;min-height:2rem;padding:0 .72rem;border:none;border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:.76rem;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.room-panel-switch-btn .material-icons{font-size:1.05rem}.room-panel-switch-btn:hover:not(:disabled){color:var(--text);background:color-mix(in srgb,var(--accent) 10%,transparent)}.room-panel-switch-btn:disabled{opacity:.38;cursor:default}.room-panel-switch-btn--unread{animation:room-chat-unread-pulse 1.15s ease-in-out infinite}.room-panel-switch-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.room-panel-switch-live-dot{position:absolute;top:-.05rem;right:-.2rem;width:.42rem;height:.42rem;border-radius:50%;background:#22c55e;border:1.5px solid rgba(15,16,23,.9);box-shadow:0 0 7px #22c55e80;pointer-events:none}.room-panel-switch-btn--live:not(.room-panel-switch-btn--active) .icon-screen{color:#22c55ed1}.room-panel-switch-btn--live-hint .room-panel-switch-live-dot{animation:panel-stream-live-dot 2.6s ease-in-out infinite}@keyframes panel-stream-live-dot{0%,to{opacity:1;box-shadow:0 0 7px #22c55e80}50%{opacity:.55;box-shadow:0 0 4px #22c55e40}}.room-panel-switch-label{line-height:1}.room-panel-switch-badge{position:absolute;top:-.2rem;right:-.15rem;min-width:1rem;height:1rem;padding:0 .18rem;box-sizing:border-box;border-radius:999px;background:var(--danger);color:#fff;font-size:.56rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1;display:grid;place-items:center;box-shadow:0 0 10px var(--danger-soft);pointer-events:none}.room-right-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.room-right-streams{display:flex;flex-direction:column;gap:0;width:100%;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden}.room-right-chat{display:flex;flex-direction:column;flex:1 1 auto;gap:.65rem;min-height:0;overflow:hidden;position:relative;user-select:text;-webkit-user-select:text}.room-chat-drop-overlay{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:.35rem;border:2px dashed color-mix(in srgb,var(--accent) 55%,transparent);border-radius:var(--radius);background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--accent);pointer-events:none}.room-chat-drop-overlay-icon{font-size:2rem;opacity:.9}.room-chat-drop-overlay-text{font-size:.88rem;font-weight:600;letter-spacing:.01em}.room-chat-compose{flex-shrink:0;display:flex;flex-direction:column;gap:.65rem}.room-right-chat .room-chat-messages{flex:1 1 0;min-height:0}.room-chat-messages{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;display:flex;flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem;background:#0f101773;border:1px solid rgba(86,95,137,.18);border-radius:var(--radius);margin-bottom:0;user-select:text;-webkit-user-select:text}.room-chat-messages:has(>.room-chat-empty:only-child){justify-content:center}.room-chat-messages::-webkit-scrollbar{width:6px}.room-chat-messages::-webkit-scrollbar-track{background:transparent;border-radius:3px}.room-chat-messages::-webkit-scrollbar-thumb{background:#565f8966;border-radius:3px}.room-chat-messages::-webkit-scrollbar-thumb:hover{background:var(--muted)}.room-chat-empty{display:flex;align-items:center;justify-content:center;margin:0;text-align:center;color:var(--muted);font-size:.9rem}.room-chat-msg{display:flex;flex-direction:column;flex-shrink:0;font-size:.95rem;border:1px solid rgba(86,95,137,.18);border-radius:var(--radius);background:#24283bb8;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.room-chat-scroll-anchor{flex-shrink:0;width:100%;height:0;overflow:hidden;pointer-events:none}.room-chat-msg:hover{border-color:#7aa2f747;box-shadow:0 8px 24px #0000001f}.room-chat-msg--self{border-color:#7aa2f747}.room-chat-msg--self .room-chat-msg-banner{background:linear-gradient(90deg,#7aa2f729,#7aa2f70a)}.room-chat-msg-banner{display:flex;align-items:center;gap:.6rem;padding:.55rem .65rem;border-bottom:1px solid rgba(86,95,137,.16);background:linear-gradient(180deg,rgba(255,255,255,.04),transparent)}.room-chat-msg-banner-main{min-width:0;flex:1;display:flex;align-items:center;min-height:2.6rem}.room-chat-msg-banner-title{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .55rem;min-width:0}.room-chat-msg-content{display:flex;flex-direction:column;gap:.55rem;padding:.65rem .75rem .75rem;min-width:0}.room-chat-msg-avatar{width:2.6rem;height:2.6rem;min-width:2.6rem;border-radius:8px;overflow:hidden;background:#0f101761}.room-chat-avatar-img{width:100%;height:100%;object-fit:cover;object-position:center;display:flex;align-items:center;justify-content:center;border-radius:8px}.room-chat-avatar-img.participant-avatar-img-tall-fit{object-fit:contain}.room-chat-avatar-img.participant-avatar-fallback{color:var(--muted)}.room-chat-avatar-img .participant-avatar-brand-mark{width:68%;height:68%}.room-chat-bubble{padding:.45rem .6rem;border-radius:calc(var(--radius) - 2px);border:1px solid var(--border-soft);background:linear-gradient(180deg,var(--surface-soft),transparent);min-width:0}.room-chat-reply-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;margin:0;flex-shrink:0;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;opacity:.55;transition:opacity .15s ease,color .15s ease,background .15s ease,border-color .15s ease;user-select:none;-webkit-user-select:none}.room-chat-reply-btn .material-icons{font-size:1.05rem}.room-chat-msg:hover .room-chat-reply-btn,.room-chat-reply-btn:hover,.room-chat-reply-btn:focus-visible{opacity:1;color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.room-chat-reply-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (hover: none){.room-chat-reply-btn{opacity:.72}}.room-chat-reply-preview{display:flex;flex-direction:column;gap:.14rem;padding:.45rem .6rem;border-radius:calc(var(--radius) - 2px);border:1px solid var(--border-soft);border-left:3px solid var(--accent);background:linear-gradient(180deg,var(--surface-soft),transparent);font-size:.78rem;line-height:1.35;color:var(--muted)}.room-chat-reply-preview-label{font-weight:600;font-size:.68rem;letter-spacing:.02em;color:var(--muted)}.room-chat-reply-preview-author{font-weight:700;color:var(--accent);font-size:.8rem}.room-chat-reply-preview-snippet{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-chat-name{flex-shrink:0;display:inline-flex;align-items:center;font-weight:600;font-size:.92rem;line-height:1;color:var(--text);overflow:visible}.room-chat-time{display:inline-flex;align-items:center;font-size:.72rem;line-height:1;color:var(--muted);flex-shrink:0;letter-spacing:.01em}.room-chat-time:before{content:"·";margin-right:.45rem;color:color-mix(in srgb,var(--muted) 70%,transparent)}.room-chat-text{color:var(--text);word-break:break-word;line-height:1.5;font-size:.92rem;white-space:pre-wrap}.room-chat-link{color:var(--accent);text-decoration:underline;cursor:pointer;position:relative;z-index:1;word-break:break-all}.room-chat-link:hover{text-decoration:none}.room-chat-reply-preview-snippet .room-chat-link{font-size:inherit}.room-chat-reply-draft{flex-shrink:0;display:flex;align-items:flex-start;justify-content:space-between;gap:.45rem;margin:0;padding:.5rem .6rem;border-radius:var(--radius);border:1px solid var(--border-soft);border-top:2px solid var(--border-strong);background:linear-gradient(180deg,var(--surface-soft),var(--surface));box-shadow:0 0 0 1px var(--border-soft);user-select:text;-webkit-user-select:text}.room-chat-reply-draft-text{display:flex;align-items:flex-start;gap:.4rem;min-width:0}.room-chat-reply-draft-icon{font-size:1.05rem;color:var(--muted);flex-shrink:0;margin-top:.08rem}.room-chat-reply-draft-meta{display:flex;flex-direction:column;gap:.1rem;min-width:0}.room-chat-reply-draft-title{font-size:.8rem;color:var(--text);line-height:1.3}.room-chat-reply-draft-title strong{color:var(--accent);font-weight:700}.room-chat-reply-draft-snippet{font-size:.74rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-chat-reply-draft-cancel{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;flex-shrink:0;border:1px solid var(--border-soft);border-radius:calc(var(--radius) - 2px);background:var(--surface-soft);color:var(--muted);cursor:pointer;transition:border-color .15s,background .15s,color .15s;user-select:none;-webkit-user-select:none}.room-chat-reply-draft-cancel .material-icons{font-size:1.1rem}.room-chat-reply-draft-cancel:hover,.room-chat-reply-draft-cancel:focus-visible{color:var(--text);border-color:var(--border-strong);background:var(--surface)}.room-chat-reply-draft-cancel:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.room-chat-attachment-draft{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:.55rem;margin:0;padding:.5rem .6rem;border-radius:var(--radius);border:1px solid var(--border-soft);border-top:2px solid var(--border-strong);background:linear-gradient(180deg,var(--surface-soft),var(--surface));box-shadow:0 0 0 1px var(--border-soft);user-select:text;-webkit-user-select:text}.room-chat-attachment-draft-text{display:flex;align-items:center;gap:.55rem;min-width:0}.room-chat-attachment-draft-icon{font-size:1.05rem;color:var(--muted);flex-shrink:0}.room-chat-attachment-draft-preview-wrap{flex-shrink:0;width:3.25rem;height:3.25rem;border-radius:calc(var(--radius) - 2px);overflow:hidden;background:var(--bg);border:1px solid var(--border-soft);display:flex;align-items:center;justify-content:center}.room-chat-attachment-draft-preview{display:block;width:100%;height:100%;object-fit:cover}.room-chat-attachment-draft-meta{display:flex;flex-direction:column;gap:.1rem;min-width:0}.room-chat-attachment-draft-title{font-size:.8rem;color:var(--text);line-height:1.3}.room-chat-attachment-draft-title strong{color:var(--accent);font-weight:700}.room-chat-attachment-draft-snippet{font-size:.74rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-chat-attachment-draft-cancel{display:inline-flex;align-items:center;justify-content:center;width:2.15rem;height:2.15rem;padding:0;flex-shrink:0;align-self:center;border:1px solid var(--border-soft);border-radius:50%;background:var(--surface-soft);color:var(--muted);cursor:pointer;transition:border-color .15s,background .15s,color .15s,box-shadow .15s;user-select:none;-webkit-user-select:none}.room-chat-attachment-draft-cancel .material-icons{font-size:1.05rem}.room-chat-attachment-draft-cancel:hover:not(:disabled),.room-chat-attachment-draft-cancel:focus-visible:not(:disabled){color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent);background:var(--danger-soft);box-shadow:0 0 0 1px color-mix(in srgb,var(--danger) 18%,transparent)}.room-chat-attachment-draft-cancel:disabled{opacity:.45;cursor:not-allowed}.room-chat-attachment-draft-cancel:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.room-chat-file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.room-chat-attach{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background:var(--surface);border:1px solid var(--muted);border-radius:50%;color:var(--muted);cursor:pointer;flex-shrink:0}.room-chat-attach:hover:not(:disabled),.room-chat-attach:focus-visible:not(:disabled){color:var(--accent);border-color:var(--border-strong)}.room-chat-attach:disabled{opacity:.5;cursor:not-allowed}.room-chat-attachment{max-width:min(100%,320px)}.room-chat-attachment--image{display:block;padding:0;margin:0;border:none;background:transparent;box-shadow:none;cursor:pointer;border-radius:0;overflow:visible}.room-chat-attachment--image:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius)}.room-chat-attachment--image img{display:block;max-width:100%;max-height:240px;width:auto;height:auto;border-radius:var(--radius);object-fit:contain}.room-chat-attachment--file{display:flex;align-items:center;gap:.55rem;width:100%;padding:.45rem .6rem;border:1px solid var(--border-soft);border-radius:calc(var(--radius) - 2px);background:linear-gradient(180deg,var(--surface-soft),transparent);color:var(--text);cursor:pointer;text-align:left}.room-chat-attachment--file:hover:not(:disabled){border-color:var(--accent)}.room-chat-attachment-file-icon{color:var(--accent);flex-shrink:0}.room-chat-attachment-file-meta{display:flex;flex-direction:column;min-width:0;flex:1}.room-chat-attachment-file-name{font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-chat-attachment-file-size{font-size:.75rem;color:var(--muted)}.room-chat-attachment-file-dl{flex-shrink:0;color:var(--muted)}.room-chat-attachment--loading,.room-chat-attachment--error{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .6rem;border-radius:calc(var(--radius) - 2px);background:linear-gradient(180deg,var(--surface-soft),transparent);border:1px dashed var(--border-soft);color:var(--muted);font-size:.82rem}.room-chat-form{flex-shrink:0;display:flex;gap:.5rem;align-items:center;user-select:text;-webkit-user-select:text}.room-chat-form--expanded{align-items:flex-end}.room-chat-input{flex:1;min-width:0;--chat-input-row-height: 2.5rem;--chat-input-line-height: 1.25rem;height:var(--chat-input-row-height);min-height:var(--chat-input-row-height);max-height:9rem;padding:calc((var(--chat-input-row-height) - var(--chat-input-line-height) - 2px) / 2) .75rem;background:var(--surface);border:1px solid var(--muted);border-radius:var(--radius);color:var(--text);font-size:.95rem;font-family:inherit;line-height:var(--chat-input-line-height);box-sizing:border-box;outline:none;resize:none;overflow-y:auto;transition:border-color .15s,background .15s;user-select:text;-webkit-user-select:text}.room-chat-form--expanded .room-chat-input{padding-block:.5rem}.room-chat-input::placeholder{color:var(--muted)}.room-chat-input:focus{border-color:var(--accent)}.room-chat-send{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background:var(--surface);border:1px solid var(--muted);border-radius:50%;color:var(--accent);cursor:pointer;flex-shrink:0;transition:background .15s,border-color .15s,color .15s}.room-chat-send:hover:not(:disabled){background:#7aa2f726;border-color:var(--accent)}.room-chat-send:hover:not(:disabled) .room-chat-send-icon{animation:room-chat-send-bounce .5s ease}.room-chat-send:active:not(:disabled){background:#7aa2f733}.room-chat-send:disabled{opacity:.4;cursor:not-allowed;color:var(--muted);border-color:var(--muted)}.room-chat-send .room-chat-send-icon{font-size:1.2rem}@keyframes room-chat-send-bounce{0%{transform:translate(0)}50%{transform:translate(3px)}to{transform:translate(0)}}.audio-output-container{position:absolute;width:1px;height:1px;overflow:hidden;pointer-events:none;opacity:.001}.room-header{margin-bottom:0;padding:.85rem;border:1px solid rgba(122,162,247,.14);border-top:1px solid rgba(122,162,247,.28);border-radius:var(--radius);background:linear-gradient(145deg,rgba(122,162,247,.12),transparent 44%),var(--surface);box-shadow:0 8px 32px #00000047,0 0 0 1px #7aa2f714}.room-header-container{display:flex;align-items:center;justify-content:center;gap:1rem;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.room-header-title{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-width:0;flex:0 1 auto;width:auto;max-width:100%}.room-header-lock-wrap{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.35rem;height:1.35rem;line-height:0;margin:0;padding:0;border-radius:.4rem;border:1px solid transparent;pointer-events:auto;color:var(--muted)}.room-header-lock-wrap--locked{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.room-header-lock-wrap--open{color:var(--muted);background:transparent;border-color:var(--border-soft);opacity:.72}.room-header-lock-wrap--button{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit;color:inherit}.room-header-lock-wrap--button:hover,.room-header-lock-wrap--button:focus-visible{opacity:1;outline:none}.room-header-lock-wrap--locked.room-header-lock-wrap--button:hover,.room-header-lock-wrap--locked.room-header-lock-wrap--button:focus-visible{border-color:var(--accent)}.room-header-lock-icon{font-size:.82rem;line-height:1;color:inherit;background:none;-webkit-text-fill-color:currentColor}.room-header h1{margin:0;font-weight:850;color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:0 1 auto;max-width:100%;line-height:1.2;text-align:center}.room-video-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;margin-bottom:1rem;min-height:0;align-content:start}.room-video-container--hidden{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;margin:0;padding:0}.room-video-tile{display:flex;flex-direction:column;gap:.25rem;background:var(--bg);border-radius:var(--radius);overflow:hidden}.room-video-tile--local{border:2px solid var(--accent)}.room-video-tile video{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.room-video-tile-label{font-size:.8rem;color:var(--muted);padding:.25rem .5rem}.room-streams-title{font-size:1rem;color:var(--muted);margin:0 0 .5rem;font-weight:600}.room-streams-grid{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:1fr;grid-auto-rows:minmax(0,1fr);gap:.65rem;overflow:hidden;width:100%}.room-streams-tile{position:relative;display:flex;flex-direction:column;gap:.25rem;background:var(--bg);border-radius:var(--radius);overflow:hidden;min-width:0;min-height:0;width:100%}.room-streams-tile-cam-actions{position:absolute;right:.55rem;bottom:.55rem;z-index:5;display:inline-flex;flex-direction:row;align-items:center;gap:.45rem}.room-streams-tile-stop-cam,.room-streams-tile-flip-cam{display:inline-flex;align-items:center;justify-content:center;width:2.65rem;height:2.65rem;min-width:2.65rem;min-height:2.65rem;padding:0;border-radius:50%;background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.room-streams-tile-stop-cam{border:1px solid rgba(247,118,142,.5);color:var(--danger);box-shadow:0 8px 22px #00000059,0 0 18px #f7768e2e}.room-streams-tile-stop-cam .material-icons,.room-streams-tile-flip-cam .material-icons{font-size:1.25rem}.room-streams-tile-stop-cam:active,.room-streams-tile-flip-cam:active{transform:scale(.94)}.room-streams-tile-flip-cam{border:1px solid rgba(34,197,94,.45);color:#22c55e;box-shadow:0 8px 22px #00000059,0 0 18px #22c55e33}.room-streams-tile video{width:100%;flex:1;min-height:0;object-fit:contain;display:block}.room-streams-tile-label{font-size:.8rem;color:var(--muted);padding:.25rem .5rem}.notification-bar{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding:.6rem 1rem;border-radius:var(--radius);border-top:2px solid;box-shadow:0 4px 16px #0003,0 0 0 1px #00000014;color:var(--text);font-size:.9rem}.notification-bar-icon{font-size:1.2rem;flex-shrink:0}.notification-bar-text{flex:1;min-width:0}.notification-bar--error{background:#f7768e1f;border-top-color:var(--danger)}.notification-bar--error .notification-bar-icon{color:var(--danger)}.notification-bar--info{background:#7aa2f71a;border-top-color:var(--accent)}.notification-bar--info .notification-bar-icon{color:var(--accent)}.notification-bar--warn{background:#f7b4501f;border-top-color:#c9972a}.notification-bar--warn .notification-bar-icon{color:#c9972a}.notification-bar-actions{display:flex;gap:.5rem;flex-shrink:0}.notification-bar-actions button{padding:.35rem .65rem;border-radius:6px;font-size:.85rem;border:none;cursor:pointer}.notification-bar-actions button:not(.secondary){background:var(--danger);color:#fff}.notification-bar-actions button.secondary{background:var(--surface);color:var(--text);border:1px solid var(--muted)}.notification-bar-expand{display:inline-flex;padding:.2rem;background:none;border:none;color:inherit;cursor:pointer;border-radius:4px}.notification-bar-expand:hover{background:#0000001a}.notification-bar-expand .material-icons{font-size:1.2rem}.notification-bar-details{flex-basis:100%;width:100%;padding-top:.5rem;margin-top:.25rem;border-top:1px solid rgba(0,0,0,.1);font-size:.85rem;line-height:1.4}.notification-bar-details p{margin:0 0 .25rem}.notification-bar-details p:last-child{margin-bottom:0}.participants h2{font-size:1rem;margin:0 0 .75rem;color:var(--muted)}.participants-empty{display:flex;align-items:center;justify-content:center;min-height:4rem;padding:.85rem 1rem;background:#0f101773;border:1px solid rgba(86,95,137,.18);border-radius:var(--radius);margin-bottom:1rem;color:var(--muted);overflow:hidden}.participants-empty--pixel{min-height:4.35rem;padding:0}.participants-empty-pixel-track{position:relative;display:flex;align-items:center;width:100%;height:100%;min-height:4.35rem;overflow:hidden}.participants-empty-pixel-group{position:absolute;left:calc(100% + .4rem);top:50%;width:10.6rem;height:1.65rem;--duck-y: -.16rem;animation:participants-empty-duck-swim 6.2s linear infinite}.participants-empty-duck{position:absolute;left:0;bottom:0;width:.2rem;height:.2rem;background:transparent;image-rendering:pixelated;box-shadow:.4rem 0 #f59e0b,.6rem 0 #f59e0b,.8rem 0 #f59e0b,1rem 0 #f59e0b,1.2rem 0 #f59e0b,1.4rem 0 #f59e0b,1.6rem 0 #f59e0b,.2rem -.2rem #facc15,.4rem -.2rem #facc15,.6rem -.2rem #facc15,.8rem -.2rem #facc15,1rem -.2rem #facc15,1.2rem -.2rem #facc15,1.4rem -.2rem #facc15,1.6rem -.2rem #f59e0b,0 -.4rem #f97316,.2rem -.4rem #facc15,.4rem -.4rem #facc15,.6rem -.4rem #facc15,.8rem -.4rem #facc15,1rem -.4rem #facc15,1.2rem -.4rem #facc15,1.4rem -.4rem #f59e0b,0 -.6rem #f97316,.2rem -.6rem #f97316,.4rem -.6rem #facc15,.6rem -.6rem #facc15,.8rem -.6rem #facc15,1rem -.6rem #f59e0b,1.2rem -.6rem #f59e0b,1.4rem -.6rem #facc15,1.6rem -.6rem #facc15,0 -.8rem #f97316,.2rem -.8rem #f97316,.4rem -.8rem #facc15,.6rem -.8rem #facc15,.8rem -.8rem #111827,1rem -.8rem #facc15,1.2rem -.8rem #facc15,.4rem -1rem #facc15,.6rem -1rem #facc15,.8rem -1rem #facc15,1rem -1rem #facc15,.6rem .2rem #f97316,1.2rem .2rem #f97316,0 0 10px #facc1557}.participants-empty-pixel-word{--pixel-letter: var(--accent);position:absolute;bottom:.08rem;width:.16rem;height:.16rem;background:transparent;image-rendering:pixelated;filter:drop-shadow(0 0 5px var(--accent-glow))}.participants-empty-pixel-word--m{left:3rem;box-shadow:0 0 0 var(--pixel-letter),0 -.16rem 0 var(--pixel-letter),0 -.32rem 0 var(--pixel-letter),0 -.48rem 0 var(--pixel-letter),0 -.64rem 0 var(--pixel-letter),.16rem -.48rem 0 var(--pixel-letter),.32rem -.32rem 0 var(--pixel-letter),.48rem -.48rem 0 var(--pixel-letter),.64rem 0 0 var(--pixel-letter),.64rem -.16rem 0 var(--pixel-letter),.64rem -.32rem 0 var(--pixel-letter),.64rem -.48rem 0 var(--pixel-letter),.64rem -.64rem 0 var(--pixel-letter)}.participants-empty-pixel-word--a{left:3.9rem;box-shadow:0 0 0 var(--pixel-letter),0 -.16rem 0 var(--pixel-letter),0 -.32rem 0 var(--pixel-letter),0 -.48rem 0 var(--pixel-letter),.16rem -.64rem 0 var(--pixel-letter),.32rem -.64rem 0 var(--pixel-letter),.16rem -.32rem 0 var(--pixel-letter),.32rem -.32rem 0 var(--pixel-letter),.48rem 0 0 var(--pixel-letter),.48rem -.16rem 0 var(--pixel-letter),.48rem -.32rem 0 var(--pixel-letter),.48rem -.48rem 0 var(--pixel-letter)}.participants-empty-pixel-word--u{left:4.7rem;box-shadow:0 -.16rem 0 var(--pixel-letter),0 -.32rem 0 var(--pixel-letter),0 -.48rem 0 var(--pixel-letter),0 -.64rem 0 var(--pixel-letter),.16rem 0 0 var(--pixel-letter),.32rem 0 0 var(--pixel-letter),.48rem -.16rem 0 var(--pixel-letter),.48rem -.32rem 0 var(--pixel-letter),.48rem -.48rem 0 var(--pixel-letter),.48rem -.64rem 0 var(--pixel-letter)}.participants-empty-pixel-word--w{left:5.5rem;box-shadow:0 0 0 var(--pixel-letter),0 -.16rem 0 var(--pixel-letter),0 -.32rem 0 var(--pixel-letter),0 -.48rem 0 var(--pixel-letter),0 -.64rem 0 var(--pixel-letter),.16rem -.16rem 0 var(--pixel-letter),.32rem -.32rem 0 var(--pixel-letter),.48rem -.16rem 0 var(--pixel-letter),.64rem 0 0 var(--pixel-letter),.64rem -.16rem 0 var(--pixel-letter),.64rem -.32rem 0 var(--pixel-letter),.64rem -.48rem 0 var(--pixel-letter),.64rem -.64rem 0 var(--pixel-letter)}.participants-empty-pixel-word--e{left:6.42rem;box-shadow:0 0 0 var(--pixel-letter),0 -.16rem 0 var(--pixel-letter),0 -.32rem 0 var(--pixel-letter),0 -.48rem 0 var(--pixel-letter),0 -.64rem 0 var(--pixel-letter),.16rem 0 0 var(--pixel-letter),.32rem 0 0 var(--pixel-letter),.48rem 0 0 var(--pixel-letter),.16rem -.32rem 0 var(--pixel-letter),.32rem -.32rem 0 var(--pixel-letter),.16rem -.64rem 0 var(--pixel-letter),.32rem -.64rem 0 var(--pixel-letter),.48rem -.64rem 0 var(--pixel-letter)}.participants-empty-pixel-word--h{left:7.22rem;box-shadow:0 0 0 var(--pixel-letter),0 -.16rem 0 var(--pixel-letter),0 -.32rem 0 var(--pixel-letter),0 -.48rem 0 var(--pixel-letter),0 -.64rem 0 var(--pixel-letter),.16rem -.32rem 0 var(--pixel-letter),.32rem -.32rem 0 var(--pixel-letter),.48rem 0 0 var(--pixel-letter),.48rem -.16rem 0 var(--pixel-letter),.48rem -.32rem 0 var(--pixel-letter),.48rem -.48rem 0 var(--pixel-letter),.48rem -.64rem 0 var(--pixel-letter)}@keyframes participants-empty-duck-swim{0%{left:calc(100% + .4rem);transform:translateY(calc(-50% + var(--duck-y))) scale(1.34);opacity:0}8%{opacity:1}28%{left:66%;transform:translateY(calc(-50% + var(--duck-y) - .08rem)) scale(1.34)}52%{left:33%;transform:translateY(calc(-50% + var(--duck-y) + .06rem)) scale(1.34)}76%{left:0;transform:translateY(calc(-50% + var(--duck-y) - .07rem)) scale(1.34)}92%{opacity:1}to{left:-10.8rem;transform:translateY(calc(-50% + var(--duck-y))) scale(1.34);opacity:0}}.participants ul{list-style:none;padding:0;margin:0}.participants li{--participant-pad-x: .9rem;--participant-pad-y: .78rem;position:relative;background:var(--surface);padding:var(--participant-pad-y) var(--participant-pad-x);border-radius:var(--radius);margin-bottom:1rem;border:1px solid rgba(122,162,247,.06);transition:border-color .25s ease,box-shadow .25s ease,opacity .2s ease,background .2s ease}.participants li:hover{border-color:#7aa2f726}.participants li.participant-speaking{border-color:#7aa2f759;box-shadow:0 0 12px #7aa2f71f}.participants li.participant-muted{opacity:.6;background:linear-gradient(135deg,rgba(247,118,142,.06) 0%,var(--surface) 50%);border-color:#f7768e26}.participants li.participant-muted .participant-status .icon-sm.muted{color:var(--danger);opacity:1}.participant-status .icon-sm:not(.muted){color:var(--success);opacity:.9}.participant-enter{animation:participant-enter .4s ease-out}.participant-leave{overflow:hidden;animation:participant-leave .4s ease-out forwards}@keyframes participant-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes participant-leave{from {max-height: 120px;} to {opacity: 0; transform: translateY(-8px); margin-bottom: 0; padding-top: 0; padding-bottom: 0; max-height: 0;} width: 100%; box-sizing: border-box;}.participant-main{display:flex;flex-direction:column;justify-content:space-between;align-self:stretch;gap:0;flex:1;width:100%;min-width:0;min-height:5rem}.participant-name-row{display:flex;align-items:center;gap:.4rem;min-width:0;flex-shrink:0;min-height:1.9rem;overflow:visible}.participant-status-row{display:flex;align-items:center;flex-shrink:0;min-height:0}.participant-status-row .participant-status .icon-sm{font-size:1.22rem}.participant-name-row .name{flex:1;min-width:0;font-weight:400;font-size:1.02rem;line-height:1.45;padding:.22rem .6rem .26rem 0;margin:-.22rem -.6rem -.26rem 0;overflow:visible;white-space:nowrap}.participant-name-row .participant-actions{display:flex;align-items:center;gap:.35rem;margin-left:auto;flex-shrink:0}.participant-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:1.85rem;height:1.85rem;padding:0;border:1px solid var(--muted);background:var(--bg);color:var(--accent);cursor:pointer;border-radius:50%;transition:background .15s,border-color .15s,color .15s}.participant-icon-btn:hover{background:#7aa2f726;border-color:var(--accent)}.participant-icon-btn.muted{color:var(--danger);border-color:#f7768e80;background:#f7768e14}.participant-icon-btn.muted:hover{background:#f7768e26;border-color:var(--danger)}.participant-icon-btn.active{color:var(--accent);background:#7aa2f733;border-color:var(--accent)}.participant-icon-btn .material-icons,.participant-icon-btn .icon-sm{font-size:1.1rem}.participant-icon-btn .icon-screen{font-size:1rem}.participant-stream-btn{flex-shrink:0}.participant-stream-btn:disabled{opacity:.4;cursor:default;color:var(--muted);border-color:var(--muted)}.participant-stream-btn:disabled:hover{background:var(--bg);border-color:var(--muted)}.participant-stream-btn.stream-active .icon-screen{font-size:1.35rem}.participant-stream-btn.stream-live-pulse{animation:stream-pulse 1.5s ease-in-out infinite}.participant-stream-btn.stream-live-pulse .icon-screen{color:#22c55e}@keyframes stream-pulse{0%,to{box-shadow:0 0 #22c55e80,0 0 12px #22c55e4d}50%{box-shadow:0 0 0 6px #22c55e00,0 0 20px #22c55e80}}.participant-stream-btn.stream-viewing{animation:none;background:#22c55e14;border-color:#22c55e66;color:#22c55ed9}.participant-stream-btn.stream-viewing .icon-screen{color:#22c55ed9}.participant-stream-btn.stream-viewing:hover{background:#22c55e26;border-color:#22c55e99}.participant-status{display:inline-flex;align-items:center;gap:.2rem;color:var(--muted);transition:transform .2s ease,color .2s ease}.participant-status .icon-sm.muted{animation:status-mute-in .35s ease-out}@keyframes status-mute-in{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}.participant-status .icon-sm{font-size:.95rem}.participant-status .icon-sm.muted{color:var(--danger)}.participant-meter-slot{width:100%;flex:1 1 auto;min-height:0;display:flex;align-items:center;flex-shrink:1}.participant-activity-row{display:flex;align-items:center;gap:.38rem;width:100%;min-height:0}.participant-activity-row--leave .activity-bar-wrap,.participant-activity-row .activity-bar-wrap{flex:1;min-width:0}.activity-bar-wrap{width:100%;height:.58rem;position:relative;isolation:isolate;padding:2px;border:1px solid rgba(122,162,247,.12);background:linear-gradient(180deg,rgba(255,255,255,.045),transparent),var(--bg);border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 3px #00000047}.activity-bar-wrap:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:1;border-radius:inherit;background:repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 2px,transparent 2px 11px);opacity:.35;pointer-events:none}.activity-bar{position:relative;z-index:2;height:100%;min-width:0;overflow:hidden;background:linear-gradient(90deg,var(--accent) 0%,var(--success) 68%,#eafff8 100%);border-radius:999px;box-shadow:0 0 14px var(--accent-glow),0 0 18px var(--success-soft);transition:width .09s ease-out,box-shadow .2s ease,filter .2s ease}:root[data-theme=gta6] .activity-bar{background:linear-gradient(90deg,#ff4fa3,#ffb45a 46%,#2ee6c8)}.activity-bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0 9px,rgba(0,0,0,.18) 9px 11px);opacity:.45;pointer-events:none}.participants li.participant-speaking .activity-bar{filter:saturate(1.22);box-shadow:0 0 18px var(--accent-glow),0 0 28px var(--success-soft)}.activity-bar--muted{background:linear-gradient(90deg,var(--danger) 0%,rgba(247,118,142,.64) 100%);box-shadow:0 0 12px var(--danger-soft)}.activity-bar-wrap:has(.activity-bar--muted){border-color:#f7768e42;background:linear-gradient(180deg,rgba(247,118,142,.11),transparent),var(--bg)}.participant-clickable{cursor:pointer}.participant-clickable:hover{background:#7aa2f70f}.participant-volume-inline{display:flex;align-items:center;gap:.42rem;width:100%;box-sizing:border-box;min-height:0;padding:0}.participant-volume-inline-icon{flex-shrink:0;font-size:1.05rem;color:var(--muted);opacity:.82}.participants li.participant-speaking .participant-volume-inline-icon{color:var(--accent);opacity:.9}.participants li.participant-muted .participant-volume-inline-icon{opacity:.65}.participant-volume-inline .mauweh-range{flex:1;min-width:0}@media (prefers-reduced-motion: reduce){.room-page-content{animation:none;opacity:1;transform:none;filter:none}.stream-share-cluster--live,.room-panel-switch-btn--live-hint .room-panel-switch-live-dot{animation:none}}@media (max-width: 720px) and (hover: hover){.room-layout{flex-direction:column;min-height:0;flex:1;overflow:hidden;gap:1rem}.room-layout--main-right .room-main,.room-layout--main-right .room-right{order:0}.room-main{width:100%;min-height:0;flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden}.room-header{padding:.75rem}.room-right{min-height:240px}.room-streams-grid{grid-template-columns:1fr}.room-right-chat{min-height:200px}.room-settings-btn,.control-btn,.room-chat-send{width:2.75rem;height:2.75rem;min-width:2.75rem;min-height:2.75rem}.participant-icon-btn{min-width:2.75rem;min-height:2.75rem;padding:.5rem}.room-panel-switch-btn{min-height:2.75rem;padding:0 .65rem}.room-panel-switch-label{display:none}.room-footer{height:1.1rem;font-size:.6rem;margin-top:1rem}.room-watermark-logo{display:none}.participants li:last-child{margin-bottom:0}.participants:has(ul:empty) .participants-empty{margin-bottom:0}}:root[data-theme=daylight] .room-page{background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(122,162,247,.2) 0%,transparent 60%),linear-gradient(180deg,#f6f8ff,#eef3ff)}:root[data-theme=daylight] .room-right,:root[data-theme=daylight] .room-header,:root[data-theme=daylight] .room-user-container,:root[data-theme=daylight] .participants li{box-shadow:0 6px 20px #1d2d5414,0 0 0 1px #7aa2f71f}:root[data-theme=daylight] .participants li.participant-speaking{border-color:var(--accent);box-shadow:0 0 28px var(--accent-glow),0 6px 20px #1d2d5414,0 0 0 1px #7aa2f71f}:root[data-theme=daylight] .room-chat-messages,:root[data-theme=daylight] .participants-empty{background:linear-gradient(180deg,#ffffff9e,#ffffff47),var(--bg);border-color:#7aa2f729;box-shadow:inset 0 1px 3px #1d2d5417}:root[data-theme=daylight] .room-chat-msg{background:#ffffffd9;border-color:#7aa2f733}:root[data-theme=daylight] .room-chat-msg--self .room-chat-msg-banner{background:linear-gradient(90deg,#7aa2f724,#7aa2f708)}:root[data-theme=daylight] .room-chat-msg-banner{background:linear-gradient(180deg,#ffffff8c,#ffffff26);border-bottom-color:#7aa2f724}:root[data-theme=daylight] .room-chat-reply-preview,:root[data-theme=daylight] .room-chat-reply-draft{background:linear-gradient(180deg,#ffffffb8,#ffffff59);border-color:var(--border-soft);box-shadow:inset 0 1px #ffffffa6,0 0 0 1px var(--border-soft)}:root[data-theme=daylight] .room-chat-reply-draft{border-top-color:var(--border-strong)}:root[data-theme=daylight] .room-channel-members{background:#ffffffb8;border-top-color:#7aa2f72e}:root[data-theme=daylight] .room-channel-option--expanded,:root[data-theme=daylight] .room-channel-option--welcome.room-channel-option--expanded{background:#ffffff8c;border-color:#7aa2f729}:root[data-theme=daylight] .room-channel-member-row:hover{background:#7aa2f71a}:root[data-theme=daylight] .room-channel-members .room-chat-msg-avatar{background:#ffffffd9}:root[data-theme=ocean] .room-page,:root[data-theme=arctic] .room-page{background:radial-gradient(ellipse 74% 54% at 12% 38%,rgba(245,178,55,.16) 0%,transparent 58%),radial-gradient(ellipse 68% 50% at 88% 42%,rgba(72,196,168,.14) 0%,transparent 55%),linear-gradient(160deg,#0b0e11,#141820 48%,#0b0e11)}:root[data-theme=ocean] .room-page:before,:root[data-theme=arctic] .room-page:before{opacity:0}:root[data-theme=gta6] .room-page{background:radial-gradient(ellipse 62% 48% at 8% 18%,rgba(255,79,163,.14) 0%,transparent 56%),radial-gradient(ellipse 54% 42% at 88% 78%,rgba(46,230,200,.14) 0%,transparent 54%),radial-gradient(ellipse 46% 36% at 72% 6%,rgba(255,180,90,.14) 0%,transparent 52%),linear-gradient(160deg,#121018,#1c1626 48%,#121018)}:root[data-theme=ocean] .room-header,:root[data-theme=arctic] .room-header,:root[data-theme=ocean] .room-user-container,:root[data-theme=arctic] .room-user-container,:root[data-theme=ocean] .room-right,:root[data-theme=arctic] .room-right,:root[data-theme=ocean] .participants li,:root[data-theme=arctic] .participants li{background:linear-gradient(145deg,#2a2d34,#1a1d23 52%,#242830);border-color:#ffffff0f;box-shadow:-4px -4px 12px #ffffff0a,8px 10px 26px #00000075,inset 0 1px #ffffff0f}:root[data-theme=ocean] .participants li.participant-speaking,:root[data-theme=arctic] .participants li.participant-speaking{border-color:var(--accent);box-shadow:0 0 28px var(--accent-glow),-4px -4px 12px #ffffff0a,8px 10px 26px #00000075,inset 0 1px #ffffff0f}:root[data-theme=gta6] .room-header,:root[data-theme=gta6] .room-user-container,:root[data-theme=gta6] .room-right,:root[data-theme=gta6] .participants li{background:linear-gradient(145deg,#322844,#1a1624 52%,#282236);border-color:#ffffff0f;box-shadow:-4px -4px 12px #ffffff0a,8px 10px 26px #00000075,inset 0 1px #ffffff0f}:root[data-theme=gta6] .participants li.participant-speaking{border-color:var(--accent);box-shadow:0 0 28px var(--accent-glow),-4px -4px 12px #ffffff0a,8px 10px 26px #00000075,inset 0 1px #ffffff0f}:root[data-theme=gta6] .room-chat-messages,:root[data-theme=gta6] .participants-empty{background:linear-gradient(180deg,#ffffff0a,#00000029),var(--surface);border-color:#ffffff0d;box-shadow:inset 3px 3px 10px #00000059,inset -2px -2px 8px #ffffff08}:root[data-theme=ocean] .room-chat-messages,:root[data-theme=arctic] .room-chat-messages,:root[data-theme=ocean] .participants-empty,:root[data-theme=arctic] .participants-empty{background:linear-gradient(180deg,#ffffff0a,#0000001f),var(--surface);border-color:#ffffff0d;box-shadow:inset 3px 3px 10px #00000059,inset -2px -2px 8px #ffffff08}:root[data-theme=ocean] .room-chat-msg,:root[data-theme=arctic] .room-chat-msg{background:linear-gradient(145deg,#252830,#1c1f26);border-color:#ffffff0d;box-shadow:inset 2px 2px 6px #00000047,inset -1px -1px 4px #ffffff08}:root[data-theme=ocean] .room-chat-msg--self .room-chat-msg-banner,:root[data-theme=arctic] .room-chat-msg--self .room-chat-msg-banner{background:linear-gradient(90deg,#5b8def29,#5b8def0a)}:root[data-theme=ocean] .room-chat-msg-banner,:root[data-theme=arctic] .room-chat-msg-banner{background:linear-gradient(180deg,#ffffff0d,#00000014);border-bottom-color:#ffffff0d}:root[data-theme=ocean] .room-chat-reply-preview,:root[data-theme=arctic] .room-chat-reply-preview,:root[data-theme=ocean] .room-chat-reply-draft,:root[data-theme=arctic] .room-chat-reply-draft{background:linear-gradient(180deg,#ffffff0a,#0000001a);border-color:#ffffff0d;box-shadow:inset 2px 2px 6px #00000040}:root[data-theme=ocean] .room-channel-members,:root[data-theme=arctic] .room-channel-members{background:#0000002e;border-top-color:#ffffff0d}:root[data-theme=ocean] .room-channel-option--expanded,:root[data-theme=arctic] .room-channel-option--expanded,:root[data-theme=ocean] .room-channel-option--welcome.room-channel-option--expanded,:root[data-theme=arctic] .room-channel-option--welcome.room-channel-option--expanded{background:#ffffff08;border-color:#ffffff0f}:root[data-theme=ocean] .room-channel-member-row:hover,:root[data-theme=arctic] .room-channel-member-row:hover{background:#5b8def1a}@media (max-width: 480px){.room-main{min-height:180px}.room-right{min-height:200px}.room-right-chat{min-height:160px}.room-layout{min-height:360px}}.room-page{position:relative;isolation:isolate;overflow-x:hidden;padding:max(.85rem,env(safe-area-inset-top,0px)) max(.85rem,env(safe-area-inset-right,0px)) max(.45rem,env(safe-area-inset-bottom,0px)) max(.85rem,env(safe-area-inset-left,0px));background:linear-gradient(135deg,var(--bg) 0%,var(--surface-soft) 44%,var(--bg) 100%),var(--bg)}.room-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.28;background-image:linear-gradient(var(--border-soft) 1px,transparent 1px),linear-gradient(90deg,var(--border-soft) 1px,transparent 1px);background-size:58px 58px;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 16%,#000 78%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 16%,#000 78%,transparent 100%)}.room-layout{gap:clamp(.75rem,1.5vw,1.25rem);overflow:visible}.room-main{width:clamp(310px,30vw,390px);gap:.85rem;overflow:hidden;z-index:4}.room-header,.room-user-container,.room-right,.participants li{border:1px solid var(--border-soft);border-top:1px solid var(--border-strong);border-radius:var(--radius);background:linear-gradient(180deg,var(--surface-strong),var(--surface)),var(--surface);box-shadow:var(--shadow-panel),0 0 0 1px var(--accent-soft)}.room-header{padding:.85rem;overflow:visible}.room-header-container{min-height:2.75rem;padding:0;overflow:visible;border:0;background:transparent;box-shadow:none;justify-content:center}.room-header:before,.room-user-container:before,.room-right:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,transparent,var(--accent),var(--success),transparent);opacity:.78;pointer-events:none}.room-header,.room-header-container,.room-user-container,.room-right{position:relative;z-index:1}.room-header{z-index:90}.room-header:has(.room-channel-expand),.room-header:has(.room-online-expand){z-index:520}.room-user-container,.room-right{overflow:hidden}.room-header-main{display:flex;align-items:center;justify-content:center;gap:.72rem;min-width:0;flex:1;width:100%}.room-header h1.styled-name--color-default,.room-user-name.styled-name--color-default,.room-channel-option-name.styled-name--color-default,.room-chat-name.styled-name--color-default,.participant-name-row .name.styled-name--color-default{--styled-name-gradient: linear-gradient(90deg, var(--accent), var(--success))}.room-pills{display:flex;align-items:center;justify-content:center;gap:.65rem;margin-top:.55rem;padding-top:0;border-top:0;overflow:visible;z-index:30}.room-pill{width:auto;min-height:0;padding:0;border:0;background:transparent;color:var(--muted)}.room-pill--duration{gap:.28rem;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.01em}.room-pill--ok{color:var(--success)}.room-pill--rooms{width:auto;min-width:2rem;height:2rem;padding:0 .5rem;border:1px solid var(--border-soft);border-radius:999px;background:var(--surface-soft);color:var(--muted)}.room-channel-switcher{display:inline-flex;width:auto;flex-shrink:0}.room-pill--button{font-family:inherit;cursor:pointer;flex-shrink:0}.room-pill--rooms:hover,.room-pill--rooms:focus-visible,.room-pill--rooms.active,.room-pill--online:hover,.room-pill--online:focus-visible,.room-pill--online.active{outline:none;border-color:var(--accent);color:var(--text);background:var(--accent-soft);box-shadow:0 0 18px var(--accent-glow)}.room-pill--online{width:auto;min-width:2rem;height:2rem;padding:0 .5rem;gap:.32rem;border:1px solid var(--border-soft);border-radius:999px;background:var(--surface-soft);color:var(--text)}.room-pill-online-count{font-weight:800;font-size:.78rem;font-variant-numeric:tabular-nums;line-height:1}.room-pill-online-dot{width:.42rem;height:.42rem;border-radius:50%;background:#3ddc84;box-shadow:0 0 8px #3ddc848c;flex-shrink:0}.room-pill--button:disabled{opacity:.7;cursor:wait}.room-pill--leave{width:2rem;height:2rem;padding:0;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--danger)}.room-pill--leave:hover:not(:disabled),.room-pill--leave:focus-visible{border-color:var(--danger);background:var(--danger-soft);color:var(--danger);box-shadow:0 0 16px var(--danger-soft)}.room-online-expand{position:relative;z-index:2;width:100%;min-width:0;max-height:min(58vh,26rem);box-sizing:border-box;margin-top:.45rem;padding:.35rem 0 0;border:0;overflow:hidden}.room-online-expand .join-online-users-list{max-height:min(40vh,18rem)}.room-channel-expand{position:relative;z-index:2;display:flex;flex-direction:column;width:100%;min-width:0;max-height:min(58vh,26rem);box-sizing:border-box;margin-top:.45rem;padding:.35rem 0 0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden}.room-channel-list{display:grid;gap:.24rem;min-width:0;min-height:0;flex:1 1 auto;overflow-x:hidden;overflow-y:auto;padding-top:.28rem;border-top:1px solid var(--border-soft);scrollbar-gutter:stable}.room-channel-option{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:.16rem;min-height:0;box-sizing:border-box;width:100%;max-width:100%;padding:.2rem .42rem;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--text);font-family:inherit;text-align:left;overflow:hidden}.room-channel-option--expanded{border-color:var(--border-soft);background:#08090e61}.room-channel-option-top{display:flex;align-items:center;justify-content:flex-start;gap:.28rem;width:100%;max-width:100%;min-width:0;min-height:1.55rem;flex-shrink:0;box-sizing:border-box;overflow:hidden}.room-channel-option-toggle{display:flex;align-items:center;justify-content:flex-start;gap:.42rem;flex:1 1 0;min-width:0;width:100%;min-height:1.55rem;padding:0;border:0;border-radius:calc(var(--radius) - 2px);background:transparent;color:inherit;font:inherit;text-align:left;cursor:default;overflow:hidden}.room-channel-option-toggle--interactive{cursor:pointer}.room-channel-option-toggle--interactive:hover:not(:disabled),.room-channel-option-toggle--interactive:focus-visible:not(:disabled),.room-channel-option-toggle.active{outline:none}.room-channel-option-toggle--interactive:hover:not(:disabled) .room-channel-option-count,.room-channel-option-toggle--interactive:focus-visible:not(:disabled) .room-channel-option-count,.room-channel-option-toggle.active .room-channel-option-count{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.room-channel-option-toggle--interactive:hover:not(:disabled) .room-channel-option-count--welcome,.room-channel-option-toggle--interactive:focus-visible:not(:disabled) .room-channel-option-count--welcome,.room-channel-option-toggle.active .room-channel-option-count--welcome{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.room-channel-option-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.room-channel-option-toggle:disabled{opacity:.72;cursor:default}.room-channel-option-go{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:1.55rem;height:1.55rem;padding:0;border:1px solid var(--border-soft);border-radius:999px;background:var(--surface-soft);color:var(--accent);cursor:pointer}.room-channel-option-go .material-icons{font-size:.92rem}.room-channel-option-go:hover:not(:disabled),.room-channel-option-go:focus-visible{outline:none;border-color:var(--accent);background:var(--accent-soft);color:var(--text);box-shadow:0 0 16px var(--accent-glow)}.room-channel-option-go:disabled{opacity:.6;cursor:wait}.room-channel-option:hover,.room-channel-option:focus-within,.room-channel-option.active{outline:none;border-color:var(--border-strong);background:var(--accent-soft)}.room-channel-option-name-wrap{flex:1 1 0;min-width:0;overflow:hidden}.room-channel-option-name{margin:0;display:block;width:100%;font-size:.92rem;font-weight:850;color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1.2;text-align:left}.room-channel-option-count{display:inline-flex;align-items:center;justify-content:center;gap:.18rem;min-width:2rem;min-height:1.42rem;padding:0 .36rem;border:1px solid var(--border-soft);border-radius:999px;background:var(--success-soft);color:var(--success);font:inherit;font-weight:900;font-size:.74rem;line-height:1;flex:0 0 auto;align-self:center}.room-channel-option-count--welcome{background:#7aa2f71f;color:var(--accent);border-color:#7aa2f747}.room-channel-option-count:disabled{cursor:default;opacity:.58}.room-channel-option--welcome{flex-shrink:0;margin-bottom:0;padding-bottom:.24rem}.room-channel-option--welcome:hover,.room-channel-option--welcome:focus-within{border-color:transparent;background:transparent}.room-channel-option--welcome.room-channel-option--expanded{border-color:var(--border-soft);background:#08090e61}.room-channel-option-label--static{display:flex;align-items:center;flex:1 1 0;min-width:0}.room-channel-option-name-wrap--welcome,.room-channel-option-name-wrap--labeled{display:inline-flex;align-items:center;gap:.34rem;min-width:0;flex:1 1 0}.room-channel-welcome-icon,.room-channel-label-icon{font-size:.92rem;flex-shrink:0;opacity:.88}.room-channel-welcome-icon{color:var(--accent)}.room-channel-label-icon--locked{width:1.15rem;height:1.15rem;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;border-radius:.32rem;color:var(--accent);background:var(--accent-soft);opacity:1}.room-channel-option-name-wrap--labeled .room-channel-option-name{width:auto;flex:1 1 0;min-width:0}.room-channel-option-name--welcome{color:var(--muted);font-size:.86rem;font-weight:700;width:auto}.room-channel-members{display:flex;flex-direction:column;gap:.04rem;width:100%;min-width:0;max-height:min(6.75rem,22vh);margin:.06rem 0 0;padding:.24rem .32rem .28rem;border:none;border-top:1px solid rgba(86,95,137,.24);border-radius:0 0 calc(var(--radius) - 2px) calc(var(--radius) - 2px);background:#08090e9e;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;list-style:none;scrollbar-gutter:stable;animation:room-channel-members-in .15s ease-out}@keyframes room-channel-members-in{0%{opacity:0}to{opacity:1}}.room-channel-member-row{display:flex;align-items:center;gap:.38rem;width:100%;min-width:0;min-height:1.42rem;padding:.14rem .18rem;border:none;border-radius:5px;background:transparent;color:var(--text);box-sizing:border-box;font-size:.76rem;font-weight:650}.room-channel-member-row:hover{background:#7aa2f714}.room-channel-member-row--unset-name .room-channel-member-name{opacity:.72}.room-channel-members .room-chat-msg-avatar{width:1.38rem;height:1.38rem;min-width:1.38rem;border-radius:5px;overflow:hidden;background:#0f101761;flex-shrink:0}.room-channel-members .room-chat-msg-avatar--has-photo{background:transparent}.room-channel-members .room-chat-avatar-img{width:100%;height:100%;object-fit:cover;object-position:center;display:flex;align-items:center;justify-content:center;border-radius:5px}.room-channel-members .room-chat-avatar-img.participant-avatar-img-tall-fit{object-fit:contain}.room-channel-members .room-chat-avatar-img.participant-avatar-fallback{color:var(--muted)}.room-channel-members .room-chat-avatar-img .participant-avatar-brand-mark{width:62%;height:62%}.room-channel-member-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;font-weight:650;line-height:1.1}.room-pill--warn{color:var(--accent);border-color:var(--border-strong);background:var(--accent-soft)}.room-pill--error{color:var(--danger);border-color:var(--danger);background:var(--danger-soft)}.room-user-container{gap:.85rem;padding:.85rem;overflow:visible;z-index:20}.room-user-container:has(.shortcut-settings),.room-user-container:has(.room-profile-settings){z-index:260}.room-user-name-row{min-height:2.5rem;padding-bottom:.05rem}.room-user-name-btn:focus-visible{outline-color:var(--accent)}.room-user-name-btn--open{background:transparent}.room-user-name-btn:hover:not(.room-user-name-btn--open){background:transparent}.room-user-controls{padding:0;border:0;border-radius:0;background:transparent}.room-settings-btn,.control-btn,.participant-icon-btn,.room-chat-send{border:1px solid var(--border-soft);background:var(--surface-soft);color:var(--accent)}.room-settings-btn{width:2.35rem;height:2.35rem}.room-settings-btn:hover,.room-settings-btn.active,.control-btn:hover,.participant-icon-btn:hover,.room-chat-send:hover:not(:disabled){border-color:var(--border-strong);background:var(--accent-soft);color:var(--text)}.control-btn{width:2.85rem;height:2.85rem;min-width:2.85rem;min-height:2.85rem;border-radius:50%;box-shadow:inset 0 1px #ffffff0a}.control-btn.muted,.participant-icon-btn.muted{color:var(--danger);border-color:var(--danger);background:var(--danger-soft)}.control-btn.active,.participant-icon-btn.active{color:var(--accent);border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 26px var(--accent-glow)}.control-btn--share.active,.control-btn--flip-cam.active,.participant-stream-btn.stream-viewing{color:var(--success);border-color:var(--success);background:var(--success-soft);box-shadow:0 0 24px var(--success-soft)}.activity-bar-wrap{height:.62rem;border-color:var(--border-soft);background:linear-gradient(180deg,rgba(255,255,255,.055),transparent),var(--bg)}.room-user-container>.activity-bar-wrap{height:.72rem;margin-top:-.08rem}.participants .activity-bar-wrap{height:.5rem}.activity-bar{background:linear-gradient(90deg,var(--accent),var(--success) 68%,#eafff8);box-shadow:0 0 18px var(--accent-glow),0 0 20px var(--success-soft)}.activity-bar--muted{background:linear-gradient(90deg,var(--danger),rgba(247,118,142,.64));box-shadow:0 0 16px var(--danger-soft)}.shortcut-settings{max-height:min(58vh,520px);overflow-y:auto;padding:.05rem 0 0;border:0;background:transparent;box-shadow:none}.room-profile-settings{max-height:none;overflow:visible;padding:.05rem 0 0;border:0;background:transparent;box-shadow:none}.room-profile-settings .room-profile-popup-input{border-color:var(--border-soft);background:var(--bg)}.room-profile-settings .room-profile-popup-input:hover{border-color:var(--border-strong);background:var(--accent-soft)}.room-profile-settings .room-profile-popup-input:focus{border-color:var(--accent);background:var(--accent-soft)}.room-profile-settings-divider{border-top-color:var(--border-soft)}.room-profile-settings .name-style-font-dropdown-trigger{border-color:var(--border-soft);background:var(--bg)}.room-profile-settings .name-style-font-dropdown-trigger:hover{border-color:var(--border-strong);background:var(--accent-soft)}.room-profile-settings .name-style-font-dropdown-trigger.open{border-color:var(--accent);background:var(--accent-soft)}.shortcut-row{min-height:2.25rem;border:0;background:transparent}.shortcut-theme-trigger,.shortcut-hotkey-btn{border-color:var(--border-soft);background:var(--bg);color:var(--text)}.shortcut-theme-trigger:hover,.shortcut-hotkey-btn:hover{border-color:var(--border-strong);background:var(--accent-soft)}.shortcut-theme-panel{border-color:var(--border-soft);background:var(--surface);box-shadow:var(--shadow-lift);max-height:min(44vh,19rem);overflow-y:auto;z-index:40}.shortcut-theme-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none}.shortcut-settings:has(.shortcut-theme-trigger.open){overflow-y:auto}.shortcut-row--theme{z-index:30}.shortcut-theme-trigger-swatch--neon,.shortcut-theme-swatch--neon{background:linear-gradient(135deg,#56d6ff,#6ee7b7 45%,#111827)}.shortcut-theme-trigger-swatch--tokyo,.shortcut-theme-swatch--tokyo{background:linear-gradient(135deg,#7aa2f7,#24283b)}.shortcut-theme-trigger-swatch--nord,.shortcut-theme-swatch--nord{background:linear-gradient(135deg,#88c0d0,#2a3340)}.shortcut-theme-trigger-swatch--emerald,.shortcut-theme-swatch--emerald{background:linear-gradient(135deg,#57d3a8,#1f2f2b)}.shortcut-theme-trigger-swatch--sunset,.shortcut-theme-swatch--sunset{background:linear-gradient(135deg,#ff9f6e,#322224)}.shortcut-theme-trigger-swatch--midnight,.shortcut-theme-swatch--midnight{background:linear-gradient(135deg,#8aa7ff,#12141a)}.shortcut-theme-trigger-swatch--lavender,.shortcut-theme-swatch--lavender{background:linear-gradient(135deg,#b9a7ff,#29263a)}.shortcut-theme-trigger-swatch--ocean,.shortcut-theme-swatch--ocean{background:linear-gradient(135deg,#f5b237,#48c4a8 48%,#0b0e11)}.shortcut-theme-trigger-swatch--forest,.shortcut-theme-swatch--forest{background:linear-gradient(135deg,#6fd48c,#1b3025)}.shortcut-theme-trigger-swatch--rose,.shortcut-theme-swatch--rose{background:linear-gradient(135deg,#ff8ab8,#32202b)}.shortcut-theme-trigger-swatch--daylight,.shortcut-theme-swatch--daylight{background:linear-gradient(135deg,#4f7ee8,#f6f8ff)}.shortcut-theme-trigger-swatch--amber,.shortcut-theme-swatch--amber{background:linear-gradient(135deg,#f0a84a,#2d2418)}.shortcut-theme-trigger-swatch--crimson,.shortcut-theme-swatch--crimson{background:linear-gradient(135deg,#c94b6a,#26161c)}.shortcut-theme-trigger-swatch--monochrome,.shortcut-theme-swatch--monochrome{background:linear-gradient(135deg,#a3a3a3,#1a1a1a)}.shortcut-theme-trigger-swatch--terracotta,.shortcut-theme-swatch--terracotta{background:linear-gradient(135deg,#d4845c,#2a201b)}.shortcut-theme-trigger-swatch--arctic,.shortcut-theme-swatch--arctic{background:linear-gradient(135deg,#f5b237,#48c4a8 48%,#0b0e11)}.shortcut-theme-trigger-swatch--gta6,.shortcut-theme-swatch--gta6{background:linear-gradient(135deg,#ff4fa3,#ffb45a 46%,#2ee6c8)}.participants h2{color:var(--text)}.participants-empty{min-height:4.05rem;border:1px solid var(--border-soft);background:linear-gradient(135deg,var(--surface-soft),transparent 58%),var(--bg);box-shadow:inset 0 1px #ffffff08}.participants li{margin-bottom:.65rem;padding:.85rem;background:var(--surface-soft);box-shadow:none}.participants li.participant-speaking{border-color:var(--accent);box-shadow:0 0 28px var(--accent-glow)}.participant-name-row .name{font-weight:400;color:var(--text)}.room-right{padding:clamp(.55rem,1.2vw,.75rem) clamp(.8rem,2vw,1rem) clamp(.8rem,2vw,1rem)}.room-panel-switch{border:none;background:color-mix(in srgb,var(--text) 8%,transparent)}.room-panel-switch-btn:hover:not(:disabled):not(.room-panel-switch-btn--active){color:var(--text);background:color-mix(in srgb,var(--text) 6%,transparent)}.room-panel-switch-btn--active{color:var(--accent);background:color-mix(in srgb,var(--surface) 78%,var(--text) 22%);box-shadow:0 1px 2px #00000038}.room-stream-layout-switch{border-color:var(--border-soft);background:var(--bg)}.room-panel-switch-btn--live:not(.room-panel-switch-btn--active) .icon-screen{color:var(--success)}.room-panel-switch-live-dot{border-color:var(--surface);box-shadow:0 0 8px var(--success-soft)}.room-chat-messages{border:1px solid var(--border-soft);background:var(--bg);padding:clamp(.75rem,1.7vw,1rem)}.room-chat-empty{display:flex;align-items:center;justify-content:center;margin:0;color:var(--muted);text-align:center;font-size:.9rem}.room-chat-empty .material-icons{font-size:2rem;line-height:1;opacity:.8}.room-chat-msg{border-color:var(--border-soft);background:var(--surface-soft);border-radius:var(--radius)}.room-chat-msg-banner{border-bottom-color:var(--border-soft);background:linear-gradient(180deg,var(--surface-soft),transparent)}.room-chat-msg--self .room-chat-msg-banner{background:linear-gradient(90deg,var(--accent-soft),transparent)}.room-chat-msg-avatar{background:var(--bg)}.room-chat-msg-avatar--has-photo{background:transparent}.room-chat-msg:hover{border-color:var(--border-strong);box-shadow:none}.room-chat-input{--chat-input-row-height: 3rem;height:var(--chat-input-row-height);min-height:var(--chat-input-row-height);border:1px solid var(--border-soft);background:var(--bg)}.room-chat-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.room-chat-send{width:3rem;height:3rem;min-width:3rem;min-height:3rem}.room-chat-send:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.room-streams-grid{grid-auto-rows:minmax(0,1fr)}.room-streams-tile{border:1px solid var(--border-soft);background:var(--bg)}.room-streams-tile-label{color:var(--text)}.notification-bar{border:1px solid var(--border-soft);border-top:1px solid currentColor;background:var(--surface);box-shadow:var(--shadow-lift)}.notification-bar--error{background:var(--danger-soft)}.notification-bar--info{background:var(--accent-soft)}.notification-bar--warn{background:var(--accent-soft);border-top-color:var(--accent)}.notification-bar-actions button{min-height:2.35rem;border-radius:999px;font-weight:700}.notification-bar-actions button:not(.secondary){color:var(--bg);background:var(--danger)}.notification-bar-actions button.secondary{border-color:var(--border-soft);background:var(--surface-soft)}.room-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:1rem;background:#00000094;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.room-modal{position:relative;width:min(100%,380px);padding:1.2rem;border:1px solid var(--border-soft);border-top:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);box-shadow:var(--shadow-panel)}.room-modal h2{margin:.35rem 0;font-size:1.1rem}.room-modal p{margin:0 0 1rem;color:var(--muted);line-height:1.45}.room-modal strong{color:var(--text)}.room-modal-close{position:absolute;top:.7rem;right:.7rem;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:1px solid var(--border-soft);border-radius:50%;background:var(--surface-soft);color:var(--muted);cursor:pointer}.room-modal-close:hover{color:var(--danger);border-color:var(--danger);background:var(--danger-soft)}.room-modal-icon{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--accent-soft);color:var(--accent);box-shadow:0 0 24px var(--accent-glow)}.room-modal-icon--warn{background:var(--danger-soft);color:var(--danger);box-shadow:0 0 24px var(--danger-soft)}.room-modal-input{width:100%;min-height:3rem;margin-bottom:.75rem;padding:0 .85rem;border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--bg);color:var(--text);font-family:inherit;outline:none}.room-modal-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.room-modal-error{margin-top:-.25rem!important;color:var(--danger)!important}.room-modal-actions{display:flex;gap:.55rem;justify-content:flex-end;flex-wrap:wrap}.room-modal-btn,.room-modal-primary,.room-modal-secondary,.room-modal-danger{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:2.6rem;padding:.55rem 1rem;border-radius:999px;font-weight:800;font-family:inherit;font-size:.88rem;line-height:1.2;cursor:pointer;border:1px solid transparent;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .12s ease}.room-modal-btn .material-icons,.room-modal-primary .material-icons,.room-modal-secondary .material-icons,.room-modal-danger .material-icons{font-size:1.05rem}.room-modal-btn:disabled,.room-modal-primary:disabled,.room-modal-secondary:disabled,.room-modal-danger:disabled{opacity:.45;cursor:not-allowed}.room-modal-btn:not(:disabled):active,.room-modal-primary:not(:disabled):active,.room-modal-secondary:not(:disabled):active,.room-modal-danger:not(:disabled):active{transform:scale(.98)}.room-modal-actions--security{align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:.65rem}.room-modal-actions-group{display:flex;gap:.55rem;justify-content:flex-end;flex-wrap:wrap;flex:1;min-width:0}.room-modal-secondary{border:1px solid var(--border-soft);background:var(--surface-soft);color:var(--text)}.room-modal-secondary:hover:not(:disabled),.room-modal-secondary:focus-visible:not(:disabled){border-color:var(--border-strong);background:var(--surface)}.room-modal-primary{border:1px solid var(--accent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 88%,white 12%) 0%,var(--accent) 100%);color:var(--bg);box-shadow:0 2px 12px var(--accent-glow)}.room-modal-primary:hover:not(:disabled),.room-modal-primary:focus-visible:not(:disabled){border-color:color-mix(in srgb,var(--accent) 75%,white 25%);box-shadow:0 4px 18px var(--accent-glow)}.room-modal-danger{border:1px solid color-mix(in srgb,var(--danger) 42%,transparent);background:var(--danger-soft);color:var(--danger)}.room-modal-danger:hover:not(:disabled),.room-modal-danger:focus-visible:not(:disabled){border-color:var(--danger);background:color-mix(in srgb,var(--danger) 20%,var(--surface-soft));color:var(--text)}.room-modal-primary--danger{border-color:var(--danger);background:linear-gradient(180deg,color-mix(in srgb,var(--danger) 88%,white 12%) 0%,var(--danger) 100%);color:#fff;box-shadow:0 2px 12px var(--danger-soft)}.room-security-modal{background:linear-gradient(180deg,var(--surface-strong),var(--surface)),var(--surface);box-shadow:var(--shadow-panel),0 0 0 1px var(--accent-soft)}.room-manage-actions{display:flex;justify-content:flex-end;gap:.55rem;flex-wrap:wrap;margin-top:.2rem}.room-manage-actions--split{justify-content:space-between}.room-manage-actions--split .room-modal-danger{flex-shrink:0}.room-manage-actions--split .room-modal-primary{flex:1;min-width:0}.room-manage-footer{display:flex;justify-content:flex-end;margin-top:.85rem;padding-top:.85rem;border-top:1px solid var(--border-soft)}.room-last-confirm-modal{position:relative;width:min(100%,340px);border:1px solid var(--border-soft);border-top:1px solid var(--border-strong);border-radius:var(--radius);background:linear-gradient(180deg,var(--surface-strong),var(--surface)),var(--surface);box-shadow:var(--shadow-panel),0 0 0 1px var(--accent-soft);color:var(--text);overflow:hidden;animation:room-last-confirm-in .28s ease-out}.room-last-confirm-modal:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,transparent,var(--accent),var(--success),transparent);opacity:.86}@keyframes room-last-confirm-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.room-last-confirm-sheet{display:flex;flex-direction:column;gap:.85rem;padding:clamp(.85rem,3vw,1.15rem)}.room-last-confirm-topline{display:flex;align-items:center;justify-content:space-between;gap:.65rem}.room-last-confirm-title{margin:0;font-size:1.06rem;line-height:1.2;font-weight:800}.room-last-confirm-close{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;padding:0;border:1px solid var(--border-soft);border-radius:999px;background:var(--surface-soft);color:var(--text);cursor:pointer;flex-shrink:0;transition:border-color .15s ease,background .15s ease,color .15s ease}.room-last-confirm-close:hover,.room-last-confirm-close:focus-visible{border-color:color-mix(in srgb,var(--danger) 45%,var(--border-soft));background:var(--danger-soft);color:var(--danger)}.room-last-confirm-close .material-icons{font-size:1.05rem}.room-last-confirm-channel{padding:.72rem .85rem;border-radius:calc(var(--radius) - 2px);border:1px solid var(--border-soft);background:color-mix(in srgb,var(--accent) 7%,var(--surface));text-align:center}.room-last-confirm-channel-name{display:inline-block;font-size:1.12rem;font-weight:800;line-height:1.25;word-break:break-word}.room-last-confirm-actions{display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap}.room-last-confirm-btn{min-height:2.45rem;padding:.5rem .95rem;border-radius:999px;font-size:.88rem;font-weight:800;font-family:inherit;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .12s ease}.room-last-confirm-btn:active{transform:scale(.98)}.room-last-confirm-btn--secondary{border:1px solid var(--border-soft);background:var(--surface-soft);color:var(--text)}.room-last-confirm-btn--secondary:hover,.room-last-confirm-btn--secondary:focus-visible{border-color:color-mix(in srgb,var(--accent) 35%,var(--border-soft));background:color-mix(in srgb,var(--accent) 10%,var(--surface-soft))}.room-last-confirm-btn--danger{border:1px solid color-mix(in srgb,var(--danger) 70%,transparent);background:var(--danger);color:var(--bg);box-shadow:0 0 0 1px color-mix(in srgb,var(--danger) 24%,transparent)}.room-last-confirm-btn--danger:hover,.room-last-confirm-btn--danger:focus-visible{filter:brightness(1.06);box-shadow:0 0 0 1px color-mix(in srgb,var(--danger) 40%,transparent)}@media (max-width: 900px){.room-main{width:clamp(290px,36vw,340px)}}@media (max-width: 720px) and (hover: hover){.room-page{height:100dvh;min-height:100dvh;box-sizing:border-box;padding-top:calc(.75rem + env(safe-area-inset-top,0px));padding-bottom:calc(.45rem + env(safe-area-inset-bottom,0px));padding-left:calc(.75rem + env(safe-area-inset-left,0px));padding-right:calc(.75rem + env(safe-area-inset-right,0px))}.room-layout{flex-direction:column;gap:.75rem;overflow:hidden;min-height:0}.room-main,.room-right{width:100%;min-height:0;overflow:hidden}.room-main{display:flex;flex-direction:column;flex:1 1 auto}.room-main .participants{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.room-right{min-height:min(48dvh,420px);flex:1 0 min(48dvh,420px)}.room-header,.room-user-container,.room-right{max-width:100%}.shortcut-settings{max-height:min(52dvh,430px)}.room-user-controls{gap:.45rem}.control-btn,.room-chat-send,.participant-icon-btn,.room-panel-switch-btn,.room-settings-btn{min-width:2.75rem;min-height:2.75rem}}@media (max-width: 480px){.room-page{padding-top:calc(.65rem + env(safe-area-inset-top,0px));padding-bottom:calc(.65rem + env(safe-area-inset-bottom,0px));padding-left:calc(.65rem + env(safe-area-inset-left,0px));padding-right:calc(.65rem + env(safe-area-inset-right,0px))}.room-header,.room-user-container,.room-right{padding:.75rem}.room-header-container{padding:0}.room-pills{overflow:visible;display:flex;justify-content:center;gap:.5rem;padding-bottom:0}.room-pill{flex-shrink:0}.room-user-controls{flex-wrap:wrap}.room-user-controls-left,.room-user-controls-right{flex:1 1 auto}.room-user-controls-right{justify-content:flex-end}.room-chat-form{gap:.45rem}.room-chat-input{min-width:0}.shortcut-theme-grid{grid-template-columns:repeat(4,1fr)}.room-channel-expand{width:100%}.room-modal-actions{flex-direction:column-reverse}.room-modal-actions button{width:100%}.room-manage-actions,.room-manage-actions--split{flex-direction:column;align-items:stretch}.room-manage-actions .room-modal-btn,.room-manage-actions .room-modal-primary,.room-manage-actions .room-modal-danger{width:100%}}.room-right--streams-active{overflow:hidden}.room-right--streams-active .room-right-head{position:relative;z-index:12}.room-right--streams-active .room-panel-switch{background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 24px #00000038}.room-right--streams-active .room-right-content{flex:1 1 auto;min-height:0;overflow:hidden}.room-right--streams-active .room-right-streams{flex:1 1 auto;min-height:0}.room-right--streams-active .room-streams-grid{flex:1 1 auto;min-height:0;height:auto;max-height:none;grid-auto-rows:minmax(0,1fr);align-content:stretch;overflow:hidden}.room-streams-grid--single,.room-streams-grid--stack{grid-template-columns:minmax(0,1fr)!important}.room-streams-grid--grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.room-streams-grid--scroll{overflow-y:auto;align-content:start;grid-auto-rows:minmax(130px,auto)!important}.room-streams-grid:not(.room-streams-grid--scroll){grid-auto-rows:minmax(0,1fr)}.room-streams-grid--single .room-streams-tile,.room-streams-grid--stack .room-streams-tile,.room-streams-grid--grid .room-streams-tile{min-height:0;height:100%}.room-streams-grid--single .room-streams-tile video{min-height:0}.room-panel-switch-btn--unread{color:var(--danger);background:var(--danger-soft)}.room-panel-switch-btn--unread.room-panel-switch-btn--active{color:var(--danger);background:var(--danger-soft);box-shadow:0 0 0 1px var(--danger-soft),0 0 20px var(--danger-soft)}.room-panel-switch-badge{border:1.5px solid var(--surface);background:var(--danger);box-shadow:0 0 10px var(--danger-soft)}@keyframes room-chat-unread-pulse{0%,to{box-shadow:0 0 #f7768e52,0 0 22px var(--danger-soft)}50%{box-shadow:0 0 0 8px #f7768e00,0 0 34px var(--danger-soft)}}@media (max-width: 720px) and (hover: hover){.room-layout--streams .room-main{width:100%}.room-layout--streams .room-main .participants{max-height:min(34dvh,320px);overflow-y:auto}.room-layout--streams .room-right{min-height:min(68dvh,580px);flex:1 0 min(68dvh,580px)}}@media (max-width: 480px) and (hover: hover){.room-layout--streams .room-main .participants{max-height:min(28dvh,250px)}.room-layout--streams .room-right{min-height:min(62dvh,520px);flex-basis:min(62dvh,520px)}.room-streams-grid{gap:.65rem}}.room-right-head{gap:.4rem}.room-stream-layout-switch{position:absolute;left:0;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:.1rem;padding:.16rem;border:1px solid rgba(86,95,137,.35);border-radius:999px;background:#0f101766}.room-layout--main-right .room-stream-layout-switch{left:auto;right:0}.room-stream-layout-switch-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.room-stream-layout-switch-btn .material-icons{font-size:1.05rem}.room-stream-layout-switch-btn:hover{color:var(--accent);background:#7aa2f71a}.room-stream-layout-switch-btn--active.room-stream-layout-switch-btn--auto{color:#22c55ee6;background:#22c55e24;box-shadow:0 0 0 1px #22c55e40}.room-stream-layout-switch-btn--active.room-stream-layout-switch-btn--stack{color:var(--success);background:#22c55e2e;box-shadow:0 0 0 1px #22c55e4d}.room-stream-layout-switch-btn--active.room-stream-layout-switch-btn--grid{color:var(--accent);background:#7aa2f733;box-shadow:0 0 0 1px #7aa2f738}.room-stream-layout-switch-btn--auto-effective:not(.room-stream-layout-switch-btn--active){color:var(--muted);background:#7aa2f714;box-shadow:0 0 0 1px #7aa2f72e}.room-stream-layout-switch-btn--auto-effective.room-stream-layout-switch-btn--stack:not(.room-stream-layout-switch-btn--active){color:#22c55ebf;background:#22c55e1a;box-shadow:0 0 0 1px #22c55e38}.room-stream-layout-switch-btn--auto-effective.room-stream-layout-switch-btn--grid:not(.room-stream-layout-switch-btn--active){color:#7aa2f7d9;background:#7aa2f71a;box-shadow:0 0 0 1px #7aa2f738}.room-streams-tile{position:relative;gap:0;cursor:grab;-webkit-user-select:none;user-select:none;transition:border-color .18s ease,box-shadow .18s ease,opacity .18s ease,transform .18s ease}.room-streams-tile video{height:100%;min-height:0}.room-streams-tile-label{position:absolute;left:.7rem;bottom:.7rem;z-index:3;max-width:calc(100% - 5.5rem);padding:.34rem .58rem;border:1px solid var(--border-soft);border-radius:999px;background:color-mix(in srgb,var(--surface) 74%,transparent);color:var(--text);font-size:.78rem;font-weight:900;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 10px 26px #00000047;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none}.room-streams-tile:active{cursor:grabbing}.room-streams-tile--dragging{opacity:.58;transform:scale(.985);border-color:var(--accent);box-shadow:0 0 30px var(--accent-glow)}.room-mobile-nav{flex-shrink:0;display:flex;flex-direction:row;align-items:center;gap:.2rem;width:100%;margin-top:0;padding:.32rem max(.65rem,env(safe-area-inset-left,0px)) calc(.32rem + env(safe-area-inset-bottom,0px)) max(.65rem,env(safe-area-inset-right,0px));border-top:1px solid rgba(122,162,247,.12);background:color-mix(in srgb,var(--surface) 96%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-sizing:border-box}.room-mobile-nav-tablist{flex:1 1 auto;display:grid;grid-template-columns:repeat(var(--room-mobile-nav-tab-cols, 3),minmax(0,1fr));align-items:stretch;gap:.2rem;min-width:0}.room-mobile-nav-label--leave{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.room-mobile-nav-btn{position:relative;width:100%;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;min-width:0;min-height:2.85rem;padding:.32rem .15rem;border:none;border-radius:calc(var(--radius) - 2px);background:transparent;color:var(--muted);cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.room-mobile-nav-btn .material-icons{font-size:1.2rem}.room-mobile-nav-label{font-size:.62rem;font-weight:600;line-height:1}.room-mobile-nav-label--channel{display:block;width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:clamp(.48rem,2.4vw,.6rem);font-weight:700;line-height:1.05}.room-mobile-nav-btn:has(.room-mobile-nav-label--channel){padding-left:.1rem;padding-right:.1rem}.room-mobile-nav-btn--active{color:var(--accent);background:#7aa2f724;box-shadow:0 0 0 1px #7aa2f72e}.room-mobile-nav-btn--unread{color:var(--danger)}.room-mobile-nav-badge{position:absolute;top:.2rem;right:calc(50% - 1.35rem);min-width:1rem;height:1rem;padding:0 .22rem;border-radius:999px;background:var(--danger);color:#fff;font-size:.58rem;font-weight:700;line-height:1rem;text-align:center;box-shadow:0 0 10px var(--danger-soft)}.room-mobile-nav-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.room-mobile-nav-live-dot{position:absolute;top:-.05rem;right:-.12rem;width:.45rem;height:.45rem;border-radius:999px;background:var(--success);box-shadow:0 0 8px #22c55e8c}.room-mobile-nav-btn--live:not(.room-mobile-nav-btn--active){color:#22c55ed9}.room-mobile-nav-btn:disabled{opacity:.45;cursor:not-allowed}.room-mobile-nav-btn.room-mobile-nav-btn--leave{flex:0 0 auto;width:var(--room-mobile-nav-leave-size, 2.85rem);height:var(--room-mobile-nav-leave-size, 2.85rem);min-width:var(--room-mobile-nav-leave-size, 2.85rem);min-height:var(--room-mobile-nav-leave-size, 2.85rem);max-width:var(--room-mobile-nav-leave-size, 2.85rem);max-height:var(--room-mobile-nav-leave-size, 2.85rem);aspect-ratio:1 / 1;padding:0;gap:0;border:1px solid var(--danger);border-radius:calc(var(--radius) - 2px);color:var(--danger);background:var(--danger-soft);box-shadow:none}.room-mobile-nav-btn.room-mobile-nav-btn--leave .material-icons{color:inherit}.room-mobile-nav-btn.room-mobile-nav-btn--leave:hover:not(:disabled),.room-mobile-nav-btn.room-mobile-nav-btn--leave:focus-visible:not(:disabled){border-color:var(--danger);background:var(--danger);color:var(--bg);box-shadow:0 0 24px var(--danger-soft)}.room-mobile-nav-btn.room-mobile-nav-btn--leave:disabled{opacity:.7}.room-page--mobile-tabs{--room-mobile-side-inset-left: max(.65rem, env(safe-area-inset-left, 0px));--room-mobile-side-inset-right: max(.65rem, env(safe-area-inset-right, 0px));--room-mobile-panel-gap: .45rem;--room-mobile-nav-pad-y: .38rem;--room-mobile-nav-btn-height: 2.85rem;--room-mobile-nav-safe-bottom: env(safe-area-inset-bottom, 0px);--room-mobile-nav-leave-size: var(--room-mobile-nav-btn-height);display:flex;flex-direction:column;position:relative;width:100%;height:var(--app-height, 100dvh);min-height:var(--app-height, 100dvh);max-height:var(--app-height, 100dvh);margin:0;padding-top:max(.35rem,env(safe-area-inset-top,0px));padding-bottom:0;padding-left:var(--room-mobile-side-inset-left);padding-right:var(--room-mobile-side-inset-right);box-sizing:border-box;overflow:hidden}@supports (-webkit-touch-callout: none){@media (display-mode: standalone),(display-mode: fullscreen){.room-page--mobile-tabs>.room-mobile-nav{--room-mobile-nav-safe-bottom: max(env(safe-area-inset-bottom, 0px), 34px)}}}.room-page--mobile-tabs .room-page-content{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:0;padding-bottom:0;box-sizing:border-box}.room-page--mobile-tabs>.room-mobile-nav{flex:0 0 auto;position:relative;left:auto;right:auto;bottom:auto;width:calc(100% + var(--room-mobile-side-inset-left) + var(--room-mobile-side-inset-right));max-width:none;margin-left:calc(-1 * var(--room-mobile-side-inset-left));margin-right:calc(-1 * var(--room-mobile-side-inset-right));margin-top:0;z-index:120;padding-top:var(--room-mobile-nav-pad-y);padding-left:var(--room-mobile-side-inset-left);padding-right:var(--room-mobile-side-inset-right);padding-bottom:calc(var(--room-mobile-nav-pad-y) + var(--room-mobile-nav-safe-bottom));background:color-mix(in srgb,var(--surface) 98%,var(--bg))}.room-page--mobile-tabs .room-footer{display:none}.room-layout--mobile-tabs{flex:1;flex-direction:column;gap:.55rem;min-height:0;overflow:hidden}.room-layout--mobile-tabs.room-layout--main-right .room-main,.room-layout--mobile-tabs.room-layout--main-right .room-right{order:0}.room-layout--mobile-tabs .room-main,.room-layout--mobile-tabs .room-right{width:100%;min-height:0;max-height:none;overflow:hidden}.room-layout--mobile-tabs .room-main{display:flex;flex-direction:column}.room-layout--tab-voice .room-main{flex:1 1 auto;min-height:0;overflow:hidden}.room-layout--tab-voice .room-right,.room-layout--tab-chat .room-main,.room-layout--tab-streams .room-main{display:none}.room-layout--tab-chat .room-right,.room-layout--tab-streams .room-right{display:flex;flex:1 1 auto;min-height:0}.room-layout--mobile-tabs .room-watermark-logo{display:none}.room-layout--mobile-tabs .room-main .room-header{order:0;flex-shrink:0}.room-layout--mobile-tabs .room-main .participants{order:1;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.room-layout--mobile-tabs .room-main .participants ul{flex:0 0 auto}.room-layout--mobile-tabs .room-main .participants ul:empty{display:none}.room-layout--mobile-tabs .room-main .room-user-container{order:2;flex-shrink:0}.room-layout--mobile-tabs .room-header{padding:.75rem}.room-layout--mobile-tabs .participants-empty{margin-bottom:0}.room-layout--mobile-tabs.room-layout--tab-voice .room-user-container,.room-layout--mobile-tabs.room-layout--tab-chat .room-right,.room-layout--mobile-tabs.room-layout--tab-streams .room-right{margin-bottom:var(--room-mobile-panel-gap)}.room-layout--mobile-tabs .room-right-head .room-panel-switch{display:none}.room-layout--mobile-tabs.room-layout--tab-chat .room-right-head{display:none;min-height:0;margin-bottom:0}.room-layout--mobile-tabs.room-layout--tab-chat .room-right,.room-layout--mobile-tabs.room-layout--tab-streams .room-right{padding:.35rem .75rem .75rem}.room-layout--mobile-tabs.room-layout--tab-streams .room-right-head:not(:has(.room-stream-layout-switch)){display:none;min-height:0;margin-bottom:0}.room-layout--mobile-tabs .room-stream-layout-switch{position:static;transform:none;margin-right:auto}.room-layout--mobile-tabs .room-right-head{justify-content:flex-end}.room-layout--mobile-tabs .control-btn,.room-layout--mobile-tabs .room-chat-send,.room-layout--mobile-tabs .participant-icon-btn,.room-layout--mobile-tabs .room-settings-btn{min-width:2.75rem;min-height:2.75rem}.room-layout--tab-streams.room-layout--streams .room-main .participants,.room-layout--tab-streams .room-main .participants{max-height:none}.room-layout--tab-streams.room-layout--streams .room-right,.room-layout--tab-streams .room-right{min-height:0;flex:1 1 auto}@media (orientation: landscape) and (max-height: 520px){.room-page--mobile-tabs{--room-mobile-side-inset-left: max(.5rem, env(safe-area-inset-left, 0px));--room-mobile-side-inset-right: max(.5rem, env(safe-area-inset-right, 0px));--room-mobile-nav-pad-y: .28rem;--room-mobile-nav-btn-height: 2.5rem;--room-mobile-nav-leave-size: var(--room-mobile-nav-btn-height);padding-top:max(.35rem,env(safe-area-inset-top,0px))}.room-layout--mobile-tabs{gap:.4rem}.room-layout--mobile-tabs .room-header{padding:.55rem .65rem}.room-layout--mobile-tabs .room-user-container{padding:.65rem;gap:.5rem}.room-page--mobile-tabs>.room-mobile-nav{--room-mobile-side-inset-left: max(.5rem, env(safe-area-inset-left, 0px));--room-mobile-side-inset-right: max(.5rem, env(safe-area-inset-right, 0px));padding-top:var(--room-mobile-nav-pad-y);padding-left:var(--room-mobile-side-inset-left);padding-right:var(--room-mobile-side-inset-right);padding-bottom:calc(var(--room-mobile-nav-pad-y) + var(--room-mobile-nav-safe-bottom))}.room-mobile-nav-btn{min-height:var(--room-mobile-nav-btn-height);padding:.2rem .15rem}.room-mobile-nav-btn.room-mobile-nav-btn--leave{padding:0}.room-mobile-nav-label{font-size:.58rem}.room-layout--mobile-tabs.room-layout--tab-chat .room-right,.room-layout--mobile-tabs.room-layout--tab-streams .room-right{padding:.3rem .6rem .65rem}.room-layout--mobile-tabs.room-layout--tab-chat .room-right-chat{gap:.45rem}.room-layout--mobile-tabs.room-layout--tab-chat .room-chat-messages{padding:.65rem}}:root{--bg: #090d16;--surface: #111827;--text: #eef6ff;--muted: #8190aa;--accent: #56d6ff;--success: #6ee7b7;--danger: #fb7185;--radius: 8px}:root[data-theme=neon]{--bg: #090d16;--surface: #111827;--text: #eef6ff;--muted: #8190aa;--accent: #56d6ff;--success: #6ee7b7;--danger: #fb7185}:root[data-theme=tokyo]{--bg: #1a1b26;--surface: #24283b;--text: #c0caf5;--muted: #565f89;--accent: #7aa2f7;--success: #9ece6a;--danger: #f7768e}:root[data-theme=nord]{--bg: #1f2630;--surface: #2a3340;--text: #d8dee9;--muted: #6c7c90;--accent: #88c0d0;--success: #a3be8c;--danger: #bf616a}:root[data-theme=emerald]{--bg: #131d1a;--surface: #1f2f2b;--text: #d3efe4;--muted: #6b8a7d;--accent: #57d3a8;--success: #a8e06e;--danger: #ff7f96}:root[data-theme=sunset]{--bg: #24191a;--surface: #322224;--text: #ffe2cf;--muted: #9f7d70;--accent: #ff9f6e;--success: #ffd36f;--danger: #ff6f91}:root[data-theme=midnight]{--bg: #090a0c;--surface: #12141a;--text: #e4e9ff;--muted: #5e6375;--accent: #8aa7ff;--success: #73d28e;--danger: #ff7ea2}:root[data-theme=lavender]{--bg: #1f1c2b;--surface: #29263a;--text: #e9e2ff;--muted: #8b80a8;--accent: #b9a7ff;--success: #a9e9c9;--danger: #ff8db7}:root[data-theme=ocean]{--bg: #0b0e11;--surface: #1a1d23;--text: #f5f7fa;--muted: #8a919c;--accent: #5b8def;--success: #5ee4a8;--danger: #f08678;--radius: 20px;--shadow-panel: -5px -5px 14px rgba(255, 255, 255, .035), 10px 12px 34px rgba(0, 0, 0, .48), inset 0 1px 0 rgba(255, 255, 255, .05);--shadow-lift: -3px -3px 10px rgba(255, 255, 255, .04), 6px 8px 22px rgba(0, 0, 0, .42)}:root[data-theme=ocean] body{background:radial-gradient(ellipse 78% 58% at 14% 42%,rgba(245,178,55,.14) 0%,transparent 56%),radial-gradient(ellipse 72% 52% at 86% 44%,rgba(72,196,168,.13) 0%,transparent 54%),var(--bg)}:root[data-theme=forest]{--bg: #142218;--surface: #1b3025;--text: #dff3e4;--muted: #73907e;--accent: #6fd48c;--success: #b2e97a;--danger: #ff8f98}:root[data-theme=rose]{--bg: #241821;--surface: #32202b;--text: #ffe0ef;--muted: #a57b95;--accent: #ff8ab8;--success: #ffd97c;--danger: #ff6f96}:root[data-theme=daylight]{--bg: #f4f7ff;--surface: #ffffff;--text: #1e2a46;--muted: #6a7a9f;--accent: #4f7ee8;--success: #2ea66f;--danger: #d94b66}:root[data-theme=amber]{--bg: #1f1810;--surface: #2d2418;--text: #f5e6d3;--muted: #9a7d5c;--accent: #f0a84a;--success: #c9a227;--danger: #e07a5f}:root[data-theme=crimson]{--bg: #1a0f12;--surface: #26161c;--text: #f5dde4;--muted: #8b6574;--accent: #c94b6a;--success: #9e6b7a;--danger: #e85a7a}:root[data-theme=monochrome]{--bg: #0d0d0d;--surface: #1a1a1a;--text: #e5e5e5;--muted: #737373;--accent: #a3a3a3;--success: #737373;--danger: #dc2626}:root[data-theme=terracotta]{--bg: #1c1512;--surface: #2a201b;--text: #f0e4dc;--muted: #8b7355;--accent: #d4845c;--success: #8b9a6b;--danger: #c75d4a}:root[data-theme=arctic]{--bg: #0b0e11;--surface: #1a1d23;--text: #f5f7fa;--muted: #8a919c;--accent: #5b8def;--success: #5ee4a8;--danger: #f08678;--radius: 20px;--ether-mist-channel-name: #b4b9c2;--shadow-panel: -5px -5px 14px rgba(255, 255, 255, .035), 10px 12px 34px rgba(0, 0, 0, .48), inset 0 1px 0 rgba(255, 255, 255, .05);--shadow-lift: -3px -3px 10px rgba(255, 255, 255, .04), 6px 8px 22px rgba(0, 0, 0, .42)}:root[data-theme=arctic] body{background:radial-gradient(ellipse 78% 58% at 14% 42%,rgba(245,178,55,.14) 0%,transparent 56%),radial-gradient(ellipse 72% 52% at 86% 44%,rgba(72,196,168,.13) 0%,transparent 54%),var(--bg)}:root[data-theme=arctic] .room-page:before,:root[data-theme=arctic] .join-page:before{opacity:0}:root[data-theme=arctic] .room-header:before,:root[data-theme=arctic] .room-user-container:before,:root[data-theme=arctic] .room-right:before,:root[data-theme=arctic] .join-card:before,:root[data-theme=arctic] .channels-header:before,:root[data-theme=arctic] .channels-banner-stack--open:before,:root[data-theme=arctic] .room-last-confirm-modal:before{display:none}:root[data-theme=arctic] .room-header h1,:root[data-theme=arctic] .room-header h1.styled-name--gradient .styled-name-segment--text,:root[data-theme=arctic] .room-channel-option-name.styled-name--gradient .styled-name-segment--text,:root[data-theme=arctic] .room-mobile-nav-label--channel.styled-name--gradient .styled-name-segment--text,:root[data-theme=arctic] .room-last-confirm-channel-name,:root[data-theme=arctic] .room-last-confirm-channel-name .styled-name-segment--text,:root[data-theme=arctic] .channel-pill-name,:root[data-theme=arctic] .channel-pill-name .styled-name-segment--text{background:none!important;background-image:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:var(--ether-mist-channel-name)!important;color:var(--ether-mist-channel-name)!important}:root[data-theme=gta6]{--bg: #121018;--surface: #241c30;--text: #f6f3ff;--muted: #b3a8c4;--accent: #ffb45a;--success: #2ee6c8;--danger: #ff6b4a;--radius: 14px}:root[data-theme=gta6] body{background:radial-gradient(ellipse 62% 48% at 8% 18%,rgba(255,79,163,.16) 0%,transparent 56%),radial-gradient(ellipse 54% 42% at 88% 78%,rgba(46,230,200,.16) 0%,transparent 54%),radial-gradient(ellipse 46% 36% at 72% 6%,rgba(255,180,90,.16) 0%,transparent 52%),var(--bg)}:root[data-theme=gta6] .room-page:before,:root[data-theme=gta6] .join-page:before{opacity:0}:root[data-theme=gta6] .room-header:before,:root[data-theme=gta6] .room-user-container:before,:root[data-theme=gta6] .room-right:before,:root[data-theme=gta6] .join-card:before,:root[data-theme=gta6] .channels-header:before,:root[data-theme=gta6] .channels-banner-stack--open:before,:root[data-theme=gta6] .room-last-confirm-modal:before{display:none}:root{--surface-soft: rgba(255, 255, 255, .055);--surface-strong: rgba(255, 255, 255, .09);--border-soft: rgba(255, 255, 255, .105);--border-strong: rgba(255, 255, 255, .18);--shadow-panel: 0 22px 70px rgba(0, 0, 0, .34);--shadow-lift: 0 16px 48px rgba(0, 0, 0, .28);--accent-soft: rgba(86, 214, 255, .14);--accent-glow: rgba(86, 214, 255, .34);--success-soft: rgba(110, 231, 183, .14);--danger-soft: rgba(251, 113, 133, .14);--avatar-brand-bg-top: rgba(122, 162, 247, .24);--avatar-brand-bg-bottom: rgba(15, 16, 23, .42);--avatar-brand-chip-border: rgba(122, 162, 247, .38);--avatar-brand-chip-border-hover: rgba(169, 184, 232, .55);--avatar-brand-chip-bg-top: rgba(122, 162, 247, .18);--avatar-brand-chip-bg-bottom: rgba(15, 16, 23, .35);--avatar-brand-panel-border: rgba(122, 162, 247, .28);--avatar-brand-panel-bg-top: rgba(122, 162, 247, .14);--avatar-brand-panel-bg-bottom: rgba(15, 16, 23, .28);--avatar-brand-ring-soft: rgba(122, 162, 247, .28);--avatar-brand-ring-mid: rgba(122, 162, 247, .35);--avatar-brand-ring-strong: rgba(122, 162, 247, .42);--avatar-brand-ring-extra: rgba(122, 162, 247, .45)}@supports (color: color-mix(in srgb,red,blue)){:root{--surface-soft: color-mix(in srgb, var(--surface) 72%, white 8%);--surface-strong: color-mix(in srgb, var(--surface) 78%, var(--accent) 10%);--border-soft: color-mix(in srgb, var(--muted) 26%, transparent);--border-strong: color-mix(in srgb, var(--accent) 34%, transparent);--accent-soft: color-mix(in srgb, var(--accent) 16%, transparent);--accent-glow: color-mix(in srgb, var(--accent) 38%, transparent);--success-soft: color-mix(in srgb, var(--success) 18%, transparent);--danger-soft: color-mix(in srgb, var(--danger) 17%, transparent);--avatar-brand-bg-top: color-mix(in srgb, var(--accent) 26%, transparent);--avatar-brand-bg-bottom: color-mix(in srgb, var(--bg) 72%, black);--avatar-brand-chip-border: color-mix(in srgb, var(--accent) 38%, transparent);--avatar-brand-chip-border-hover: color-mix(in srgb, var(--accent) 52%, var(--text) 10%);--avatar-brand-chip-bg-top: color-mix(in srgb, var(--accent) 20%, transparent);--avatar-brand-chip-bg-bottom: color-mix(in srgb, var(--bg) 68%, black);--avatar-brand-panel-border: color-mix(in srgb, var(--accent) 30%, transparent);--avatar-brand-panel-bg-top: color-mix(in srgb, var(--accent) 16%, transparent);--avatar-brand-panel-bg-bottom: color-mix(in srgb, var(--bg) 62%, black);--avatar-brand-ring-soft: color-mix(in srgb, var(--accent) 30%, transparent);--avatar-brand-ring-mid: color-mix(in srgb, var(--accent) 36%, transparent);--avatar-brand-ring-strong: color-mix(in srgb, var(--accent) 42%, transparent);--avatar-brand-ring-extra: color-mix(in srgb, var(--accent) 46%, transparent)}}*{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:var(--muted) transparent}@supports (color: color-mix(in srgb,red,blue)){*{scrollbar-color:color-mix(in srgb,var(--muted) 55%,transparent) transparent}}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--muted);border-radius:4px}@supports (color: color-mix(in srgb,red,blue)){*::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 55%,transparent)}}*::-webkit-scrollbar-thumb:hover{background:var(--muted)}*::-webkit-scrollbar-corner{background:transparent}html{height:-webkit-fill-available}@media (hover: none),(pointer: coarse){html{touch-action:manipulation;height:100%;height:-webkit-fill-available}body,#root{height:100%;height:-webkit-fill-available}}@media (display-mode: standalone),(display-mode: fullscreen){html.app-viewport-measured,html.app-viewport-measured body,html.app-viewport-measured #root{height:var(--app-height, -webkit-fill-available);min-height:var(--app-height, -webkit-fill-available)}}html.app-viewport-measured #root{min-height:var(--app-height, 100dvh)}html.room-mobile-viewport-lock,html.room-mobile-viewport-lock body,html.room-mobile-viewport-lock #root{height:var(--app-height, 100dvh);min-height:var(--app-height, 100dvh);max-height:var(--app-height, 100dvh);overflow:hidden}@supports (-webkit-touch-callout: none){@media (display-mode: standalone),(display-mode: fullscreen){.join-page{min-height:var(--app-height, 100dvh);height:var(--app-height, 100dvh);max-height:var(--app-height, 100dvh);box-sizing:border-box}}}body{margin:0;font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;min-height:100dvh;min-height:-webkit-fill-available}.mauweh-range{--range-fill: 50%;flex:1;min-width:0;height:1.35rem;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.mauweh-range:focus{outline:none}.mauweh-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--accent-soft),0 2px 6px #00000047,0 0 12px var(--accent-glow)}.mauweh-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--accent-soft),0 2px 6px #00000047,0 0 12px var(--accent-glow)}.mauweh-range::-webkit-slider-runnable-track{height:.5rem;border-radius:999px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--range-fill),color-mix(in srgb,var(--muted) 34%,transparent) var(--range-fill),color-mix(in srgb,var(--muted) 34%,transparent) 100%);box-shadow:inset 0 1px 3px #00000047}.mauweh-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.05rem;height:1.05rem;margin-top:-.275rem;border-radius:50%;background:linear-gradient(165deg,color-mix(in srgb,var(--text) 72%,var(--accent)) 0%,var(--accent) 55%,color-mix(in srgb,var(--accent) 68%,var(--bg)) 100%);border:2px solid color-mix(in srgb,var(--text) 38%,transparent);box-shadow:0 2px 6px #00000047,0 0 12px var(--accent-glow);cursor:grab;transition:transform .12s ease,box-shadow .12s ease}.mauweh-range:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.06)}.mauweh-range::-moz-range-track{height:.5rem;border-radius:999px;background:color-mix(in srgb,var(--muted) 34%,transparent);box-shadow:inset 0 1px 3px #00000047}.mauweh-range::-moz-range-progress{height:.5rem;border-radius:999px 0 0 999px;background:var(--accent)}.mauweh-range::-moz-range-thumb{width:1.05rem;height:1.05rem;border-radius:50%;background:linear-gradient(165deg,color-mix(in srgb,var(--text) 72%,var(--accent)) 0%,var(--accent) 55%,color-mix(in srgb,var(--accent) 68%,var(--bg)) 100%);border:2px solid color-mix(in srgb,var(--text) 38%,transparent);box-shadow:0 2px 6px #00000047,0 0 12px var(--accent-glow);cursor:grab}.mauweh-range--peer::-webkit-slider-thumb{width:1.1rem;height:1.1rem;margin-top:calc((.5rem - 1.1rem) / 2)}.mauweh-range--peer::-moz-range-thumb{width:1.1rem;height:1.1rem}#root{min-height:100%;min-height:100vh;min-height:100dvh;min-height:-webkit-fill-available}input,button{font:inherit}button{cursor:pointer}.styled-name{--styled-name-solid: currentColor;--styled-name-gradient: linear-gradient(90deg, var(--accent), var(--success));--styled-name-bg-size: 100% 100%;--styled-name-font: inherit;font-family:var(--styled-name-font);letter-spacing:.03em}.styled-name-segment--text{display:inline-block;color:var(--styled-name-solid);font-family:var(--styled-name-font);transform-origin:50% 80%;will-change:auto}.styled-name--gradient .styled-name-segment--text{background-image:var(--styled-name-gradient);background-size:var(--styled-name-bg-size);background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.styled-name-segment--emoji{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:currentColor!important;color:var(--text);font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;text-shadow:none;animation:none}.styled-name--color-pink{--styled-name-solid: #ff3ea5}.styled-name--color-green{--styled-name-solid: #00f5a0}.styled-name--color-violet{--styled-name-solid: #a855f7}.styled-name--color-lavender{--styled-name-solid: #c4b5fd}.styled-name--color-gold{--styled-name-solid: #ffd000}.styled-name--color-red{--styled-name-solid: #ff244d}.styled-name--color-orange{--styled-name-solid: #ff9100}.styled-name--color-peach{--styled-name-solid: #fdba74}.styled-name--color-sun{--styled-name-solid: #fde047}.styled-name--color-lime{--styled-name-solid: #c8ff3d}.styled-name--color-mint{--styled-name-solid: #5eead4}.styled-name--color-teal{--styled-name-solid: #14b8a6}.styled-name--color-blue{--styled-name-solid: #3b82f6}.styled-name--color-rose{--styled-name-solid: #fb7185}.styled-name--color-rainbow{--styled-name-solid: #f472b6}.styled-name--color-neon,.styled-name--color-rainbowneon{--styled-name-solid: #00f0ff}.styled-name--color-bubblegum{--styled-name-solid: #ff7ad9}.styled-name--color-bounce{--styled-name-solid: #a78bfa}.styled-name--color-glitter{--styled-name-solid: #ff80d0}.styled-name--color-thunder{--styled-name-solid: #67e8f9}.styled-name--color-chrome3d{--styled-name-solid: #e2e8f0}.styled-name--color-depth{--styled-name-solid: #ffd000}.styled-name--color-rainbow .styled-name-segment--text{background-image:linear-gradient(92deg,#ff2578,#ff9100,#ffe600,#00ffa3 39%,#00cdff,#5f6dff 63%,#d942ef 76%,#ff6090,#ff2578);background-size:340% 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:name-rbw-slide 6s linear infinite;animation-delay:calc(-.18s * var(--name-rbw-delay, 0));transform:translateZ(0);will-change:background-position;text-shadow:none}.styled-name--color-neon .styled-name-segment--text{animation:name-neon-glow 3s ease-in-out infinite;animation-delay:calc(-.5s * var(--name-rbw-delay, 0));will-change:text-shadow;text-shadow:none}@keyframes name-neon-glow{0%{color:#00f0ff;text-shadow:0 0 5px #00f0ff,0 0 14px #00f0ff,0 0 30px #00cfff55}25%{color:#c060ff;text-shadow:0 0 5px #c060ff,0 0 14px #c060ff,0 0 30px #9040ff55}50%{color:#ff40d0;text-shadow:0 0 5px #ff40d0,0 0 14px #ff40d0,0 0 30px #ff00b055}75%{color:#40ffb4;text-shadow:0 0 5px #40ffb4,0 0 14px #40ffb4,0 0 30px #00ff8855}to{color:#00f0ff;text-shadow:0 0 5px #00f0ff,0 0 14px #00f0ff,0 0 30px #00cfff55}}.styled-name--color-rainbowneon .styled-name-segment--text{background-image:linear-gradient(92deg,#ff2578,#ff9100,#ffe600,#00ffa3 39%,#00cdff,#5f6dff 63%,#d942ef 76%,#ff6090,#ff2578);background-size:340% 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:name-rainbowneon-flow 4.2s linear infinite;animation-delay:calc(-.22s * var(--name-rbw-delay, 0));filter:drop-shadow(0 0 3px rgba(255,255,255,.8)) drop-shadow(0 0 9px rgba(0,240,255,.9)) drop-shadow(0 0 18px rgba(255,64,208,.65));transform:translateZ(0);will-change:background-position,filter}@keyframes name-rainbowneon-flow{0%{background-position:0% 50%;filter:drop-shadow(0 0 3px rgba(255,255,255,.75)) drop-shadow(0 0 8px rgba(0,240,255,.86)) drop-shadow(0 0 17px rgba(255,64,208,.62))}50%{background-position:100% 50%;filter:drop-shadow(0 0 4px rgba(255,255,255,.95)) drop-shadow(0 0 12px rgba(255,230,0,.86)) drop-shadow(0 0 24px rgba(0,255,163,.72))}to{background-position:0% 50%;filter:drop-shadow(0 0 3px rgba(255,255,255,.75)) drop-shadow(0 0 8px rgba(0,240,255,.86)) drop-shadow(0 0 17px rgba(255,64,208,.62))}}.styled-name--color-bubblegum .styled-name-segment--text{background-image:linear-gradient(90deg,#ff4fb8,#ff9de2 22%,#fff1a8 46%,#7df9ff 68%,#c084fc 86%,#ff4fb8);background-size:260% 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:0 0 5px rgba(255,122,217,.72),0 0 13px rgba(125,249,255,.35);animation:name-bubblegum-pop 2.4s ease-in-out infinite;animation-delay:calc(-.18s * var(--name-rbw-delay, 0));transform-origin:50% 75%;will-change:background-position,transform,filter}@keyframes name-bubblegum-pop{0%,to{background-position:0% 50%;filter:saturate(1);transform:translateY(0) scale(1)}38%{background-position:72% 50%;filter:saturate(1.25);transform:translateY(-.05em) scale(1.06)}52%{background-position:100% 50%;filter:saturate(1.1);transform:translateY(.02em) scale(.98)}68%{background-position:84% 50%;filter:saturate(1.2);transform:translateY(0) scale(1.03)}}.styled-name--color-bounce .styled-name-segment--text{animation:name-letter-bounce 1.1s ease-in-out infinite;animation-delay:calc(.09s * var(--bounce-i, 0));will-change:transform}@keyframes name-letter-bounce{0%,50%,to{transform:translateY(0)}25%{transform:translateY(-.38em)}}.styled-name--color-glitter .styled-name-segment--text{position:relative;text-shadow:0 0 8px rgba(255,128,208,.55)}.styled-name--color-glitter .styled-name-segment--text:before,.styled-name--color-glitter .styled-name-segment--text:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;pointer-events:none;mix-blend-mode:screen}.styled-name--color-glitter .styled-name-segment--text:before{background-image:radial-gradient(circle at 18% 28%,#fff 0 1.5px,transparent 2.5px),radial-gradient(circle at 72% 50%,#fff 0 1.5px,transparent 2.5px),radial-gradient(circle at 38% 82%,#fff 0 1.5px,transparent 2.5px),radial-gradient(circle at 88% 78%,#fff 0 1.5px,transparent 2.5px),radial-gradient(circle at 56% 14%,#fff 0 1px,transparent 2px);animation:name-glitter-swap-a 1.25s steps(1,end) infinite;animation-delay:calc(-.2s * var(--name-rbw-delay, 0))}.styled-name--color-glitter .styled-name-segment--text:after{background-image:radial-gradient(circle at 10% 70%,#fff 0 1px,transparent 2px),radial-gradient(circle at 32% 18%,#fff 0 1.5px,transparent 2.5px),radial-gradient(circle at 62% 78%,#fff 0 1.5px,transparent 2.5px),radial-gradient(circle at 82% 24%,#fff 0 1px,transparent 2px),radial-gradient(circle at 48% 48%,#fff 0 1.5px,transparent 2.5px);animation:name-glitter-swap-b 1.25s steps(1,end) infinite;animation-delay:calc(-.2s * var(--name-rbw-delay, 0))}@keyframes name-glitter-swap-a{0%,49%{opacity:1}50%,to{opacity:.15}}@keyframes name-glitter-swap-b{0%,49%{opacity:.15}50%,to{opacity:1}}.styled-name--color-thunder .styled-name-segment--text{color:#67e8f9;animation:name-thunder-charge 1.9s steps(8,end) infinite;animation-delay:calc(-.16s * var(--name-rbw-delay, 0));text-shadow:0 0 4px rgba(103,232,249,.9),0 0 13px rgba(37,99,235,.85),0 0 24px rgba(250,204,21,.35);transform-origin:50% 65%;will-change:color,text-shadow,transform}@keyframes name-thunder-charge{0%,18%,to{color:#67e8f9;text-shadow:0 0 4px rgba(103,232,249,.85),0 0 13px rgba(37,99,235,.75),0 0 24px rgba(250,204,21,.25);transform:skew(0) translateY(0)}22%{color:#facc15;text-shadow:0 0 5px rgba(250,204,21,1),0 0 16px rgba(103,232,249,.9),0 0 28px rgba(37,99,235,.75);transform:skew(-7deg) translateY(-.04em)}28%{color:#dbeafe;text-shadow:0 0 7px rgba(255,255,255,1),0 0 18px rgba(103,232,249,1),0 0 34px rgba(250,204,21,.7);transform:skew(6deg) translateY(0)}34%,70%{color:#38bdf8;text-shadow:0 0 4px rgba(56,189,248,.9),0 0 14px rgba(37,99,235,.8),0 0 26px rgba(250,204,21,.32);transform:skew(0) translateY(0)}74%{color:#f8fafc;text-shadow:0 0 7px rgba(255,255,255,1),0 0 18px rgba(103,232,249,1),0 0 32px rgba(250,204,21,.68);transform:skew(-5deg) translateY(-.03em)}}.styled-name--color-chrome3d .styled-name-segment--text{color:#f1f5f9;background-image:linear-gradient(105deg,#94a3b8,#f8fafc 16%,#cbd5e1 30%,#67e8f9,#f0abfc 56%,#facc15 68%,#e2e8f0 82%,#94a3b8);background-size:230% 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:1px 1px 0 rgba(71,85,105,.9),2px 2px 0 rgba(100,116,139,.72),3px 3px 0 rgba(148,163,184,.5),5px 6px 12px rgba(0,0,0,.36);animation:name-chrome3d-roll 3.2s ease-in-out infinite;animation-delay:calc(-.26s * var(--name-rbw-delay, 0));transform-origin:50% 62%;will-change:background-position,transform}@keyframes name-chrome3d-roll{0%,to{background-position:0% 50%;transform:perspective(260px) rotateX(8deg) rotateY(-18deg) translateZ(0)}48%{background-position:100% 50%;transform:perspective(260px) rotateX(-7deg) rotateY(18deg) translateZ(0)}62%{background-position:72% 50%;transform:perspective(260px) rotateX(4deg) rotateY(9deg) translateY(-.03em)}}.styled-name--color-depth .styled-name-segment--text{color:#ffd000;text-shadow:1px 1px 0 #d4a800,2px 2px 0 #b89000,3px 3px 0 #9c7800,4px 4px 0 #7c5e00,5px 5px 8px rgba(0,0,0,.45);animation:name-depth-tilt 3.4s ease-in-out infinite;animation-delay:calc(-.4s * var(--name-rbw-delay, 0));transform-origin:50% 60%;will-change:transform}@keyframes name-depth-tilt{0%,to{transform:perspective(220px) rotateY(-15deg) rotateX(4deg)}50%{transform:perspective(220px) rotateY(15deg) rotateX(-4deg)}}.styled-name--font-system{--styled-name-font: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.styled-name--font-rounded{--styled-name-font: "Comfortaa", system-ui, sans-serif}.styled-name--font-serif{--styled-name-font: "Merriweather", Georgia, "Times New Roman", serif}.styled-name--font-mono{--styled-name-font: "JetBrains Mono", "Cascadia Mono", Consolas, "Courier New", monospace}.styled-name--font-playful{--styled-name-font: "Fredoka", "Comic Sans MS", "Trebuchet MS", system-ui, sans-serif}.styled-name--font-heavy{--styled-name-font: "Oswald", Impact, Haettenschweiler, "Arial Narrow", sans-serif}.styled-name--font-system,.styled-name--font-system .styled-name-segment--text,.styled-name--font-rounded,.styled-name--font-rounded .styled-name-segment--text,.styled-name--font-serif,.styled-name--font-serif .styled-name-segment--text,.styled-name--font-mono,.styled-name--font-mono .styled-name-segment--text,.styled-name--font-playful,.styled-name--font-playful .styled-name-segment--text,.styled-name--font-heavy,.styled-name--font-heavy .styled-name-segment--text{font-family:var(--styled-name-font)!important}.styled-name--font-system .styled-name-segment--text{font-weight:700;letter-spacing:.03em}.styled-name--font-rounded .styled-name-segment--text{font-weight:700;letter-spacing:.04em}.styled-name--font-serif .styled-name-segment--text{font-weight:700;letter-spacing:.035em}.styled-name--font-mono .styled-name-segment--text{font-weight:700;letter-spacing:.04em}.styled-name--font-playful .styled-name-segment--text{font-weight:600;letter-spacing:.025em}.styled-name--font-heavy .styled-name-segment--text{font-weight:700;letter-spacing:.06em}@keyframes name-rbw-slide{0%{background-position:0% 50%}to{background-position:100% 50%}}.participant-avatar-fallback--brand{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--avatar-brand-bg-top) 0%,var(--avatar-brand-bg-bottom) 100%)}.participant-avatar-brand-mark{width:68%;height:68%;flex-shrink:0;background:linear-gradient(135deg,var(--accent) 0%,var(--success) 100%);mask:url(/mauweh-logo.png) center/contain no-repeat;-webkit-mask:url(/mauweh-logo.png) center/contain no-repeat}.name-style-controls{display:grid;gap:.75rem;padding-top:.75rem;margin-top:.75rem;border-top:1px solid var(--border-soft)}.name-style-heading{display:flex;align-items:center;gap:.45rem;color:var(--text);font-weight:800}.name-style-heading .material-icons{font-size:1rem;color:var(--accent)}.name-style-preview{display:flex;align-items:center;min-height:1.8rem;padding:.15rem .2rem;border:0;border-radius:0;background:transparent;font-size:1.1rem;font-weight:800;overflow:visible;text-overflow:ellipsis;white-space:nowrap}.name-style-group{display:grid;gap:.45rem}.name-style-label{color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase}.name-style-options{display:flex;flex-wrap:wrap;gap:.4rem}.name-style-option{display:inline-flex;align-items:center;gap:.35rem;min-height:2rem;padding:0 .65rem;border:1px solid var(--border-soft);border-radius:999px;background:var(--surface-soft);color:var(--text);font-size:.78rem;font-weight:800}.name-style-option:hover,.name-style-option.active{border-color:var(--border-strong);background:var(--accent-soft);color:var(--text)}.name-style-swatch{width:.82rem;height:.82rem;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--success));box-shadow:0 0 0 1px var(--border-soft)}.name-style-color--pink .name-style-swatch{background:#ff3ea5}.name-style-color--red .name-style-swatch{background:#ff244d}.name-style-color--peach .name-style-swatch{background:#fdba74}.name-style-color--rose .name-style-swatch{background:#fb7185}.name-style-color--orange .name-style-swatch{background:#ff9100}.name-style-color--sun .name-style-swatch{background:#fde047}.name-style-color--gold .name-style-swatch{background:#ffd000}.name-style-color--lime .name-style-swatch{background:#c8ff3d}.name-style-color--green .name-style-swatch{background:#00f5a0}.name-style-color--mint .name-style-swatch{background:#5eead4}.name-style-color--teal .name-style-swatch{background:#14b8a6}.name-style-color--blue .name-style-swatch{background:#3b82f6}.name-style-color--violet .name-style-swatch{background:#a855f7}.name-style-color--lavender .name-style-swatch{background:#c4b5fd}.name-style-color--neon .name-style-swatch{animation:name-neon-swatch-pulse 3s ease-in-out infinite}.name-style-color--rainbowneon .name-style-swatch{background-image:linear-gradient(90deg,#ff2578,#ffe600,#00ffa3,#00cdff,#d942ef,#ff2578);background-repeat:repeat;background-color:transparent;background-size:260% 100%;animation:name-rbw-swatch-slide 4s linear infinite;box-shadow:0 0 6px #00f0ffcc,0 0 13px #ff40d08f}.name-style-color--bubblegum .name-style-swatch{background-image:linear-gradient(135deg,#ff4fb8,#fff1a8 45%,#7df9ff 68%,#c084fc);box-shadow:0 0 6px #ff7ad9b3,0 0 12px #7df9ff59}@keyframes name-neon-swatch-pulse{0%{background:#00f0ff;box-shadow:0 0 6px #00f0ff,0 0 14px #00f0ff60}25%{background:#c060ff;box-shadow:0 0 6px #c060ff,0 0 14px #c060ff60}50%{background:#ff40d0;box-shadow:0 0 6px #ff40d0,0 0 14px #ff40d060}75%{background:#40ffb4;box-shadow:0 0 6px #40ffb4,0 0 14px #40ffb460}to{background:#00f0ff;box-shadow:0 0 6px #00f0ff,0 0 14px #00f0ff60}}.name-style-color--bounce .name-style-swatch{background:#a78bfa}.name-style-color--glitter .name-style-swatch{background-color:#ff80d0;background-image:radial-gradient(circle at 25% 30%,#fff 0 2px,transparent 3px),radial-gradient(circle at 70% 65%,#fff 0 2px,transparent 3px),radial-gradient(circle at 50% 50%,#fff 0 1px,transparent 2px)}.name-style-color--thunder .name-style-swatch{background:linear-gradient(135deg,transparent 44%,#facc15 45% 55%,transparent 56%),radial-gradient(circle at 30% 25%,#e0f2fe 0 2px,transparent 3px),linear-gradient(135deg,#0f172a,#2563eb 48%,#67e8f9);box-shadow:0 0 9px #67e8f9d9}.name-style-color--chrome3d .name-style-swatch{background:linear-gradient(135deg,#94a3b8,#f8fafc 30%,#cbd5e1 42%,#67e8f9 56%,#f0abfc 72%,#94a3b8);box-shadow:inset 0 0 0 1px #ffffff38,1px 1px #475569ad,2px 2px #94a3b875}.name-style-color--depth .name-style-swatch{background:#ffd000;box-shadow:inset 0 0 0 1px var(--border-soft),1px 1px #b89000,2px 2px #9c7800}.name-style-color--rainbow .name-style-swatch{background-image:linear-gradient(90deg,#f43f5e,#fbbf24,#22c55e,#22d3ee,#6366f1,#e879f9,#f43f5e);background-repeat:repeat;background-color:transparent;background-size:260% 100%;animation:name-rbw-swatch-slide 5s linear infinite}@keyframes name-rbw-swatch-slide{0%{background-position:0% 50%}to{background-position:100% 50%}}.name-style-actions{display:flex;justify-content:flex-end;gap:.5rem}.name-style-secondary,.name-style-primary{min-height:2.2rem;padding:0 .85rem;border-radius:999px;font-weight:800;border:1px solid var(--border-soft)}.name-style-secondary{background:var(--surface-soft);color:var(--text)}.name-style-primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}.name-style-controls--compact{gap:.65rem;padding-top:.55rem;margin-top:.55rem;border-top:1px solid var(--border-soft);width:100%;max-width:100%;box-sizing:border-box}.name-style-compact-preview-wrap{display:flex;justify-content:center;align-items:center;min-height:2rem;padding:.2rem .35rem;border-radius:10px;background:linear-gradient(180deg,var(--surface-soft),transparent);border:1px solid var(--border-soft)}.name-style-compact-preview{font-size:1.05rem;font-weight:800;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.name-style-compact-rows{display:grid;gap:.42rem}.name-style-compact-row{display:grid;grid-template-columns:1.85rem 1fr;align-items:center;gap:.35rem;min-width:0}.name-style-compact-key{display:inline-flex;align-items:center;justify-content:center;color:var(--muted);opacity:.92}.name-style-compact-key .material-icons{font-size:1.05rem}.name-style-controls--compact-labeled .name-style-compact-row:first-child{grid-template-columns:auto 1fr}.name-style-compact-key-label{display:block;font-size:.58rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);line-height:1.15;max-width:6.25rem;text-align:center}.name-style-controls--compact-labeled .name-style-compact-key{flex-direction:column;gap:.22rem;align-items:center;justify-content:center;padding-right:.15rem}.name-style-compact-row:first-child{align-items:flex-start}.name-style-compact-row:first-child .name-style-compact-key{margin-top:.26rem}.name-style-controls--compact-labeled .name-style-compact-row:first-child .name-style-compact-key{margin-top:.32rem}.name-style-compact-swatches{display:flex;flex-wrap:wrap;gap:.32rem;min-width:0;overflow:visible;padding-bottom:0;align-content:flex-start}.name-style-swatch-btn{width:1.55rem;height:1.55rem;padding:0;border:2px solid transparent;border-radius:50%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface-soft);display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s ease,transform .12s ease}.name-style-swatch-btn:hover{border-color:var(--border-strong)}.name-style-swatch-btn.active{border-color:var(--accent);transform:scale(1.06);box-shadow:0 0 0 2px var(--accent-soft)}.name-style-swatch-dot{width:.92rem;height:.92rem;border-radius:50%;box-shadow:inset 0 0 0 1px #00000026}.name-style-swatch-btn--default .name-style-swatch-dot{background:linear-gradient(135deg,var(--accent),var(--success))}.name-style-swatch-btn--pink .name-style-swatch-dot{background:#ff3ea5}.name-style-swatch-btn--red .name-style-swatch-dot{background:#ff244d}.name-style-swatch-btn--peach .name-style-swatch-dot{background:#fdba74}.name-style-swatch-btn--rose .name-style-swatch-dot{background:#fb7185}.name-style-swatch-btn--orange .name-style-swatch-dot{background:#ff9100}.name-style-swatch-btn--sun .name-style-swatch-dot{background:#fde047}.name-style-swatch-btn--gold .name-style-swatch-dot{background:#ffd000}.name-style-swatch-btn--lime .name-style-swatch-dot{background:#c8ff3d}.name-style-swatch-btn--green .name-style-swatch-dot{background:#00f5a0}.name-style-swatch-btn--mint .name-style-swatch-dot{background:#5eead4}.name-style-swatch-btn--teal .name-style-swatch-dot{background:#14b8a6}.name-style-swatch-btn--blue .name-style-swatch-dot{background:#3b82f6}.name-style-swatch-btn--violet .name-style-swatch-dot{background:#a855f7}.name-style-swatch-btn--lavender .name-style-swatch-dot{background:#c4b5fd}.name-style-swatch-btn--rainbow .name-style-swatch-dot{background-image:linear-gradient(90deg,#f43f5e,#fbbf24,#22c55e,#22d3ee,#6366f1,#e879f9,#f43f5e);background-repeat:repeat;background-color:transparent;background-size:260% 100%;animation:name-rbw-swatch-slide 5s linear infinite}.name-style-swatch-btn--neon .name-style-swatch-dot{animation:name-neon-swatch-pulse 3s ease-in-out infinite}.name-style-swatch-btn--rainbowneon .name-style-swatch-dot{background-image:linear-gradient(90deg,#ff2578,#ffe600,#00ffa3,#00cdff,#d942ef,#ff2578);background-repeat:repeat;background-color:transparent;background-size:260% 100%;animation:name-rbw-swatch-slide 4s linear infinite;box-shadow:inset 0 0 0 1px #ffffff29,0 0 7px #00f0ffd1,0 0 12px #ff40d085}.name-style-swatch-btn--bubblegum .name-style-swatch-dot{background-image:linear-gradient(135deg,#ff4fb8,#fff1a8 45%,#7df9ff 68%,#c084fc);box-shadow:inset 0 0 0 1px #ffffff2e,0 0 7px #ff7ad9b3,0 0 11px #7df9ff59}.name-style-swatch-btn--bounce .name-style-swatch-dot{background:#a78bfa}.name-style-swatch-btn--glitter .name-style-swatch-dot{background-color:#ff80d0;background-image:radial-gradient(circle at 24% 28%,#fff 0 2px,transparent 3px),radial-gradient(circle at 72% 62%,#fff 0 2px,transparent 3px),radial-gradient(circle at 50% 50%,#fff 0 1px,transparent 2px)}.name-style-swatch-btn--thunder .name-style-swatch-dot{background:linear-gradient(135deg,transparent 43%,#facc15 44% 56%,transparent 57%),radial-gradient(circle at 30% 25%,#e0f2fe 0 1.5px,transparent 2.5px),linear-gradient(135deg,#0f172a,#2563eb 48%,#67e8f9);box-shadow:inset 0 0 0 1px #ffffff29,0 0 8px #67e8f9d9}.name-style-swatch-btn--chrome3d .name-style-swatch-dot{background:linear-gradient(135deg,#94a3b8,#f8fafc 30%,#cbd5e1 42%,#67e8f9 56%,#f0abfc 72%,#94a3b8);box-shadow:inset 0 0 0 1px #fff3,1px 1px #475569a8,2px 2px #94a3b875}.name-style-swatch-btn--depth .name-style-swatch-dot{background:#ffd000;box-shadow:inset 0 0 0 1px #00000026,1px 1px #b89000,2px 2px #9c7800}.name-style-compact-row--font{align-items:flex-start}.name-style-compact-row--font .name-style-compact-key{margin-top:.42rem}.name-style-font-dropdown-root{position:relative;flex:1;min-width:0}.name-style-font-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:.45rem;width:100%;min-height:2.35rem;padding:.38rem .62rem;background:var(--surface-soft);border:1px solid var(--border-soft);border-radius:var(--radius);cursor:pointer;font-family:inherit;color:var(--text);box-sizing:border-box;transition:border-color .15s ease,background .15s ease}.name-style-font-dropdown-trigger:hover{border-color:var(--border-strong);background:var(--surface)}.name-style-font-dropdown-trigger.open{border-color:var(--accent);background:var(--accent-soft)}.name-style-font-dropdown-trigger-preview{flex:1;min-width:0;font-size:1.05rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.name-style-font-dropdown-chevron{flex-shrink:0;font-size:1.2rem;color:var(--muted);transition:transform .2s ease,color .15s ease}.name-style-font-dropdown-trigger.open .name-style-font-dropdown-chevron{transform:rotate(180deg);color:var(--accent)}.name-style-font-dropdown-panel{padding:.38rem;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:0 10px 28px #00000061,0 0 0 1px #0000000f;display:flex;flex-direction:column;gap:.15rem;box-sizing:border-box}.name-style-font-dropdown-panel--fixed{position:fixed;z-index:10050;margin:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.name-style-font-dropdown-option{display:block;width:100%;text-align:left;padding:.48rem .55rem;border:none;border-radius:8px;background:transparent;cursor:pointer;color:var(--text);transition:background .15s ease,box-shadow .15s ease}.name-style-font-dropdown-option:hover{background:var(--accent-soft)}.name-style-font-dropdown-option.active{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.name-style-font-dropdown-sample{font-size:1.08rem;font-weight:800}.name-style-font-chip{min-height:1.85rem;padding:0 .42rem;border:1px solid var(--border-soft);border-radius:8px;background:var(--surface-soft);color:var(--text);font-size:.62rem;font-weight:800;letter-spacing:.04em;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .15s ease,background .15s ease}.name-style-font-chip:hover{border-color:var(--border-strong)}.name-style-font-chip.active{border-color:var(--accent);background:var(--accent-soft)}.name-style-actions--compact{display:flex;justify-content:flex-end;align-items:center;gap:.45rem;margin-top:.15rem}.name-style-icon-btn{width:2.35rem;height:2.35rem;padding:0;border:1px solid var(--border-soft);border-radius:10px;background:var(--surface-soft);color:var(--muted);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s ease,color .15s ease,background .15s ease}.name-style-icon-btn:hover{border-color:var(--border-strong);color:var(--text);background:var(--surface)}.name-style-icon-btn--success{border-color:var(--success);background:var(--success-soft);color:var(--success)}.name-style-icon-btn--success:hover{border-color:var(--success);background:color-mix(in srgb,var(--success) 32%,var(--surface-soft));color:var(--text)}.name-style-icon-btn .material-icons{font-size:1.15rem}.name-style-primary--compact{min-height:2.35rem;padding:0 1rem;border-radius:10px;font-size:.82rem}@media (prefers-reduced-motion: reduce){.name-style-swatch-btn.active{transform:none}}.titlebar{height:32px;background:var(--bg);border-bottom:1px solid var(--surface);-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:9999}.titlebar-drag{flex:1;height:100%;display:flex;align-items:center;padding-left:12px}.titlebar-title{font-size:13px;color:var(--text);opacity:.9}.titlebar-controls{display:flex}.titlebar-controls button{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;border:none;display:inline-flex;justify-content:center;align-items:center;width:46px;height:32px;background:transparent;color:var(--text);cursor:pointer;transition:background .15s}.titlebar-controls button:hover{background:var(--surface)}.titlebar-controls #titlebar-close:hover{background:var(--danger);color:#fff}body.tauri-titlebar{overflow:hidden}body.tauri-titlebar #root{padding-top:32px;height:100vh;box-sizing:border-box;overflow:hidden}body.tauri-titlebar .join-page{min-height:calc(100vh - 32px)!important}body.tauri-titlebar .room-page{height:calc(100vh - 32px)!important}.app-native-update-bar{position:fixed;top:8px;left:50%;transform:translate(-50%);z-index:9998;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin:0;padding:.6rem 1rem;border-radius:var(--radius);border-top:2px solid;box-shadow:0 4px 16px #0003,0 0 0 1px #00000014;color:var(--text);font-size:.9rem;width:min(340px,calc(100vw - 1.5rem));max-width:340px}body.tauri-titlebar .app-native-update-bar{top:40px}.app-native-update-bar .notification-bar-icon{font-size:1.2rem;flex-shrink:0}.app-native-update-bar .notification-bar-text{flex:1;min-width:0}.app-native-update-bar.notification-bar--info{background:#7aa2f71f;border-top-color:var(--accent)}.app-native-update-bar.notification-bar--info .notification-bar-icon{color:var(--accent)}.app-native-update-bar.notification-bar--warn{background:#c9972a24;border-top-color:#c9972a}.app-native-update-bar.notification-bar--warn .notification-bar-icon{color:#c9972a}.app-native-update-bar .notification-bar-actions{display:flex;gap:.5rem;flex-shrink:0}.app-native-update-bar .notification-bar-actions button{padding:.35rem .65rem;border-radius:6px;font-size:.85rem;border:none;cursor:pointer;background:var(--accent);color:#fff}.app-native-update-bar .notification-bar-actions button.secondary{background:var(--surface);color:var(--text);border:1px solid rgba(255,255,255,.08)}.app-version-btn{display:inline;padding:0;margin:0;border:none;background:none;color:inherit;font:inherit;line-height:inherit;cursor:pointer;text-decoration:underline dotted;text-underline-offset:.15em;transition:color .15s}.app-version-btn:hover,.app-version-btn:focus-visible{color:var(--accent);outline:none}.app-version-btn--room{text-decoration:underline dotted}.changelog-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10060;display:flex;align-items:center;justify-content:center;padding:1rem;background:#00000094;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.changelog-modal{position:relative;display:flex;flex-direction:column;width:min(100%,520px);max-height:min(82vh,720px);border:1px solid var(--border-soft, rgba(255, 255, 255, .08));border-top:1px solid var(--border-strong, rgba(255, 255, 255, .12));border-radius:var(--radius);background:var(--surface);color:var(--text);box-shadow:var(--shadow-panel, 0 16px 48px rgba(0, 0, 0, .35))}.changelog-modal-close{position:absolute;top:.7rem;right:.7rem;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:1px solid var(--border-soft, rgba(255, 255, 255, .08));border-radius:50%;background:var(--surface-soft, rgba(255, 255, 255, .04));color:var(--muted);cursor:pointer;z-index:1}.changelog-modal-close:hover,.changelog-modal-close:focus-visible{color:var(--danger);border-color:var(--danger);background:var(--danger-soft, rgba(247, 118, 142, .12));outline:none}.changelog-modal-header{display:flex;align-items:center;gap:.85rem;padding:1.1rem 3rem .85rem 1.1rem;border-bottom:1px solid var(--border-soft, rgba(255, 255, 255, .08))}.changelog-modal-icon{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--accent-soft, rgba(122, 162, 247, .15));color:var(--accent);flex-shrink:0}.changelog-modal-header h2{margin:0;font-size:1.15rem}.changelog-modal-header p{margin:.2rem 0 0;color:var(--muted);font-size:.85rem}.changelog-modal-body{overflow:auto;padding:1rem 1.1rem 1.15rem;line-height:1.55}.changelog-modal-status{margin:0;color:var(--muted)}.changelog-modal-status--error{color:var(--danger)}.changelog-modal-body h1{margin:0 0 .75rem;font-size:1.25rem}.changelog-modal-body h2{margin:.75rem 0 .55rem;font-size:1.05rem;color:var(--text)}.changelog-modal-body hr+h2{margin-top:.55rem}.changelog-modal-body h3{margin:.85rem 0 .35rem;font-size:.92rem;color:var(--accent);text-transform:uppercase;letter-spacing:.04em}.changelog-modal-body p{margin:0 0 .65rem;color:var(--muted)}.changelog-modal-body ul{margin:0 0 .75rem;padding-left:1.2rem}.changelog-modal-body li{margin-bottom:.35rem;color:var(--text)}.changelog-modal-body li::marker{color:var(--accent)}.changelog-modal-body strong{color:var(--text)}.changelog-modal-body hr{border:none;border-top:1px solid var(--border-soft, rgba(255, 255, 255, .08));margin:1.1rem 0 .35rem}.changelog-modal-body code{padding:.1rem .35rem;border-radius:4px;background:#ffffff0f;font-size:.88em}.changelog-modal-body a{color:var(--accent)}.room-app-version{display:flex;align-items:center;justify-content:flex-end;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10100;display:flex;align-items:center;justify-content:center;padding:clamp(.75rem,2vw,1.25rem);background:#000000b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;-webkit-app-region:no-drag}html.image-lightbox-open body.tauri-titlebar #root{pointer-events:none}.image-lightbox{display:flex;flex-direction:column;width:min(100%,960px);max-height:min(92vh,920px);border:1px solid var(--border-soft, rgba(255, 255, 255, .12));border-radius:var(--radius);background:var(--surface);color:var(--text);box-shadow:0 24px 64px #00000073;overflow:hidden;pointer-events:auto;-webkit-app-region:no-drag}.image-lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .75rem;border-bottom:1px solid var(--border-soft, rgba(255, 255, 255, .1));background:linear-gradient(180deg,var(--surface-soft, rgba(255, 255, 255, .04)),var(--surface))}.image-lightbox-title{min-width:0;flex:1;font-size:.88rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-lightbox-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.image-lightbox-action{display:inline-flex;align-items:center;justify-content:center;width:2.15rem;height:2.15rem;padding:0;border:1px solid var(--border-soft, rgba(255, 255, 255, .12));border-radius:50%;background:var(--surface-soft, rgba(255, 255, 255, .04));color:var(--muted);cursor:pointer;transition:border-color .15s,background .15s,color .15s;-webkit-app-region:no-drag;touch-action:manipulation}.image-lightbox-action .material-icons{font-size:1.05rem}.image-lightbox-action:hover,.image-lightbox-action:focus-visible{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.image-lightbox-action--close:hover,.image-lightbox-action--close:focus-visible{color:var(--danger);border-color:var(--danger);background:var(--danger-soft)}.image-lightbox-action:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.image-lightbox-action:disabled{opacity:.45;cursor:not-allowed}.image-lightbox-action:disabled:hover,.image-lightbox-action:disabled:focus-visible{color:var(--muted);border-color:var(--border-soft, rgba(255, 255, 255, .12));background:var(--surface-soft, rgba(255, 255, 255, .04))}.image-lightbox-zoom{flex-shrink:0;min-width:3rem;font-size:.78rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--muted);text-align:center}.image-lightbox-stage{display:flex;align-items:center;justify-content:center;min-height:0;flex:1;padding:.85rem;overflow:hidden;touch-action:none;background:color-mix(in srgb,var(--bg) 88%,black);-webkit-app-region:no-drag}.image-lightbox-stage--zoomed{cursor:grab}.image-lightbox-stage--panning{cursor:grabbing}.image-lightbox-transform{transform-origin:center center;will-change:transform;backface-visibility:hidden}.image-lightbox-img{display:block;max-width:100%;max-height:min(72vh,760px);width:auto;height:auto;object-fit:contain;border-radius:calc(var(--radius) - 2px);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}@media (max-width: 640px){.image-lightbox-backdrop{padding:.5rem}.image-lightbox{width:100%;max-height:94vh}.image-lightbox-stage{padding:.5rem}.image-lightbox-img{max-height:min(68vh,760px)}}