.host-page{opacity:0;transform:scale(.98);animation:fadeInScale .3s ease-out forwards}.host-page{width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg-video);font-family:var(--font-family)}.host-page__loading{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-video);color:var(--text-secondary)}.local-preview{flex:1;position:relative;background:var(--bg-video);overflow:hidden;display:flex;align-items:center;justify-content:center;transition:margin var(--duration-slide)}.local-preview__frame{max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;border-radius:0;overflow:hidden;transition:border-radius var(--duration-slide)}.local-preview__video{width:100%;height:100%;object-fit:contain;z-index:1}.local-preview__placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);background:radial-gradient(circle at center,rgba(var(--rgb-text-secondary),.05) 0%,transparent 70%)}.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{display:flex;gap:var(--spacing-sm);align-items:center}.share-link-display__input{flex:1;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)}.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(max-width:1024px){.host-page{touch-action:manipulation}.host-page--controls-visible .local-preview{margin:var(--spacing-md)}.host-page--controls-visible .local-preview__frame{border-radius:var(--border-radius-lg)}.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{flex-direction:column;gap:var(--spacing-xs)}.share-link-display__input{font-size:var(--font-size-xs);padding:.5rem}.share-link-display__button{width:100%;padding:.5rem;font-size:var(--font-size-sm)}}.qr-share-panel{position:absolute;bottom:calc(100% + var(--spacing-panel-gap));left:50%;transform:translate(-50%);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);display:flex;flex-direction:column;align-items:center}.qr-share-panel__qr-container{background:var(--text-primary);padding:var(--spacing-md);border-radius:var(--border-radius-md);display:flex;justify-content:center;margin-bottom:var(--spacing-md);width:100%;aspect-ratio:1/1;box-sizing:border-box}.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:none;border-radius:var(--border-radius-circle);font-family:var(--font-family);font-size:var(--font-size-copy-button);font-weight:500;cursor:pointer;transition:all var(--transition-base)}@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{position:absolute;bottom:calc(100% + var(--spacing-md));left:50%;transform:translate(-50%);display:flex;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}.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(max-width:1024px){.client-count-badge{bottom:calc(100% + var(--spacing-md));padding:var(--spacing-xxs) var(--spacing-sm);font-size:var(--font-size-xxs)}}.controls-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(var(--rgb-black),.9),rgba(var(--rgb-black),0));height:var(--spacing-controls-overlay-height);padding:0 0 var(--spacing-xl);display:flex;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}.controls-overlay:hover,.controls-overlay--visible{opacity:1}.controls-overlay__content{position:relative;display:flex;gap:var(--spacing-md);align-items:center}.control-button{position:relative;width:var(--control-size-md);height:var(--control-size-md);border-radius:var(--border-radius-circle);display:flex;align-items:center;justify-content:center;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)}@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:.5}.control-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--spacing-sm);padding:.4rem .8rem;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)}@media(hover:hover){.control-button:hover .control-tooltip{opacity:1}}@media(max-width:1024px){.controls-overlay{position:relative;opacity:0;background:none;height:auto;gap:var(--spacing-sm);padding:0;max-height:0;transform:translateY(24px);overflow:hidden;pointer-events:none;transition:max-height var(--duration-slide),padding var(--duration-slide),opacity var(--transition-base),transform var(--duration-slide)}.controls-overlay.controls-overlay--visible{opacity:1;padding:var(--spacing-md) 0 calc(var(--spacing-md) + env(safe-area-inset-bottom));max-height:calc(var(--spacing-controls-overlay-height) + env(safe-area-inset-bottom));transform:translateY(0);overflow:visible;pointer-events:auto}.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}}.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:rotate 1s linear infinite}.loading-spinner__track{stroke:#b7bac326}.loading-spinner__progress{stroke:#b7bac3;stroke-dasharray:125.6;stroke-dashoffset:31.4}.loading-dots{display:flex;align-items:center;gap:8px}.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:bounce 1.4s ease-in-out infinite}.loading-dots__dot:nth-child(1){animation-delay:-.32s}.loading-dots__dot:nth-child(2){animation-delay:-.16s}.loading-dots__dot:nth-child(3){animation-delay:0s}.loading-pulse{position:relative;display:inline-block}.loading-pulse--sm{width:32px;height:32px}.loading-pulse--md{width:56px;height:56px}.loading-pulse--lg{width:80px;height:80px}.loading-pulse__ring{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid #b7bac3;border-radius:50%;opacity:0;animation:pulse 2s ease-out infinite}.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.6}50%{stroke-dashoffset:31.4}to{stroke-dashoffset:125.6}}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes pulse{0%{transform:scale(.5);opacity:1}to{transform:scale(1.5);opacity:0}}.participant-page{opacity:0;transform:scale(.98);animation:fadeInScale .3s ease-out forwards}.participant-page{width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg-video);font-family:var(--font-family);position:relative}.remote-stream{flex:1;position:relative;background:var(--bg-video);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:margin var(--duration-slide)}.remote-stream__frame{max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;border-radius:0;overflow:hidden;transition:border-radius var(--duration-slide)}.remote-stream__video{width:100%;height:100%;object-fit:contain}.remote-stream__loading{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);background:radial-gradient(circle at center,rgba(var(--rgb-text-secondary),.05) 0%,transparent 70%)}.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{position:absolute;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);display:flex;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)}.connection-status__indicator{width:8px;height:8px;border-radius:50%;background-color:var(--text-muted);animation:pulse 2s infinite}.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:blink 1s infinite}.connection-status__text{color:var(--text-primary);font-weight:var(--font-weight-medium)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media(max-width:1024px){.participant-page{touch-action:manipulation}.participant-page--controls-visible .remote-stream{margin:var(--spacing-md)}.participant-page--controls-visible .remote-stream__frame{border-radius:var(--border-radius-lg)}.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;transform:scale(.98);animation:fadeInScale .3s ease-out forwards}@keyframes fadeInScale{to{opacity:1;transform:scale(1)}}.landing-page{display:flex;width:100%;height:100dvh;background:var(--bg-gradient);color:var(--text-primary);font-family:var(--font-family);justify-content:center;-webkit-user-select:none;user-select:none;position:relative}.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{flex:1;display:flex;align-items:center;justify-content:center;position:relative;max-width:var(--layout-max-width)}.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);position:relative;overflow:hidden;border-radius:var(--spacing-lg);display:flex;align-items:center;justify-content:center}.landing-page__left .hero-container img.hero-bg{width:100%;height:100%;object-fit:cover;opacity:1}.landing-page__left .hero-container .brand-title{position:absolute;z-index:2;padding:0;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{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);max-width:var(--layout-max-width)}.landing-page__menu-wrapper{width:100%;display:flex;justify-content:center;align-items:flex-start;transition:var(--transition-menu);overflow:visible;will-change:height}.landing-page__menu{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;max-width:var(--menu-max-width)}.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{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--interactive-normal);border:none;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);line-height:1;cursor:pointer;transition:all var(--transition-base)}.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{background:transparent;border:1px solid var(--text-muted);color:var(--interactive-normal);animation:fadeIn var(--duration-slow) cubic-bezier(.16,1,.3,1) backwards}.menu-button--secondary[data-delay="0"]{animation-delay:0ms}.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{background:transparent;border-color:var(--interactive-normal)}.session-id-input-container{width:100%;display:flex;align-items:center;justify-content:center}.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;outline:none;transition:all var(--transition-base)}.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{width:100%;display:flex;flex-direction:column;gap:.5rem;text-align:center}.session-domain-toggle{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-xs);padding:var(--spacing-xxs);border-radius:var(--border-radius-circle);border:var(--border-width-thin) solid var(--text-muted);background:transparent;position:relative;overflow:hidden}.session-domain-toggle:before{content:"";position:absolute;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}.session-domain-toggle--all:before{transform:translate(calc(100% + var(--spacing-xs)))}.session-domain-toggle__option{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--border-radius-circle);background:transparent;color:var(--interactive-normal);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);font-family:var(--font-family);line-height:1;text-align:center;cursor:pointer;transition:color var(--transition-base);position:relative;z-index:1}.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);font-size:.9rem;text-align:center;padding:var(--spacing-sm) 0;animation:fadeIn var(--transition-base)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px) scale(95%)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1024px){.landing-page{flex-direction:column;position:relative;overflow:hidden}.landing-page__left{position:fixed;top:0;left:0;width:100%;height:100%;max-width:100%;padding:0;z-index:1}.landing-page__left .hero-container{width:100%;height:100%;margin-left:0;border-radius:0;position:relative}.landing-page__left .hero-container .brand-title{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform:none}.landing-page__left .hero-container .brand-title img{width:var(--size-brand-title-mobile);margin:auto}.landing-page__right{position:absolute;bottom:0;left:0;right:0;margin:0 auto;width:100%;max-width:480px;padding:var(--spacing-md) var(--spacing-md);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom));height:auto;flex:0 0 auto;z-index:2;background:rgba(var(--rgb-bg-primary),.9);-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}.landing-page__right.keyboard-open{padding-bottom:var(--spacing-md)}.landing-page__menu{width:100%;max-width:100%;gap:var(--spacing-sm)}.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{width:100%;display:flex;align-items:center;justify-content:center;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;outline:none;transition:all var(--transition-base)}.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{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:color var(--transition-base)}.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(max-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: #000000;--bg-gradient: linear-gradient(to bottom, #090b0f 0%, #101426 100%);--text-primary: #ffffff;--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: rgba(0, 0, 0, .7);--overlay-bg-light: rgba(0, 0, 0, .5);--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-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;--font-size-copy-button: .9rem;--duration-slide: .3s;--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}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;touch-action:manipulation;overscroll-behavior:none;-webkit-user-select:none;user-select:none}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}#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{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;touch-action:manipulation}button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}a{color:var(--text-link);text-decoration:none;transition:color var(--transition-base)}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{outline:none;border-color:var(--accent-primary)}video{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg)}.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)}