@import"https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;600;700&family=Roboto:wght@300;400;500&display=swap";:root{--primary: #FB651E;--primary-dark: #D94E0C;--primary-light: #FF854A;--bg-base: #1E1926;--bg-surface: #2A2336;--bg-elevated: #383047;--bg-hover: #453B55;--accent-blue: #FB651E;--accent-blue-h: #D94E0C;--accent-green: #27AE60;--accent-red: #EB5757;--accent-red-h: #C0392B;--text-primary: #FFFFFF;--text-secondary: #A09DB5;--text-muted: #716E85;--border: #383047;--border-light: #4E4461;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 24px;--radius-xl: 36px;--shadow-sm: 0 2px 4px rgba(0,0,0,.2);--shadow-md: 0 8px 16px rgba(0,0,0,.3);--shadow-lg: 0 16px 32px rgba(0,0,0,.4);--shadow-primary: 0 8px 24px rgba(251, 101, 30, .28);--transition: .2s cubic-bezier(.4, 0, .2, 1);--control-size: 56px;--font-heading: "Sora", "Google Sans", sans-serif;--font-body: "Poppins", "Roboto", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.tts-pro-app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);overflow-x:hidden}.tts-header{display:flex;align-items:center;justify-content:space-between;height:70px;padding:0 28px;background:#1e1926f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;gap:20px}.tts-header-left{display:flex;align-items:center;flex-shrink:0}.tts-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-primary)}.tts-logo-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#fb651e1f;border:1px solid rgba(251,101,30,.35);box-shadow:0 2px 10px #fb651e33}.tts-logo-text-group{display:flex;align-items:baseline;gap:8px}.tts-logo-title{font-family:var(--font-heading);font-size:19px;font-weight:700;letter-spacing:-.3px;color:#fff}.tts-logo-tag{background:var(--primary);color:#fff;font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;letter-spacing:.8px;box-shadow:0 2px 8px #fb651e59}.tts-beta-badge{background:#fb651e1f;color:var(--primary-light);border:1px solid rgba(251,101,30,.35);font-size:10px;font-weight:700;padding:2px 8px;border-radius:6px;letter-spacing:.5px;text-transform:uppercase}.tts-header-center{display:flex;align-items:center;justify-content:center;gap:12px;flex:1;max-width:660px}.tts-join-pill{display:flex;align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:24px;height:44px;padding:0 6px 0 14px;width:100%;max-width:310px;transition:background .2s,border-color .2s,box-shadow .2s}.tts-join-pill:focus-within{border-color:var(--primary);box-shadow:0 0 12px #fb651e4d;background:var(--bg-elevated)}.tts-keyboard-icon{color:var(--text-muted);flex-shrink:0;margin-right:8px}.tts-join-input{border:none;background:transparent;font-size:14px;color:#fff;outline:none;width:100%;font-family:inherit}.tts-join-input::placeholder{color:var(--text-muted)}.tts-join-btn{border:none;background:transparent;color:var(--text-muted);font-size:13px;font-weight:600;padding:6px 14px;border-radius:18px;cursor:default;transition:background .15s,color .15s;font-family:inherit}.tts-join-btn:not(:disabled){color:#fff;background:var(--primary);cursor:pointer;box-shadow:0 2px 8px #fb651e4d}.tts-join-btn:not(:disabled):hover{background:var(--primary-dark)}.tts-dropdown-wrap{position:relative;flex-shrink:0}.tts-btn-new{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border:none;border-radius:24px;height:44px;padding:0 20px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #fb651e59;transition:transform .15s,box-shadow .15s;font-family:inherit;white-space:nowrap}.tts-btn-new:hover{box-shadow:0 6px 22px #fb651e80;transform:translateY(-1px)}.tts-btn-new:active{transform:translateY(0)}.tts-menu{position:absolute;top:calc(100% + 8px);left:0;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 10px 32px #00000080;min-width:260px;padding:8px 0;z-index:100;display:none}.tts-menu.open{display:block;animation:ttsFadeDown .15s cubic-bezier(0,0,.2,1)}@keyframes ttsFadeDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.tts-menu-item{display:flex;align-items:center;gap:14px;width:100%;padding:12px 20px;background:transparent;border:none;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;text-align:left;font-family:inherit;transition:background .15s,color .15s}.tts-menu-item:hover{background:var(--bg-elevated);color:var(--primary-light)}.tts-btn-instant{display:inline-flex;align-items:center;gap:8px;background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border);border-radius:24px;height:44px;padding:0 18px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s;font-family:inherit;white-space:nowrap;flex-shrink:0}.tts-btn-instant:hover{background:var(--bg-elevated);border-color:var(--primary);color:var(--primary-light)}.tts-header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.tts-live-clock{font-family:var(--font-heading);font-size:14px;font-weight:600;color:var(--text-secondary);-webkit-user-select:none;user-select:none;margin-right:4px}.tts-icon-btn{width:40px;height:40px;border-radius:50%;border:none;background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.tts-icon-btn:hover{background:var(--bg-surface);color:var(--text-primary)}.tts-btn-upgrade{border:1px solid rgba(251,101,30,.5);color:var(--primary-light);background:#fb651e14;border-radius:20px;height:38px;padding:0 16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s}.tts-btn-upgrade:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.tts-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:15px;-webkit-user-select:none;user-select:none;box-shadow:0 2px 10px #fb651e59;cursor:pointer}.dash-main{flex:1;position:relative;overflow-x:hidden;overflow-y:auto}.dash-bg-effects{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.dash-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35;animation:dashOrbFloat 12s ease-in-out infinite}.dash-orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(251,101,30,.5) 0%,transparent 70%);top:-120px;right:-80px;animation-delay:0s}.dash-orb-2{width:350px;height:350px;background:radial-gradient(circle,rgba(99,102,241,.4) 0%,transparent 70%);bottom:10%;left:-100px;animation-delay:-4s;animation-duration:15s}.dash-orb-3{width:280px;height:280px;background:radial-gradient(circle,rgba(16,185,129,.3) 0%,transparent 70%);top:50%;right:15%;animation-delay:-8s;animation-duration:18s}@keyframes dashOrbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-20px) scale(1.05)}50%{transform:translate(-20px,30px) scale(.95)}75%{transform:translate(15px,15px) scale(1.02)}}.dash-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(78,68,97,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(78,68,97,.08) 1px,transparent 1px);background-size:60px 60px}.dash-content{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:40px 32px 0}.dash-hero{margin-bottom:52px;animation:dashFadeUp .7s cubic-bezier(.16,1,.3,1) both}@keyframes dashFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.dash-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.dash-hero-left{display:flex;flex-direction:column}.dash-greeting-wrap{display:inline-flex;align-items:center;gap:10px;background:#fb651e1a;border:1px solid rgba(251,101,30,.25);border-radius:30px;padding:8px 20px;margin-bottom:24px;width:fit-content;animation:dashFadeUp .7s .1s cubic-bezier(.16,1,.3,1) both}.dash-greeting-emoji{font-size:20px;animation:dashWave 2.5s ease-in-out infinite}@keyframes dashWave{0%,60%,to{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}}.dash-greeting-label{font-family:var(--font-heading);font-size:14px;font-weight:600;color:var(--primary-light);letter-spacing:.3px}.dash-hero-title{font-family:var(--font-heading);font-weight:800;letter-spacing:-.8px;line-height:1.15;margin-bottom:20px;animation:dashFadeUp .7s .2s cubic-bezier(.16,1,.3,1) both}.dash-title-line1{display:block;font-size:42px;color:#fff}.dash-title-line2{display:block;font-size:42px;color:var(--text-secondary)}.dash-highlight{background:linear-gradient(135deg,#fb651e,#ff854a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dash-hero-sub{font-size:16px;line-height:1.7;color:var(--text-secondary);margin-bottom:32px;max-width:480px;animation:dashFadeUp .7s .3s cubic-bezier(.16,1,.3,1) both}.dash-hero-actions{display:flex;align-items:center;gap:14px;margin-bottom:28px;flex-wrap:wrap;animation:dashFadeUp .7s .4s cubic-bezier(.16,1,.3,1) both}.dash-btn-primary{position:relative;display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,#fb651e,#ff854a);color:#fff;border:none;border-radius:16px;height:56px;padding:0 32px;font-size:16px;font-weight:700;cursor:pointer;font-family:var(--font-heading);box-shadow:0 8px 32px #fb651e66;transition:transform .2s,box-shadow .2s;overflow:hidden}.dash-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #fb651e8c}.dash-btn-primary:active{transform:translateY(0)}.dash-btn-icon-wrap{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#fff3}.dash-btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:dashShine 3s ease-in-out infinite}@keyframes dashShine{0%{left:-100%}50%{left:100%}to{left:100%}}.dash-btn-secondary{display:inline-flex;align-items:center;gap:10px;background:#2a2336cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);border:1px solid var(--border-light);border-radius:16px;height:56px;padding:0 28px;font-size:15px;font-weight:600;cursor:pointer;font-family:var(--font-heading);transition:background .2s,border-color .2s,transform .2s}.dash-btn-secondary:hover{background:var(--bg-elevated);border-color:var(--primary);transform:translateY(-2px)}.dash-user-pill-wrap{animation:dashFadeUp .7s .5s cubic-bezier(.16,1,.3,1) both}.dash-user-pill{display:inline-flex;align-items:center;gap:10px;background:#2a2336b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:14px;padding:8px 18px 8px 8px;font-size:13px;color:var(--text-secondary);transition:border-color .2s,background .2s,box-shadow .2s}.dash-user-pill:focus-within{border-color:var(--primary);background:var(--bg-elevated);box-shadow:0 0 20px #fb651e26}.dash-user-avatar-mini{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:13px;flex-shrink:0}.dash-user-label{font-weight:600;color:var(--text-muted)}.dash-user-input{border:none;background:transparent;font-size:14px;font-weight:600;color:var(--primary-light);outline:none;width:110px;font-family:inherit}.dash-hero-right{display:flex;align-items:center;justify-content:center;animation:dashFadeUp .7s .3s cubic-bezier(.16,1,.3,1) both}.dash-visual-card{position:relative;width:100%;max-width:460px;background:#2a233699;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(78,68,97,.5);border-radius:24px;padding:28px;box-shadow:0 24px 64px #0000004d,inset 0 1px #ffffff0d}.dash-visual-inner{position:relative}.dash-video-grid-preview{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:8px}.dash-vid-tile{position:relative;background:var(--bg-base);border-radius:14px;border:1px solid var(--border);padding:24px 12px 14px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:transform .3s,border-color .3s,box-shadow .3s}.dash-vid-tile:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 8px 24px #fb651e26}.dash-vid-tile-1{animation:dashTileFloat 4s ease-in-out infinite}.dash-vid-tile-2{animation:dashTileFloat 4s 1s ease-in-out infinite}.dash-vid-tile-3{animation:dashTileFloat 4s 2s ease-in-out infinite}.dash-vid-tile-4{animation:dashTileFloat 4s 3s ease-in-out infinite}@keyframes dashTileFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.dash-vid-avatar{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0003}.dash-vid-name{font-size:12px;font-weight:600;color:var(--text-secondary);font-family:var(--font-heading)}.dash-vid-live-dot{position:absolute;top:10px;right:10px;width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b98199;animation:dashPulse 2s ease-in-out infinite}@keyframes dashPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.dash-float-badge{position:absolute;display:inline-flex;align-items:center;gap:6px;background:#1e1926e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:10px;padding:6px 12px;font-size:11px;font-weight:600;color:var(--text-secondary);white-space:nowrap;box-shadow:0 4px 16px #0000004d}.dash-float-badge-1{top:-12px;right:-8px;animation:dashBadgeFloat 5s ease-in-out infinite}.dash-float-badge-2{bottom:20px;left:-14px;animation:dashBadgeFloat 5s 1.5s ease-in-out infinite}.dash-float-badge-3{bottom:-8px;right:20px;animation:dashBadgeFloat 5s 3s ease-in-out infinite}@keyframes dashBadgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.dash-wave-bars{display:flex;align-items:flex-end;gap:2px;height:14px}.dash-wave-bars span{display:block;width:3px;background:#fb651e;border-radius:2px;animation:dashWaveBars 1.2s ease-in-out infinite}.dash-wave-bars span:nth-child(1){height:6px;animation-delay:0s}.dash-wave-bars span:nth-child(2){height:10px;animation-delay:.15s}.dash-wave-bars span:nth-child(3){height:4px;animation-delay:.3s}.dash-wave-bars span:nth-child(4){height:8px;animation-delay:.45s}@keyframes dashWaveBars{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:52px;opacity:0;transform:translateY(24px);transition:opacity .6s,transform .6s}.dash-stats.visible{opacity:1;transform:translateY(0)}.dash-stat-card{background:#2a233699;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:20px;padding:24px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;transition:transform .25s,border-color .25s,box-shadow .25s}.dash-stat-card:hover{transform:translateY(-4px);border-color:#fb651e66;box-shadow:0 12px 32px #00000040}.dash-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.dash-stat-info{display:flex;align-items:baseline;gap:2px}.dash-stat-number{font-family:var(--font-heading);font-size:32px;font-weight:800;color:#fff;letter-spacing:-1px}.dash-stat-suffix{font-family:var(--font-heading);font-size:16px;font-weight:600;color:var(--text-muted)}.dash-stat-label{font-size:13px;font-weight:500;color:var(--text-muted)}.dash-actions-section{margin-bottom:52px;opacity:0;transform:translateY(24px);transition:opacity .6s .1s,transform .6s .1s}.dash-actions-section.visible{opacity:1;transform:translateY(0)}.dash-section-title{display:flex;align-items:center;gap:16px;font-family:var(--font-heading);font-size:20px;font-weight:700;color:#fff;margin-bottom:24px}.dash-section-line{flex:1;height:1px;background:linear-gradient(90deg,var(--border),transparent)}.dash-action-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.dash-action-card{position:relative;background:#2a233699;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:20px;padding:32px 24px;cursor:pointer;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}.dash-action-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px #0000004d}.dash-action-card-instant:hover{border-color:#fb651e80}.dash-action-card-schedule:hover{border-color:#6366f180}.dash-action-card-join:hover{border-color:#10b98180}.dash-action-card-bg{position:absolute;top:-40px;right:-40px;width:120px;height:120px;border-radius:50%;opacity:0;transition:opacity .3s}.dash-action-card:hover .dash-action-card-bg{opacity:1}.dash-action-card-instant .dash-action-card-bg{background:radial-gradient(circle,rgba(251,101,30,.15) 0%,transparent 70%)}.dash-action-card-schedule .dash-action-card-bg{background:radial-gradient(circle,rgba(99,102,241,.15) 0%,transparent 70%)}.dash-action-card-join .dash-action-card-bg{background:radial-gradient(circle,rgba(16,185,129,.15) 0%,transparent 70%)}.dash-action-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:transform .3s}.dash-action-card:hover .dash-action-icon{transform:scale(1.08)}.dash-action-card-instant .dash-action-icon{background:#fb651e26;color:#fb651e}.dash-action-card-schedule .dash-action-icon{background:#6366f126;color:#6366f1}.dash-action-card-join .dash-action-icon{background:#10b98126;color:#10b981}.dash-action-card h3{font-family:var(--font-heading);font-size:18px;font-weight:700;color:#fff;margin-bottom:8px}.dash-action-card p{font-size:14px;line-height:1.6;color:var(--text-secondary);margin-bottom:16px}.dash-action-arrow{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#ffffff0d;color:var(--text-muted);transition:background .2s,color .2s,transform .2s}.dash-action-card:hover .dash-action-arrow{transform:translate(4px)}.dash-action-card-instant:hover .dash-action-arrow{background:#fb651e33;color:#fb651e}.dash-action-card-schedule:hover .dash-action-arrow{background:#6366f133;color:#6366f1}.dash-action-card-join:hover .dash-action-arrow{background:#10b98133;color:#10b981}.dash-features-section{margin-bottom:64px;opacity:0;transform:translateY(24px);transition:opacity .6s .2s,transform .6s .2s}.dash-features-section.visible{opacity:1;transform:translateY(0)}.dash-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.dash-feature-card{background:#2a233673;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:18px;padding:28px 22px;transition:transform .3s,border-color .3s,box-shadow .3s}.dash-feature-card:hover{transform:translateY(-4px);border-color:#4e4461cc;box-shadow:0 12px 32px #0003}.dash-feature-icon-wrap{width:48px;height:48px;border-radius:14px;background:rgba(var(--feat-color, 251, 101, 30),.12);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--feat-color, #FB651E);transition:transform .3s}.dash-feature-card:hover .dash-feature-icon-wrap{transform:scale(1.1) rotate(-3deg)}.dash-feature-card h4{font-family:var(--font-heading);font-size:16px;font-weight:700;color:#fff;margin-bottom:8px}.dash-feature-card p{font-size:13px;line-height:1.6;color:var(--text-secondary)}.dash-footer{border-top:1px solid var(--border);padding:28px 0 40px}.dash-footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.dash-footer-brand{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-size:14px;font-weight:600;color:var(--text-secondary)}.dash-footer-copy{font-size:13px;color:var(--text-muted)}.dash-footer-links{display:flex;gap:20px}.dash-footer-links a{font-size:13px;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:color .15s}.dash-footer-links a:hover{color:var(--primary-light)}.tts-modal-overlay{position:fixed;inset:0;background:#0a080ed9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:1000}.tts-modal-overlay.open{display:flex}.tts-modal{background:var(--bg-surface);border-radius:20px;border:1px solid var(--border-light);padding:28px;width:90%;max-width:450px;box-shadow:0 16px 48px #0009;animation:ttsFadeDown .2s ease;color:#fff}.tts-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tts-modal-header h3{font-family:var(--font-heading);font-size:19px;font-weight:700;color:#fff}.tts-modal-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.tts-modal-close:hover{background:var(--bg-elevated);color:#fff}.tts-modal-text{font-size:14px;line-height:1.6;color:var(--text-secondary);margin-bottom:20px}.tts-copy-box{display:flex;align-items:center;justify-content:space-between;background:var(--bg-base);border-radius:10px;padding:12px 16px;border:1px solid var(--border);margin-bottom:24px}.tts-copy-url{font-size:13px;color:var(--primary-light);word-break:break-all;-webkit-user-select:all;user-select:all;font-family:inherit;font-weight:500}.tts-copy-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:6px;transition:background .15s,color .15s}.tts-copy-btn:hover{background:var(--bg-elevated);color:var(--primary)}.tts-modal-actions{display:flex;justify-content:flex-end}.tts-btn-modal-join{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border:none;border-radius:20px;padding:10px 24px;font-size:14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 16px #fb651e59;transition:transform .15s;font-family:var(--font-heading)}.tts-btn-modal-join:hover{transform:translateY(-1px)}@media(max-width:900px){.tts-header{padding:0 16px}.tts-live-clock,.tts-btn-upgrade{display:none}.dash-hero-inner{grid-template-columns:1fr;gap:32px}.dash-hero-left{align-items:center;text-align:center}.dash-greeting-wrap{margin-left:auto;margin-right:auto}.dash-hero-sub{max-width:100%}.dash-hero-actions{justify-content:center}.dash-user-pill-wrap{display:flex;justify-content:center}.dash-title-line1,.dash-title-line2{font-size:34px}.dash-stats,.dash-action-cards{grid-template-columns:repeat(2,1fr)}.dash-action-card:last-child{grid-column:span 2}.dash-features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.tts-header{flex-wrap:wrap;height:auto;padding:12px 16px;gap:12px}.tts-header-center{order:3;max-width:100%;width:100%;justify-content:space-between}.tts-join-pill{max-width:100%;flex:1}.dash-content{padding:24px 16px 0}.dash-title-line1,.dash-title-line2{font-size:28px}.dash-hero-sub{font-size:14px}.dash-stats{grid-template-columns:repeat(2,1fr);gap:12px}.dash-stat-number{font-size:26px}.dash-action-cards{grid-template-columns:1fr}.dash-action-card:last-child{grid-column:span 1}.dash-features-grid{grid-template-columns:1fr}.dash-hero-actions{flex-direction:column;width:100%}.dash-btn-primary,.dash-btn-secondary{width:100%;justify-content:center}.dash-footer-inner{flex-direction:column;align-items:center;text-align:center}}@media(max-width:480px){.dash-title-line1,.dash-title-line2{font-size:24px}.dash-visual-card{padding:16px}.dash-float-badge-1,.dash-float-badge-2{display:none}}.divider{display:flex;align-items:center;gap:12px;margin:12px 0;color:var(--text-muted);font-size:12px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);background:var(--bg-elevated);color:var(--text-primary);padding:12px 24px;border-radius:var(--radius-xl);font-size:14px;font-weight:500;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;z-index:9999;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.room-page{width:100vw;height:100vh;display:flex;flex-direction:column;background:var(--bg-base);overflow:hidden}.room-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;flex-shrink:0;z-index:10}.room-header-left{display:flex;flex-direction:column;gap:2px}.room-time{font-size:14px;font-weight:500;color:var(--text-primary)}.room-code-badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:background var(--transition);border:none;background:transparent;font-family:inherit}.room-code-badge:hover{background:var(--bg-hover);color:var(--text-primary)}.room-header-right{display:flex;align-items:center;gap:8px}.room-body{flex:1;display:flex;overflow:hidden;position:relative}.video-grid-wrapper{flex:1;padding:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}#videoGrid{width:100%;height:100%;display:grid;gap:8px;align-items:center;justify-items:center}#videoGrid[data-count="1"]{grid-template-columns:1fr}#videoGrid[data-count="2"]{grid-template-columns:1fr 1fr}#videoGrid[data-count="3"],#videoGrid[data-count="4"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}#videoGrid[data-count="5"],#videoGrid[data-count="6"],#videoGrid[data-count="7"],#videoGrid[data-count="8"],#videoGrid[data-count="9"]{grid-template-columns:1fr 1fr 1fr}#videoGrid[data-count="3"] .video-tile:first-child{grid-column:span 2}.video-tile{position:relative;background:var(--bg-surface);border-radius:var(--radius-md);overflow:hidden;width:100%;height:100%;min-height:160px;border:2px solid transparent;transition:border-color .15s}.video-tile.speaking{border-color:#34a853;box-shadow:0 0 0 2px #34a8534d}.video-tile video{width:100%;height:100%;object-fit:cover;display:block}.video-tile-avatar{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);font-size:clamp(32px,8vw,72px);font-weight:600;color:var(--text-primary);border-radius:50%;width:80px;height:80px;margin:auto;letter-spacing:-1px}.video-tile-avatar-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated)}.video-tile-label{position:absolute;bottom:0;left:0;right:0;padding:20px 12px 10px;background:linear-gradient(transparent,#000000bf);display:flex;align-items:center;justify-content:space-between}.video-tile-name{font-size:13px;font-weight:500;color:#fff;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-tile-icons{display:flex;gap:4px}.tile-icon{width:22px;height:22px;border-radius:50%;background:#0009;display:flex;align-items:center;justify-content:center;font-size:11px}.tile-icon.muted{background:var(--accent-red)}.sidebar{width:0;overflow:hidden;flex-shrink:0;background:var(--bg-surface);border-left:1px solid var(--border);display:flex;flex-direction:column;transition:width .25s cubic-bezier(.4,0,.2,1)}.sidebar.open{width:320px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-header h3{font-size:16px;font-weight:500;color:var(--text-primary)}.sidebar-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:18px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background var(--transition)}.sidebar-close:hover{background:var(--bg-hover);color:var(--text-primary)}.participants-list{flex:1;overflow-y:auto;padding:12px 0}.participant-item{display:flex;align-items:center;gap:12px;padding:10px 20px;transition:background var(--transition)}.participant-item:hover{background:var(--bg-hover)}.participant-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0;color:#fff}.participant-name{flex:1;font-size:14px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-badges{display:flex;gap:4px}.participant-badge{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px}.participant-badge.muted{background:var(--accent-red);color:#fff}.participant-badge.host{background:var(--accent-blue);color:#fff}.chat-sidebar{width:0;overflow:hidden;flex-shrink:0;background:var(--bg-surface);border-left:1px solid var(--border);display:flex;flex-direction:column;transition:width .25s cubic-bezier(.4,0,.2,1)}.chat-sidebar.open{width:360px}#chatMessages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.chat-message{display:flex;flex-direction:column;gap:4px;animation:msgIn .2s ease}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-message-meta{display:flex;align-items:baseline;gap:8px}.chat-message-sender{font-size:13px;font-weight:600;color:var(--text-primary)}.chat-message-time{font-size:11px;color:var(--text-muted)}.chat-message-text{font-size:14px;color:var(--text-secondary);line-height:1.5;word-break:break-word}.chat-message.self .chat-message-text{color:var(--text-primary)}.chat-input-area{padding:12px 16px;border-top:1px solid var(--border);display:flex;gap:8px;flex-shrink:0}.chat-input{flex:1;padding:10px 14px;background:var(--bg-base);border:1px solid var(--border);border-radius:24px;color:var(--text-primary);font-family:inherit;font-size:14px;outline:none;transition:border-color var(--transition)}.chat-input::placeholder{color:var(--text-muted)}.chat-input:focus{border-color:var(--accent-blue)}.chat-send-btn{width:40px;height:40px;border-radius:50%;border:none;background:var(--accent-blue);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition),transform var(--transition);flex-shrink:0;font-size:16px}.chat-send-btn:hover{background:var(--accent-blue-h)}.chat-send-btn:active{transform:scale(.92)}.room-controls{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 24px;background:var(--bg-base);position:relative;z-index:10}.room-controls-right{position:absolute;right:24px;top:50%;transform:translateY(-50%);display:flex;gap:8px;align-items:center}.ctrl-btn{width:var(--control-size);height:var(--control-size);border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:background var(--transition),transform var(--transition),box-shadow var(--transition);font-size:20px;background:var(--bg-elevated);color:var(--text-primary);flex-shrink:0}.ctrl-btn:hover{background:var(--border-light);transform:scale(1.05)}.ctrl-btn:active{transform:scale(.95)}.ctrl-btn.active{background:var(--bg-elevated);color:var(--text-primary)}.ctrl-btn.muted-off{background:var(--accent-red);color:#fff}.ctrl-btn.muted-off:hover{background:#bf2b20}.ctrl-btn.leave-btn{background:var(--accent-red);color:#fff;border-radius:var(--radius-xl);width:auto;padding:0 24px;gap:8px;font-size:14px;font-weight:500}.ctrl-btn.leave-btn:hover{background:var(--accent-red-h)}.ctrl-btn:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--bg-elevated);color:var(--text-primary);font-size:12px;font-weight:500;padding:5px 10px;border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.ctrl-btn:hover:after{opacity:1}.icon-btn{width:40px;height:40px;border-radius:50%;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:background var(--transition),color var(--transition)}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.icon-btn.active{background:var(--bg-elevated);color:var(--text-primary)}.status-dot{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;padding:5px 12px;border-radius:var(--radius-xl);background:var(--bg-elevated)}.status-dot:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.status-dot.connected:before{background:#34a853;box-shadow:0 0 6px #34a85399}.status-dot.connecting:before{background:#f9ab00;animation:pulse 1.2s infinite}.status-dot.error:before{background:var(--accent-red)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.notif-badge{position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:50%;background:var(--accent-red);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:badgePop .2s ease}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}.count-chip{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);background:var(--bg-elevated);padding:6px 12px;border-radius:var(--radius-xl)}.perm-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.perm-box{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px;max-width:420px;width:90%;text-align:center;box-shadow:var(--shadow-lg)}.perm-box-icon{font-size:48px;margin-bottom:20px}.perm-box h2{font-size:22px;font-weight:500;margin-bottom:12px}.perm-box p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:24px}@media(max-width:1024px){.gm-container{grid-template-columns:1fr;gap:48px;text-align:center;max-width:680px}.gm-hero-left{max-width:100%;text-align:center}.gm-action-row{justify-content:center}.gm-clock{display:none}.room-header{padding:8px 16px}}@media(max-width:768px){.gm-nav{height:58px;padding:0 16px}.gm-logo-text{font-size:18px}.tts-logo-icon{width:34px;height:34px}.gm-icon-btn{display:none}.gm-main{padding:24px 16px 40px}.gm-container{gap:36px}.gm-title{font-size:28px;line-height:1.25;margin-bottom:14px}.gm-subtitle{font-size:15px;line-height:1.5;margin-bottom:24px}.gm-action-row{flex-direction:column;align-items:stretch;width:100%;gap:12px}.gm-dropdown-wrap{width:100%}.gm-btn-primary{width:100%;height:48px;justify-content:center;font-size:15px;border-radius:12px}.gm-menu{width:100%;left:0;right:0;min-width:0}.gm-input-wrap{width:100%}.gm-code-input{width:100%;height:48px;border-radius:12px;font-size:15px}.gm-btn-text{width:100%;height:44px;display:flex;align-items:center;justify-content:center;font-size:15px;border-radius:12px;background:#fb651e14}.gm-btn-text:disabled{background:transparent}.gm-art-circle{width:180px;height:180px}.gm-vector-art{width:120px;height:120px}.gm-slide-title{font-size:19px}.gm-slide-desc{font-size:13px}.gm-modal{width:95%;padding:20px 16px;border-radius:14px}.gm-copy-box{flex-direction:column;gap:8px;text-align:center}.room-header-left{flex-direction:row;align-items:center;gap:8px}.room-time{display:none}.video-grid-wrapper{padding:6px}#videoGrid{gap:6px}#videoGrid[data-count="2"]{grid-template-columns:1fr;grid-template-rows:1fr 1fr}#videoGrid[data-count="3"] .video-tile:first-child{grid-column:span 1}#videoGrid[data-count="3"],#videoGrid[data-count="4"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.sidebar,.chat-sidebar{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;z-index:1000!important;background:var(--bg-surface)!important;border-left:none!important;display:none!important}.sidebar.open,.chat-sidebar.open{display:flex!important;flex-direction:column!important;width:100%!important;height:100%!important}.sidebar-close{width:44px;height:44px;font-size:20px}.room-controls{padding:10px 8px;gap:6px;justify-content:space-around;position:relative}.ctrl-btn{width:44px;height:44px}.ctrl-btn svg{width:18px;height:18px}.ctrl-btn.leave-btn{padding:0 14px;font-size:13px;height:44px}.room-controls-right{position:static;transform:none;gap:6px}}@media(max-width:480px){.ctrl-btn.leave-btn span{display:none}.ctrl-btn.leave-btn{width:44px;border-radius:50%;padding:0}.video-tile{min-height:130px}.video-tile-name{font-size:11px}}.video-tile.speaking{outline:3px solid var(--primary);outline-offset:-3px;box-shadow:0 0 18px #fb651eb3;transition:outline .15s ease,box-shadow .15s ease}.autoplay-banner{position:fixed;top:68px;left:50%;transform:translate(-50%);background:var(--primary);color:#fff;padding:10px 22px;border-radius:var(--radius-lg);box-shadow:var(--shadow-primary);display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;cursor:pointer;z-index:200;animation:fadeInSlide .3s ease;max-width:90%;text-align:center}.autoplay-banner .btn{background:#fff;color:var(--primary);border:none;padding:5px 14px;border-radius:var(--radius-sm);font-weight:700;cursor:pointer;flex-shrink:0}@keyframes fadeInSlide{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}