.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-toggle-row{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;margin-top:8px;padding:10px 14px;display:flex}.share-toggle-row.compact{margin-top:6px;padding:8px 12px}.share-toggle-info{flex-direction:column;gap:1px;display:flex}.share-toggle-label{color:#ffffffe6;font-size:.85rem;font-weight:500}.share-toggle-hint{color:#ffffff80;font-size:.7rem;font-weight:400}.share-toggle-desc{color:#ffffff80;font-size:.7rem}.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}.cursor-chat-showcase{background:linear-gradient(135deg,#57c4dc14,#57c4dc0a);border:1px solid #57c4dc33;border-radius:14px;align-items:center;gap:16px;padding:16px;display:flex;box-shadow:inset 0 1px #ffffff0a}.cursor-chat-preview{flex-shrink:0}.cursor-chat-icon{color:#57c4dc;background:linear-gradient(135deg,#57c4dc40,#57c4dc26);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;animation:2s ease-in-out infinite cursor-pulse;display:flex}@keyframes cursor-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.cursor-chat-content{flex:1}.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-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}.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{background:var(--bg-primary,#09090b);z-index:50;justify-content:center;align-items:center;transition:opacity .5s ease-in-out,visibility .5s ease-in-out;display:flex;position:fixed;inset:0}.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}