.host-page{opacity:0;animation:.25s ease-out forwards fadeInScale;transform:scale(.98)}@keyframes fadeInScale{to{opacity:1;transform:scale(1)}}.host-page{background:var(--bg-video);width:100%;height:100%;font-family:var(--font-family);flex-direction:column;display:flex}.host-page__loading{background:var(--bg-video);width:100%;height:100%;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.local-preview{background:var(--bg-video);transition:margin var(--duration-slide);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.local-preview__frame{max-width:100%;max-height:100%;transition:border-radius var(--duration-slide);border-radius:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.local-preview__video{object-fit:contain;z-index:1;width:100%;height:100%}.local-preview__placeholder{width:100%;height:100%;color:var(--text-muted);background:radial-gradient(circle at center, rgba(var(--rgb-text-secondary), .05) 0%, transparent 70%);flex-direction:column;justify-content:center;align-items:center;display:flex}.local-preview__placeholder svg{width:84px;height:84px;margin-bottom:var(--spacing-lg);opacity:.3}.share-link-display{padding:var(--spacing-lg);background-color:var(--bg-secondary);border-radius:var(--border-radius-md);margin:var(--spacing-lg)}.share-link-display__title{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px}.share-link-display__content{gap:var(--spacing-sm);align-items:center;display:flex}.share-link-display__input{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-tertiary);border:1px solid var(--interactive-normal);border-radius:var(--border-radius-sm);color:var(--text-primary);font-family:Courier New,monospace;font-size:var(--font-size-sm);flex:1}.share-link-display__button{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--accent-primary);border-radius:var(--border-radius-sm);color:var(--bg-primary);font-weight:var(--font-weight-medium);transition:background-color var(--transition-base)}@media (hover:hover){.share-link-display__button:hover:not(:disabled){background-color:var(--interactive-hover)}}.share-link-display__button--copied{background-color:var(--accent-success)}@media (width<=1024px){.host-page{touch-action:manipulation}.host-page--controls-visible .local-preview{margin-left:var(--spacing-md);margin-right:var(--spacing-md);margin-top:calc(var(--spacing-controls-overlay-height) / 2);margin-bottom:calc(var(--spacing-controls-overlay-height) + var(--spacing-md));transition:margin var(--duration-slide)}.host-page--controls-visible .local-preview__frame{border-radius:var(--border-radius-lg)}.local-preview{transition:margin var(--duration-slide)}.local-preview__placeholder svg{width:56px;height:56px;margin-bottom:var(--spacing-md)}.local-preview__placeholder p{font-size:var(--font-size-base);padding:0 var(--spacing-md)}.share-link-display{margin:var(--spacing-md);padding:var(--spacing-md)}.share-link-display__title{font-size:var(--font-size-xs);margin-bottom:var(--spacing-xxs)}.share-link-display__content{gap:var(--spacing-xs);flex-direction:column}.share-link-display__input{font-size:var(--font-size-xs);padding:.5rem}.share-link-display__button{width:100%;font-size:var(--font-size-sm);padding:.5rem}}.qr-share-panel{bottom:calc(100% + var(--spacing-panel-gap));background:color-mix(in srgb, var(--bg-primary), transparent 5%);-webkit-backdrop-filter:blur(var(--blur-backdrop-qr));backdrop-filter:blur(var(--blur-backdrop-qr));border:1px solid color-mix(in srgb, var(--text-secondary), transparent 90%);border-radius:var(--border-radius-qr-panel);padding:var(--spacing-lg);box-shadow:var(--shadow-xl);animation:slideUp var(--duration-slide) cubic-bezier(.16, 1, .3, 1);z-index:calc(var(--z-overlay) + 10);min-width:var(--size-qr-panel-min);flex-direction:column;align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.qr-share-panel__qr-container{background:var(--text-primary);padding:var(--spacing-md);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);aspect-ratio:1;box-sizing:border-box;justify-content:center;width:100%;display:flex}.qr-share-panel__qr-container svg{display:block;width:100%!important;height:100%!important}.qr-share-panel__copy-button{width:100%;padding:var(--spacing-md) var(--spacing-md);background-color:var(--interactive-normal);color:var(--bg-primary);border-radius:var(--border-radius-circle);font-family:var(--font-family);font-size:var(--font-size-copy-button);cursor:pointer;transition:all var(--transition-base);border:none;font-weight:500}@media (hover:hover){.qr-share-panel__copy-button:hover{background-color:var(--interactive-hover)}}.qr-share-panel__copy-button--copied{background-color:var(--interactive-hover)}@media (hover:hover){.qr-share-panel__copy-button--copied:hover{background-color:var(--interactive-hover)}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.client-count-badge{bottom:calc(100% + var(--spacing-md));align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:color-mix(in srgb, var(--bg-primary), transparent 10%);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));border:1px solid rgba(var(--rgb-text-secondary), .1);border-radius:var(--border-radius-circle);font-family:var(--font-family);font-size:var(--font-size-xs);z-index:var(--z-overlay);pointer-events:none;display:flex;position:absolute;left:50%;transform:translate(-50%)}.client-count-badge__count{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.client-count-badge__label{color:var(--text-secondary);font-weight:var(--font-weight-normal)}@media (width<=1024px){.client-count-badge{bottom:calc(100% + var(--spacing-md));padding:var(--spacing-xxs) var(--spacing-sm);font-size:var(--font-size-xxs)}}.unread-badge{background:var(--accent-danger);border-radius:var(--border-radius-circle);width:12px;height:12px;z-index:calc(var(--z-overlay) + 1);pointer-events:none;position:absolute;top:-4px;right:-4px}@media (width<=1024px){.unread-badge{width:10px;height:10px;top:-3px;right:-3px}}.controls-overlay{--controls-row-size:var(--control-size-md);--controls-overlay-padding-bottom:var(--spacing-xl);--controls-chat-max-width:calc(var(--control-size-md) * 5 + var(--spacing-md) * 4);background:linear-gradient(to top, rgba(var(--rgb-black), .9) 0%, rgba(var(--rgb-black), 0) 100%);height:var(--spacing-controls-overlay-height);padding:0 0 var(--spacing-xl);justify-content:center;align-items:flex-end;gap:var(--spacing-md);z-index:var(--z-overlay);opacity:0;transition:opacity var(--transition-base);pointer-events:auto;display:flex;position:absolute;bottom:0;left:0;right:0}.controls-overlay--visible{opacity:1}@media (hover:hover){.controls-overlay:hover{opacity:1}}.controls-overlay--chat{background:0 0}.controls-overlay__content{gap:var(--spacing-md);align-items:center;display:flex;position:relative}.controls-overlay__content--controls{animation:overlaySwapControls var(--duration-slide) ease both}.controls-overlay__content--chat{animation:overlaySwapChat var(--duration-slide) ease both;width:100%;max-width:var(--controls-chat-max-width);z-index:1;justify-content:center;margin:0 auto}.controls-overlay__chat-panel{height:var(--size-controls-chat-panel-height);height:var(--size-controls-chat-panel-height-dynamic);padding:var(--spacing-lg) 0 calc(var(--controls-row-size) + var(--controls-overlay-padding-bottom));background:var(--gradient-controls-overlay-chat);box-sizing:border-box;animation:chatPanelReveal var(--duration-slide) ease both;z-index:0;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0}.controls-overlay__chat-messages{width:100%;min-height:0;max-width:var(--controls-chat-max-width);padding:0 var(--spacing-sm);margin-bottom:var(--spacing-lg);scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;align-self:center;display:flex;overflow-y:auto}.controls-overlay__chat-messages::-webkit-scrollbar{width:0;height:0;display:none}.controls-overlay__chat-messages-inner{justify-content:flex-end;gap:var(--spacing-md);flex-direction:column;min-height:100%;display:flex}.controls-overlay__chat-message{max-width:var(--size-controls-chat-message-max-width);font-size:var(--font-size-small);line-height:var(--line-height-controls-chat-message);color:var(--text-primary);text-shadow:var(--shadow-text-controls);word-break:break-word}.controls-overlay__chat-message--left{text-align:left;align-self:flex-start}.controls-overlay__chat-message--right{text-align:right;color:inherit;align-self:flex-end}.controls-overlay__chat-row{justify-content:center;align-items:center;gap:var(--spacing-md);display:flex}.controls-overlay__chat-row .control-button,.controls-overlay__chat-row .controls-overlay__chat-input{flex:none}.controls-overlay__chat-input{width:calc(var(--control-size-md) * 3 + var(--spacing-md) * 2);height:var(--control-size-md);padding:var(--spacing-md);border-radius:var(--border-radius-circle);background-color:rgba(var(--rgb-text-secondary), .1);border:1px solid rgba(var(--rgb-text-secondary), .2);color:var(--text-primary);text-shadow:var(--shadow-text-controls);font-family:var(--font-family);font-size:var(--font-size-sm);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transition:border-color var(--transition-base), background-color var(--transition-base);box-sizing:border-box;outline:none}.controls-overlay__chat-input::placeholder{color:var(--text-primary);opacity:1;text-shadow:var(--shadow-text-controls-muted)}.controls-overlay__chat-input:focus{border-color:rgba(var(--rgb-text-secondary), .4);background-color:rgba(var(--rgb-text-secondary), .14)}@keyframes overlaySwapControls{0%{transform:translateY(var(--offset-controls-overlay-reveal))}to{transform:translateY(0)}}@keyframes overlaySwapChat{0%{opacity:0;transform:translateY(var(--offset-controls-overlay-reveal))}to{opacity:1;transform:translateY(0)}}@keyframes chatPanelReveal{0%{opacity:0;transform:translateY(var(--offset-controls-overlay-reveal))}to{opacity:1;transform:translateY(0)}}.control-button{width:var(--control-size-md);height:var(--control-size-md);border-radius:var(--border-radius-circle);background-color:rgba(var(--rgb-text-secondary), .1);border:1px solid rgba(var(--rgb-text-secondary), .2);color:var(--text-secondary);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transition:all var(--transition-base);justify-content:center;align-items:center;display:flex;position:relative}@media (hover:hover){.control-button:hover:not(:disabled){background-color:var(--interactive-normal);color:var(--bg-primary);z-index:calc(var(--z-overlay) + 200)}}.control-button:active:not(:disabled){background-color:var(--interactive-active)}.control-button.control-button--danger{color:var(--accent-danger);border-color:rgba(var(--rgb-accent-danger), .2)}@media (hover:hover){.control-button.control-button--danger:hover:not(:disabled){background-color:var(--accent-danger);border-color:var(--accent-danger);color:var(--text-primary)}}.control-button.control-button--success{color:var(--accent-success);border-color:rgba(var(--rgb-accent-success), .2)}@media (hover:hover){.control-button.control-button--success:hover:not(:disabled){background-color:var(--accent-success);border-color:var(--accent-success);color:var(--text-primary)}}.control-button.control-button--disabled,.control-button:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.control-button svg{width:var(--icon-size-md);height:var(--icon-size-md);fill:currentColor;stroke:currentColor;stroke-width:.5px}.control-tooltip{margin-bottom:var(--spacing-sm);background:color-mix(in srgb, var(--bg-primary), transparent 5%);-webkit-backdrop-filter:blur(var(--blur-backdrop-qr));backdrop-filter:blur(var(--blur-backdrop-qr));border:1px solid color-mix(in srgb, var(--text-secondary), transparent 90%);color:var(--text-primary);border-radius:var(--border-radius-circle);font-size:var(--font-size-xs);font-family:var(--font-family);white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--transition-base);z-index:calc(var(--z-overlay) + 100);padding:.4rem .8rem;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}@media (hover:hover){.control-button:hover .control-tooltip{opacity:1}}@media (width<=1024px){.controls-overlay{--controls-row-size:var(--size-button-mobile);--controls-overlay-padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom));--controls-chat-max-width:calc(var(--size-button-mobile) * 5 + var(--spacing-md) * 4);opacity:0;height:var(--spacing-controls-overlay-height);gap:var(--spacing-sm);padding:0 0 var(--controls-overlay-padding-bottom);transform:translateY(var(--offset-controls-overlay-reveal));pointer-events:none;transition:opacity var(--transition-base), transform var(--duration-slide);background:0 0;position:absolute;bottom:0;left:0;right:0}.controls-overlay.controls-overlay--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.control-button{width:var(--size-button-mobile);height:var(--size-button-mobile)}.control-button svg{width:var(--icon-size-md);height:var(--icon-size-md)}.control-button .control-tooltip{display:none}.controls-overlay__chat-input{width:calc(var(--size-button-mobile) * 3 + var(--spacing-sm) * 4);height:var(--size-button-mobile);padding:var(--spacing-md);font-size:var(--font-size-sm)}.controls-overlay__chat-messages{padding:0 var(--spacing-sm)}.controls-overlay__chat-row{gap:var(--spacing-md)}.controls-overlay__content--chat{max-width:var(--controls-chat-max-width)}}.loading-spinner{display:inline-block}.loading-spinner--sm{width:24px;height:24px}.loading-spinner--md{width:48px;height:48px}.loading-spinner--lg{width:72px;height:72px}.loading-spinner__svg{width:100%;height:100%;animation:1s linear infinite rotate}.loading-spinner__track{stroke:#b7bac326}.loading-spinner__progress{stroke:#b7bac3;stroke-dasharray:125.6;stroke-dashoffset:31.4px}.loading-dots{align-items:center;gap:8px;display:flex}.loading-dots--sm{gap:4px}.loading-dots--sm .loading-dots__dot{width:6px;height:6px}.loading-dots--md{gap:8px}.loading-dots--md .loading-dots__dot{width:10px;height:10px}.loading-dots--lg{gap:12px}.loading-dots--lg .loading-dots__dot{width:14px;height:14px}.loading-dots__dot{background:#b7bac3;border-radius:50%;animation:1.4s ease-in-out infinite bounce}.loading-dots__dot:first-child{animation-delay:-.32s}.loading-dots__dot:nth-child(2){animation-delay:-.16s}.loading-dots__dot:nth-child(3){animation-delay:0s}.loading-pulse{display:inline-block;position:relative}.loading-pulse--sm{width:32px;height:32px}.loading-pulse--md{width:56px;height:56px}.loading-pulse--lg{width:80px;height:80px}.loading-pulse__ring{opacity:0;border:3px solid #b7bac3;border-radius:50%;width:100%;height:100%;animation:2s ease-out infinite pulse;position:absolute;top:0;left:0}.loading-pulse__ring:nth-child(2){animation-delay:1s}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes progress{0%{stroke-dashoffset:125.6px}50%{stroke-dashoffset:31.4px}to{stroke-dashoffset:125.6px}}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.participant-page{opacity:0;background:var(--bg-video);width:100%;height:100%;font-family:var(--font-family);flex-direction:column;animation:.25s ease-out forwards fadeInScale;display:flex;position:relative;transform:scale(.98)}.remote-stream{background:var(--bg-video);transition:margin var(--duration-slide);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.remote-stream__frame{max-width:100%;max-height:100%;transition:border-radius var(--duration-slide);border-radius:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.remote-stream__video{object-fit:contain;width:100%;height:100%}.remote-stream__loading{justify-content:center;align-items:center;gap:var(--spacing-lg);background:radial-gradient(circle at center, rgba(var(--rgb-text-secondary), .05) 0%, transparent 70%);flex-direction:column;width:100%;height:100%;display:flex}.remote-stream__loading-text{font-size:var(--font-size-md);font-weight:var(--font-weight-normal);color:var(--text-secondary);font-family:var(--font-family)}.connection-status{top:var(--spacing-md);right:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background-color:rgba(var(--rgb-bg-primary), .6);border:1px solid rgba(var(--rgb-text-secondary), .1);-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));border-radius:var(--border-radius-lg);align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--text-secondary);z-index:var(--z-overlay);display:flex;position:absolute}.connection-status__indicator{background-color:var(--text-muted);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.connection-status__indicator--connecting{background-color:var(--accent-warning)}.connection-status__indicator--connected{background-color:var(--accent-success);animation:none}.connection-status__indicator--disconnected{background-color:var(--accent-danger);animation:none}.connection-status__indicator--failed{background-color:var(--accent-danger);animation:1s infinite blink}.connection-status__text{color:var(--text-primary);font-weight:var(--font-weight-medium)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (width<=1024px){.participant-page{touch-action:manipulation}.participant-page--controls-visible .remote-stream{margin-left:var(--spacing-md);margin-right:var(--spacing-md);margin-top:calc(var(--spacing-controls-overlay-height) / 2);margin-bottom:calc(var(--spacing-controls-overlay-height) + var(--spacing-md));transition:margin var(--duration-slide)}.participant-page--controls-visible .remote-stream__frame{border-radius:var(--border-radius-lg)}.remote-stream{transition:margin var(--duration-slide)}.remote-stream__loading{gap:var(--spacing-sm)}.remote-stream__loading-text{font-size:var(--font-size-base);padding:0 var(--spacing-md);text-align:center}.connection-status{top:var(--spacing-sm);right:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);border-radius:var(--border-radius-md)}.connection-status__indicator{width:6px;height:6px}}.landing-page{opacity:0;background:var(--bg-gradient);width:100%;height:100dvh;color:var(--text-primary);font-family:var(--font-family);-webkit-user-select:none;user-select:none;justify-content:center;animation:.25s ease-out forwards fadeInScale;display:flex;position:relative;transform:scale(.98)}.landing-page img{-webkit-user-drag:none}.landing-page input,.landing-page .password-input-container{-webkit-user-select:text;user-select:text}.landing-page__left{max-width:var(--layout-max-width);flex:1;justify-content:center;align-items:center;display:flex;position:relative}.landing-page__left .hero-container{width:calc(100% - var(--spacing-xl) - 4px);height:calc(100% - var(--spacing-2xl) - var(--spacing-lg));margin-left:calc(var(--spacing-xl) + 4px);border-radius:var(--spacing-lg);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.landing-page__left .hero-container img.hero-bg{object-fit:cover;opacity:1;width:100%;height:100%}.landing-page__left .hero-container .brand-title{z-index:2;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landing-page__left .hero-container .brand-title img{width:var(--size-brand-title-desktop);opacity:1}.landing-page__right{padding:var(--spacing-2xl);max-width:var(--layout-max-width);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.landing-page__menu-wrapper{width:100%;transition:var(--transition-menu);will-change:height;justify-content:center;align-items:flex-start;display:flex;overflow:visible}.landing-page__menu{gap:var(--spacing-md);width:100%;max-width:var(--menu-max-width);flex-direction:column;display:flex}.landing-page__version{font-size:var(--font-size-xxs);color:var(--text-muted);opacity:.75;font-family:var(--font-family);pointer-events:none;margin-top:var(--spacing-sm);z-index:10;text-align:center}.menu-button{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--interactive-normal);border-radius:var(--border-radius-circle);color:var(--bg-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-base);border:none;line-height:1;display:flex}.menu-button--animate-in{animation:fadeIn var(--duration-slow) cubic-bezier(.16, 1, .3, 1) backwards;animation-delay:var(--duration-fast)}.menu-button:hover{background:var(--interactive-hover)}.menu-button .button-icon{width:var(--icon-size-sm);height:var(--icon-size-sm);display:block}.menu-button--secondary{border:1px solid var(--text-muted);color:var(--interactive-normal);animation:fadeIn var(--duration-slow) cubic-bezier(.16, 1, .3, 1) backwards;background:0 0}.menu-button--secondary[data-delay="0"]{animation-delay:0s}.menu-button--secondary[data-delay="1"]{animation-delay:calc(var(--duration-slow) * .5)}.menu-button--secondary[data-delay="2"]{animation-delay:calc(var(--duration-slow) * 1)}.menu-button--secondary[data-delay="3"]{animation-delay:calc(var(--duration-slow) * 1.5)}.menu-button--secondary[data-delay="4"]{animation-delay:calc(var(--duration-slow) * 2)}.menu-button--secondary:hover{border-color:var(--interactive-normal);background:0 0}.session-id-input-container{justify-content:center;align-items:center;width:100%;display:flex}.session-id-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:rgba(var(--rgb-white), .05);border:1px solid var(--text-muted);border-radius:var(--border-radius-circle);color:var(--text-primary);font-size:var(--font-size-md);font-family:var(--font-family);text-align:center;transition:all var(--transition-base);outline:none}.session-id-input::placeholder{color:var(--text-muted);opacity:var(--opacity-muted)}.session-id-input:focus{border-color:var(--interactive-normal);background:rgba(var(--rgb-white), .08)}.session-id-input:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.password-input-wrapper{text-align:center;flex-direction:column;gap:.5rem;width:100%;display:flex}.session-domain-toggle{gap:var(--spacing-xs);width:100%;padding:var(--spacing-xxs);border-radius:var(--border-radius-circle);border:var(--border-width-thin) solid var(--text-muted);background:0 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:relative;overflow:hidden}.session-domain-toggle:before{content:"";top:var(--spacing-xxs);bottom:var(--spacing-xxs);left:var(--spacing-xxs);width:calc((100% - var(--spacing-xxs) * 2 - var(--spacing-xs)) / 2);border-radius:var(--border-radius-circle);background:var(--interactive-normal);transition:transform var(--transition-base);pointer-events:none;position:absolute}.session-domain-toggle--all:before{transform:translateX(calc(100% + var(--spacing-xs)))}.session-domain-toggle__option{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-circle);color:var(--interactive-normal);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);font-family:var(--font-family);text-align:center;cursor:pointer;transition:color var(--transition-base);z-index:1;background:0 0;border:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}.session-domain-toggle__option--active{color:var(--bg-primary)}.password-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-family:var(--font-family);text-align:center;padding-left:var(--spacing-sm)}.error-message{color:var(--accent-danger);text-align:center;padding:var(--spacing-sm) 0;animation:fadeIn var(--transition-base);font-size:.9rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1024px){.landing-page{flex-direction:column;position:relative;overflow:hidden}.landing-page__left{z-index:1;width:100%;max-width:100%;height:100%;padding:0;position:fixed;top:0;left:0}.landing-page__left .hero-container{border-radius:0;width:100%;height:100%;margin-left:0;position:relative}.landing-page__left .hero-container .brand-title{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;transform:none}.landing-page__left .hero-container .brand-title img{width:var(--size-brand-title-mobile);margin:auto}.landing-page__right{width:100%;max-width:480px;padding:var(--spacing-md) var(--spacing-md);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom));z-index:2;background:rgba(var(--rgb-bg-primary), .9);height:auto;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));border-radius:var(--border-radius-2xl) var(--border-radius-2xl) 0 0;flex:none;margin:0 auto;position:absolute;bottom:0;left:0;right:0}.landing-page__right.keyboard-open{padding-bottom:var(--spacing-md)}.landing-page__menu{gap:var(--spacing-sm);width:100%;max-width:100%}.menu-button{padding:var(--spacing-md);font-size:var(--font-size-base);border-radius:var(--border-radius-circle)}.menu-button .button-icon{width:var(--icon-size-sm);height:var(--icon-size-sm)}.session-id-input{padding:var(--spacing-md);font-size:var(--font-size-base)}.session-domain-toggle__option{padding:var(--spacing-md);font-size:var(--font-size-base);line-height:1}.password-label,.error-message{font-size:var(--font-size-sm)}}.password-input-container{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.password-input{width:100%;padding:var(--spacing-md) var(--spacing-xl) var(--spacing-md) var(--spacing-xl);background:rgba(var(--rgb-white), .05);border:1px solid var(--text-muted);border-radius:var(--border-radius-circle);color:var(--text-primary);font-size:var(--font-size-md);font-family:var(--font-family);text-align:center;transition:all var(--transition-base);outline:none}.password-input::placeholder{color:var(--text-muted);opacity:var(--opacity-muted)}.password-input:focus{border-color:var(--interactive-normal);background:rgba(var(--rgb-white), .08)}.password-input:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.password-input--error{border-color:var(--accent-danger)}.password-input__toggle{right:var(--spacing-md);cursor:pointer;padding:var(--spacing-xs);color:var(--text-muted);transition:color var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.password-input__toggle:hover:not(:disabled){color:var(--interactive-normal)}.password-input__toggle:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.password-input__toggle:focus{outline:none}.password-input__toggle-icon{width:var(--icon-size-xs);height:var(--icon-size-xs);display:block}@media (width<=1024px){.password-input{padding:var(--spacing-md) var(--spacing-xl) var(--spacing-md) var(--spacing-md);font-size:var(--font-size-base)}}:root{--bg-primary:#090b0f;--bg-secondary:#101426;--bg-tertiary:#1a1e2e;--bg-elevated:#1a1e2e;--bg-video:#000;--bg-gradient:linear-gradient(to bottom, #090b0f 0%, #101426 100%);--text-primary:#fff;--text-secondary:#b7bac3;--text-muted:#606269;--text-link:#5865f2;--accent-primary:#b7bac3;--accent-success:#3ba55d;--accent-danger:#ff6b6b;--accent-warning:#faa81a;--interactive-normal:#b7bac3;--interactive-hover:#d7dbe8;--interactive-active:#a1a4ae;--font-family:"Hubot-Sans", sans-serif;--border-width-thin:1px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-radius-2xl:32px;--border-radius-circle:9999px;--spacing-xxs:2px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--control-size-sm:36px;--control-size-md:48px;--control-size-lg:64px;--overlay-bg:#000000b3;--overlay-bg-light:#00000080;--transition-base:.25s ease-in-out;--transition-menu:height .4s cubic-bezier(.16, 1, .3, 1);--z-base:1;--z-dropdown:100;--z-overlay:500;--z-modal:1000;--z-toast:2000;--breakpoint-mobile:480px;--breakpoint-tablet:768px;--breakpoint-desktop:1024px;--font-size-xxs:.65rem;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-small:var(--font-size-sm);--font-size-base:1rem;--font-size-md:1.1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--opacity-disabled:.5;--opacity-muted:.7;--blur-sm:4px;--blur-md:8px;--blur-lg:12px;--duration-fast:.1s;--duration-base:.25s;--duration-slow:.4s;--layout-max-width:900px;--menu-max-width:400px;--icon-size-xs:18px;--icon-size-sm:20px;--icon-size-md:24px;--icon-size-lg:32px;--icon-size-xl:48px;--icon-size-2xl:64px;--rgb-bg-primary:9, 11, 15;--rgb-text-secondary:183, 186, 195;--rgb-accent-danger:255, 107, 107;--rgb-accent-success:59, 165, 93;--rgb-white:255, 255, 255;--rgb-black:0, 0, 0;--spacing-panel-gap:24px;--spacing-controls-overlay-height:180px;--blur-backdrop-qr:12px;--border-radius-qr-panel:16px;--size-qr-panel-min:280px;--size-button-mobile:56px;--size-controls-chat-panel-height:50vh;--size-controls-chat-panel-height-dynamic:50dvh;--size-controls-chat-message-max-width:70%;--font-size-copy-button:.9rem;--duration-slide:.25s;--line-height-controls-chat-message:1.2;--shadow-text-controls:0 0 12px rgb(var(--rgb-black));--shadow-text-controls-muted:0 0 12px rgb(var(--rgb-black));--offset-controls-overlay-reveal:calc(var(--spacing-xs) + var(--spacing-sm));--gradient-controls-overlay-chat:linear-gradient(to top, rgba(var(--rgb-black), .85) 0%, rgba(var(--rgb-black), .6) 60%, rgba(var(--rgb-black), .2) 85%, rgba(var(--rgb-black), 0) 100%);--size-brand-title-desktop:17.5rem;--size-brand-title-mobile:12.5rem}@font-face{font-family:Hubot-Sans;font-style:normal;font-weight:400;src:url(../fonts/Hubot-Sans-Regular.woff)format("woff");font-display:swap}@font-face{font-family:Hubot-Sans;font-style:normal;font-weight:500;src:url(../fonts/Hubot-Sans-Medium.woff)format("woff");font-display:swap}@font-face{font-family:Hubot-Sans;font-style:normal;font-weight:600;src:url(../fonts/Hubot-Sans-SemiBold.woff)format("woff");font-display:swap}*{box-sizing:border-box;margin:0;padding:0}html,body{touch-action:manipulation;overscroll-behavior:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;overflow:hidden}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;line-height:1.5}#root{width:100%;height:100%}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:1.25}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}button{cursor:pointer;color:inherit;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;touch-action:manipulation;background:0 0;border:none;font-family:inherit}button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}a{color:var(--text-link);transition:color var(--transition-base);text-decoration:none}a:hover{text-decoration:underline}input,textarea{font-family:inherit;font-size:inherit;color:inherit;background-color:var(--bg-tertiary);border:1px solid var(--interactive-normal);border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-base);-webkit-user-select:text;user-select:text;touch-action:manipulation}input:focus,textarea:focus{border-color:var(--accent-primary);outline:none}video{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.container{width:100%;height:100%;padding:var(--spacing-lg);flex-direction:column;justify-content:center;align-items:center;display:flex}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--accent-success)}.text-danger{color:var(--accent-danger)}.text-warning{color:var(--accent-warning)}