.session-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:.875rem;font-weight:500;animation:.3s ease-out slideDown;display:inline-flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.session-badge--host{color:#64ff8b;background:#64ff8b26;border:1px solid #64ff8b4d}.session-badge--viewer{color:#6fa8ff;background:#6fa8ff26;border:1px solid #6fa8ff4d}.session-badge i{width:16px;height:16px}.viewer-count{opacity:.7}.session-loading,.session-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:20px;display:flex}.session-loading i.spin{width:48px;height:48px;animation:1s linear infinite spin}.session-error i{width:64px;height:64px;color:var(--error,#ff7a7a)}.session-error h2{margin:0;font-size:1.5rem}.session-error p{color:var(--text-secondary,#999);max-width:400px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.share-overlay{z-index:2000;background:0 0;justify-content:flex-end;align-items:flex-start;padding:70px 20px 20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.share-overlay.closing{pointer-events:none}.share-overlay.closing .share-modal{animation:.2s ease-out forwards slideOutRight}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.share-modal{background:linear-gradient(155deg,#14181ffa,#0c0f15f7);border-radius:16px;width:min(420px,100%);max-height:calc(100vh - 100px);padding:0;animation:.25s ease-out slideInRight;overflow-y:auto;box-shadow:0 28px 70px #0009,0 0 0 1px #ffffff0d}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.share-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.share-title h2{margin:0;font-size:1rem;font-weight:600}.share-title-live{color:#34d399;align-items:center;gap:8px;display:inline-flex}.share-header-viewers{opacity:.85;align-items:center;gap:4px;margin-left:4px;font-size:.85rem;display:inline-flex}.share-title p{color:#ffffffa6;margin:0;font-size:.85rem}.share-close{--btn-size:36px;width:var(--btn-size);height:var(--btn-size)}.share-body{flex-direction:column;gap:10px;padding:12px 18px 16px;display:flex}.active-session-banner{background:#34d39914;border:1px solid #34d39940;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:14px 16px;display:flex}.active-session-banner__content{align-items:center;gap:10px;display:flex}.active-session-banner__dot{background:#34d399;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 8px #34d39980}.active-session-banner__text{flex-direction:column;gap:2px;display:flex}.active-session-banner__title{color:#34d399;font-size:.9rem;font-weight:600}.active-session-banner__desc{color:#fff9;font-size:.8rem}.share-description{color:#ffffffbf;margin:0;line-height:1.5}.share-url{align-items:center;gap:10px;display:flex}.share-url__input{flex:1}.share-banner{border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.share-banner>div{flex-direction:column;gap:2px;display:flex}.share-banner strong{font-size:.95rem;display:block}.share-banner span{color:#ffffffb3;font-size:.85rem}.share-banner--live{background:#34d39926;border-color:#34d39959;justify-content:space-between}.share-banner.compact{min-height:40px;padding:8px 12px}.share-banner--error{color:#fca5a5;background:#f871711f;border-color:#f8717166}.share-status{color:#ffffffe6;align-items:center;gap:8px;display:inline-flex}.share-live-row{background:#34d3991f;border:1px solid #34d3994d;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.share-live-status{color:#34d399;align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.share-live-viewers{color:#ffffffb3;align-items:center;gap:6px;font-size:.85rem;display:flex}.share-hint{color:#fff9;margin:12px 0 0;font-size:.8rem}.share-feature-intro{background:#57c4dc14;border:1px solid #57c4dc33;border-radius:10px;margin-bottom:12px;padding:12px}.share-feature-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.share-feature-title{color:#fffffff2;font-size:.9rem;font-weight:600}.share-feature-badge{color:#57c4dc;text-transform:uppercase;letter-spacing:.5px;background:#57c4dc26;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:600}.share-feature-desc{color:#ffffffa6;margin:0 0 8px;font-size:.8rem;line-height:1.4}.share-feature-list li{color:#ffffffb3;font-size:.75rem}.share-viewers{color:#fffc;align-items:center;gap:6px;font-size:.9rem;display:inline-flex}.share-actions{justify-content:flex-start;align-items:center;gap:10px;display:flex}.share-actions--stacked{flex-direction:column;align-items:stretch;gap:12px}.share-actions--stacked .btn{justify-content:center;width:100%}.resume-section{flex-direction:column;gap:8px;width:100%;display:flex}.divider{text-align:center;color:#ffffff4d;align-items:center;font-size:12px;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid #ffffff1a;flex:1}.divider span{padding:0 10px}.resume-hint{text-align:center;color:#ffffff73;margin:0;font-size:11px}.share-feature-preview{background:#ffffff05;border:1px solid #ffffff14;border-radius:14px;padding:16px 18px}.share-feature-preview h3{color:#ffffffe6;text-transform:none;letter-spacing:.01em;margin:0 0 12px;font-size:.9rem;font-weight:600}.share-feature-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.share-feature-list li{color:#ffffffd9;align-items:center;gap:12px;font-size:.9rem;display:flex}.share-feature-list li svg{color:#57c4dc;flex-shrink:0}.share-url button.btn-pri{transition:background .16s,border-color .16s,transform .12s,box-shadow .2s}.share-url button.btn-pri:has(svg[data-lucide=check]){box-shadow:none;background:#22c55e;border-color:#22c55e99}.share-modal .btn{color:#e5e7eb;background:#ffffff0a;border:1px solid #ffffff14;justify-content:center;min-height:40px;font-weight:700;transition:background .16s,border-color .16s,transform .12s}.share-modal .btn:hover{background:#ffffff14;border-color:#ffffff24}.share-modal .btn:active{transform:translateY(1px)}.share-modal .btn-pri{color:#fff;box-shadow:none;background:#3b82f6;border-color:#3b82f680}.share-modal .btn-pri:hover{background:#2563eb;border-color:#2563eba6}.share-modal .btn-danger{color:#fca5a5;background:#f871711f;border-color:#f8717166}.share-modal .btn-danger:hover{background:#f871712e}.share-modal .btn-ghost{color:#e5e7eb;background:#ffffff0a;border-color:#ffffff14}.share-btn-wrap .btn{font-size:.8em}.share-modal .btn svg,.share-viewers svg,.share-status svg{vertical-align:middle;display:inline-block}.pulse-dot{background:#34d399;border-radius:50%;width:10px;height:10px;animation:2s infinite pulse-green;box-shadow:0 0 #34d399b3}.pulse-dot.offline{box-shadow:none;background:#94a3b8;animation:none}.session-badge--offline{color:#94a3b8;background:#94a3b826;border:1px solid #94a3b84d}@keyframes pulse-green{0%{transform:scale(.9);box-shadow:0 0 #34d399b3}70%{transform:scale(1);box-shadow:0 0 0 7px #34d39900}to{transform:scale(.9);box-shadow:0 0 #34d39900}}@keyframes pulse-blue{0%{transform:scale(.9);box-shadow:0 0 #57c4dcb3}70%{transform:scale(1);box-shadow:0 0 0 7px #57c4dc00}to{transform:scale(.9);box-shadow:0 0 #57c4dc00}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.session-status-btn{text-transform:none;border-radius:9999px;align-items:center;gap:8px;min-width:auto;min-height:40px;max-height:40px;font-size:.85rem;font-weight:500;line-height:1;transition:all .2s;display:inline-flex}.session-status-btn span{line-height:1;display:inline-flex}.session-status-btn.offline{color:#94a3b8;background:#94a3b81a;border:1px solid #94a3b833}.session-status-btn.offline:hover{background:#94a3b833;border-color:#94a3b84d}.session-status-btn.live{color:#34d399;background:#34d3991a;border:1px solid #34d3994d}.session-status-btn.live:hover{background:#34d39933;border-color:#34d39980}.viewer-count-compact{opacity:.85;align-items:center;gap:4px;margin-left:2px;font-size:.8rem;display:inline-flex}.viewer-count-compact svg{flex-shrink:0}.welcome-join-backdrop{z-index:9050;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(120% 80% at 50% -10%,#22c55e14 0%,#0a0c1200 50%),#080a0fa8;justify-content:center;align-items:center;padding:16px;animation:.24s ease-out fadeIn;display:flex;position:fixed;inset:0}.welcome-join-modal{text-align:center;background:linear-gradient(#141723f7 0%,#0d101bf7 100%);border:1px solid #ffffff1f;border-radius:26px;width:min(560px,100vw - 32px);padding:30px 28px 24px;animation:.24s ease-out scaleIn;box-shadow:0 24px 60px #00000080,inset 0 1px #ffffff14}.welcome-join-identity{justify-content:center;align-items:center;width:78px;height:78px;margin:0 auto 14px;display:flex}.welcome-join-avatar-shell{border-radius:9999px;justify-content:center;align-items:center;width:78px;height:78px;display:flex;position:relative}.welcome-join-avatar-glow{filter:blur(14px)saturate(1.2);opacity:.5;z-index:0;background-position:50%;background-size:cover;border-radius:9999px;position:absolute;inset:-14px;transform:scale(1.04)}.welcome-join-avatar{z-index:1;object-fit:cover;border:1px solid #ffffff5c;border-radius:9999px;width:78px;height:78px;position:relative;box-shadow:0 10px 24px #0000006b,inset 0 0 0 1px #ffffff0d}.welcome-join-icon-fallback{color:#38bdf8;background:radial-gradient(80% 80% at 50% 30%,#3b82f647 0%,#1e40af2e 100%);border:1px solid #38bdf85c;border-radius:9999px;justify-content:center;align-items:center;width:68px;height:68px;display:flex;box-shadow:0 10px 30px #1e40af52}.welcome-join-brand{color:#bae6fdf0;letter-spacing:.02em;background:#1e40af29;border:1px solid #38bdf83d;border-radius:9999px;align-items:center;gap:5px;padding:4px 8px;font-size:.72rem;font-weight:650;display:inline-flex}.welcome-join-brand--footer{color:#cbd5e1db;background:#1e293b38;border-color:#94a3b83d;font-size:.7rem}.welcome-join-brand-logo{color:#38bdf8f5;justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex}.welcome-join-progress-inline{letter-spacing:.01em;color:#c8e5f6f0;font-variant-numeric:tabular-nums;margin:0 0 8px;font-size:.9rem;font-weight:640;line-height:1.35}.welcome-join-title{color:#f8fafc;letter-spacing:-.02em;margin:0;font-size:clamp(1.4rem,2.7vw,1.95rem);font-weight:700;line-height:1.1}.welcome-join-description{color:#e2e8f0c2;max-width:48ch;margin:14px auto 20px;font-size:clamp(.92rem,1.5vw,1.02rem);line-height:1.42}.welcome-join-cta.btn{color:#0a0a0cf2;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);border-color:#fbbf246b;border-radius:16px;justify-content:center;gap:10px;width:100%;min-height:48px;font-size:1rem;font-weight:650;line-height:1;box-shadow:0 6px 16px #f59e0b3d,inset 0 0 0 1px #ffffff12}.welcome-join-cta.btn:hover{background:linear-gradient(135deg,#fcd34d 0%,#f59e0b 100%);transform:translateY(-1px);box-shadow:0 9px 20px #f59e0b47,inset 0 0 0 1px #ffffff14}.welcome-join-cta.btn:active{transform:translateY(0)}.welcome-join-actions{flex-direction:column;gap:10px;display:flex}.welcome-join-own-link{color:#94a3b8eb;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;width:fit-content;margin:4px auto 0;font-size:.86rem;font-weight:560;transition:color .14s,opacity .14s;display:inline-flex}.welcome-join-own-link:hover{color:#e2e8f0f5}.welcome-join-brand-row{justify-content:center;margin-top:6px;display:flex}.welcome-join-about-toggle{color:#94a3b8e0;cursor:pointer;background:0 0;border:0;margin:4px auto 0;font-size:.8rem;font-weight:560}.welcome-join-about-toggle:hover{color:#cbd5e1f2}.welcome-join-about{color:#e2e8f0d1;background:#0f172a8c;border:1px solid #94a3b833;border-radius:12px;margin-top:4px;padding:10px 12px;font-size:.82rem;line-height:1.42}@media (max-width:640px){.welcome-join-modal{border-radius:20px;width:min(520px,100vw - 20px);padding:24px 18px 18px}.welcome-join-identity,.welcome-join-avatar-shell,.welcome-join-avatar{width:68px;height:68px}.welcome-join-title{font-size:clamp(1.34rem,6.5vw,1.86rem)}.welcome-join-description{margin:12px auto 16px;font-size:clamp(.9rem,3.4vw,.97rem)}.welcome-join-cta.btn{border-radius:14px;min-height:46px;font-size:.95rem}.welcome-join-progress-inline{font-size:.82rem}}.offline-overlay{z-index:9000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0c12f2;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.offline-content{text-align:center;max-width:400px;padding:32px}.offline-icon{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex}.offline-title{color:#fffffff2;margin:0 0 12px;font-size:1.5rem;font-weight:600}.offline-description{color:#fff9;margin:0 0 24px;font-size:.95rem;line-height:1.5}.offline-actions{flex-direction:column;gap:12px;display:flex}.offline-btn-secondary{opacity:.7}.offline-btn-secondary:hover{opacity:1}.offline-social{border-top:1px solid #ffffff14;margin-top:20px;padding-top:20px}.offline-social-hint{color:#fff6;margin:0 0 12px;font-size:.75rem}.offline-social-links{justify-content:center;gap:12px;display:flex}.offline-social-link{color:#fff9;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s;display:flex}.offline-social-link:hover{color:#ffffffe6;background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.offline-hint{color:#fff6;margin:24px 0 0;font-size:.75rem}.offline-overlay{transition:opacity .5s ease-in-out,visibility .5s ease-in-out}.offline-overlay--visible{opacity:1;visibility:visible;pointer-events:auto}.offline-overlay--hidden{opacity:0;visibility:hidden;pointer-events:none}.go-live-overlay-v2{z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000d9;flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s ease-out;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.go-live-overlay-v2.is-exiting{opacity:0;pointer-events:none}.go-live-content-v2{text-align:center;flex-direction:column;align-items:center;max-width:480px;padding:48px 24px;display:flex}.go-live-chip{color:#fff9;letter-spacing:.5px;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:100px;align-items:center;margin-bottom:24px;padding:6px 14px;font-size:.75rem;font-weight:500;display:inline-flex}.go-live-headline{background:linear-gradient(135deg,#2dd4bf,#22c55e);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 24px;font-size:clamp(2rem,8vw,3.5rem);font-weight:600;line-height:1.1}.go-live-greeting{color:#ffffff80;margin:0 0 12px;font-size:1rem}.go-live-cta{color:#ffffff59;margin:0 0 24px;font-size:.8rem}.go-live-display{justify-content:center;align-items:center;gap:12px;margin-bottom:16px;display:flex}.go-live-display span{letter-spacing:.02em;background:linear-gradient(#e5e7eb 0%,#6b7280 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(4rem,15vw,6rem);font-weight:300}.go-live-display-icon{color:#6b7280;opacity:.8}.go-live-description{color:#fff6;margin:0 0 24px;font-size:.95rem}.go-live-url-box{align-items:center;gap:8px;width:100%;max-width:380px;margin-bottom:32px;display:flex}.go-live-url-input{color:#fffc;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;outline:none;flex:1;padding:12px 16px;font-family:inherit;font-size:.85rem;transition:border-color .2s}.go-live-url-input:focus{border-color:#ffffff40}.go-live-copy-btn{color:#fff9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.go-live-copy-btn:hover{color:#ffffffe6;background:#ffffff1a;border-color:#fff3}.go-live-actions-v2{flex-direction:column;gap:12px;width:100%;max-width:320px;display:flex}.go-live-pill{cursor:pointer;border:1px solid #0000;border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.go-live-pill-primary{color:#000;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#fbbf2480;padding:16px 32px;font-size:1rem;font-weight:600}.go-live-pill-primary:hover{background:linear-gradient(135deg,#fcd34d,#fbbf24);transform:translateY(-1px);box-shadow:0 8px 24px #fbbf2440}.go-live-pill-secondary{color:#ffffff80;background:0 0;border-color:#0000;padding:10px 20px;font-size:.85rem}.go-live-pill-secondary:hover{color:#fffc;background:#ffffff0d}.btn-badge-wrap{display:inline-flex;position:relative}.status-dot-badge{z-index:10;pointer-events:none;background:#34d399;border-radius:50%;width:8px;height:8px;position:absolute;top:0;right:0;box-shadow:0 0 0 1px #34d39966}.status-dot-badge.live{animation:2s infinite pulse-badge}@keyframes pulse-badge{0%{box-shadow:0 0 #34d399b3}70%{box-shadow:0 0 0 6px #34d39900}to{box-shadow:0 0 #34d39900}}.share-auth-prompt{flex-direction:column;gap:20px;padding:8px 0;display:flex}.auth-prompt-visual{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:24px 0 12px;display:flex}.auth-prompt-visual p{color:#ffffffb3;margin:0;font-size:.9rem}.auth-icon-circle{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 0 20px #0003}.overlay-session-indicator{z-index:9100;color:#0a0c12f2;border:1px solid #ffffff38;border-radius:9999px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex;position:fixed;top:10px;right:10px;box-shadow:0 6px 14px #00000059}.overlay-session-indicator__triangle{border-bottom:8px solid;border-left:4.5px solid #0000;border-right:4.5px solid #0000;width:0;height:0;transform:translateY(-.5px)}.overlay-session-indicator--warning{background:#f59e0b}.overlay-session-indicator--offline{background:#ef4444}.live-banner{z-index:999999;-webkit-backdrop-filter:blur(16px);background:#10b9811f;border-bottom:1px solid #34d39940;justify-content:center;align-items:center;gap:10px;padding:10px 16px;transition:transform .4s ease-in,opacity .4s ease-in;animation:.35s cubic-bezier(.16,1,.3,1) liveBannerSlideDown;display:flex;position:fixed;top:0;left:0;right:0}.live-banner--exiting{opacity:0;transform:translateY(-100%)}.live-banner-dot{background:#34d399;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s infinite pulse-green;box-shadow:0 0 8px #34d39999}.live-banner-text{color:#ffffffd9;font-size:.85rem;font-weight:500}.live-banner-text strong{color:#34d399;font-weight:600}.live-banner-copy{color:#ffffff80;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.live-banner-copy:hover{color:#ffffffe6;background:#ffffff1f;border-color:#fff3}@keyframes liveBannerSlideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}