.landing-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;overflow-y:scroll;position:relative;scroll-behavior:smooth}.landing-page:before{content:"";position:absolute;top:-200px;left:50%;transform:translate(-50%);width:800px;height:600px;background:radial-gradient(ellipse at center,rgba(34,211,238,.08) 0%,rgba(124,58,237,.04) 40%,transparent 70%);pointer-events:none;z-index:0}.landing-nav{position:fixed;top:0;left:0;right:0;background:var(--bg-nav);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:1000;padding:.75rem 0}.nav-container{max-width:1100px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;font-size:2rem;font-weight:700;line-height:1}.beta-indicator{font-size:.6rem;font-weight:700;letter-spacing:1.5px;padding:.15rem .45rem;border-radius:4px;background:linear-gradient(135deg,#00d4ff,#7b2ff7);color:#000;line-height:1;align-self:flex-start}.nav-links{display:flex;align-items:center;gap:1.5rem}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.9rem;position:relative;padding-bottom:4px;transition:color var(--transition-fast)}.nav-links a:hover,.nav-links a.active{color:var(--primary-color)}.nav-links a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--primary-color);border-radius:0}.hero{padding:8rem 2rem 4rem;max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;min-height:90vh;position:relative}.hero-title{font-size:clamp(2.8rem,5vw,4.5rem);font-weight:800;line-height:1.15;margin-bottom:.75rem}.gradient-text{background:var(--gradient-cyber-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-credential{font-size:.9rem;color:var(--primary-color);font-weight:600;margin-bottom:1.5rem;letter-spacing:.5px;display:flex;align-items:center;gap:.5rem}.hero-credential:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--primary-dim);border-radius:50%;font-size:.75rem;color:var(--primary-color)}.hero-subtitle{font-size:1.2rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem;max-width:540px}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center}.hero-terminal{width:100%;max-width:480px;background:#0a0a0f;border:1px solid rgba(34,211,238,.2);border-radius:var(--radius-card);overflow:hidden;box-shadow:0 0 30px #22d3ee14,0 0 60px #7c3aed0a}.terminal-bar{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#ffffff08;border-bottom:1px solid rgba(34,211,238,.1)}.t-dot{width:10px;height:10px;border-radius:50%}.terminal-title{font-size:.75rem;color:#ffffff59;font-weight:500;margin-left:.5rem;font-family:var(--font-mono)}.terminal-body{padding:1rem 1rem .75rem;display:flex;flex-direction:column;gap:.5rem;font-family:var(--font-mono);font-size:.8rem;line-height:1.6}.terminal-body p{margin:0}.t-cyan{color:#22d3ee;font-weight:600}.t-violet{color:#a78bfa;font-weight:600}.t-white{color:#fffc}.t-dim{color:#ffffff59}.t-cursor{display:inline-block;width:2px;height:1em;background:#a78bfa;margin-left:2px;vertical-align:text-bottom;animation:t-blink 1s step-end infinite}@keyframes t-blink{50%{opacity:0}}.terminal-feedback{margin-top:.5rem;padding:.5rem .6rem;background:#a78bfa0f;border-left:2px solid rgba(167,139,250,.3);border-radius:0;font-size:.75rem}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);text-decoration:none;z-index:10;opacity:.5;transition:opacity var(--transition-fast)}.scroll-indicator:hover{opacity:1}.scroll-arrow{font-size:1.5rem;color:var(--primary-color)}.features-section{padding:5rem 2rem;max-width:1400px;margin:0 auto;scroll-margin-top:80px}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card);padding:2rem;position:relative;overflow:hidden;display:flex;flex-direction:column;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.feature-btn{width:100%;padding:.7rem 1.5rem;background:var(--primary-color);color:#000;border:none;border-radius:var(--radius-btn);font-weight:600;font-size:.9rem;cursor:pointer;transition:background var(--transition-fast);margin-top:auto}.mission-section{padding:5rem 2rem;max-width:1100px;margin:0 auto;scroll-margin-top:80px}.mission-content{max-width:900px;margin:0 auto}.mission-intro{font-size:1.2rem;text-align:center;color:var(--text-secondary);line-height:1.8;margin:0 0 3rem}.mission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:0 0 3rem}.mission-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card);padding:1.75rem;transition:border-color var(--transition-fast)}.mission-card:hover{border-color:var(--primary-border)}.mission-icon{font-size:2.5rem;margin-bottom:.75rem}.mission-card h3{font-size:1.2rem;margin-bottom:.75rem;color:var(--primary-color)}.mission-card p{color:var(--text-secondary);line-height:1.6;font-size:.95rem}.mission-closing{font-size:1.05rem;text-align:center;color:var(--text-secondary);line-height:1.8;padding:2rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-card)}.about-section{padding:5rem 2rem;max-width:1100px;margin:0 auto;scroll-margin-top:80px}.about-content{display:flex;flex-direction:column;gap:2.5rem}.about-profile{display:flex;align-items:flex-start;gap:2rem;padding:2rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card)}.profile-image-placeholder{width:130px;height:130px;border-radius:50%;background:var(--bg-tertiary);border:2px solid var(--border-color);flex-shrink:0;overflow:hidden}.profile-photo{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-info{flex:1;display:flex;flex-direction:column;gap:1rem}.profile-name h3{font-size:2rem;margin-bottom:.25rem;color:var(--text-primary)}.profile-subtitle{font-size:1rem;color:var(--text-secondary);margin-bottom:.25rem}.profile-tagline{font-size:.95rem;color:var(--primary-color);font-weight:600}.social-links{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.social-link{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--primary-dim);border:1px solid var(--primary-border);border-radius:var(--radius-btn);text-decoration:none;color:var(--text-secondary);font-size:.85rem;transition:border-color var(--transition-fast);position:relative}.social-link:hover{border-color:var(--primary-color);background:#22d3ee26}.social-icon{width:1.1rem;height:1.1rem;flex-shrink:0}.social-text{font-size:.85rem;font-weight:500}.social-link.website{background:#00d4ff1a;border-color:#00d4ff4d}.social-link.website:hover{background:#00d4ff26;border-color:#00d4ff}.social-link.wechat:hover{background:#07c16026;border-color:#07c160}.wechat-popup{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);background:var(--bg-secondary);border:1px solid rgba(7,193,96,.3);border-radius:var(--radius-card);padding:1.25rem;min-width:220px;opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast);z-index:1000;box-shadow:var(--shadow-lg)}.wechat-popup.show{opacity:1;visibility:visible}.wechat-popup:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid rgba(7,193,96,.3)}.wechat-qr-image{width:180px;height:180px;border-radius:var(--radius-sm);margin-bottom:.75rem;background:#fff;padding:.5rem}.wechat-id{text-align:center;color:#07c160;font-weight:600;font-size:.9rem;margin:0}.about-story{padding:1.75rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card);border-left:3px solid var(--primary-color)}.story-text{font-size:1.15rem;line-height:1.8;color:var(--text-secondary);font-style:italic}.achievements-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.achievement-card{padding:1.25rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card);display:flex;flex-direction:column;transition:border-color var(--transition-fast)}.achievement-card:hover{border-color:var(--primary-border)}.achievement-icon{font-size:2rem;margin-bottom:.75rem}.achievement-card h4{font-size:1rem;margin-bottom:.4rem;color:var(--text-primary)}.achievement-card p{margin-bottom:1.5rem}.achievement-subtitle{color:var(--text-muted);margin-bottom:.75rem;font-size:.85rem}.badge-container{display:flex;gap:.5rem;margin-top:auto;flex-wrap:wrap}.achievement-badge,.date-badge{display:inline-block;padding:.2rem .6rem;background:var(--primary-dim);border:1px solid var(--primary-border);border-radius:var(--radius-sm);font-size:.75rem;color:var(--primary-color);font-weight:600}.about-feature-section{padding:1.75rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card)}.feature-content{display:flex;gap:2.5rem;align-items:stretch}.feature-content.single-column{flex-direction:column;gap:1rem}.feature-text{flex:0 0 40%;display:flex;flex-direction:column}.feature-text .achievement-icon{font-size:2.5rem;margin-bottom:.75rem}.feature-text h3{font-size:1.8rem;margin-bottom:.75rem;color:var(--text-primary)}.feature-text p{color:var(--text-secondary);line-height:1.8;margin-bottom:1rem;flex-grow:1;font-size:.95rem}.feature-images{flex:1;display:flex;gap:1.5rem;align-items:stretch}.feature-image-wrapper{flex:1;display:flex;flex-direction:column;gap:.5rem}.feature-image-placeholder{width:100%;height:100%;min-height:280px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-btn);overflow:hidden}.feature-image-placeholder.vertical-4-5{aspect-ratio:4 / 5;min-height:0;height:auto}.image-caption{text-align:center;font-size:.85rem;color:var(--text-muted);font-style:italic;margin:0}.feature-content.single-column .achievement-icon{font-size:2.5rem;margin-bottom:.75rem}.feature-content.single-column h3{font-size:1.6rem;margin-bottom:.75rem;color:var(--text-primary)}.feature-content.single-column p{color:var(--text-secondary);line-height:1.8;margin-bottom:1rem;font-size:.95rem}.about-vision{padding:1.75rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card)}.about-vision h3{font-size:1.5rem;margin-bottom:.75rem;color:var(--primary-color)}.about-vision p{font-size:1.05rem;line-height:1.8;color:var(--text-secondary)}.how-it-works{padding:5rem 2rem;max-width:1100px;margin:0 auto;scroll-margin-top:80px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}.step{text-align:center;padding:2rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card)}.step-number{width:50px;height:50px;background:var(--primary-color);color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;margin:0 auto 1rem}.step h3{font-size:1.15rem;margin-bottom:.5rem;color:var(--text-primary)}.step p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:2rem}.stat-card{text-align:center;padding:1.75rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card)}.stat-number{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.25rem}.stat-label{color:var(--text-secondary);font-size:.9rem}.cta-section{padding:5rem 2rem;text-align:center;max-width:700px;margin:0 auto}.cta-section h2{font-size:2.2rem;margin-bottom:.75rem;color:var(--text-primary)}.cta-section p{font-size:1.15rem;color:var(--text-secondary);margin-bottom:2rem}.landing-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:3rem 2rem 1rem}.footer-content{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:2rem}.footer-section h4{margin-bottom:.75rem;color:var(--text-primary);font-size:1rem}.footer-section a{display:block;color:var(--text-muted);text-decoration:none;margin-bottom:.4rem;font-size:.9rem;transition:color var(--transition-fast)}.footer-section a:hover{color:var(--primary-color)}.footer-section p{color:var(--text-muted);font-size:.9rem}.footer-bottom{text-align:center;padding-top:1.5rem;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.85rem}.landing-nav .mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;background:none;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;padding:6px;z-index:1001;touch-action:manipulation}.landing-nav .mobile-menu-toggle span{display:block;width:18px;height:2px;background:var(--text-primary);border-radius:2px;transition:transform .2s ease,opacity .2s ease}.landing-nav .mobile-menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.landing-nav .mobile-menu-toggle.open span:nth-child(2){opacity:0}.landing-nav .mobile-menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.landing-nav .mobile-menu-overlay{display:none}.feature-photo{width:100%;height:100%;object-fit:cover}@media (max-width: 968px){.hero{grid-template-columns:1fr;text-align:center;padding:7rem 2rem 3rem}.hero-content{padding:0}.hero-title{font-size:clamp(2.2rem,6vw,3.5rem)}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-cta{justify-content:center}.hero-visual{display:none}.features-grid,.steps,.stats-grid,.mission-grid,.achievements-grid,.footer-content{grid-template-columns:1fr}.nav-links{gap:.75rem}.nav-links a{font-size:.9rem}.hero-credential{justify-content:center}.about-profile{flex-direction:column;text-align:center;align-items:center}.profile-name h3{font-size:1.6rem}.social-links{justify-content:center}.feature-content{flex-direction:column;gap:1.5rem}.feature-text{flex:1}.feature-images{flex-direction:column;gap:1.5rem}.feature-image-placeholder{min-height:220px}.achievements-grid{grid-template-columns:repeat(2,1fr)}.section{padding:3rem 2rem}.section-title{font-size:2rem}.features-section,.how-it-works,.mission-section,.about-section,.cta-section{padding:3rem 2rem}.landing-footer{padding:2rem 2rem 1rem}}@media (max-width: 600px){.landing-nav .nav-links{display:none}.landing-nav .mobile-menu-toggle{display:flex}.landing-nav .nav-links.mobile-open{display:flex;position:fixed;top:0;right:0;width:75%;max-width:300px;height:100vh;height:100dvh;flex-direction:column;background:#080808fa;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-left:1px solid var(--border-color);padding:5rem 1.5rem 2rem;gap:.5rem;z-index:1000;overflow-y:auto;align-items:stretch}.landing-nav .nav-links.mobile-open a{font-size:1.05rem;padding:.75rem 0;border-bottom:1px solid var(--border-color);display:block;color:var(--text-secondary)}.landing-nav .nav-links.mobile-open a.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.landing-nav .nav-links.mobile-open a.active:after{display:none}.landing-nav .nav-links.mobile-open .btn-secondary,.landing-nav .nav-links.mobile-open .btn-primary{padding:.75rem 1rem;font-size:1rem;text-align:center;margin-top:.5rem;width:100%}.landing-nav .mobile-menu-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.landing-nav .mobile-menu-overlay.open{opacity:1;visibility:visible}.achievements-grid,.mission-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.hero{padding:7rem 2rem 2rem;min-height:auto;text-align:center}.hero-title{font-size:clamp(2.2rem,8vw,3.2rem)}.hero-subtitle{font-size:1rem;max-width:100%;margin-left:auto;margin-right:auto}.hero-credential{justify-content:center}.hero-cta{flex-direction:column;align-items:center;gap:.75rem}.hero-cta .btn-primary,.hero-cta .btn-secondary{width:auto;min-width:220px;justify-content:center;padding:.85rem 1.5rem;font-size:1.05rem}.features-section,.how-it-works,.mission-section,.about-section,.cta-section{padding:2.5rem 2rem}.section-title{font-size:1.6rem;margin-bottom:1.5rem}.feature-card,.step{padding:1.5rem}.stat-number{font-size:2rem}.cta-section h2{font-size:1.6rem}.cta-section p{font-size:1rem}.about-profile{padding:1.5rem}.profile-image-placeholder{width:100px;height:100px}.features-section .features-grid{gap:1rem}.footer-content{gap:1.5rem}}@media (max-width: 360px){.hero{padding:6rem 1.5rem 1.5rem}.hero-title{font-size:1.6rem}.hero-subtitle{font-size:.9rem}.section-title{font-size:1.4rem}.feature-header h2{font-size:1.1rem}.feature-description{font-size:.85rem}.stat-number{font-size:1.6rem}.cta-section h2{font-size:1.4rem}.features-section,.how-it-works,.mission-section,.about-section,.cta-section{padding:2rem 1.5rem}.landing-nav .nav-links.mobile-open{width:85%;padding:4.5rem 1.25rem 1.5rem}.landing-nav .nav-links.mobile-open a{font-size:.95rem;padding:.6rem 0}}.login-page{min-height:100vh;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;padding:2rem}.login-container{width:100%;max-width:380px}.login-header{text-align:center;margin-bottom:2rem}.login-logo{font-family:var(--font-logo);font-size:2.2rem;font-weight:400;background:var(--gradient-cyber);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;cursor:pointer}.login-subtitle{color:var(--text-secondary);font-size:.95rem}.login-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card);padding:2rem;box-shadow:var(--shadow-md)}.mode-toggle{display:flex;gap:.5rem;margin-bottom:1.5rem;background:var(--bg-tertiary);padding:.4rem;border-radius:var(--radius-btn)}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-form .btn-primary[type=submit]{align-self:center}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{color:var(--text-secondary);font-weight:600;font-size:.85rem}.form-group input{padding:.75rem 1rem;border-radius:var(--radius-btn);border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);font-size:.95rem;transition:border-color var(--transition-fast)}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-dim)}.form-group input::placeholder{color:var(--text-muted)}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.65rem;border-radius:var(--radius-btn);text-align:center;font-size:.85rem}.checkbox-group{margin:.5rem 0}.checkbox-label{display:flex;align-items:flex-start;gap:.65rem;cursor:pointer;font-size:.9rem;color:var(--text-secondary);line-height:1.5}.checkbox-label input[type=checkbox]{margin-top:.2rem;width:16px;height:16px;cursor:pointer;accent-color:var(--primary-color)}.checkbox-label span{flex:1}.remember-me-group{margin:-.25rem 0 .25rem}.remember-me-label{display:flex;align-items:center;gap:.65rem;cursor:pointer;font-size:.85rem;color:var(--text-muted)}.remember-me-label input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:var(--primary-color)}.remember-me-label:hover{color:var(--text-secondary)}.terms-link{color:var(--primary-color);text-decoration:none;font-weight:600}.terms-link:hover{text-decoration:underline}.login-footer{margin-top:1.25rem;text-align:center}.waitlist-success{text-align:center;padding:1.5rem 0;display:flex;flex-direction:column;align-items:stretch}.waitlist-success-icon{width:64px;height:64px;border-radius:50%;background:var(--primary-color);color:#000;font-size:1.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem}.waitlist-success h2{font-size:1.4rem;margin-bottom:.75rem;color:var(--text-primary)}.waitlist-success p{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin-bottom:1.5rem}@media (max-width: 768px){.login-page{padding:1rem}.login-card{padding:1.5rem}.login-logo{font-size:1.8rem}.login-subtitle{font-size:.85rem}.waitlist-success h2{font-size:1.2rem}}@media (max-width: 360px){.login-page{padding:1rem}.login-container{max-width:100%}.login-card{padding:1.25rem}.login-logo{font-size:1.5rem}.form-group input{padding:.65rem .75rem;font-size:.9rem}.toggle-btn{padding:.5rem;font-size:.8rem}.checkbox-label{font-size:.8rem}.waitlist-success-icon{width:48px;height:48px;font-size:1.4rem}}.complete-profile-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f0c29,#1a1a3e,#24243e);padding:2rem}.complete-profile-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:3rem;width:100%;max-width:480px;box-shadow:0 8px 32px #0000004d}.complete-profile-header{text-align:center;margin-bottom:2rem}.complete-profile-header h1{color:#fff;font-size:1.75rem;margin-bottom:.5rem}.complete-profile-header p{color:#fff9;font-size:.95rem;line-height:1.5}.complete-profile-form{display:flex;flex-direction:column;gap:1.25rem}.complete-profile-form .form-group{display:flex;flex-direction:column;gap:.4rem}.complete-profile-form label{color:#fffc;font-size:.9rem;font-weight:500}.complete-profile-form input,.complete-profile-form select{padding:.75rem 1rem;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#ffffff14;color:#fff;font-size:1rem;transition:border-color .2s,background .2s}.complete-profile-form input:focus,.complete-profile-form select:focus{outline:none;border-color:#6c63ff;background:#ffffff1f}.complete-profile-form input::placeholder{color:#ffffff4d}.complete-profile-form select option{background:#1a1a3e;color:#fff}.form-hint{color:#fff6;font-size:.8rem}.complete-profile-error{background:#ff4d4d26;border:1px solid rgba(255,77,77,.3);color:#ff6b6b;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;text-align:center}.complete-profile-btn{padding:.85rem;border:none;border-radius:8px;background:linear-gradient(135deg,#6c63ff,#4834d4);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s;margin-top:.5rem}.complete-profile-btn:hover{opacity:.9}.complete-profile-btn:active{transform:scale(.98)}.complete-profile-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.complete-profile-page{padding:1rem}.complete-profile-card{padding:2rem}.complete-profile-header h1{font-size:1.4rem}}@media (max-width: 360px){.complete-profile-card{padding:1.25rem}.complete-profile-header h1{font-size:1.2rem}.complete-profile-header p{font-size:.85rem}.complete-profile-form .form-group input{padding:.65rem .75rem;font-size:.9rem}}.tutorial-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.tutorial-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:0;padding:40px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1);position:relative}.tutorial-header{display:flex;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1)}.tutorial-icon{font-size:48px;line-height:1}.tutorial-header h2{flex:1;margin:0;font-size:28px;color:#fff}.tutorial-close{background:none;border:none;color:#fff9;font-size:32px;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:0;transition:all .2s}.tutorial-close:hover{background:#ffffff1a;color:#fff}.tutorial-progress{display:flex;gap:8px;justify-content:center;margin-bottom:32px}.progress-dot{width:12px;height:12px;border-radius:50%;background:#fff3;transition:all .3s}.progress-dot.active{background:#00d4ff;transform:scale(1.3);box-shadow:0 0 12px #00d4ff80}.progress-dot.completed{background:#0f8}.tutorial-content{text-align:center;padding:32px 0;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.step-image{font-size:80px;margin-bottom:24px;animation:bounceIn .5s ease}.tutorial-content h3{font-size:24px;color:#fff;margin:0 0 16px}.tutorial-content p{font-size:16px;line-height:1.6;color:#fffc;max-width:480px;margin:0}.tutorial-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.step-counter{color:#fff9;font-size:14px;font-weight:500}.tutorial-footer .btn-secondary,.tutorial-footer .btn-primary{padding:12px 24px;font-size:14px;min-width:100px}.tutorial-footer .btn-secondary:disabled{opacity:.3;cursor:not-allowed}.tutorial-skip{background:none;border:none;color:#ffffff80;font-size:14px;cursor:pointer;padding:8px;margin-top:16px;width:100%;text-align:center;transition:color .2s}.tutorial-skip:hover{color:#fffc}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.tutorial-modal{padding:24px;width:95%}.tutorial-header h2{font-size:22px}.tutorial-icon{font-size:36px}.step-image{font-size:60px}.tutorial-content h3{font-size:20px}.tutorial-content p{font-size:14px}.tutorial-footer{flex-wrap:wrap}.tutorial-footer .btn-secondary,.tutorial-footer .btn-primary{flex:1;min-width:80px}.step-counter{width:100%;text-align:center;order:-1;margin-bottom:12px}}.profile-nav{position:fixed;top:0;left:0;right:0;background:#0a0a0ff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #1e1e2e;z-index:1000;padding:.75rem 0}.profile-nav .nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.profile-nav .logo{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;cursor:pointer}.profile-nav .logo-text{font-size:1.5rem;font-weight:700;line-height:1;background:linear-gradient(135deg,#00d4ff,#7b2ff7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-nav .beta-indicator{font-size:.55rem;font-weight:700;letter-spacing:1.5px;padding:.15rem .4rem;border-radius:4px;background:linear-gradient(135deg,#00d4ff,#7b2ff7);color:#000;line-height:1;align-self:flex-start}.profile-nav .nav-links{display:flex;align-items:center;gap:1.5rem}.profile-nav .nav-links a{color:#888;text-decoration:none;font-size:.95rem;transition:color .2s ease;cursor:pointer;position:relative;padding-bottom:4px}.profile-nav .nav-links a:hover,.profile-nav .nav-links a.active{color:#00d4ff}.profile-nav .nav-links a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#00d4ff;border-radius:0}.profile-nav .nav-links .btn-secondary,.profile-nav .nav-links .btn-primary{padding:.5rem 1rem;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-family)}.profile-nav .nav-links .btn-secondary{background:#1e1e2e;color:#00d4ff;border:1px solid #2a2a3e}.profile-nav .nav-links .btn-secondary:hover{background:#2a2a3e}.profile-nav .nav-links .btn-primary{background:linear-gradient(135deg,#00d4ff,#7b2ff7);color:#fff}.profile-nav .nav-links .btn-primary:hover{opacity:.9}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;background:none;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;padding:6px;z-index:1001;touch-action:manipulation}.mobile-menu-toggle span{display:block;width:18px;height:2px;background:var(--text-primary);border-radius:2px;transition:transform .2s ease,opacity .2s ease}.mobile-menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu-toggle.open span:nth-child(2){opacity:0}.mobile-menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu-overlay{display:none}@media (max-width: 968px){.profile-nav .nav-links{gap:1rem}.profile-nav .nav-links a{font-size:.9rem}}@media (max-width: 768px){.profile-nav .nav-container{padding:0 1rem}.mobile-menu-toggle{display:flex}.profile-nav .nav-links{position:fixed;top:0;right:-100%;width:75%;max-width:300px;height:100vh;height:100dvh;flex-direction:column;background:#080808fa;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-left:1px solid var(--border-color);padding:5rem 1.5rem 2rem;gap:.5rem;transition:right .3s ease;z-index:1000;overflow-y:auto;align-items:stretch}.profile-nav .nav-links.open{right:0}.profile-nav .nav-links a{font-size:1.05rem;padding:.75rem 0;border-bottom:1px solid var(--border-color);display:block}.profile-nav .nav-links a.active:after{display:none}.profile-nav .nav-links a.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.profile-nav .nav-links .btn-secondary,.profile-nav .nav-links .btn-primary{padding:.75rem 1rem;font-size:1rem;text-align:center;margin-top:.5rem}.mobile-menu-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-menu-overlay.open{opacity:1;visibility:visible}}@media (max-width: 480px){.profile-nav .nav-links{width:85%;padding:4.5rem 1.25rem 1.5rem}.profile-nav .nav-links a{font-size:1rem;padding:.65rem 0}.profile-nav .nav-links .btn-secondary,.profile-nav .nav-links .btn-primary{padding:.65rem .85rem;font-size:.95rem}}.dashboard{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.dashboard:has(.profile-nav){padding-top:80px}.dashboard-content{max-width:1400px;margin:0 auto;padding:7rem 2rem 3rem}.welcome-section{text-align:center;margin-bottom:3rem}.welcome-section h1{font-size:2.8rem;margin-bottom:.75rem;font-weight:800;color:var(--text-primary)}.welcome-section p{font-size:1.15rem;color:var(--text-secondary)}.welcome-banner{background:var(--bg-card);border:1px solid var(--border-color);padding:2rem;border-radius:var(--radius-card);margin-bottom:2.5rem}.welcome-banner-content{text-align:center}.welcome-banner-content h2{margin:0 0 .75rem;font-size:1.6rem;color:var(--text-primary);font-weight:700}.welcome-banner-content p{margin:0 0 1.25rem;font-size:1rem;color:var(--text-secondary);max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3rem}.feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card);padding:2rem;cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.feature-card:hover{border-color:var(--primary-border);box-shadow:var(--glow-cyan-subtle)}.feature-card:nth-child(1):before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary-color);border-radius:0;box-shadow:var(--glow-cyan-subtle)}.feature-card:nth-child(2):before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent-violet);border-radius:0;box-shadow:0 0 8px #7c3aed33}.feature-card:nth-child(3):before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent-pink);border-radius:0;box-shadow:0 0 8px #ec489933}.feature-card:nth-child(4):before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent-orange);border-radius:0;box-shadow:0 0 8px #fb923c33}.feature-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.feature-icon{display:flex;align-items:center;font-size:2.5rem}.feature-header h2{font-size:1.3rem;color:var(--text-primary);margin:0;font-weight:600;line-height:1.2}.feature-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:1rem}.feature-details{margin-bottom:1rem}.feature-details h3{font-size:.9rem;color:var(--primary-color);margin-bottom:.5rem;margin-top:.75rem;font-weight:600}.feature-details ul{list-style:none;padding:0;margin:0 0 .75rem}.feature-details li{color:var(--text-secondary);font-size:.85rem;padding:.35rem 0 .35rem 1.25rem;position:relative}.feature-details li:before{content:"✓";position:absolute;left:0;color:var(--primary-color);font-weight:700}.feature-details p{color:var(--text-muted);font-size:.85rem;font-style:italic;margin:.35rem 0 0}.feature-btn{width:100%;padding:.7rem 1.5rem;background:var(--primary-color);color:#000;border:none;border-radius:var(--radius-btn);font-size:.9rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast);margin-top:auto}.feature-btn:hover{background:var(--primary-hover)}.quick-tips{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card);padding:2.5rem}.quick-tips h2{text-align:center;color:var(--text-primary);margin-bottom:2rem;font-size:1.6rem;font-weight:700}.tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.tip{text-align:center;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-card);transition:border-color var(--transition-fast)}.tip:hover{border-color:var(--primary-border)}.tip-icon{font-size:2.5rem;display:block;margin-bottom:.75rem}.tip h3{color:var(--primary-color);font-size:1.1rem;margin-bottom:.5rem;font-weight:600}.tip p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}@media (max-width: 968px){.features-grid,.tips-grid{grid-template-columns:1fr}.welcome-section h1{font-size:2rem}.dashboard-content{padding:5rem 1.5rem 2rem}.quick-tips{padding:1.5rem}.welcome-section p{font-size:1rem}.feature-card{padding:1.5rem}.feature-header h2{font-size:1.15rem}.tip{padding:1.25rem}}@media (max-width: 360px){.dashboard-content{padding:4.5rem 1.5rem 1.5rem}.welcome-section h1{font-size:1.5rem}.welcome-section p{font-size:.9rem}.feature-card{padding:1.25rem}.feature-description{font-size:.85rem}.tip h3{font-size:1rem}}.voice-input-wrapper{position:relative;display:inline-flex}.voice-input-btn{width:48px;height:48px;border-radius:var(--radius-btn);border:1px solid var(--border-color);background:var(--bg-input);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-primary);position:relative;overflow:hidden;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.voice-input-btn:hover:not(:disabled){border-color:var(--primary-color);background:var(--primary-dim);box-shadow:var(--glow-cyan-subtle)}.voice-input-btn:disabled{opacity:.4;cursor:not-allowed}.voice-icon{width:20px;height:20px;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.mic-icon svg{display:block}.tts-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-color, #ddd);border-radius:6px;background:var(--bg-secondary, #f5f5f5);color:var(--text-secondary, #666);cursor:pointer;transition:all .2s ease;padding:0;flex-shrink:0}.tts-btn:hover:not(:disabled){background:var(--bg-hover, #e8e8e8);color:var(--text-primary, #333);border-color:var(--accent-color, #4a90d9)}.tts-btn:active:not(:disabled){transform:scale(.95)}.tts-btn:disabled{opacity:.4;cursor:not-allowed}.tts-btn.speaking{background:var(--accent-color, #4a90d9);color:#fff;border-color:var(--accent-color, #4a90d9);animation:tts-pulse 1.5s ease-in-out infinite}@keyframes tts-pulse{0%,to{box-shadow:0 0 #4a90d966}50%{box-shadow:0 0 0 6px #4a90d900}}.debate-interface{min-height:100vh;height:100vh;display:flex;flex-direction:column;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);overflow:hidden}.debate-interface:has(.profile-nav){padding-top:80px}.session-logo .beta-indicator{font-size:.55rem;font-weight:700;letter-spacing:1.5px;padding:.15rem .4rem;border-radius:4px;background:linear-gradient(135deg,#00d4ff,#7b2ff7);color:#000;line-height:1;align-self:flex-start}.session-nav{flex-shrink:0;background:var(--bg-nav);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:1000;padding:1rem 0}.session-nav-container{max-width:100%;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.session-info{display:flex;align-items:center;gap:1.5rem;flex:1;min-width:0}.session-logo{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;font-size:1.75rem;font-weight:700;flex-shrink:0;line-height:1}.session-logo .logo-text{font-family:var(--font-logo);font-weight:400;background:var(--gradient-cyber);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.session-divider{width:2px;height:30px;background:var(--border-color);flex-shrink:0}.session-motion{display:flex;align-items:baseline;gap:.75rem;flex:1;min-width:0;overflow-x:auto;overflow-y:hidden}.session-motion::-webkit-scrollbar{height:4px}.session-motion::-webkit-scrollbar-track{background:transparent}.session-motion::-webkit-scrollbar-thumb{background:transparent;border-radius:0}.session-motion:hover::-webkit-scrollbar-track{background:transparent}.session-motion:hover::-webkit-scrollbar-thumb{background:#ffffff26}.session-motion-label{color:var(--primary-color);font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;flex-shrink:0}.session-motion-text{color:var(--text-primary);font-size:1.1rem;font-weight:500;white-space:nowrap}.session-metadata{display:flex;align-items:center;gap:1.5rem;flex-shrink:0}.session-timer{display:flex;align-items:baseline;gap:.5rem;padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--primary-border);border-radius:var(--radius-btn);box-shadow:var(--glow-cyan-subtle)}.session-timer.ai-responding{background:#8b5cf61a;border-color:#8b5cf666;box-shadow:0 0 8px #8b5cf633;animation:timer-glow-pulse 1.5s ease-in-out infinite}.session-timer.time-exceeded{background:#f443361a;border-color:#f4433666;box-shadow:0 0 8px #f4433633;animation:timer-glow-pulse .5s ease-in-out infinite}@keyframes timer-glow-pulse{0%,to{box-shadow:0 0 5px #ffc1071a}50%{box-shadow:0 0 15px #ffc1074d}}.timer-icon{font-size:1.1rem}.timer-label{color:var(--primary-color);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.timer-value{font-family:var(--font-mono);font-size:1rem;font-weight:600;color:var(--text-primary);letter-spacing:1px;white-space:nowrap}.session-role{display:flex;align-items:baseline;gap:.5rem;padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-btn)}.role-label{color:var(--primary-color);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-value{color:var(--text-primary);font-size:1rem;font-weight:600;white-space:nowrap}.session-actions{display:flex;gap:1rem;flex-shrink:0;margin-left:auto}.session-btn{padding:.65rem 1.25rem;border-radius:var(--radius-btn);font-weight:600;font-size:1rem;cursor:pointer;border:none;font-family:var(--font-family);white-space:nowrap;transition:background var(--transition-fast)}.session-btn-primary{background:var(--primary-color);color:#000}.session-btn-primary:hover{background:var(--primary-hover)}.session-btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.session-btn-secondary:hover{border-color:var(--primary-color);background:var(--primary-dim)}.debate-setup{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;max-width:1200px;margin-left:auto;margin-right:auto;width:100%;overflow:hidden}.debate-setup h2{margin-bottom:1rem;font-size:1.8rem;font-weight:800;text-align:center;color:var(--text-primary)}.debate-setup-subtitle{text-align:center;color:var(--text-secondary);font-size:1.1rem;margin-bottom:3rem;max-width:600px}.setup-form{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-modal);padding:3rem 2.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.95rem;font-weight:600;color:var(--text-primary)}.mode-toggle{display:flex;gap:.5rem;background:var(--bg-tertiary);padding:.4rem;border-radius:var(--radius-btn)}.toggle-btn{flex:1;padding:.65rem;border:none;background:transparent;color:var(--text-muted);font-weight:600;font-size:.9rem;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.toggle-btn:hover{color:var(--text-secondary)}.toggle-btn.active{background:var(--primary-color);color:#000}.difficulty-toggle{display:flex;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-btn);overflow:hidden;width:100%}.difficulty-option{flex:1;padding:.75rem .5rem;background:transparent;border:none;color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;font-family:var(--font-family)}.difficulty-option:not(:last-child){border-right:1px solid var(--border-color)}.difficulty-option:hover{background:var(--primary-dim)}.difficulty-option.active{background:var(--primary-color);color:#000;border-radius:var(--radius-btn)}.difficulty-option.active:hover{background:var(--primary-hover)}.difficulty-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.difficulty-badge.beginner{background:#22d3ee26;border:1px solid rgba(34,211,238,.4);color:var(--primary-color);box-shadow:0 0 6px #22d3ee26}.difficulty-badge.intermediate{background:#7c3aed26;border:1px solid rgba(124,58,237,.4);color:#a78bfa;box-shadow:0 0 6px #7c3aed26}.difficulty-badge.advanced{background:#ec489926;border:1px solid rgba(236,72,153,.4);color:#f472b6;box-shadow:0 0 6px #ec489926}.time-config-row{display:flex;gap:1rem}.time-config-item{flex:1;display:flex;flex-direction:column;gap:.5rem}.time-sublabel{font-size:.8rem;color:var(--text-secondary);font-weight:500;text-align:center}.time-select{width:100%;padding:.7rem .85rem;border:1px solid var(--border-color);border-radius:var(--radius-btn);background:var(--bg-input);color:var(--text-primary);font-size:.95rem;font-family:var(--font-family);transition:border-color var(--transition-fast);box-sizing:border-box;cursor:pointer;appearance:auto;-webkit-appearance:auto;-moz-appearance:auto}.time-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-dim)}@media (max-width: 640px){.time-config-row{gap:.75rem}}.setup-form textarea{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-btn);padding:.75rem 1rem;color:var(--text-primary);font-size:1rem;font-family:var(--font-family);resize:none;overflow-y:hidden;min-height:42px;max-height:200px;line-height:1.5;transition:border-color var(--transition-fast)}.setup-form textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-dim)}.setup-form textarea::placeholder{color:var(--text-muted)}.setup-form>button:not(.toggle-btn){background:var(--primary-color);color:#000;border:none;border-radius:var(--radius-btn);padding:1.25rem 2rem;font-size:1.1rem;font-weight:600;cursor:pointer;font-family:var(--font-family);transition:background var(--transition-fast)}.setup-form>button:not(.toggle-btn):hover{background:var(--primary-hover)}.setup-form>button:not(.toggle-btn):active{transform:scale(.98)}.quick-topics{margin-top:2rem;text-align:center}.quick-topics-label{font-size:.9rem;color:var(--text-muted);margin-bottom:1rem;display:block}.quick-topic-chips{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.quick-topic-chip{padding:.5rem 1rem;background:var(--primary-dim);border:1px solid var(--primary-border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.quick-topic-chip:hover{background:#22d3ee33;border-color:var(--primary-color);color:var(--text-primary)}.debate-active{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.messages{flex:1;overflow-y:auto;padding:2rem 4rem;display:flex;flex-direction:column;gap:1.5rem;background:var(--bg-primary);max-width:1200px;margin:0 auto;width:100%}.messages::-webkit-scrollbar{width:8px}.messages::-webkit-scrollbar-track{background:transparent}.messages::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:var(--radius-full)}.messages::-webkit-scrollbar-thumb:hover{background:#ffffff40}.message{max-width:75%;padding:1rem 1.25rem;border-radius:12px;line-height:1.6;position:relative;font-size:.95rem}.message p{margin:0}.message p+p{margin-top:.6em}.message.user{align-self:flex-end;background:linear-gradient(135deg,#22d3ee,#06b6d4);color:#000;border-bottom-right-radius:4px}.message.assistant{align-self:flex-start;background:#1a1a2e;border:1px solid rgba(255,255,255,.08);color:#e0e0e0;border-bottom-left-radius:4px}.message-content{position:relative}.message-actions{position:absolute;top:0;right:0;display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease}.message-content:hover .message-actions{opacity:1}.message.system{align-self:center;background:#22d3ee14;border:1px solid rgba(34,211,238,.2);color:#22d3ee;font-style:italic;max-width:65%;text-align:center;font-size:.85rem;border-radius:20px;padding:.6rem 1.25rem}.message-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.85rem;opacity:.8}.message-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem}.input-area{flex-shrink:0;background:var(--bg-nav);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border-color);display:flex;justify-content:center;padding:.75rem 0}.input-area .input-wrapper{width:100%;max-width:calc(1200px - 8rem);flex:none;margin:0 4rem}.prep-skip-overlay{flex-shrink:0;display:flex;justify-content:center;padding:.75rem 2rem;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.prep-skip-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 2rem;background:var(--primary-color);color:#000;border:none;border-radius:var(--radius-full);font-size:1rem;font-weight:600;cursor:pointer;font-family:var(--font-family);transition:background var(--transition-fast)}.prep-skip-btn:hover{background:var(--primary-hover)}.prep-skip-btn:active{transform:scale(.98)}.prep-skip-icon{font-size:1.2rem}.prep-skip-text{white-space:nowrap}.input-wrapper{flex:1;position:relative;display:flex;gap:.75rem;align-items:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:.5rem 1rem;transition:border-color var(--transition-fast)}.input-wrapper:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-dim)}.input-area textarea{width:100%;background:transparent;border:none;padding:0;color:var(--text-primary);font-size:1rem;font-family:var(--font-family);resize:none;min-height:32px;max-height:100px;height:32px;line-height:1.5;overflow-y:auto}.input-area textarea::-webkit-scrollbar{width:4px}.input-area textarea::-webkit-scrollbar-track{background:transparent}.input-area textarea::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:0}.input-area textarea:focus{outline:none;border:none;box-shadow:none;background:transparent}.input-area textarea::placeholder{color:var(--text-muted)}.input-actions{display:flex;gap:.75rem;flex-shrink:0}.send-btn-wrapper{display:flex;flex-direction:row;align-items:center;gap:.75rem}.input-area button{background:var(--primary-color);color:#000;border:none;border-radius:var(--radius-full);padding:.5rem 1.25rem;font-weight:600;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;min-height:40px;font-family:var(--font-family);transition:background var(--transition-fast)}.input-area button:hover{background:var(--primary-hover)}.input-area button:active{transform:scale(.98)}.input-area button:disabled{opacity:.5;cursor:not-allowed;transform:none}.char-counter{display:flex;flex-direction:column;align-items:center;gap:.2rem;width:100%;min-width:100px}.char-counter-bar{width:100%;height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden}.char-counter-fill{height:100%;background:var(--primary-color);border-radius:2px;transition:width .15s ease}.char-counter.met .char-counter-fill{background:#22c55e}.char-counter-text{font-size:.7rem;color:var(--text-muted);white-space:nowrap;font-family:var(--font-mono);letter-spacing:.3px}.char-counter.met .char-counter-text{color:#22c55e;font-weight:600}.word-count-bar-mobile{display:none}.char-counter-inline{display:block}.typing-indicator{display:flex;gap:.4rem;padding:1rem;align-self:flex-start;max-width:75%}.typing-dot{width:8px;height:8px;background:var(--primary-color);border-radius:50%}@media (max-width: 968px){.debate-setup{padding:3rem 1.5rem}.debate-setup h2{font-size:2rem}.debate-setup-subtitle{font-size:1rem}.setup-form{padding:2rem}.quick-topic-chips{flex-direction:column}.quick-topic-chip{width:100%;text-align:center}.session-nav-container{flex-direction:column;align-items:stretch;gap:1rem;padding:.75rem 1rem}.session-info{flex-direction:column;align-items:flex-start;gap:.75rem}.session-divider{display:none}.session-motion{flex-direction:column;align-items:flex-start;gap:.25rem}.session-motion-text{white-space:normal;word-break:break-word}.session-metadata{flex-direction:column;align-items:flex-start;gap:.5rem;width:100%}.session-timer,.session-role{width:100%;justify-content:space-between}.session-actions{width:100%;justify-content:stretch;margin-left:0}.session-btn{flex:1}.message{max-width:85%}.input-area{flex-direction:column;gap:.75rem}.input-actions{width:100%}.input-area button{width:100%;justify-content:center}.input-area .input-wrapper{margin:0 1.5rem}}@media (max-width: 640px){.session-nav-container{padding:.5rem 1rem}.session-logo{font-size:1.3rem}.session-motion-label{font-size:.75rem}.session-motion-text{font-size:.9rem}.session-btn{padding:.5rem 1rem;font-size:.85rem}.debate-setup{padding:2rem 1rem}.debate-setup h2{font-size:1.75rem}.setup-form{padding:1.5rem}.messages{padding:1rem;gap:1rem}.message{padding:1rem;font-size:.95rem}.input-area{padding:1rem}.input-area textarea{font-size:.95rem}}.debate-loading{display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--text-secondary)}.debate-loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%}.debate-error{padding:1rem 1.5rem;background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:var(--radius-card);color:#ff6b6b;margin:1rem 2rem;display:flex;align-items:center;gap:.75rem}.debate-error-icon{font-size:1.5rem}.debate-success{padding:1rem 1.5rem;background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:var(--radius-card);color:#4caf50;margin:1rem 2rem;display:flex;align-items:center;gap:.75rem}.bot-selection-page{flex:1;overflow-y:auto;overflow-x:hidden}.bot-selection-page::-webkit-scrollbar{width:8px}.bot-selection-page::-webkit-scrollbar-track{background:transparent}.bot-selection-page::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:var(--radius-full)}.bot-selection-content{max-width:560px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;min-height:100%}.bot-selection-header{display:flex;flex-direction:column;gap:1rem}.back-button{align-self:flex-start;background:none;border:1px solid #1e1e2e;color:#888;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.85rem;transition:all .2s;font-family:inherit;flex-shrink:0;display:inline-flex;align-items:center;gap:.35rem}.back-button:hover{border-color:var(--primary-color, #00d4ff);color:var(--primary-color, #00d4ff)}.header-content{text-align:center}.bot-selection-page h2{font-size:1.75rem;font-weight:800;color:var(--text-primary);margin:0 0 .25rem}.bot-selection-subtitle{color:var(--text-secondary);font-size:.9rem;margin:0}.bots-list{display:flex;flex-direction:column;gap:.75rem}.bot-item{display:flex;justify-content:space-between;align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card);padding:1rem 1.25rem;cursor:pointer;transition:border-color var(--transition-fast)}.bot-item:hover{border-color:var(--primary-border)}.bot-item.selected{border-color:var(--primary-color);background:var(--primary-dim)}.bot-item-left{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.bot-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.bot-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.bot-name-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.bot-item h3{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0}.bot-desc{font-size:.85rem;color:var(--text-secondary);margin:0;line-height:1.4}.bot-rating-badge{padding:.2rem .6rem;border:1px solid var(--border-color);border-radius:var(--radius-full);font-weight:600;font-size:.75rem;background:var(--bg-tertiary);color:var(--text-secondary);white-space:nowrap}.selected-check{font-size:1.25rem;font-weight:700;color:var(--primary-color);flex-shrink:0;margin-left:.75rem}.bot-selection-actions{display:flex;justify-content:center;padding-top:.5rem}.start-debate-btn{background:var(--primary-color);color:#000;border:none;border-radius:var(--radius-btn);padding:1rem 2.5rem;font-size:1rem;font-weight:600;cursor:pointer;font-family:var(--font-family);transition:background var(--transition-fast)}.start-debate-btn:hover{background:var(--primary-hover)}.start-debate-btn:active{transform:scale(.98)}.start-debate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 768px){.bot-selection-content{padding:1.5rem}.bot-selection-page h2{font-size:1.5rem}.bot-item{padding:.85rem 1rem}.bot-item h3{font-size:1rem}.start-debate-btn{width:100%}}@media (max-width: 480px){.bot-selection-content{padding:1rem}.bot-item{padding:.75rem}.bot-item-left{gap:.75rem}}.message p:last-child{margin-bottom:0}.message ul,.message ol{padding-left:1.5rem;margin:.5rem 0}.message li{margin-bottom:.25rem}.message li:last-child{margin-bottom:0}.message strong{color:#00d4ff;font-weight:600}.message em{color:#a78bfa;font-style:italic}.message h1,.message h2,.message h3{margin:1rem 0 .5rem;color:#00d4ff;font-weight:600}.message h1{font-size:1.3rem}.message h2{font-size:1.15rem}.message h3{font-size:1.05rem}.message blockquote{border-left:3px solid #7b2ff7;margin:.5rem 0;padding:.25rem 1rem;background:#7b2ff714;border-radius:0 4px 4px 0}.message code{background:#00d4ff1a;padding:.15rem .4rem;border-radius:3px;font-size:.9em;color:#00d4ff;font-family:Fira Code,Cascadia Code,monospace}.message pre{background:#0006;border:1px solid #1e1e2e;border-radius:8px;padding:1rem;overflow-x:auto;margin:.75rem 0}.message pre code{background:none;padding:0;border-radius:0;font-size:.85em;color:#e0e0e0}.message.streaming{border-left:3px solid #00d4ff}.message.loading{border-left:3px solid #7b2ff7}.streaming-indicator{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;color:#00d4ff;margin-top:.5rem;padding:.25rem .75rem;background:#00d4ff14;border-radius:20px;animation:pulse-glow 1.5s ease-in-out infinite}.loading-indicator{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;color:#a78bfa;padding:.25rem .75rem;background:#7b2ff714;border-radius:20px;animation:pulse-glow-purple 1.5s ease-in-out infinite}.thinking-text{font-size:.85rem;color:#a78bfa;font-style:italic}.loading-dots{display:inline-flex;gap:.25rem}.loading-dots span{width:6px;height:6px;background:#7b2ff7;border-radius:50%;animation:dot-bounce 1.4s ease-in-out infinite both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}@keyframes dot-bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes pulse-glow-purple{0%,to{box-shadow:0 0 5px #7b2ff733}50%{box-shadow:0 0 15px #7b2ff766}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #00d4ff33}50%{box-shadow:0 0 15px #00d4ff66}}.messages-area::-webkit-scrollbar{width:6px}.messages-area::-webkit-scrollbar-track{background:transparent}.messages-area::-webkit-scrollbar-thumb{background:#2a2a3e;border-radius:3px}.messages-area::-webkit-scrollbar-thumb:hover{background:#3a3a5e}@media (max-width: 768px){.debate-interface{height:100dvh;min-height:100dvh}.session-nav-container{flex-direction:column;gap:.65rem;padding:.65rem .85rem}.session-info{flex-direction:row;flex-wrap:wrap;align-items:center;gap:.35rem}.session-logo{order:1;width:100%;font-size:1.4rem;flex-direction:row;align-items:center;gap:.5rem}.session-logo .beta-indicator{font-size:.55rem;padding:.15rem .4rem;align-self:center;line-height:1.2}.session-divider{display:none}.session-motion{order:3;width:100%;flex:none;flex-direction:row;align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-btn);padding:.5rem .75rem}.session-motion-label{display:none}.session-motion-text{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-metadata{order:2;flex-direction:row;gap:.25rem;width:auto}.session-timer,.session-role{flex:0 1 auto;padding:.35rem .6rem;justify-content:center;width:auto;gap:.35rem}.timer-label,.role-label{font-size:.75rem}.timer-value,.role-value{font-size:.85rem}.session-actions{order:2;width:auto;flex-shrink:0;margin-left:0}.session-btn{padding:.4rem .65rem;font-size:.75rem;flex:0 1 auto}.message{max-width:95%;padding:.6rem .8rem;font-size:.9rem}.messages-area{padding:.75rem}.input-area{padding:.4rem .5rem;gap:.4rem}.input-area textarea{font-size:.9rem;padding:.5rem .75rem;min-height:40px;max-height:100px}.input-area .input-wrapper{margin:0 .5rem}.input-area .input-wrapper .voice-input-wrapper{display:none}.word-count-bar-mobile{display:flex;padding:.35rem 1rem;background:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);justify-content:center;align-items:center}.word-count-bar-mobile .char-counter{flex-direction:row;align-items:center;gap:.75rem;width:100%;max-width:100%;min-width:0}.word-count-bar-mobile .char-counter-bar{flex:1;height:4px;max-width:200px}.word-count-bar-mobile .char-counter-text{font-size:.7rem;flex-shrink:0;white-space:nowrap}.char-counter-inline{display:none}.prep-skip-overlay{padding:.6rem;gap:.5rem}.prep-skip-overlay p{font-size:.85rem}.prep-skip-overlay button{padding:.5rem 1.25rem;font-size:.85rem}.setup-form{padding:1.25rem}.input-actions{gap:.3rem}.input-actions button{padding:.4rem .75rem;font-size:.8rem}.bot-selection-page{padding:1rem}.bot-selection-page h2{font-size:1.3rem}.bot-item{padding:.85rem 1rem}.bot-item h3{font-size:1rem}.start-debate-btn{width:100%}.bot-grid{grid-template-columns:1fr;gap:.75rem}.bot-card{padding:1rem}.bot-card .bot-name{font-size:1rem}.bot-card .bot-difficulty{font-size:.75rem}.bot-card .bot-description{font-size:.8rem}.bot-card .bot-stats{font-size:.75rem}.bot-card .select-bot-btn{padding:.5rem 1rem;font-size:.8rem}.setup-mode{padding:1rem}.setup-mode h2{font-size:1.3rem}.setup-mode .motion-input-group{gap:.5rem}.setup-mode .motion-input-group label{font-size:.85rem}.setup-mode .motion-input-group textarea{font-size:.9rem;padding:.6rem;min-height:70px}.setup-mode .config-row{flex-direction:column;gap:.5rem}.setup-mode .config-row label{font-size:.85rem}.setup-mode .config-row select{font-size:.85rem;padding:.4rem .6rem}.setup-mode .start-debate-btn{padding:.7rem 1.5rem;font-size:.9rem}.message-bot{align-self:flex-start}.message-user{align-self:flex-end}}@media (max-width: 480px){.message{max-width:100%;font-size:.85rem}.messages{padding:.75rem 1.25rem;gap:.75rem}.message{padding:.75rem 1rem}.input-area textarea{font-size:.85rem;min-height:36px;max-height:80px}.input-area .input-wrapper{margin:0 .35rem;padding:.35rem .6rem}.input-area button{padding:.45rem .75rem;min-height:38px;font-size:.85rem}.char-counter-text{font-size:.65rem}.session-nav-container{gap:.5rem;padding:.5rem .65rem}.session-info{gap:.5rem}.session-logo{font-size:1.2rem}.session-logo .beta-indicator{font-size:.5rem}.session-motion-label{display:none}.session-motion-text{font-size:.85rem}.session-metadata{gap:.3rem}.session-timer,.session-role{padding:.25rem .45rem}.timer-label,.role-label{font-size:.7rem}.timer-value,.role-value{font-size:.8rem}.session-btn{padding:.3rem .5rem;font-size:.7rem}.word-count-bar-mobile{padding:.25rem .75rem}.word-count-bar-mobile .char-counter{gap:.5rem}.word-count-bar-mobile .char-counter-text{font-size:.65rem}.prep-skip-btn{width:100%;justify-content:center}.setup-form{padding:1rem}.bot-selection-content{padding:1rem 1.25rem}.bot-item{padding:.65rem 1rem}.bot-item h3{font-size:.95rem}}@media (max-width: 360px){.setup-form{padding:1rem 1.25rem}.setup-form h2{font-size:1.3rem}.messages{padding:.5rem 1rem}.message{font-size:.8rem;padding:.6rem .75rem}.session-nav-container{padding:.4rem .5rem;gap:.4rem}.session-info{gap:.4rem}.session-logo{font-size:1.1rem}.session-logo .beta-indicator{font-size:.45rem}.session-motion-label{display:none}.session-motion-text{font-size:.8rem}.session-timer,.session-role{padding:.2rem .35rem}.timer-label,.role-label{font-size:.65rem}.timer-value,.role-value{font-size:.75rem}.session-btn{padding:.2rem .4rem;font-size:.65rem}.input-area{padding:.35rem}.input-area textarea{font-size:.8rem;min-height:34px}.word-count-bar-mobile{padding:.15rem .5rem}.word-count-bar-mobile .char-counter-text{font-size:.6rem}.bot-selection-page h2{font-size:1.2rem}.bot-item h3{font-size:.9rem}.bot-desc{font-size:.8rem}}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1.5rem;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.confirm-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-modal);padding:2rem;max-width:400px;width:100%;text-align:center}.confirm-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0 0 .75rem}.confirm-text{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin:0 0 1.5rem}.confirm-actions{display:flex;gap:.75rem;justify-content:center}.confirm-btn{padding:.65rem 1.25rem;border-radius:var(--radius-btn);font-weight:600;font-size:.9rem;cursor:pointer;border:none;font-family:var(--font-family);transition:background var(--transition-fast)}.confirm-btn-cancel{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.confirm-btn-cancel:hover{border-color:var(--primary-color);background:var(--primary-dim)}.confirm-btn-end{background:#ef4444;color:#fff}.confirm-btn-end:hover{background:#dc2626}.prep-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9998;padding:2rem}.prep-modal{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:420px;width:100%;text-align:center}.prep-logo{display:flex;align-items:center;gap:.5rem;font-size:1.75rem;font-weight:700;line-height:1}.prep-logo .logo-text{font-family:var(--font-logo);font-weight:400;background:var(--gradient-cyber);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.prep-logo .beta-indicator{font-size:.55rem;font-weight:700;letter-spacing:1.5px;padding:.15rem .4rem;border-radius:4px;background:linear-gradient(135deg,#00d4ff,#7b2ff7);color:#000;line-height:1;align-self:center}.prep-motion-text{font-size:1rem;color:var(--text-secondary);line-height:1.5;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-btn);width:100%}.prep-timer-value{font-family:var(--font-mono);font-size:3.5rem;font-weight:700;color:var(--primary-color);letter-spacing:4px;line-height:1}.prep-timer-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;font-weight:600;margin-top:-.75rem}.prep-actions{display:flex;flex-direction:column;gap:.75rem;width:100%;margin-top:.5rem}.prep-action-btn{padding:.85rem 1.5rem;border-radius:var(--radius-btn);font-weight:600;font-size:1rem;cursor:pointer;border:none;font-family:var(--font-family);transition:background var(--transition-fast);width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.prep-skip-btn{background:#22c55e;color:#fff}.prep-skip-btn:hover{background:#16a34a}.prep-end-btn{background:#ef4444;color:#fff;border:none;font-size:.85rem;padding:.5rem 1rem}.prep-end-btn:hover{background:#dc2626}.debate-complete-page{min-height:100vh;background:var(--bg-primary, #0f0f1a);color:var(--text-primary, #e0e0e0)}.debate-complete-page:has(.profile-nav){padding-top:80px}.debate-complete-content{max-width:900px;margin:0 auto;padding:2rem 1.5rem}.debate-complete-header{text-align:center;margin-bottom:2rem}.debate-complete-badge{display:inline-block;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.4rem 1.2rem;border-radius:20px;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem}.debate-complete-header h2{font-size:1.8rem;font-weight:700;margin:0;color:var(--text-primary, #e0e0e0)}.debate-complete-meta{margin-bottom:2rem}.meta-card{background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border-color, #2a2a3e);border-radius:10px;padding:1rem 1.2rem;display:flex;flex-direction:column;gap:.3rem}.meta-card .meta-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary, #888);font-weight:600}.meta-card .meta-value{font-size:1rem;font-weight:600;color:var(--text-primary, #e0e0e0);word-break:break-word}.meta-capitalize{text-transform:capitalize}.meta-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-top:.8rem}@media (max-width: 700px){.meta-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.meta-row{grid-template-columns:1fr}.debate-complete-content{padding:1.5rem 1rem}.debate-complete-header h2{font-size:1.4rem}.meta-card{padding:.75rem 1rem}.judging-section{padding:1rem}.judging-winner-banner{flex-direction:column;padding:1.25rem}.winner-side{font-size:1.3rem}.debate-complete-actions{flex-direction:column}.debate-complete-btn{width:100%;text-align:center}.transcript-message{padding:.75rem}.transcript-message-content{font-size:.85rem}}.debate-complete-transcript{margin-bottom:2rem}.debate-complete-transcript h3{font-size:1.2rem;font-weight:600;margin:0 0 1rem;color:var(--text-primary, #e0e0e0)}.transcript-messages{display:flex;flex-direction:column;gap:1rem}.transcript-message{background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border-color, #2a2a3e);border-radius:10px;padding:1rem}.transcript-message.user{border-left:3px solid #3b82f6}.transcript-message.assistant{border-left:3px solid #8b5cf6}.transcript-message.system{border-left:3px solid #f59e0b;background:#f59e0b0d}.transcript-message-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;color:var(--text-secondary, #888)}.transcript-message-content{font-size:.95rem;line-height:1.6;color:var(--text-primary, #e0e0e0)}.transcript-message-content p{margin:0 0 .5rem}.transcript-message-content p:last-child{margin-bottom:0}.transcript-empty{text-align:center;color:var(--text-secondary, #888);padding:2rem;font-style:italic}.debate-complete-judging{margin-bottom:2rem}.judging-loading{background:linear-gradient(135deg,#8b5cf614,#3b82f614);border:1px solid var(--border-color, #2a2a3e);border-radius:12px;padding:3rem 2rem;text-align:center}.judging-loading-icon{color:#8b5cf6;margin-bottom:1rem;animation:judging-pulse 1.5s ease-in-out infinite}@keyframes judging-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.judging-loading h3{font-size:1.2rem;font-weight:600;margin:0 0 1.5rem;color:var(--text-primary, #e0e0e0)}.judging-loading-bar{width:100%;max-width:300px;height:6px;background:var(--bg-secondary, #1a1a2e);border-radius:3px;margin:0 auto 1rem;overflow:hidden}.judging-loading-bar-fill{height:100%;width:30%;background:linear-gradient(90deg,#8b5cf6,#3b82f6);border-radius:3px;animation:judging-loading-slide 1.5s ease-in-out infinite}@keyframes judging-loading-slide{0%{transform:translate(-100%)}to{transform:translate(400%)}}.judging-loading p{font-size:.9rem;color:var(--text-secondary, #888);margin:0}.judging-error{background:linear-gradient(135deg,#ef444414,#f59e0b14);border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:2.5rem 2rem;text-align:center}.judging-error-icon{color:#ef4444;margin-bottom:1rem;opacity:.7}.judging-error h3{font-size:1.2rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary, #e0e0e0)}.judging-error p{font-size:.9rem;color:var(--text-secondary, #888);max-width:500px;margin:0 auto .5rem;line-height:1.6}.judging-error-hint{font-size:.8rem!important;color:#f59e0b!important;font-style:italic}.judging-placeholder{background:linear-gradient(135deg,#8b5cf614,#3b82f614);border:1px dashed var(--border-color, #2a2a3e);border-radius:12px;padding:2.5rem 2rem;text-align:center}.judging-icon{color:#8b5cf6;margin-bottom:1rem;opacity:.6}.judging-placeholder h3{font-size:1.2rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary, #e0e0e0)}.judging-placeholder p{font-size:.9rem;color:var(--text-secondary, #888);max-width:500px;margin:0 auto;line-height:1.6}.judging-results{display:flex;flex-direction:column;gap:1.5rem}.judging-results-header{text-align:center}.judging-results-badge{display:inline-block;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;padding:.4rem 1.2rem;border-radius:20px;font-size:.85rem;font-weight:600;letter-spacing:.5px}.judging-winner-banner{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem 2rem;border-radius:12px;text-align:center}.judging-winner-banner.winner-government{background:linear-gradient(135deg,#3b82f626,#2563eb40);border:1px solid rgba(59,130,246,.4)}.judging-winner-banner.winner-opposition{background:linear-gradient(135deg,#8b5cf626,#6d28d940);border:1px solid rgba(139,92,246,.4)}.winner-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;flex-shrink:0}.winner-government .winner-icon{background:#3b82f633;color:#3b82f6}.winner-opposition .winner-icon{background:#8b5cf633;color:#8b5cf6}.winner-text{display:flex;flex-direction:column;gap:.2rem}.winner-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary, #888);font-weight:600}.winner-side{font-size:1.6rem;font-weight:800;letter-spacing:1px}.winner-government .winner-side{color:#3b82f6}.winner-opposition .winner-side{color:#8b5cf6}.judging-section{background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border-color, #2a2a3e);border-radius:12px;padding:1.5rem}.judging-section-title{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;margin:0 0 1rem;color:var(--text-primary, #e0e0e0)}.judging-section-title svg{color:#8b5cf6}.judging-reasoning{font-size:.95rem;line-height:1.7;color:var(--text-primary, #e0e0e0)}.judging-reasoning p{margin:0 0 .8rem}.judging-reasoning p:last-child{margin-bottom:0}.judging-reasoning strong{color:var(--text-primary, #e0e0e0)}.judging-improvements-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 700px){.judging-improvements-grid{grid-template-columns:1fr}}.judging-improvement-card{background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border-color, #2a2a3e);border-radius:12px;padding:1.5rem}.judging-improvement-card.improvement-government{border-left:3px solid #3b82f6}.judging-improvement-card.improvement-opposition{border-left:3px solid #8b5cf6}.improvement-title{display:flex;align-items:center;gap:.6rem;font-size:1rem;font-weight:600;margin:0 0 1rem;color:var(--text-primary, #e0e0e0)}.improvement-side-badge{display:inline-flex;align-items:center;justify-content:center;padding:.15rem .5rem;border-radius:4px;font-size:.7rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.gov-badge{background:#3b82f626;color:#3b82f6}.opp-badge{background:#8b5cf626;color:#8b5cf6}.improvement-content{font-size:.9rem;line-height:1.6;color:var(--text-secondary, #ccc)}.improvement-content p{margin:0 0 .5rem}.improvement-content p:last-child{margin-bottom:0}.improvement-content ul,.improvement-content ol{margin:.3rem 0;padding-left:1.2rem}.improvement-content li{margin-bottom:.3rem}.debate-complete-actions{display:flex;gap:1rem;justify-content:center;padding-bottom:3rem}.debate-complete-btn{padding:.75rem 2rem;font-size:1rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.debate-complete-btn.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none}.debate-complete-btn.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.debate-complete-btn.btn-secondary{background:transparent;color:var(--text-primary, #e0e0e0);border:1px solid var(--border-color, #2a2a3e)}.debate-complete-btn.btn-secondary:hover{background:var(--bg-secondary, #1a1a2e)}.share-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.share-menu{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-modal);padding:24px;max-width:400px;width:90%}.share-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.share-menu-header h3{margin:0;font-size:1.25rem;color:var(--text-primary)}.close-icon-btn{background:none;border:none;font-size:2rem;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background var(--transition-fast),color var(--transition-fast)}.close-icon-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.share-topic-preview{background:var(--bg-tertiary);padding:12px;border-radius:var(--radius-card);margin-bottom:20px}.share-topic-title{font-weight:600;color:var(--text-primary);margin:0 0 4px;font-size:.95rem}.share-topic-motion{color:var(--text-secondary);margin:0;font-size:.85rem;font-style:italic}.share-options{display:flex;flex-direction:column;gap:8px}.share-option{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-card);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);text-align:left;font-family:var(--font-family)}.share-option:hover{border-color:var(--primary-color);background:var(--primary-dim);box-shadow:var(--glow-cyan-subtle)}.share-icon{font-size:1.5rem;flex-shrink:0}.share-option-text{display:flex;flex-direction:column;gap:2px}.share-option-name{font-weight:600;color:var(--text-primary);font-size:.95rem}.share-option-desc{font-size:.8rem;color:var(--text-secondary)}@media (max-width: 768px){.share-menu{max-width:100%;width:95%;padding:20px}}.tournament-badge{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:var(--radius-card);margin-top:8px}.tournament-icon{font-size:1.2rem;flex-shrink:0}.tournament-info{display:flex;flex-direction:column;gap:4px;flex:1}.tournament-name{font-weight:600;font-size:.9rem;color:#fbbf24;line-height:1.2;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px}.tournament-details{display:flex;flex-wrap:wrap;gap:8px;font-size:.8rem;color:var(--text-secondary)}.tournament-year,.tournament-round,.tournament-location{background:#ffffff1a;padding:2px 8px;border-radius:var(--radius-sm);font-weight:500;font-family:var(--font-mono);font-size:.75rem}.tournament-location{font-size:.75rem}@media (max-width: 768px){.tournament-badge{padding:8px 10px}.tournament-name{font-size:.85rem}.tournament-details{font-size:.75rem;gap:6px}}.motion-of-day-trigger{display:flex;align-items:center;justify-content:center;padding:12px 16px;background:var(--primary-color);color:#000;border-radius:var(--radius-btn);cursor:pointer;font-weight:600;font-size:14px;font-family:var(--font-family);white-space:nowrap;border:none;text-transform:uppercase;letter-spacing:.04em;box-shadow:var(--glow-cyan-subtle);transition:background var(--transition-fast),box-shadow var(--transition-fast)}.motion-of-day-trigger:hover{background:var(--primary-hover);box-shadow:var(--glow-cyan)}.motion-of-day-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#0009;display:flex;align-items:center;justify-content:center;z-index:99999!important;isolation:isolate}.motion-of-day-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-modal);padding:32px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;position:relative;z-index:100000!important}.motion-of-day-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.motion-of-day-modal-title{font-size:24px;font-weight:700;color:var(--text-primary)}.motion-of-day-close{background:none;border:none;font-size:28px;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background var(--transition-fast),color var(--transition-fast)}.motion-of-day-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.motion-of-day-content{margin-bottom:24px}.motion-text{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:16px;line-height:1.5}.motion-metadata{display:flex;flex-direction:column;gap:12px;margin-top:16px}.motion-meta-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.motion-meta-label{font-weight:600;color:var(--text-primary)}.motion-infoslide{background:var(--bg-tertiary);border-left:4px solid var(--primary-color);padding:16px;margin:16px 0;border-radius:var(--radius-sm);font-size:14px;color:var(--text-secondary);line-height:1.6}.motion-actions{display:flex;flex-wrap:wrap;gap:12px;padding-top:20px;border-top:1px solid var(--border-color)}.motion-action-btn{padding:12px 20px;border:none;border-radius:var(--radius-btn);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-family);transition:background var(--transition-fast)}.motion-practice-btn{background:var(--primary-color);color:#000;flex:1;min-width:140px;text-transform:uppercase;letter-spacing:.04em;box-shadow:var(--glow-cyan-subtle)}.motion-practice-btn:hover{background:var(--primary-hover);box-shadow:var(--glow-cyan)}.motion-arena-btn{background:#7b2ff733;border:1px solid rgba(123,47,247,.4);color:#b388ff;flex:1;min-width:140px}.motion-arena-btn:hover{background:#7b2ff759;border-color:#7b2ff799}.motion-tournament-btn{background:#f59e0b26;border:1px solid rgba(245,158,11,.3);color:#fbbf24;flex:1;min-width:140px}.motion-tournament-btn:hover{background:#f59e0b40}.motion-login-notice{text-align:center;padding:12px 20px;background:var(--primary-dim);border:1px solid var(--primary-border);border-radius:var(--radius-btn);color:var(--primary-color);font-size:14px;font-weight:600;margin-top:16px;cursor:default}@media (max-width: 768px){.motion-actions{flex-direction:column}.motion-action-btn{width:100%;min-width:auto}}@media (max-width: 480px){.motion-of-day-modal{padding:24px;width:95%}.motion-text{font-size:18px}.motion-action-btn{padding:10px 16px;font-size:13px}}.motion-library{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);height:100vh;overflow:hidden;display:flex;flex-direction:column}.motion-library:has(.profile-nav){padding-top:80px}.library-header{padding:1.5rem 2rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.header-content h1{margin:0;font-size:1.75rem;font-weight:700;color:var(--text-primary)}.library-controls{padding:1.5rem 2rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;gap:1rem;align-items:center;max-width:100%}.search-bar{display:flex;gap:.75rem;flex:1;max-width:1400px;margin:0 auto}.library-layout{display:flex;flex:1;min-height:0;position:relative;overflow:hidden}.library-sidebar{width:360px;min-width:360px;flex-shrink:0;background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:0;overflow-y:auto;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1),min-width .4s cubic-bezier(.4,0,.2,1);opacity:1}.library-sidebar.collapsed{width:30px;min-width:30px;padding:0;overflow:hidden;opacity:1}.library-sidebar>*{transition:opacity .3s ease,visibility .3s ease;transition-delay:.15s}.library-sidebar.collapsed>*{opacity:0;visibility:hidden;pointer-events:none;transition-delay:0s}.library-layout.sidebar-collapsed .library-content{margin-left:0;max-width:100%}.library-sidebar>*{padding:0 1.5rem}.library-sidebar>*:first-child{padding-top:1.5rem}.library-sidebar>*:last-child{padding-bottom:1.5rem}.library-sidebar::-webkit-scrollbar{width:4px}.library-sidebar::-webkit-scrollbar-track{background:transparent}.library-sidebar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:var(--radius-full)}.library-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff40}.filter-header{margin-bottom:1.5rem;padding:1.5rem 1.5rem 0}.filter-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.filter-header h2{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.sidebar-toggle{position:absolute;top:16%;left:360px;z-index:50;width:44px;height:44px;padding:0;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transform:translate(-50%,-50%);transition:left .4s cubic-bezier(.4,0,.2,1),background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.sidebar-toggle:hover{background:var(--bg-tertiary);color:var(--primary-color);border-color:var(--border-color)}.sidebar-toggle svg{width:21px;height:21px;transition:transform .4s cubic-bezier(.4,0,.2,1)}.library-layout.sidebar-collapsed .sidebar-toggle{left:30px}.library-layout.sidebar-collapsed .sidebar-toggle svg{transform:rotate(180deg)}.filter-search{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius-btn);background:var(--bg-input);color:var(--text-primary);font-size:.85rem;font-family:var(--font-family);transition:border-color var(--transition-fast)}.filter-search:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-dim)}.date-range-inputs{display:flex;align-items:center;gap:.5rem}.date-range-inputs input{flex:1;padding:.5rem;border:1px solid var(--border-color);border-radius:var(--radius-btn);background:var(--bg-input);color:var(--text-primary);font-size:.85rem;font-family:var(--font-family)}.date-range-inputs span{color:var(--text-secondary);font-size:.85rem}.filter-checkbox{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-card);cursor:pointer;transition:border-color var(--transition-fast)}.filter-checkbox:hover{border-color:var(--primary-color)}.filter-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.filter-checkbox span{font-size:.9rem;color:var(--text-primary)}.ai-info-wrapper{display:inline-flex;align-items:center;position:relative;vertical-align:middle;margin-left:.35rem}.ai-info-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;cursor:help;color:var(--text-muted);opacity:.5;transition:opacity var(--transition-fast),color var(--transition-fast);flex-shrink:0}.ai-info-icon:hover,.ai-info-icon:focus-visible{opacity:1;color:var(--primary-color)}.ai-info-icon svg{display:block;width:14px;height:14px}.ai-info-tooltip{position:absolute;bottom:calc(100% + 10px);left:0;width:max-content;max-width:280px;padding:.65rem .8rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card);color:var(--text-primary);font-size:.78rem;line-height:1.5;font-weight:400;z-index:100;pointer-events:auto;box-shadow:0 4px 16px #00000040}.ai-info-tooltip:after{content:"";position:absolute;top:100%;left:16px;border:6px solid transparent;border-top-color:var(--border-color)}.ai-info-tooltip.anchor-right{left:auto;right:0}.ai-info-tooltip.anchor-right:after{left:auto;right:16px}.filter-section-header h3{display:inline-flex;align-items:center}@media (max-width: 768px){.ai-info-tooltip{width:220px}}.reset-filters-btn{width:calc(100% - 3rem);padding:.45rem .75rem;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-btn);color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;font-family:var(--font-family);transition:border-color var(--transition-fast),color var(--transition-fast);margin:1rem 1.5rem 1.5rem;opacity:.75}.reset-filters-btn:hover{border-color:var(--primary-border);color:var(--text-primary);opacity:1}.library-content{flex:1;padding:2rem;background:var(--bg-primary);max-width:1400px;margin:0 auto;overflow-y:auto;height:100%;position:relative}.library-content::-webkit-scrollbar{width:8px}.library-content::-webkit-scrollbar-track{background:transparent}.library-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:var(--radius-full)}.library-content::-webkit-scrollbar-thumb:hover{background:#ffffff40}.chinese-disclaimer{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:#f59e0b;padding:10px 16px;border-radius:var(--radius-sm, 4px);font-size:.82rem;margin-bottom:1rem;text-align:center}.topic-list{display:flex;flex-direction:column;gap:1rem;transition:margin-top var(--transition-normal)}.topic-list-item{padding:1.25rem 1.5rem;background:var(--bg-card);border-radius:var(--radius-card);border:1px solid var(--border-color);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);position:relative;display:flex;flex-direction:column;gap:.625rem}.topic-list-item:hover{border-color:var(--primary-border);box-shadow:var(--glow-cyan-subtle)}.topic-list-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.topic-list-title{font-size:1.05rem;font-weight:600;color:var(--text-primary);flex:1;line-height:1.4}.topic-list-actions{display:flex;gap:.5rem;flex-shrink:0}.bookmark-btn,.share-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.25rem;color:var(--text-muted);transition:color var(--transition-fast)}.bookmark-btn:hover,.share-btn:hover{color:var(--primary-color)}.bookmark-btn.bookmarked{color:gold}.topic-list-motion{font-style:italic;color:var(--text-secondary);font-size:.9rem;line-height:1.4;padding-bottom:.125rem}.topic-list-tournament{color:var(--text-secondary);font-size:.85rem;line-height:1.4;padding-bottom:.125rem}.topic-list-badges{display:flex;flex-direction:column;gap:.75rem;margin-top:auto;padding-top:.625rem}@media (min-width: 769px){.topic-list-badges{flex-direction:row;align-items:center;gap:.5rem;flex-wrap:wrap}.topic-list-badges .actions-line{margin-left:auto;white-space:nowrap}}.badges-line{display:flex;align-items:center;gap:.4rem;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin;padding-bottom:.125rem}.badges-line::-webkit-scrollbar{height:3px}.actions-line{display:flex;align-items:center;gap:.4rem;flex-wrap:nowrap;justify-content:flex-end}.list-badge{display:inline-block;padding:.2rem .65rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;white-space:nowrap;line-height:1.5}.list-badge.source{border:1px solid var(--primary-border);color:var(--primary-color);background:var(--primary-dim)}.list-badge.source.analysis{background:var(--primary-dim);color:var(--primary-color);border-color:var(--primary-border)}.list-badge.source.tournament{background:#f59e0b26;border:1px solid rgba(245,158,11,.3);color:#fbbf24}.list-badge.difficulty{color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-color)}.list-badge.category{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#34d399}.list-badge.views,.list-badge.rating{background:var(--primary-dim);border:1px solid var(--primary-border);color:var(--text-secondary)}.list-badge.tag{background:var(--primary-dim);border:1px solid var(--primary-border);color:var(--text-muted)}.topic-list-analyze-btn,.topic-list-practice-btn,.topic-list-arena-btn,.topic-list-link{display:inline-flex;align-items:center;padding:.35rem .85rem;border-radius:var(--radius-btn);font-size:.8rem;font-weight:600;flex-shrink:0;cursor:pointer;font-family:var(--font-family);transition:all var(--transition-fast);white-space:nowrap;height:32px;box-sizing:border-box}.topic-list-analyze-btn{background:transparent;border:1px solid var(--primary-color);color:var(--primary-color)}.topic-list-analyze-btn:hover{background:#00bcd41a}.topic-list-practice-btn{background:var(--primary-color);color:#000;text-decoration:none;border:none}.topic-list-practice-btn:hover{background:var(--primary-hover)}.topic-list-arena-btn{background:#7b2ff733;color:#b388ff;text-decoration:none;border:1px solid rgba(123,47,247,.4)}.topic-list-arena-btn:hover{background:#7b2ff759;border-color:#7b2ff799}.topic-list-link{background:#f59e0b26;border:1px solid rgba(245,158,11,.3);color:#fbbf24;text-decoration:none}.topic-list-link:hover{background:#f59e0b40}.topic-detail-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;overflow-y:auto}.topic-detail-content{background:var(--bg-card);border-radius:var(--radius-modal);padding:2rem;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;border:1px solid var(--border-color)}.detail-header h1{margin:0 0 1rem;font-size:2rem;color:var(--text-primary)}.bookmark-btn-large,.share-btn-large{padding:.75rem 1.5rem;border:1px solid var(--border-color);border-radius:var(--radius-btn);background:var(--bg-tertiary);color:var(--text-primary);font-weight:600;cursor:pointer;font-family:var(--font-family);transition:border-color var(--transition-fast),background var(--transition-fast)}.bookmark-btn-large:hover,.share-btn-large:hover{border-color:var(--primary-color);background:var(--primary-dim)}.bookmark-btn-large.bookmarked{background:gold;color:#333;border-color:gold}.motion-box{padding:1rem;background:var(--bg-tertiary);border-left:4px solid var(--primary-color);border-radius:var(--radius-sm);margin:1.5rem 0;font-size:1.1rem}.infoslide-section{margin:1.5rem 0;padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-card)}.infoslide-section h3{margin:0 0 .75rem;font-size:1.1rem;color:var(--text-primary)}.infoslide-content{color:var(--text-secondary);line-height:1.6}.detail-description{margin:1.5rem 0;line-height:1.6;color:var(--text-primary)}.detail-meta .format-badge,.detail-meta .difficulty-badge{padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:600}.format-badge{background:#2196f326;border:1px solid rgba(33,150,243,.3);color:#64b5f6}.difficulty-badge{color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-color)}.sections{margin:2rem 0}.section{margin-bottom:2rem}.section h2{margin:0 0 1rem;font-size:1.5rem;color:var(--text-primary)}.section-content{line-height:1.8;color:var(--text-primary)}.resources{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.resources h2{margin:0 0 1rem;font-size:1.3rem;color:var(--text-primary)}.resources ul{list-style:none;padding:0}.resources li{margin-bottom:1rem}.resources a{color:var(--primary-color);text-decoration:none;font-weight:600}.resources a:hover{text-decoration:underline}.loading,.error,.empty-state{text-align:center;padding:3rem;color:var(--text-secondary);font-size:1.1rem}.error{color:#f44336}.tab-switcher{display:flex;gap:1rem;margin-bottom:1rem}.tab-btn{padding:.75rem 1.5rem;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-btn);font-size:1rem;font-weight:500;cursor:pointer;font-family:var(--font-family);color:var(--text-secondary);transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.scroll-trigger{padding:2rem 0;text-align:center;min-height:60px}.loading-more{color:var(--text-secondary);font-size:.95rem;padding:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.loading-more:before{content:"";width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%}.end-of-list{color:var(--text-secondary);font-size:.9rem;padding:1.5rem;text-align:center;opacity:.6;font-style:italic}@media (max-width: 1024px){.library-sidebar{width:420px;min-width:420px}.library-controls{flex-direction:column;align-items:stretch}.motion-of-day-trigger{width:100%}}@media (max-width: 768px){.library-layout{flex-direction:column}.library-sidebar{width:100%;min-width:100%;flex:1;min-height:0;position:static;border-right:none;border-bottom:1px solid var(--border-color);overflow-y:auto}.library-sidebar.collapsed{flex:0 0 auto;height:30px;width:100%;min-width:100%;overflow:hidden;border-bottom:1px solid var(--border-color)}.library-sidebar.collapsed>*{transition-delay:0s}.sidebar-toggle{top:30px;left:50%;transform:translate(-50%,-50%)}.library-layout.sidebar-collapsed .sidebar-toggle{left:50%}.library-layout.sidebar-collapsed .sidebar-toggle svg{transform:rotate(180deg)}.library-layout:not(.sidebar-collapsed) .library-content{display:none}.library-content{padding:1.5rem 1rem}.library-header{flex-direction:column;align-items:flex-start;gap:1rem}.search-bar{flex-direction:row}.library-controls{flex-direction:column;gap:1rem}.motion-of-day-trigger{width:100%}.topic-detail-content{padding:1.5rem}.topic-list-item{padding:1rem}.topic-list-header{flex-direction:column;gap:.5rem}.topic-list-title{font-size:1rem}.topic-list-badges{flex-direction:column;gap:.5rem}.badges-line{width:100%;overflow-x:auto}.actions-line{display:flex;flex-wrap:nowrap;gap:.35rem;width:100%}.actions-line .topic-list-analyze-btn,.actions-line .topic-list-practice-btn,.actions-line .topic-list-arena-btn,.actions-line .topic-list-link{flex:1 1 0;justify-content:center;text-align:center;font-size:.78rem;padding:.35rem .25rem;height:32px;min-width:0}.topic-list-analyze-btn,.topic-list-practice-btn,.topic-list-arena-btn,.topic-list-link{width:100%;text-align:center}.detail-header h1{font-size:1.4rem}.detail-actions{flex-direction:column}}@media (max-width: 360px){.library-header{padding:1rem 1.25rem}.header-content h1{font-size:1.3rem}.library-controls{padding:.75rem 1.25rem}.search-bar{flex-direction:column}.search-bar button{width:100%}.library-content{padding:1rem 1.25rem}.topic-list-item{padding:.85rem 1.25rem}.topic-detail-modal{padding:1rem}.topic-detail-content{padding:1rem 1.25rem}}.motion-analysis-page{min-height:100vh;background:var(--bg-primary, #0a0e17);color:var(--text-primary, #e0e0e0)}.analysis-container{max-width:860px;margin:0 auto;padding:24px 20px 60px}.analysis-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.analysis-top-actions{display:flex;gap:8px}.analysis-back-btn{background:transparent;border:none;color:var(--text-secondary, #94a3b8);cursor:pointer;font-size:.9rem;padding:6px 0;transition:color .2s}.analysis-back-btn:hover{color:var(--text-primary, #e0e0e0)}.analysis-lang-toggle{background:transparent;border:1px solid var(--border-color, rgba(255,255,255,.15));color:var(--text-secondary, #94a3b8);padding:6px 14px;border-radius:var(--radius-btn, 6px);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:var(--font-family)}.analysis-lang-toggle:hover{border-color:var(--primary-color, #00bcd4);color:var(--primary-color, #00bcd4)}.analysis-action-btn{padding:8px 16px;border-radius:var(--radius-btn, 6px);font-size:.85rem;cursor:pointer;transition:all .2s;border:none}.analysis-action-btn.practice{background:var(--primary-color, #00bcd4);color:#000}.analysis-action-btn.practice:hover{background:var(--primary-hover, #00e5ff)}.analysis-header{margin-bottom:16px}.analysis-badge{display:inline-block;background:#00bcd426;border:1px solid rgba(0,188,212,.3);color:var(--primary-color, #00bcd4);padding:4px 12px;border-radius:var(--radius-sm, 4px);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.analysis-motion-text{font-size:1.4rem;font-weight:600;line-height:1.4;color:var(--text-primary, #e0e0e0);margin:12px 0 0}.analysis-disclaimer{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:#f59e0b;padding:10px 16px;border-radius:var(--radius-sm, 4px);font-size:.8rem;margin-bottom:24px}.analysis-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1));margin-bottom:20px;overflow-x:auto}.analysis-tab{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary, #94a3b8);padding:10px 16px;font-size:.9rem;cursor:pointer;transition:all .2s;white-space:nowrap}.analysis-tab:hover{color:var(--text-primary, #e0e0e0)}.analysis-tab.active{color:var(--primary-color, #00bcd4);border-bottom-color:var(--primary-color, #00bcd4)}.analysis-panel{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.panel-case-statement{background:var(--bg-secondary, #131a2b);border-radius:var(--radius-card, 8px);padding:20px;margin-bottom:20px;border-left:3px solid var(--text-muted, #475569);font-size:.95rem;line-height:1.6;color:var(--text-primary, #e0e0e0)}.analysis-panel.government .panel-case-statement{border-left-color:var(--primary-color, #00bcd4)}.analysis-panel.opposition .panel-case-statement{border-left-color:#f59e0b}.panel-arguments{display:flex;flex-direction:column;gap:10px}.argument-card{background:var(--bg-card, #0f172a);border:1px solid var(--border-color, rgba(255, 255, 255, .08));border-radius:var(--radius-card, 8px);overflow:hidden;cursor:pointer;transition:all .2s}.argument-card:hover{border-color:#ffffff26;background:var(--bg-secondary, #131a2b)}.argument-card.expanded{border-color:#ffffff1f}.argument-header{display:flex;align-items:center;padding:14px 16px;gap:12px}.argument-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#00bcd426;color:var(--primary-color, #00bcd4);font-size:.75rem;font-weight:700;flex-shrink:0}.argument-title{flex:1;font-size:.95rem;font-weight:600;color:var(--text-primary, #e0e0e0);margin:0}.argument-expand-icon{color:var(--text-muted, #475569);font-size:.8rem;flex-shrink:0}.argument-body{padding:0 16px 16px 52px;font-size:.9rem;line-height:1.6;color:var(--text-secondary, #94a3b8)}.argument-body p{margin:0 0 12px}.argument-evidence{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color, rgba(255, 255, 255, .08))}.argument-evidence h4{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--primary-color, #00bcd4);margin:0 0 8px}.argument-evidence ul{list-style:none;padding:0;margin:0}.argument-evidence li{position:relative;padding:6px 0 6px 16px;font-size:.85rem;color:var(--text-muted, #94a3b8);line-height:1.5}.argument-evidence li:before{content:"•";position:absolute;left:0;color:var(--primary-color, #00bcd4)}.framing-content{background:var(--bg-secondary, #131a2b);border-radius:var(--radius-card, 8px);padding:20px;margin-bottom:16px;line-height:1.6;font-size:.95rem;border-left:3px solid #8b5cf6}.definitions-section,.casebuilding-section{background:var(--bg-card, #0f172a);border:1px solid var(--border-color, rgba(255, 255, 255, .08));border-radius:var(--radius-card, 8px);padding:20px;margin-bottom:16px}.definitions-section h3,.casebuilding-section h3{font-size:.9rem;font-weight:600;color:var(--primary-color, #00bcd4);margin:0 0 8px}.definitions-section p,.casebuilding-section p{font-size:.9rem;line-height:1.6;color:var(--text-secondary, #94a3b8);margin:0}.clash-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.clash-item{display:flex;align-items:flex-start;gap:12px;background:var(--bg-card, #0f172a);border:1px solid var(--border-color, rgba(255, 255, 255, .08));border-radius:var(--radius-card, 8px);padding:14px 16px;font-size:.9rem;line-height:1.5;color:var(--text-secondary, #94a3b8)}.clash-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#8b5cf626;color:#8b5cf6;font-size:.75rem;font-weight:700;flex-shrink:0}.analysis-footer{display:flex;gap:10px;margin-top:32px;padding-top:20px;border-top:1px solid var(--border-color, rgba(255, 255, 255, .08))}.analysis-footer-btn{padding:10px 20px;border-radius:var(--radius-btn, 6px);font-size:.9rem;cursor:pointer;transition:all .2s;border:none}.analysis-footer-btn.practice{background:var(--primary-color, #00bcd4);color:#000}.analysis-footer-btn.practice:hover{background:var(--primary-hover, #00e5ff)}.analysis-footer-btn.share{background:var(--bg-secondary, #131a2b);border:1px solid var(--border-color, rgba(255, 255, 255, .12));color:var(--text-primary, #e0e0e0)}.analysis-footer-btn.share:hover{background:var(--bg-tertiary, #1a2332)}.analysis-generating-notice{display:flex;align-items:center;gap:10px;background:#00bcd414;border:1px solid rgba(0,188,212,.2);border-radius:var(--radius-sm, 4px);padding:12px 16px;margin-bottom:20px;font-size:.85rem;color:var(--primary-color, #00bcd4)}.generating-spinner{width:18px;height:18px;border:2px solid rgba(0,188,212,.3);border-top-color:var(--primary-color, #00bcd4);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.analysis-skeleton-header{margin-bottom:24px}.skeleton-badge{width:120px;height:20px;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm, 4px);margin-bottom:16px}.skeleton-block{height:16px;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm, 4px);margin-bottom:10px}.skeleton-block.w-80{width:80%}.skeleton-block.w-60{width:60%}.skeleton-block.w-50{width:50%}.skeleton-tabs{display:flex;gap:4px;margin-bottom:20px}.skeleton-tab{width:100px;height:36px;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm, 4px)}.skeleton-section{display:flex;flex-direction:column;gap:10px}.skeleton-arg-card{height:52px;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-card, 8px)}.analysis-error-card{text-align:center;padding:60px 20px;max-width:480px;margin:60px auto}.analysis-error-icon{display:flex;justify-content:center;align-items:center;margin-bottom:16px}.analysis-error-icon svg{stroke:var(--text-muted, #475569)}.analysis-error-card h2{font-size:1.2rem;font-weight:600;margin:0 0 10px;color:var(--text-primary, #e0e0e0)}.analysis-error-card p{font-size:.9rem;color:var(--text-secondary, #94a3b8);margin:0 0 24px}.analysis-retry-btn{background:var(--primary-color, #00bcd4);border:none;color:#000;padding:10px 24px;border-radius:var(--radius-btn, 6px);font-size:.9rem;cursor:pointer;transition:background .2s}.analysis-retry-btn:hover{background:var(--primary-hover, #00e5ff)}.text-muted{color:var(--text-muted, #475569)}@media (max-width: 768px){.analysis-container{padding:16px 12px 40px}.analysis-motion-text{font-size:1.15rem}.analysis-top-bar{flex-direction:column;align-items:flex-start;gap:10px}.analysis-footer{flex-direction:column}.analysis-footer-btn{width:100%;text-align:center}}.arena-page{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);min-height:100vh;padding-top:80px}.arena-usage-bar{flex-shrink:0;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:.75rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:100}.usage-item{display:flex;align-items:center;gap:1rem}.usage-label{font-size:.85rem;color:var(--text-secondary)}.usage-count{color:var(--primary-color);font-weight:600;font-size:.9rem;font-family:var(--font-mono)}.usage-progress{width:120px;height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.usage-fill{height:100%;background:var(--gradient-cyber);border-radius:var(--radius-full);transition:width .3s ease}.usage-tier{margin-left:1rem}.tier-badge{padding:.35rem .75rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;background:var(--primary-dim);color:var(--primary-color);border:1px solid var(--primary-border)}.arena-header{flex-shrink:0;padding:1.5rem 2rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:99}.header-content{max-width:1600px;margin:0 auto}.header-content h1{margin:0;font-size:1.75rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.header-content p{margin:.5rem 0 0;font-size:.9rem;color:var(--text-secondary)}.arena-controls{flex-shrink:0;padding:1rem 2rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:98;display:flex;flex-direction:column;gap:.75rem}.search-bar{display:flex;gap:.75rem;max-width:1400px;margin:0 auto;width:100%}.search-bar input{flex:1;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-btn);background:var(--bg-input);color:var(--text-primary);font-size:.95rem;font-family:var(--font-family);transition:border-color var(--transition-fast)}.search-bar input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-dim)}.search-bar button{padding:.75rem;background:var(--primary-color);color:#000;border:none;border-radius:var(--radius-btn);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;transition:background var(--transition-fast)}.search-bar button:hover{background:var(--primary-hover)}.search-bar button svg{width:22px;height:22px;stroke:#000;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.arena-tabs{display:flex;gap:.5rem;max-width:1400px;margin:0 auto;width:100%}.tab-btn{padding:.6rem 1.25rem;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-btn);font-size:.9rem;font-weight:500;cursor:pointer;font-family:var(--font-family);color:var(--text-secondary);transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast);display:flex;align-items:center;gap:.4rem}.tab-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.tab-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.arena-layout{flex:1;display:flex;overflow:hidden;position:relative}.arena-sidebar{width:320px;min-width:320px;flex-shrink:0;background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:0;overflow-y:auto;height:100%;transition:width var(--transition-normal),min-width var(--transition-normal),opacity var(--transition-normal)}.arena-sidebar.collapsed{width:0;min-width:0;padding:0;border-right:none;overflow:hidden;opacity:0}.arena-sidebar::-webkit-scrollbar{width:8px}.arena-sidebar::-webkit-scrollbar-track{background:transparent}.arena-sidebar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:var(--radius-full)}.arena-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff40}.sidebar-header{margin-bottom:1.5rem;padding:1.5rem 1.5rem 0}.sidebar-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.sidebar-header h2{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.collapse-btn{background:none;border:1px solid var(--border-color);padding:.25rem .5rem;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center;min-width:32px;transition:border-color var(--transition-fast),color var(--transition-fast)}.collapse-btn:hover{color:var(--text-primary);border-color:var(--primary-color)}.collapse-btn.floating{position:absolute;left:2rem;top:2rem;z-index:100;background:none;border:1px solid var(--border-color);padding:.25rem .5rem;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center;min-width:32px}.collapse-btn.floating:hover{color:var(--text-primary);border-color:var(--primary-color)}.filter-section{margin-bottom:1.5rem;padding:0 1.5rem 1.5rem;border-bottom:1px solid var(--border-color)}.filter-section:last-of-type{border-bottom:none}.filter-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.filter-section h3{margin:0;font-size:.9rem;font-weight:600;color:var(--text-primary)}.filter-value{font-size:.8rem;color:var(--text-secondary)}.filter-options{display:flex;flex-wrap:wrap;gap:.5rem}.filter-chip{padding:.4rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius-btn);background:var(--bg-tertiary);color:var(--text-primary);font-size:.8rem;cursor:pointer;font-family:var(--font-family);transition:border-color var(--transition-fast),background var(--transition-fast)}.filter-chip:hover{border-color:var(--primary-color);background:var(--primary-dim)}.filter-chip.active{background:#22d3ee1f;border:1px solid rgba(34,211,238,.35);color:#22d3ee;font-weight:600}.reset-filters-btn{width:calc(100% - 3rem);padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-card);color:var(--text-primary);font-weight:600;cursor:pointer;font-family:var(--font-family);transition:border-color var(--transition-fast),background var(--transition-fast);margin:1rem 1.5rem 1.5rem}.reset-filters-btn:hover{border-color:var(--primary-color);background:var(--primary-dim)}.arena-content{flex:1;padding:2rem;background:var(--bg-primary);max-width:1400px;margin:0 auto;overflow-y:auto;height:100%;position:relative;width:100%}.arena-content::-webkit-scrollbar{width:8px}.arena-content::-webkit-scrollbar-track{background:transparent}.arena-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:var(--radius-full)}.arena-content::-webkit-scrollbar-thumb:hover{background:#ffffff40}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h2{font-size:1.3rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.debate-list{display:flex;flex-direction:column;gap:1rem}.debate-list-item{padding:1.5rem;background:var(--bg-card);border-radius:var(--radius-card);border:1px solid var(--border-color);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);position:relative;display:flex;flex-direction:column;gap:.75rem}.debate-list-item:hover{border-color:var(--primary-border);box-shadow:var(--glow-cyan-subtle)}.debate-list-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.debate-list-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);flex:1;line-height:1.4}.debate-list-actions{display:flex;gap:.5rem;flex-shrink:0}.live-indicator{color:#f44;font-size:.85rem;font-weight:600;animation:pulse 1.5s ease-in-out infinite}.debate-list-meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.list-badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:600}.list-badge.format{background:#2196f326;border:1px solid rgba(33,150,243,.3);color:#64b5f6}.list-badge.timer{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary)}.list-badge.viewers{background:var(--primary-dim);border:1px solid var(--primary-border);color:var(--text-secondary);display:flex;align-items:center;gap:.25rem}.debate-list-teams{display:flex;flex-wrap:wrap;gap:.5rem}.team-chip{padding:.35rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;background:#22d3ee14;color:var(--primary-color);border:1px solid rgba(34,211,238,.15);display:flex;flex-direction:column;align-items:center;min-width:100px}.team-position{font-size:.7rem;text-transform:uppercase;opacity:.7;letter-spacing:.05em}.team-name{margin-top:.15rem;font-weight:600}.debate-list-footer{display:flex;gap:.75rem;margin-top:.25rem}.btn-sm{padding:.5rem 1rem!important;font-size:.85rem!important}.leaderboard-table{width:100%;background:var(--bg-card);border-radius:var(--radius-card);border:1px solid var(--border-color);overflow:hidden}.table-header{display:grid;grid-template-columns:60px 1fr 100px 120px;padding:1rem;color:var(--text-secondary);font-weight:500;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}.table-row{display:grid;grid-template-columns:60px 1fr 100px 120px;padding:1rem;align-items:center;border-bottom:1px solid var(--border-color);transition:background var(--transition-fast)}.table-row:hover{background:var(--primary-dim)}.table-row:last-child{border-bottom:none}.rank{font-weight:700;color:var(--primary-color)}.name{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-weight:500}.avatar{font-size:1.2rem;color:var(--text-secondary)}.debate-iq{color:var(--accent-violet);font-weight:600;font-family:var(--font-mono)}.record{color:var(--text-secondary);font-size:.9rem}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--bg-card);border-radius:var(--radius-card);padding:1.5rem;text-align:center;border:1px solid var(--border-color)}.stat-value{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:.25rem}.stat-value.debate-iq-value{color:var(--accent-violet)}.stat-label{font-size:.85rem;color:var(--text-secondary)}.debate-history{display:flex;flex-direction:column;gap:1rem}.history-card{background:var(--bg-card);border-radius:var(--radius-card);padding:1.25rem;border:1px solid var(--border-color);transition:border-color var(--transition-fast)}.history-card:hover{border-color:var(--primary-border)}.history-status{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.status-badge{padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:500}.status-badge.scheduled{background:#22d3ee26;color:var(--primary-color)}.status-badge.in_progress{background:var(--accent-violet-dim);color:var(--accent-violet)}.status-badge.completed{background:#00c85326;color:#00c853}.status-badge.cancelled{background:#ff444426;color:#f44}.history-date{font-size:.85rem;color:var(--text-secondary)}.history-card h4{color:var(--text-primary);font-size:1rem;margin-bottom:.5rem}.history-teams{display:flex;gap:.5rem;flex-wrap:wrap}.team-tag{padding:.2rem .5rem;border-radius:var(--radius-sm);background:#22d3ee14;color:var(--primary-color);font-size:.8rem;border:1px solid rgba(34,211,238,.15)}.schedule-list{display:flex;flex-direction:column;gap:1rem}.schedule-card{display:flex;gap:1.5rem;background:var(--bg-card);border-radius:var(--radius-card);padding:1.5rem;border:1px solid var(--border-color);transition:border-color var(--transition-fast)}.schedule-card:hover{border-color:var(--primary-border)}.schedule-time{text-align:center;min-width:80px}.schedule-time .date{font-size:.85rem;color:var(--text-secondary);margin-bottom:.25rem}.schedule-time .time{font-size:1.1rem;font-weight:600;color:var(--primary-color)}.schedule-info{flex:1}.schedule-info h4{color:var(--text-primary);font-size:1.1rem;margin-bottom:.5rem}.schedule-meta{display:flex;gap:1rem;font-size:.85rem;color:var(--text-secondary);margin-bottom:.75rem;align-items:center}.schedule-teams{display:flex;flex-direction:column;gap:.25rem}.team-line{font-size:.85rem;color:var(--text-secondary)}.team-line strong{color:var(--primary-color)}.loading,.empty-state{text-align:center;padding:3rem;color:var(--text-secondary);font-size:1.1rem}.empty-state h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.3rem}.empty-state p{color:var(--text-secondary);font-size:.95rem}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.debate-detail-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;overflow-y:auto}.debate-detail-content{background:var(--bg-card);border-radius:var(--radius-modal);padding:2rem;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative;border:1px solid var(--border-color)}.close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;color:var(--text-secondary);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background var(--transition-fast),color var(--transition-fast)}.close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.detail-header{margin-bottom:1.5rem}.detail-header h1{margin:0 0 1rem;font-size:1.5rem;color:var(--text-primary);line-height:1.4}.detail-actions{display:flex;gap:.75rem}.detail-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0;padding:1rem 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.detail-teams-section{margin:1.5rem 0}.detail-teams-section h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.detail-teams{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.detail-team-card{padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-card);border:1px solid var(--border-color)}.team-position-badge{display:inline-block;padding:.2rem .5rem;border-radius:var(--radius-sm);background:#22d3ee1f;color:var(--primary-color);font-size:.75rem;font-weight:700;letter-spacing:.05em;margin-bottom:.5rem}.team-detail-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.team-member{font-size:.85rem;color:var(--text-secondary);display:flex;align-items:center;gap:.35rem;padding:.2rem 0}.detail-schedule{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.detail-schedule h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.detail-schedule p{color:var(--text-secondary);font-size:.9rem}.open-lobbies{width:100%}.create-lobby-btn{display:flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;background:linear-gradient(135deg,#00d4ff,#7b2ff7);color:#fff;border:none;border-radius:var(--radius-btn);font-size:.9rem;font-weight:600;cursor:pointer;font-family:var(--font-family);transition:opacity .2s ease}.create-lobby-btn:hover{opacity:.9}.section-header-actions{display:flex;gap:.75rem;align-items:center}.join-code-btn{display:flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;background:#1e1e2e;color:var(--primary-color);border:1px solid #2a2a3e;border-radius:var(--radius-btn);font-size:.9rem;font-weight:600;cursor:pointer;font-family:var(--font-family);transition:all .2s ease}.join-code-btn:hover{background:#2a2a3e;border-color:var(--primary-border)}.join-code-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.join-code-modal{max-width:520px!important}.code-input{font-family:var(--font-mono, "SF Mono", "Fira Code", monospace)!important;letter-spacing:.05em;font-size:1rem!important}.lobby-preview-card{background:var(--bg-tertiary);border:1px solid var(--primary-border);border-radius:var(--radius-card);padding:1.25rem;margin-bottom:1rem;animation:fadeIn .3s ease}.lobby-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.lobby-preview-label{font-size:.85rem;font-weight:600;color:var(--primary-color);text-transform:uppercase;letter-spacing:.05em}.lobby-preview-motion{font-size:1rem;font-weight:600;color:var(--text-primary);line-height:1.4;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.lobby-preview-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem;font-size:.85rem;color:var(--text-secondary)}.lobby-preview-meta span{display:flex;align-items:center;gap:.25rem}.lobby-preview-creator{font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem}.lobby-preview-creator strong{color:var(--text-primary)}.lobby-preview-players{font-size:.85rem;color:var(--text-secondary);display:flex;align-items:center;gap:.35rem}.lobby-preview-players svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lobby-list{display:flex;flex-direction:column;gap:1rem}.lobby-list-item{padding:1.5rem;background:var(--bg-card);border-radius:var(--radius-card);border:1px solid var(--border-color);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);display:flex;flex-direction:column;gap:.75rem}.lobby-list-item:hover{border-color:var(--primary-border);box-shadow:var(--glow-cyan-subtle)}.lobby-list-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.lobby-list-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);flex:1;line-height:1.4}.lobby-status-badge{padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:600}.lobby-status-badge.waiting{background:#22d3ee26;color:var(--primary-color);border:1px solid rgba(34,211,238,.3)}.lobby-status-badge.ready{background:#00c85326;color:#00c853;border:1px solid rgba(0,200,83,.3);animation:pulse 1.5s ease-in-out infinite}.lobby-list-meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.lobby-list-meta .list-badge.debaters{background:#22d3ee14;border:1px solid rgba(34,211,238,.15);color:var(--primary-color);display:flex;align-items:center;gap:.25rem}.lobby-list-creator{font-size:.85rem;color:var(--text-secondary)}.lobby-list-creator strong{color:var(--text-primary)}.lobby-list-debaters{display:flex;flex-wrap:wrap;gap:.5rem}.lobby-debater-chip{display:flex;align-items:center;gap:.35rem;padding:.3rem .6rem;background:#22d3ee0f;border:1px solid rgba(34,211,238,.12);border-radius:var(--radius-full);font-size:.8rem;color:var(--text-primary)}.lobby-debater-chip.empty{background:transparent;border:1px dashed var(--border-color);color:var(--text-secondary);opacity:.6}.debater-dot{width:8px;height:8px;border-radius:50%;background:#00c853;display:inline-block}.debater-dot.empty-dot{background:var(--text-secondary);opacity:.4}.crown{color:#fa0;margin-left:.15rem;font-size:.85rem}.lobby-list-footer{display:flex;gap:.75rem;margin-top:.25rem}.create-lobby-modal{max-width:550px!important}.modal-header{margin-bottom:1.5rem}.modal-header h2{margin:0 0 .5rem;font-size:1.4rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.modal-header p{margin:0;font-size:.9rem;color:var(--text-secondary)}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:.4rem}.form-input{width:100%;padding:.7rem .85rem;border:1px solid var(--border-color);border-radius:var(--radius-btn);background:var(--bg-input);color:var(--text-primary);font-size:.95rem;font-family:var(--font-family);transition:border-color var(--transition-fast);box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-dim)}.motion-input{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-row select{cursor:pointer}.form-info{background:var(--bg-tertiary);border-radius:var(--radius-card);padding:.85rem 1rem;margin-bottom:1rem;border:1px solid var(--border-color)}.form-info p{margin:.25rem 0;font-size:.85rem;color:var(--text-secondary)}.form-info strong{color:var(--text-primary)}.form-error{background:#ff44441a;border:1px solid rgba(255,68,68,.3);color:#f44;padding:.75rem 1rem;border-radius:var(--radius-btn);font-size:.85rem;margin-bottom:1rem}.form-actions{display:flex;gap:.75rem;justify-content:flex-end}.form-actions .btn-secondary,.form-actions .btn-primary{padding:.7rem 1.5rem;border-radius:var(--radius-btn);font-size:.9rem;font-weight:600;cursor:pointer;font-family:var(--font-family);transition:all .2s ease}.form-actions .btn-secondary{background:#1e1e2e;color:var(--text-secondary);border:1px solid #2a2a3e}.form-actions .btn-secondary:hover{background:#2a2a3e}.form-actions .btn-primary{background:linear-gradient(135deg,#00d4ff,#7b2ff7);color:#fff;border:none}.form-actions .btn-primary:hover:not(:disabled){opacity:.9}.form-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px){.arena-sidebar{width:280px;min-width:280px}.arena-controls{flex-direction:column;align-items:stretch}}@media (max-width: 768px){.arena-layout{flex-direction:column}.arena-sidebar{width:100%;min-width:100%;max-height:none;border-right:none;border-bottom:1px solid var(--border-color)}.arena-content{padding:1.5rem 1rem}.arena-header{padding:1rem}.arena-controls{padding:.75rem 1rem}.search-bar{flex-direction:row}.arena-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;gap:.35rem}.tab-btn{white-space:nowrap;padding:.5rem .75rem;font-size:.8rem}.debate-list-teams{flex-direction:column}.team-chip{flex-direction:row;justify-content:space-between;min-width:auto}.stats-cards{grid-template-columns:repeat(2,1fr)}.schedule-card{flex-direction:column;gap:.75rem}.schedule-time{text-align:left;display:flex;gap:.5rem;align-items:center}.table-header,.table-row{grid-template-columns:40px 1fr 80px}.table-header span:last-child,.table-row .record{display:none}.detail-teams{grid-template-columns:1fr}.debate-detail-content{padding:1.5rem}.arena-usage-bar{flex-direction:column;gap:.5rem;padding:.5rem 1rem;align-items:flex-start}.usage-item{width:100%;justify-content:space-between}.debate-list-item{padding:1rem}.debate-list-header{flex-direction:column;gap:.5rem}.debate-list-footer{flex-direction:column}.debate-list-footer .btn-sm{width:100%}.section-header{flex-direction:column;gap:.75rem;align-items:flex-start}.section-header-actions{width:100%}.section-header-actions .create-lobby-btn,.section-header-actions .join-code-btn{flex:1;justify-content:center}.lobby-list-item{padding:1rem}.lobby-list-header{flex-direction:column;gap:.5rem}.lobby-list-footer{flex-direction:column}.lobby-list-footer button{width:100%}.create-lobby-modal{padding:1.5rem!important}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}}@media (max-width: 360px){.arena-header{padding:.75rem 1.25rem}.arena-content{padding:1rem 1.25rem}.stats-cards{grid-template-columns:1fr}.stat-value{font-size:1.5rem}.table-header,.table-row{grid-template-columns:30px 1fr 60px;padding:.75rem 1.25rem;font-size:.8rem}.debate-detail-content{padding:1rem 1.25rem}.detail-header h1{font-size:1.2rem}.join-code-modal,.create-lobby-modal{padding:1rem!important}.lobby-list-item{padding:.85rem 1.25rem}.section-header h2{font-size:1.1rem}}.lobby-skeleton-list{display:flex;flex-direction:column;gap:1rem}.lobby-skeleton-card{padding:1.5rem;background:var(--bg-card);border-radius:var(--radius-card);border:1px solid var(--border-color);display:flex;flex-direction:column;gap:.75rem}.skeleton-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.skeleton-line{background:linear-gradient(90deg,var(--bg-tertiary) 25%,rgba(255,255,255,.08) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:6px}.skeleton-title{height:20px;flex:1;max-width:70%}.skeleton-badge{height:22px;width:80px;flex-shrink:0}.skeleton-meta{display:flex;gap:.5rem;align-items:center}.skeleton-meta-item{height:24px;width:80px;border-radius:12px}.skeleton-creator{height:16px;width:40%;margin-top:.25rem}.skeleton-debaters{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.skeleton-debater-chip{width:90px;height:28px;border-radius:14px;background:linear-gradient(90deg,var(--bg-tertiary) 25%,rgba(255,255,255,.08) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.skeleton-footer{display:flex;margin-top:.25rem}.skeleton-btn{height:34px;width:120px;border-radius:8px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.arena-coming-soon-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family)}.arena-coming-soon-hero{text-align:center;padding:8rem 2rem 3rem;max-width:800px;margin:0 auto}.arena-hero-badge{display:inline-block;border:1px solid rgba(245,158,11,.3);color:#f59e0b;padding:.4rem 1.2rem;border-radius:100px;font-size:.8rem;font-weight:600;letter-spacing:2px;margin-bottom:1.5rem}.arena-coming-soon-hero h1{font-size:3.5rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.arena-hero-subtitle{font-size:1.15rem;line-height:1.7;color:#888;margin-bottom:2.5rem}.arena-hero-actions{display:flex;gap:1rem;justify-content:center}.arena-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;max-width:1100px;margin:0 auto;padding:3rem 2rem}.arena-feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:1.75rem 1.5rem;transition:border-color .3s ease}.arena-feature-card:hover{border-color:var(--primary-border)}.arena-feature-icon{width:36px;height:36px;color:#00d4ff;margin-bottom:1rem}.arena-feature-card h3{font-size:1rem;font-weight:700;margin-bottom:.5rem;color:#fff}.arena-feature-card p{font-size:.85rem;line-height:1.6;color:#888}.arena-coming-soon-cta{text-align:center;padding:4rem 2rem 5rem;max-width:600px;margin:0 auto}.arena-coming-soon-cta h2{font-size:2rem;font-weight:800;margin-bottom:.75rem;color:#fff}.arena-coming-soon-cta p{color:#888;margin-bottom:2rem}.arena-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:3rem 2rem 1rem}.arena-footer .footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}.arena-footer .footer-section h4{color:var(--primary-color);margin-bottom:1rem;font-size:1.1rem}.arena-footer .footer-section p{color:var(--text-muted);line-height:1.6}.arena-footer .footer-section a{display:block;color:var(--text-secondary);text-decoration:none;margin-bottom:.5rem;transition:color var(--transition-fast);cursor:pointer}.arena-footer .footer-section a:hover{color:var(--primary-color)}.arena-footer .footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--border-color);color:var(--text-muted)}@media (max-width: 968px){.arena-features-grid{grid-template-columns:repeat(2,1fr)}.arena-coming-soon-hero h1{font-size:2.5rem}}@media (max-width: 480px){.arena-features-grid{grid-template-columns:1fr}.arena-hero-actions{flex-direction:column}}.live-debate-room{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);min-height:100vh;display:flex;flex-direction:column}.live-debate-room .room-nav{position:fixed;top:0;left:0;right:0;background:#0a0a0ff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #1e1e2e;z-index:1000;padding:.6rem 0}.live-debate-room .room-nav .nav-container{max-width:1400px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.live-debate-room .room-nav .back-btn{display:flex;align-items:center;gap:.4rem;background:none;border:1px solid #2a2a3e;color:#888;padding:.4rem .8rem;border-radius:8px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.live-debate-room .room-nav .back-btn:hover{color:#00d4ff;border-color:#00d4ff;background:#00d4ff14}.live-debate-room .room-nav .room-title{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;color:#00d4ff}.live-debate-room .room-nav .room-status{display:flex;align-items:center;gap:1rem}.live-debate-room .room-nav .spectator-count{display:flex;align-items:center;gap:.3rem;color:#888;font-size:.85rem}.live-debate-room .status-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.live-debate-room .status-badge.scheduled{background:#00d4ff1f;color:#00d4ff;border:1px solid rgba(0,212,255,.3)}.live-debate-room .status-badge.in_progress{background:#44ff441f;color:#4f4;border:1px solid rgba(68,255,68,.3)}.live-debate-room .status-badge.completed{background:#8888881f;color:#888;border:1px solid rgba(136,136,136,.3)}.live-debate-room .status-badge.cancelled{background:#ff44441f;color:#f44;border:1px solid rgba(255,68,68,.3)}.live-debate-room .loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;color:#888}.live-debate-room .loading-spinner{animation:pulse-glow 1.5s ease-in-out infinite;color:#00d4ff}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.live-debate-room .error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;color:#f44;text-align:center;padding:2rem}.live-debate-room .error-screen h2{color:var(--text-primary);margin:0}.live-debate-room .error-screen p{color:#888;max-width:400px}.live-debate-room .error-screen .btn-primary{margin-top:1rem;padding:.7rem 1.5rem;background:linear-gradient(135deg,#00d4ff,#7b2ff7);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.live-debate-room .error-screen .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px #00d4ff4d}.live-debate-room .join-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:6rem 2rem 2rem}.live-debate-room .join-card{background:var(--bg-secondary);border:1px solid #1e1e2e;border-radius:16px;padding:2.5rem;max-width:700px;width:100%;box-shadow:0 8px 32px #0000004d}.live-debate-room .join-motion h2{font-size:1.4rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem;line-height:1.4;text-align:center}.live-debate-room .join-details{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1.5rem;padding:1rem;background:#0003;border-radius:12px}.live-debate-room .detail-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0}.live-debate-room .detail-label{color:#888;font-size:.85rem}.live-debate-room .detail-value{color:var(--text-primary);font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.3rem}.live-debate-room .join-teams{margin-bottom:1.5rem}.live-debate-room .join-teams h3{font-size:1rem;color:var(--text-primary);margin:0 0 .8rem}.live-debate-room .teams-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.live-debate-room .join-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.live-debate-room .join-actions .btn-primary,.live-debate-room .join-actions .btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.live-debate-room .join-actions .btn-primary{background:linear-gradient(135deg,#00d4ff,#7b2ff7);color:#fff;border:none}.live-debate-room .join-actions .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px #00d4ff4d}.live-debate-room .join-actions .btn-secondary{background:transparent;color:#00d4ff;border:1px solid #00d4ff}.live-debate-room .join-actions .btn-secondary:hover{background:#00d4ff14}.live-debate-room .btn-lg{padding:.8rem 1.5rem;font-size:.95rem}.live-debate-room .room-layout{display:grid;grid-template-columns:1fr 280px;gap:1rem;padding:5rem 1.5rem 1.5rem;max-width:1400px;margin:0 auto;width:100%;flex:1}.live-debate-room .panel-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.8rem;padding-bottom:.5rem;border-bottom:1px solid #1e1e2e}.live-debate-room .panel-header h3{font-size:.85rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;margin:0;display:flex;align-items:center;gap:.4rem}.live-debate-room .teams-list{display:flex;flex-direction:column;gap:.6rem}.live-debate-room .team-card{border:1px solid;border-radius:10px;padding:.7rem;transition:all .2s ease}.live-debate-room .team-card:hover{transform:translate(2px)}.live-debate-room .team-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.live-debate-room .team-position-badge{font-size:.7rem;font-weight:700;padding:.15rem .4rem;border-radius:4px;background:#0000004d;letter-spacing:.5px}.live-debate-room .team-name-text{font-size:.8rem;font-weight:500;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-debate-room .team-score{font-size:.75rem;font-weight:600;color:#fa0}.live-debate-room .team-members{display:flex;flex-direction:column;gap:.2rem}.live-debate-room .team-member{display:flex;align-items:center;gap:.4rem;padding:.25rem .4rem;border-radius:6px;font-size:.78rem;transition:all .2s ease}.live-debate-room .team-member.is-me{background:#00d4ff14;border:1px solid rgba(0,212,255,.2)}.live-debate-room .team-member.is-speaking{background:#00d4ff1f;animation:speaking-pulse 1s ease-in-out infinite}@keyframes speaking-pulse{0%,to{background:#00d4ff14}50%{background:#00d4ff2e}}.live-debate-room .member-speaker-pos{font-size:.65rem;color:#666;min-width:18px;font-weight:600}.live-debate-room .member-name{color:var(--text-primary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-debate-room .speaking-indicator{display:flex;align-items:center;gap:.2rem;font-size:.6rem;font-weight:700;letter-spacing:.5px;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.live-debate-room .speaker-order{margin-top:.5rem}.live-debate-room .speaker-list{display:flex;flex-direction:column;gap:.3rem}.live-debate-room .speaker-item{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;border-radius:6px;border:1px solid transparent;font-size:.75rem;transition:all .2s ease}.live-debate-room .speaker-item.active{border-width:1px;border-style:solid;animation:active-glow 1.5s ease-in-out infinite}@keyframes active-glow{0%,to{box-shadow:0 0 5px #00d4ff33}50%{box-shadow:0 0 12px #00d4ff66}}.live-debate-room .speaker-pos{font-size:.65rem;color:#666;min-width:20px;font-weight:600}.live-debate-room .speaker-team{font-size:.7rem;font-weight:700;min-width:28px}.live-debate-room .speaker-label{color:#888;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-debate-room .active-dot{width:6px;height:6px;border-radius:50%;animation:blink 1s step-end infinite}.live-debate-room .room-main{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;max-height:calc(100vh - 6rem)}.live-debate-room .motion-display{background:var(--bg-secondary);border:1px solid #1e1e2e;border-radius:12px;padding:1.2rem 1.5rem;text-align:center}.live-debate-room .motion-label{font-size:.7rem;color:#666;text-transform:uppercase;letter-spacing:1px;font-weight:600}.live-debate-room .motion-text{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin:.4rem 0 0;line-height:1.4}.live-debate-room .timer-section{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:1.5rem;background:var(--bg-secondary);border:1px solid #1e1e2e;border-radius:12px}.live-debate-room .timer-display{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1.5rem 2.5rem;border:2px solid #2a2a3e;border-radius:16px;min-width:280px;transition:border-color .3s ease}.live-debate-room .timer-value{font-size:3.5rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:2px;transition:color .3s ease;font-family:Courier New,monospace}.live-debate-room .timer-label-text{font-size:.75rem;color:#666;text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.live-debate-room .current-speaker{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:#00d4ff;margin-top:.3rem}.live-debate-room .timer-controls{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.live-debate-room .timer-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid #2a2a3e;background:#0000004d;color:var(--text-primary)}.live-debate-room .timer-btn:hover{transform:translateY(-1px)}.live-debate-room .timer-btn.prep-btn{border-color:#fa0;color:#fa0}.live-debate-room .timer-btn.prep-btn:hover{background:#ffaa001f}.live-debate-room .timer-btn.speech-btn{border-color:#4f4;color:#4f4}.live-debate-room .timer-btn.speech-btn:hover{background:#44ff441f}.live-debate-room .timer-btn.pause-btn{border-color:#fa0;color:#fa0}.live-debate-room .timer-btn.pause-btn:hover{background:#ffaa001f}.live-debate-room .timer-btn.resume-btn{border-color:#4f4;color:#4f4}.live-debate-room .timer-btn.resume-btn:hover{background:#44ff441f}.live-debate-room .timer-btn.end-btn{border-color:#f44;color:#f44}.live-debate-room .timer-btn.end-btn:hover{background:#ff44441f}.live-debate-room .timer-btn.end-prep-btn{border-color:#fa0;color:#fa0}.live-debate-room .timer-btn.end-prep-btn:hover{background:#ffaa001f}.live-debate-room .timer-btn.disabled{opacity:.4;cursor:not-allowed;pointer-events:none;border-color:#555!important;color:#666!important;background:#0003!important;transform:none!important;box-shadow:none!important}.live-debate-room .timer-error-message{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:#ff44441f;border:1px solid rgba(255,68,68,.3);border-radius:8px;font-size:.8rem;color:#f44;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.live-debate-room .not-your-turn-notice{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem 1rem;background:#00d4ff14;border:1px solid rgba(0,212,255,.2);border-radius:8px;font-size:.8rem;color:#00d4ff;width:100%;text-align:center;animation:fade-in .3s ease}.live-debate-room .all-speakers-done-notice{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem 1rem;background:#44ff4414;border:1px solid rgba(68,255,68,.2);border-radius:8px;font-size:.8rem;color:#4f4;width:100%;text-align:center;animation:fade-in .3s ease}.live-debate-room .prep-not-started-notice{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem 1rem;background:#ffaa000f;border:1px solid rgba(255,170,0,.15);border-radius:8px;font-size:.8rem;color:#fa0;width:100%;text-align:center;animation:fade-in .3s ease}.live-debate-room .speaker-item.expected{border-width:1px;border-style:solid;background:#00000026;animation:expected-pulse 1.5s ease-in-out infinite}@keyframes expected-pulse{0%,to{box-shadow:0 0 3px #00d4ff1a}50%{box-shadow:0 0 10px #00d4ff4d}}.live-debate-room .expected-badge{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:.1rem .35rem;border-radius:4px;background:#0000004d;border:1px solid currentColor;animation:blink 1s step-end infinite}.live-debate-room .poi-section{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1rem;background:var(--bg-secondary);border:1px solid #1e1e2e;border-radius:12px}.live-debate-room .poi-btn{display:flex;align-items:center;gap:.4rem;padding:.6rem 1.2rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid #7b2ff7;color:#7b2ff7;background:#7b2ff714}.live-debate-room .poi-btn:hover:not(:disabled){background:#7b2ff72e;transform:translateY(-1px)}.live-debate-room .poi-btn:disabled{opacity:.5;cursor:not-allowed}.live-debate-room .poi-pending{display:flex;align-items:center;gap:.6rem;padding:.5rem 1rem;background:#ffaa001a;border:1px solid rgba(255,170,0,.3);border-radius:8px;font-size:.8rem;color:#fa0}.live-debate-room .poi-accept-btn{padding:.3rem .8rem;background:#4f4;color:#000;border:none;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer}.live-debate-room .poi-decline-btn{padding:.3rem .8rem;background:transparent;color:#f44;border:1px solid #ff4444;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer}.live-debate-room .speech-log{background:var(--bg-secondary);border:1px solid #1e1e2e;border-radius:12px;padding:1rem;flex:1;min-height:150px}.live-debate-room .log-empty{display:flex;align-items:center;justify-content:center;padding:2rem;color:#666;font-size:.85rem;text-align:center}.live-debate-room .log-entries{display:flex;flex-direction:column;gap:.3rem}.live-debate-room .log-entry{display:flex;align-items:center;gap:.8rem;padding:.4rem .6rem;border-radius:6px;font-size:.8rem;background:#00000026}.live-debate-room .log-time{color:#666;font-family:Courier New,monospace;font-size:.75rem;min-width:50px}.live-debate-room .log-speaker{color:var(--text-primary);flex:1}.live-debate-room .log-duration{color:#888;font-family:Courier New,monospace;font-size:.75rem}.live-debate-room .info-panel{background:var(--bg-secondary);border:1px solid #1e1e2e;border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:1rem;max-height:calc(100vh - 6rem);overflow-y:auto}.live-debate-room .info-section{display:flex;flex-direction:column;gap:.4rem}.live-debate-room .info-row{display:flex;justify-content:space-between;align-items:center;padding:.3rem 0;font-size:.8rem}.live-debate-room .info-label{color:#888}.live-debate-room .info-value{color:var(--text-primary);font-weight:500}.live-debate-room .spectator-controls{display:flex;flex-direction:column;gap:.6rem}.live-debate-room .spectator-note{font-size:.78rem;color:#888;margin:0;line-height:1.4}.live-debate-room .btn-sm{padding:.4rem .8rem;font-size:.78rem;border-radius:6px;cursor:pointer;transition:all .2s ease}.live-debate-room .btn-secondary.btn-sm{background:transparent;color:#f44;border:1px solid #ff4444}.live-debate-room .btn-secondary.btn-sm:hover{background:#ff44441a}@media (max-width: 1024px){.live-debate-room .room-layout{grid-template-columns:1fr 240px;gap:.8rem;padding:5rem 1rem 1rem}}@media (max-width: 768px){.live-debate-room .room-layout{grid-template-columns:1fr;gap:.8rem;padding:5rem .8rem .8rem}.live-debate-room .room-main{max-height:none;order:1}.live-debate-room .info-panel{max-height:none;order:2}.live-debate-room .teams-grid,.live-debate-room .join-details{grid-template-columns:1fr}.live-debate-room .join-actions{flex-direction:column}.live-debate-room .timer-value{font-size:2.5rem}.live-debate-room .timer-display{min-width:200px;padding:1rem 1.5rem}.live-debate-room .room-nav .nav-container{padding:0 .8rem}.live-debate-room .room-nav .room-title{font-size:.9rem}}.live-debate-room .end-prep-vote-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.live-debate-room .end-prep-vote-modal{background:var(--bg-secondary);border:1px solid #2a2a3e;border-radius:16px;padding:2rem;max-width:420px;width:90%;box-shadow:0 8px 32px #00000080;animation:slide-up .3s ease}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.live-debate-room .vote-modal-header{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;color:#fa0}.live-debate-room .vote-modal-header h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.live-debate-room .vote-modal-info{font-size:.85rem;color:#888;line-height:1.5;margin:0 0 1.2rem}.live-debate-room .vote-modal-info strong{color:var(--text-primary)}.live-debate-room .vote-tally{background:#0003;border-radius:10px;padding:.8rem 1rem;margin-bottom:1.2rem}.live-debate-room .vote-tally-label{font-size:.75rem;color:#666;text-transform:uppercase;letter-spacing:.5px;font-weight:600;display:block;margin-bottom:.5rem}.live-debate-room .vote-tally-list{display:flex;flex-direction:column;gap:.4rem}.live-debate-room .vote-item{display:flex;justify-content:space-between;align-items:center;padding:.35rem .5rem;border-radius:6px;font-size:.8rem}.live-debate-room .vote-item.agreed{background:#44ff4414}.live-debate-room .vote-item.pending{background:#ffaa0014}.live-debate-room .vote-user{color:var(--text-primary);font-weight:500}.live-debate-room .vote-status{display:flex;align-items:center;gap:.3rem;font-size:.75rem}.live-debate-room .vote-item.agreed .vote-status{color:#4f4}.live-debate-room .vote-item.pending .vote-status{color:#fa0}.live-debate-room .vote-modal-actions{display:flex;gap:.6rem}.live-debate-room .vote-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;flex:1;padding:.7rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.live-debate-room .vote-btn.agree-btn{background:linear-gradient(135deg,#4f4,#2c2);color:#000;border:none}.live-debate-room .vote-btn.agree-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #44ff444d}.live-debate-room .vote-btn.decline-btn{background:transparent;color:#f44;border:1px solid #ff4444}.live-debate-room .vote-btn.decline-btn:hover{background:#ff44441a;transform:translateY(-1px)}.live-debate-room .vote-waiting{text-align:center;color:#fa0;font-size:.85rem;margin:0;padding:.5rem;flex:1;animation:pulse-glow 1.5s ease-in-out infinite}@media (max-width: 480px){.live-debate-room .join-card{padding:1.5rem}.live-debate-room .join-motion h2{font-size:1.1rem}.live-debate-room .motion-text{font-size:1rem}.live-debate-room .timer-value{font-size:2rem}.live-debate-room .timer-controls{flex-direction:column;width:100%}.live-debate-room .timer-btn{justify-content:center;width:100%}.live-debate-room .teams-grid{grid-template-columns:1fr}.live-debate-room .join-actions{flex-direction:column}.live-debate-room .join-actions .btn-primary,.live-debate-room .join-actions .btn-secondary{width:100%;justify-content:center}.live-debate-room .room-nav .room-title{font-size:.8rem}.live-debate-room .motion-display{padding:1rem}.live-debate-room .timer-display{min-width:160px;padding:.75rem 1rem}}@media (max-width: 360px){.live-debate-room .room-layout{padding:4.5rem 1.25rem .5rem}.live-debate-room .join-card{padding:1.25rem}.live-debate-room .join-motion h2{font-size:1rem}.live-debate-room .motion-text{font-size:.9rem}.live-debate-room .timer-value{font-size:1.6rem}.live-debate-room .timer-display{min-width:140px;padding:.5rem .75rem}.live-debate-room .room-nav .nav-container{padding:0 .5rem}.live-debate-room .room-nav .back-btn{padding:.3rem .5rem;font-size:.75rem}.live-debate-room .end-prep-vote-modal{padding:1.25rem}}.lobby-room{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);min-height:100vh}.lobby-nav{position:fixed;top:0;left:0;right:0;background:#0a0a0ff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #1e1e2e;z-index:1000;padding:.75rem 0}.lobby-nav .nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.back-btn{display:flex;align-items:center;gap:.5rem;background:#1e1e2e;border:1px solid #2a2a3e;color:#00d4ff;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-family)}.back-btn:hover:not(:disabled){background:#2a2a3e}.back-btn:disabled{opacity:.5;cursor:not-allowed}.lobby-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.lobby-status .status-badge{padding:.35rem .75rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:600}.lobby-status .status-badge.waiting{background:#22d3ee26;color:var(--primary-color);border:1px solid rgba(34,211,238,.3)}.lobby-status .status-badge.ready{background:#00c85326;color:#00c853;border:1px solid rgba(0,200,83,.3);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.lobby-content{max-width:900px;margin:0 auto;padding:6rem 2rem 3rem}.lobby-motion{background:var(--bg-card);border-radius:var(--radius-card);padding:2rem;border:1px solid var(--border-color);margin-bottom:1.5rem;text-align:center}.motion-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:.75rem;display:block}.motion-text{font-size:1.4rem;font-weight:700;color:var(--text-primary);line-height:1.4;margin:0}.lobby-info-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.info-item{background:var(--bg-card);border-radius:var(--radius-card);padding:1rem;border:1px solid var(--border-color);text-align:center}.info-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.35rem}.info-value{font-size:.95rem;font-weight:600;color:var(--primary-color)}.lobby-debaters-section{background:var(--bg-card);border-radius:var(--radius-card);padding:1.5rem;border:1px solid var(--border-color);margin-bottom:1.5rem}.debaters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.debaters-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.slots-remaining{font-size:.85rem;color:var(--text-secondary)}.full-badge{font-size:.85rem;color:#00c853;font-weight:600;display:flex;align-items:center;gap:.35rem}.debater-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.debater-slot{background:var(--bg-tertiary);border-radius:var(--radius-card);padding:1rem;border:1px solid var(--border-color);text-align:center;transition:all .3s ease;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.debater-slot.filled{background:#22d3ee0f;border-color:#22d3ee33}.debater-slot.filled.is-me{background:#22d3ee1f;border-color:var(--primary-color);box-shadow:0 0 15px #22d3ee26}.debater-slot.empty{border-style:dashed;opacity:.5}.debater-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#00d4ff,#7b2ff7);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:.25rem}.debater-info{display:flex;flex-direction:column;align-items:center;gap:.25rem}.debater-name{font-size:.9rem;font-weight:600;color:var(--text-primary)}.creator-badge{font-size:.7rem;padding:.15rem .5rem;border-radius:var(--radius-full);background:#7b2ff733;color:#b388ff;border:1px solid rgba(123,47,247,.3);font-weight:600}.empty-slot{display:flex;flex-direction:column;align-items:center;gap:.35rem}.empty-slot-number{font-size:1.5rem;font-weight:700;color:var(--text-secondary);opacity:.4}.empty-slot-text{font-size:.8rem;color:var(--text-secondary);opacity:.6}.lobby-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.btn-lg{padding:.85rem 2rem;font-size:1rem;border-radius:var(--radius-btn);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-family:var(--font-family);transition:all .2s ease}.lobby-actions .btn-primary{background:linear-gradient(135deg,#00d4ff,#7b2ff7);color:#fff;border:none}.lobby-actions .btn-primary:hover:not(:disabled){opacity:.9}.lobby-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}.lobby-actions .btn-secondary{background:#1e1e2e;color:#f44;border:1px solid #2a2a3e}.lobby-actions .btn-secondary:hover{background:#2a2a3e}.lobby-share-info{text-align:center;padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-card);border:1px solid var(--border-color);cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.lobby-share-info:hover{background:#22d3ee14;border-color:#22d3ee4d}.lobby-share-info:active{transform:scale(.98)}.lobby-share-info p{margin:0;font-size:.85rem;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:.4rem}.lobby-share-info code{background:#22d3ee1a;padding:.2rem .5rem;border-radius:4px;font-size:.8rem;color:var(--primary-color);font-family:var(--font-mono);word-break:break-all}.lobby-share-info.copied{background:#00c8531a;border-color:#00c8534d;animation:copyPulse .4s ease}.lobby-share-info.copied p{color:#00c853;font-weight:600}@keyframes copyPulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.loading-screen,.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;color:var(--text-secondary)}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-screen h2{color:var(--text-primary);margin:0}.error-screen .btn-primary{margin-top:1rem;padding:.75rem 2rem;background:linear-gradient(135deg,#00d4ff,#7b2ff7);color:#fff;border:none;border-radius:var(--radius-btn);font-size:.95rem;font-weight:600;cursor:pointer;font-family:var(--font-family)}@media (max-width: 768px){.lobby-info-bar,.debater-grid{grid-template-columns:repeat(2,1fr)}.lobby-actions{flex-direction:column;align-items:center}.lobby-actions .btn-lg{width:100%;justify-content:center}.lobby-motion{padding:1.5rem}.motion-text{font-size:1.15rem}.lobby-content{padding:5rem 1.25rem 2rem}.debater-slot{min-height:100px;padding:.75rem}}@media (max-width: 360px){.lobby-content{padding:4.5rem 1.25rem 1.5rem}.lobby-motion{padding:1.25rem}.motion-text{font-size:1rem}.lobby-info-bar,.debater-grid{grid-template-columns:1fr}.debater-slot{min-height:80px;padding:.75rem}.lobby-share-info p{font-size:.75rem;flex-direction:column}}.mc-page{height:100vh;overflow:hidden;background:#080808;color:#e0e0e0;padding:2rem;padding-top:80px;display:flex;flex-direction:column}.mc-page--player{padding-top:1rem}.mc-page .profile-nav{background:#080808f2;border-bottom:1px solid #1a1a2e}.mc-page .profile-nav .nav-links a{color:#666}.mc-page .profile-nav .nav-links a:hover,.mc-page .profile-nav .nav-links a.active{color:#22d3ee}.mc-page .profile-nav .nav-links a.active:after{background:#22d3ee}.mc-page .profile-nav .nav-links .btn-secondary{background:#1a1a2e;color:#22d3ee}.mc-page .profile-nav .nav-links .btn-primary{background:linear-gradient(135deg,#22d3ee,#7c3aed)}.mc-hero{text-align:center;padding:3rem 1rem 2rem;position:relative}.mc-hero:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(34,211,238,.03) 0%,transparent 70%);pointer-events:none}.mc-hero-title{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:.75rem;letter-spacing:-.02em}.mc-hero-subtitle{color:#888;font-size:1.15rem;max-width:500px;margin:0 auto;line-height:1.6}.mc-controls{max-width:900px;margin:0 auto 1.5rem;display:flex;flex-direction:column;gap:1rem}.mc-search-bar{display:flex;align-items:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-btn);padding:.75rem 1rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.mc-search-bar:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-dim)}.mc-search-icon{display:flex;align-items:center;margin-right:.75rem;opacity:.5;flex-shrink:0}.mc-search-icon svg{width:20px;height:20px;stroke:var(--text-secondary);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mc-search-input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:.95rem;font-family:var(--font-family)}.mc-search-input::placeholder{color:var(--text-secondary);opacity:.5}.mc-search-clear{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;transition:color var(--transition-fast);display:flex;align-items:center;flex-shrink:0}.mc-search-clear:hover{color:var(--text-primary)}.mc-search-clear svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mc-level-filters{display:flex;gap:.5rem;flex-wrap:wrap}.mc-level-chip{padding:.4rem 1rem;border-radius:20px;border:1px solid #1e1e2e;background:#111;color:#888;font-size:.85rem;cursor:pointer;transition:all .2s ease;font-family:inherit}.mc-level-chip:hover{border-color:#333;color:#aaa}.mc-level-chip.active{background:#22d3ee1a;border-color:#22d3ee;color:#22d3ee}.mc-level-chip.active.level-beginner{background:#00c8531a;border-color:#00c853;color:#00c853}.mc-level-chip.active.level-intermediate{background:#ffc1071a;border-color:#ffc107;color:#ffc107}.mc-level-chip.active.level-advanced{background:#ff44441a;border-color:#f44;color:#f44}.mc-browse-scroll{flex:1;overflow-y:auto;padding-bottom:2rem}.mc-browse-scroll::-webkit-scrollbar{width:4px}.mc-browse-scroll::-webkit-scrollbar-track{background:transparent}.mc-browse-scroll::-webkit-scrollbar-thumb{background:#2a2a3e;border-radius:2px}.mc-catalog{max-width:900px;margin:0 auto}.mc-featured-card{position:relative;border-radius:16px;overflow:hidden;cursor:pointer;margin-bottom:2rem;min-height:320px;border:1px solid #1a1a2e;transition:border-color .3s ease,transform .3s ease}.mc-featured-card:hover{border-color:#22d3ee;transform:translateY(-2px)}.mc-featured-bg{position:absolute;top:0;right:0;bottom:0;left:0}.mc-featured-bg img{width:100%;height:100%;object-fit:cover}.mc-featured-gradient{width:100%;height:100%;background:linear-gradient(135deg,#0a1628,#1a0a2e,#0a1a1a)}.mc-featured-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#080808f2,#080808b3,#08080866)}.mc-featured-content{position:relative;z-index:1;padding:2.5rem;max-width:600px}.mc-featured-tag{display:inline-block;padding:.25rem .75rem;background:#22d3ee26;border:1px solid rgba(34,211,238,.3);border-radius:20px;font-size:.75rem;font-weight:600;color:#22d3ee;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.mc-featured-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem;line-height:1.2}.mc-featured-subtitle{color:#aaa;font-size:1rem;margin-bottom:1rem}.mc-featured-meta{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;font-size:.85rem;color:#888;margin-bottom:1rem}.mc-featured-coach{color:#22d3ee}.mc-featured-desc{color:#999;font-size:.9rem;line-height:1.6;margin-bottom:1.5rem}.mc-featured-actions{display:flex;align-items:center;gap:1rem}.mc-course-price-tag{font-size:1.25rem;font-weight:700;color:#fbbf24}.mc-free-badge-large{font-size:1rem;font-weight:700;color:#22d3ee;padding:.35rem 1rem;background:#22d3ee1a;border-radius:8px}.mc-section-header{margin-bottom:1.25rem}.mc-section-header h3{font-size:1.3rem;font-weight:600;color:#ccc}.mc-course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.mc-course-card{background:#0d0d14;border-radius:12px;overflow:hidden;border:1px solid #1a1a2e;cursor:pointer;transition:all .3s ease}.mc-course-card:hover{border-color:#22d3ee;transform:translateY(-3px);box-shadow:0 8px 30px #22d3ee14}.mc-course-thumbnail{height:150px;background:#111;position:relative;overflow:hidden}.mc-course-thumbnail img{width:100%;height:100%;object-fit:cover}.mc-course-thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;background:linear-gradient(135deg,#0d0d14,#1a0d2e)}.mc-level-badge{position:absolute;top:.75rem;right:.75rem;padding:.2rem .7rem;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.level-beginner{background:#00c85326;color:#00c853}.level-intermediate{background:#ffc10726;color:#ffc107}.level-advanced{background:#ff444426;color:#f44}.mc-course-body{padding:1rem 1.25rem 1.25rem}.mc-course-title{font-size:1.05rem;font-weight:600;color:#fff;margin-bottom:.25rem;line-height:1.3}.mc-course-coach{font-size:.8rem;color:#22d3ee;margin-bottom:.35rem}.mc-course-meta{display:flex;gap:.75rem;font-size:.78rem;color:#666;margin-bottom:.75rem;flex-wrap:wrap}.mc-course-meta span,.mc-featured-meta span{display:inline-flex;align-items:center;gap:.3rem}.mc-course-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid #1a1a2e}.mc-course-price{color:#fbbf24;font-weight:700;font-size:.95rem}.mc-free-badge{color:#22d3ee;font-weight:600;font-size:.8rem;padding:.2rem .6rem;background:#22d3ee14;border-radius:6px}.mc-player-layout{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;flex:1;overflow:hidden;width:100%}.mc-player-topbar{display:flex;align-items:center;gap:1rem;padding:1rem 0;flex-shrink:0;border-bottom:1px solid #1a1a2e}.mc-back-btn{background:none;border:1px solid #1e1e2e;color:#888;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.85rem;transition:all .2s;font-family:inherit;flex-shrink:0;display:inline-flex;align-items:center;gap:.35rem}.mc-back-btn:hover{border-color:#22d3ee;color:#22d3ee}.mc-player-course-title{flex:1;min-width:0}.mc-player-course-title h2{font-size:1.1rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-player-progress{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.mc-player-progress-bar{width:120px;height:6px;background:#1a1a2e;border-radius:3px;overflow:hidden}.mc-player-progress-fill{height:100%;background:linear-gradient(90deg,#22d3ee,#7c3aed);border-radius:3px;transition:width .3s ease}.mc-player-progress-text{font-size:.8rem;color:#888;white-space:nowrap}.mc-player-main{display:flex;flex:1;gap:0;overflow:hidden;position:relative}.mc-player-sidebar{width:280px;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid #1a1a2e}.mc-sidebar-title{font-size:.85rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.05em;padding:1rem;flex-shrink:0}.mc-sidebar-lessons{flex:1;overflow-y:auto;padding:.5rem}.mc-sidebar-lessons::-webkit-scrollbar{width:4px}.mc-sidebar-lessons::-webkit-scrollbar-track{background:transparent}.mc-sidebar-lessons::-webkit-scrollbar-thumb{background:#2a2a3e;border-radius:2px}.mc-sidebar-lessons::-webkit-scrollbar-thumb:hover{background:#3a3a4e}.mc-sidebar-lesson{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:2px}.mc-sidebar-lesson:hover{background:#111}.mc-sidebar-lesson.active{background:#22d3ee14;border:1px solid rgba(34,211,238,.2)}.mc-sidebar-lesson.completed{opacity:.7}.mc-sidebar-lesson-status{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.mc-status-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.mc-status-icon.pending{background:#1a1a2e;color:#555;font-size:.75rem}.mc-status-icon.playing{background:#22d3ee26;color:#22d3ee;font-size:.6rem}.mc-status-icon.completed{background:#00c85326;color:#00c853}.mc-sidebar-lesson-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.mc-sidebar-lesson-title{font-size:.82rem;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-sidebar-lesson.active .mc-sidebar-lesson-title{color:#22d3ee}.mc-sidebar-lesson-duration{font-size:.72rem;color:#555}.mc-sidebar-empty{padding:2rem;text-align:center;color:#555;font-size:.85rem}.mc-player-content{flex:1;overflow-y:auto;padding:1.5rem 2rem}.mc-player-content::-webkit-scrollbar{width:4px}.mc-player-content::-webkit-scrollbar-track{background:transparent}.mc-player-content::-webkit-scrollbar-thumb{background:#2a2a3e;border-radius:2px}.mc-player-video{margin-bottom:1.5rem;border-radius:12px;overflow:hidden;background:#000}.mc-player-lesson-info{margin-bottom:1.5rem}.mc-player-lesson-title{font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:.5rem}.mc-player-lesson-desc{color:#999;font-size:.95rem;line-height:1.6;margin-bottom:.75rem}.mc-player-lesson-meta{display:flex;gap:1rem;font-size:.85rem;color:#666}.mc-player-lesson-duration{color:#22d3ee}.mc-player-lesson-notes{margin-bottom:1.5rem;padding:1.25rem;background:#0d0d14;border-radius:12px}.mc-player-lesson-notes h3{font-size:1rem;font-weight:600;color:#ccc;margin-bottom:.75rem}.mc-player-notes-content p{color:#999;font-size:.9rem;line-height:1.7;margin-bottom:.5rem}.mc-player-navigation{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 0}.mc-player-navigation .btn-secondary,.mc-player-navigation .btn-primary{padding:.6rem 1.25rem;border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.mc-player-navigation .btn-secondary{background:#1a1a2e;color:#888;border:1px solid #2a2a3e}.mc-player-navigation .btn-secondary:hover:not(:disabled){background:#2a2a3e;color:#ccc}.mc-player-navigation .btn-secondary:disabled{opacity:.3;cursor:not-allowed}.mc-player-navigation .btn-primary{background:linear-gradient(135deg,#22d3ee,#7c3aed);color:#fff}.mc-player-navigation .btn-primary:hover:not(:disabled){opacity:.9}.mc-player-navigation .btn-primary:disabled{opacity:.4;cursor:not-allowed}.mc-mark-complete-btn{min-width:160px}.mc-player-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.mc-player-empty h3{font-size:1.2rem;color:#888;margin-bottom:.5rem}.mc-player-empty p{color:#555;font-size:.9rem}.mc-loading-state{padding:1rem 0}.mc-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.mc-skeleton-card{background:#0d0d14;border-radius:12px;overflow:hidden;border:1px solid #1a1a2e}.mc-skeleton-thumbnail{height:150px;background:linear-gradient(90deg,#111 25%,#1a1a2e,#111 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.mc-skeleton-body{padding:1.25rem}.mc-skeleton-line{height:14px;background:linear-gradient(90deg,#111 25%,#1a1a2e,#111 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-bottom:.75rem}.mc-skeleton-title{width:70%;height:18px}.mc-skeleton-text{width:100%}.mc-skeleton-text.short{width:50%}.mc-skeleton-progress{height:6px;background:linear-gradient(90deg,#111 25%,#1a1a2e,#111 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:3px;margin-top:1rem}.mc-empty-state{text-align:center;padding:4rem 2rem}.mc-empty-state h3{font-size:1.2rem;color:#ccc;margin-bottom:.5rem}.mc-empty-state p{color:#666;font-size:.9rem;margin-bottom:1.5rem}.mc-empty-state .btn-primary,.mc-empty-state .btn-secondary{padding:.6rem 1.5rem;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;font-family:inherit;transition:all .2s}.mc-empty-state .btn-primary{background:linear-gradient(135deg,#22d3ee,#7c3aed);color:#fff}.mc-empty-state .btn-primary:hover{opacity:.9}.mc-empty-state .btn-secondary{background:#1a1a2e;color:#888;border:1px solid #2a2a3e}.mc-empty-state .btn-secondary:hover{background:#2a2a3e;color:#ccc}.bilibili-player-container{width:100%}.bilibili-player-wrapper{position:relative;width:100%;padding-top:56.25%;background:#000}.bilibili-player-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.bilibili-player-placeholder{width:100%}.bilibili-player-empty,.bilibili-player-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background:#111;border:1px dashed #333;border-radius:12px;text-align:center;min-height:200px}.bilibili-player-empty .bilibili-player-icon,.bilibili-player-error .bilibili-player-icon{font-size:3rem;margin-bottom:1rem}.bilibili-player-empty p,.bilibili-player-error p{color:#999;font-size:1rem;margin:0}.bilibili-player-error small{color:#666;font-size:.85rem;margin-top:.5rem}@media (max-width: 1024px){.mc-page{padding:1.5rem;padding-top:80px}.mc-player-main{flex-direction:column}.mc-player-sidebar{width:100%;max-height:300px}.mc-player-content{padding:1.5rem}.mc-course-grid{grid-template-columns:repeat(2,1fr)}.mc-featured-card{flex-direction:column}.mc-featured-bg{width:100%;height:200px}}@media (max-width: 768px){.mc-page{padding:1rem;padding-top:70px}.mc-page .profile-nav .nav-container{padding:0 1rem}.mc-page .profile-nav .nav-links{gap:.75rem}.mc-page .profile-nav .nav-links a{font-size:.8rem}.mc-page .profile-nav .nav-links .btn-secondary,.mc-page .profile-nav .nav-links .btn-primary{padding:.4rem .75rem;font-size:.75rem}.mc-hero{padding:2rem 1rem}.mc-hero-title{font-size:1.6rem}.mc-hero-subtitle{font-size:1rem}.mc-controls{flex-direction:column;gap:1rem}.mc-search-bar{max-width:100%}.mc-level-filters{flex-wrap:wrap}.mc-course-grid{grid-template-columns:1fr}.mc-player-topbar{flex-direction:column;gap:.75rem;padding:1rem}.mc-player-course-title h2{font-size:1.1rem}.mc-player-sidebar{max-height:250px}.mc-sidebar-lesson{padding:.6rem .75rem}.mc-player-content{padding:1rem}.mc-player-lesson-title{font-size:1.2rem}.mc-player-navigation{flex-direction:column;gap:.5rem}.mc-player-navigation button{width:100%}.mc-featured-content{padding:1.5rem}.mc-featured-title{font-size:1.3rem}.mc-featured-meta{flex-wrap:wrap;gap:.5rem}.mc-section-header h3{font-size:1.1rem}.mc-course-body{padding:1rem}.mc-course-title{font-size:1rem}.mc-course-meta{flex-wrap:wrap;gap:.5rem;font-size:.8rem}.mc-course-footer{flex-direction:column;gap:.5rem;align-items:flex-start}.mc-skeleton-grid{grid-template-columns:1fr}.mc-empty-state{padding:2rem 1rem}.mc-player-lesson-notes{padding:1rem}.mc-player-lesson-notes h3{font-size:1rem}.mc-player-video{margin-bottom:1rem}}@media (max-width: 480px){.mc-page{padding:.75rem;padding-top:65px}.mc-page .profile-nav .nav-links{gap:.5rem}.mc-page .profile-nav .nav-links a{font-size:.7rem}.mc-page .profile-nav .nav-links .btn-secondary,.mc-page .profile-nav .nav-links .btn-primary{padding:.3rem .5rem;font-size:.7rem}.mc-hero{padding:1.5rem .5rem}.mc-hero-title{font-size:1.6rem}.mc-hero-subtitle{font-size:.9rem}.mc-level-chip{padding:.35rem .75rem;font-size:.75rem}.mc-player-sidebar{max-height:200px}.mc-sidebar-lesson-title{font-size:.8rem}.mc-sidebar-lesson-duration{font-size:.7rem}.mc-course-grid{gap:1rem}.mc-course-thumbnail{height:120px}.mc-featured-content{padding:1.25rem}.mc-featured-title{font-size:1.2rem}.mc-featured-actions{flex-direction:column;align-items:stretch}.mc-featured-actions .btn-primary,.mc-featured-actions .btn-secondary{width:100%;text-align:center}}@media (max-width: 360px){.mc-page{padding:1rem;padding-top:60px}.mc-hero-title{font-size:1.3rem}.mc-hero-subtitle{font-size:.85rem}.mc-course-grid{gap:.75rem}.mc-course-body{padding:.75rem}.mc-course-title{font-size:.9rem}.mc-course-footer{flex-direction:column;gap:.5rem}.mc-player-content{padding:.75rem}.mc-player-lesson-title{font-size:1rem}.mc-player-lesson-desc{font-size:.85rem}.mc-player-navigation{flex-direction:column}.mc-player-navigation button{width:100%}.mc-mark-complete-btn{min-width:auto}}.mc-mcq-section{margin-bottom:1.5rem;padding:1.25rem;background:#0d0d14;border-radius:12px;border:1px solid #1a1a2e}.mc-mcq-header{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}.mc-mcq-header svg{color:#22d3ee;flex-shrink:0}.mc-mcq-header h3{font-size:1rem;font-weight:600;color:#22d3ee}.mc-mcq-meta{display:flex;gap:1rem;font-size:.78rem;color:#666;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #1a1a2e}.mc-mcq-meta span{display:inline-flex;align-items:center;gap:.3rem}.mc-mcq-question{background:#0a0a12;border-radius:8px;padding:1rem;margin-bottom:.75rem;border:1px solid #151525;transition:border-color .2s}.mc-mcq-question.correct{border-color:#00c85366;background:#00c85308}.mc-mcq-question.incorrect{border-color:#f446;background:#ff444408}.mc-mcq-question-number{font-size:.75rem;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}.mc-mcq-question-text{font-size:.9rem;color:#ccc;margin-bottom:.75rem;line-height:1.5}.mc-mcq-question-type{font-size:.7rem;color:#555;margin-left:.5rem}.mc-mcq-options{display:flex;flex-direction:column;gap:.4rem}.mc-mcq-option{display:flex;align-items:center;gap:.6rem;padding:.55rem .75rem;background:#0d0d18;border:1px solid #1e1e30;border-radius:6px;cursor:pointer;transition:all .15s ease;font-size:.87rem;color:#aaa;font-family:inherit}.mc-mcq-option:hover{border-color:#333;background:#112}.mc-mcq-option.selected{border-color:#22d3ee;background:#22d3ee0f;color:#e0e0e0}.mc-mcq-option.correct-answer{border-color:#00c853;background:#00c85314;color:#00c853}.mc-mcq-option.wrong-answer{border-color:#f44;background:#ff444414;color:#f44}.mc-mcq-option input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border:2px solid #333;border-radius:50%;flex-shrink:0;position:relative;transition:all .15s ease}.mc-mcq-option input[type=radio]:checked{border-color:#22d3ee;background:#22d3ee}.mc-mcq-option input[type=radio]:checked:after{content:"";position:absolute;top:2px;left:2px;width:8px;height:8px;background:#080808;border-radius:50%}.mc-mcq-short-input{width:100%;padding:.65rem .85rem;background:#0d0d18;border:1px solid #1e1e30;border-radius:6px;color:#e0e0e0;font-size:.87rem;font-family:inherit;outline:none;transition:border-color .2s;box-sizing:border-box}.mc-mcq-short-input:focus{border-color:#22d3ee}.mc-mcq-short-input.correct{border-color:#00c853}.mc-mcq-short-input.incorrect{border-color:#f44}.mc-mcq-correct-label{font-size:.75rem;color:#00c853;margin-top:.4rem;font-weight:500}.mc-mcq-incorrect-label{font-size:.75rem;color:#f44;margin-top:.4rem}.mc-mcq-score{display:flex;align-items:center;gap:1rem;padding:1rem;background:#0a0a12;border-radius:8px;margin-top:1rem;border:1px solid #151525}.mc-mcq-score.passed{border-color:#00c8534d}.mc-mcq-score.failed{border-color:#ff44444d}.mc-mcq-score-number{font-size:1.5rem;font-weight:700;color:#fff;flex-shrink:0}.mc-mcq-score-number .mc-mcq-score-max{font-size:1rem;color:#666;font-weight:400}.mc-mcq-score-status{font-size:.85rem;font-weight:600;flex:1}.mc-mcq-score-status.passed{color:#00c853}.mc-mcq-score-status.failed{color:#f44}.mc-mcq-attempt{font-size:.75rem;color:#555}.mc-mcq-actions{display:flex;gap:.75rem;margin-top:1rem}.mc-mcq-submit-btn{padding:.6rem 1.5rem;background:linear-gradient(135deg,#22d3ee,#7c3aed);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:opacity .2s;font-family:inherit}.mc-mcq-submit-btn:hover:not(:disabled){opacity:.9}.mc-mcq-submit-btn:disabled{opacity:.4;cursor:not-allowed}.mc-mcq-retry-btn{padding:.6rem 1.5rem;background:transparent;color:#22d3ee;border:1px solid #22d3ee;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.mc-mcq-retry-btn:hover{background:#22d3ee14}.mc-mcq-loading,.mc-mcq-error{padding:1.5rem;text-align:center;color:#666;font-size:.85rem}.mc-mcq-error{color:#f44}.mc-player-skeleton{display:flex;flex:1;gap:0;height:100%}.mc-skeleton-sidebar{width:280px;flex-shrink:0;border-right:1px solid #1a1a2e}.mc-skeleton-content{flex:1;padding:1.5rem 2rem;overflow:hidden}.mc-skeleton-content .mc-skeleton-thumbnail{width:100%;background:linear-gradient(90deg,#111 25%,#1a1a2e,#111 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.mc-mcq-loading{display:none}.mc-frq-section{margin-bottom:1.5rem;padding:1.25rem;background:#0d0d14;border-radius:12px;border:1px solid #1a1a2e}.mc-frq-header{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}.mc-frq-header svg{color:#7c3aed;flex-shrink:0}.mc-frq-header h3{font-size:1rem;font-weight:600;color:#7c3aed}.mc-frq-prompt{background:#0a0a12;border-radius:8px;padding:1rem;margin-bottom:1rem;border:1px solid #151525}.mc-frq-prompt-label{font-size:.72rem;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.mc-frq-prompt-text{font-size:.9rem;color:#ccc;line-height:1.6;white-space:pre-wrap}.mc-frq-rubric{margin-bottom:1rem;padding:.75rem 1rem;background:#7c3aed0d;border-radius:8px;border:1px solid rgba(124,58,237,.15)}.mc-frq-rubric-label{font-size:.72rem;font-weight:600;color:#7c3aed;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}.mc-frq-rubric-text{font-size:.82rem;color:#999;line-height:1.5;white-space:pre-wrap}.mc-frq-word-limit{font-size:.78rem;color:#666;margin-bottom:.75rem;display:flex;align-items:center;gap:.3rem}.mc-frq-textarea{width:100%;min-height:200px;padding:.85rem;background:#0a0a12;border:1px solid #1e1e30;border-radius:8px;color:#e0e0e0;font-size:.9rem;font-family:inherit;line-height:1.6;resize:vertical;outline:none;transition:border-color .2s;box-sizing:border-box}.mc-frq-textarea:focus{border-color:#7c3aed}.mc-frq-textarea:disabled{opacity:.5;cursor:not-allowed}.mc-frq-word-count{display:flex;justify-content:flex-end;font-size:.78rem;color:#555;margin-top:.4rem;margin-bottom:1rem}.mc-frq-word-count.over-limit{color:#f44}.mc-frq-actions{display:flex;gap:.75rem}.mc-frq-submit-btn{padding:.6rem 1.5rem;background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:opacity .2s;font-family:inherit}.mc-frq-submit-btn:hover:not(:disabled){opacity:.9}.mc-frq-submit-btn:disabled{opacity:.4;cursor:not-allowed}margin-top: 1rem; padding: 1rem; background: #0a0a12; border-radius: 8px; border: 1px solid #151525; } font-size: .72rem; font-weight: 600; color: #555; text-transform: uppercase; letter-spacing: .05em; margin-bottom: .5rem; } font-size: .9rem; color: #fbbf24; display: flex; align-items: center; gap: .5rem; } color: #00c853; } .mc-frq-grade-result{margin-top:1rem;padding:1rem;background:#0a0a12;border-radius:8px;border:1px solid rgba(0,200,83,.2)}.mc-frq-grade-score{font-size:1.3rem;font-weight:700;color:#00c853;margin-bottom:.5rem}.mc-frq-grade-feedback{font-size:.85rem;color:#aaa;line-height:1.6;white-space:pre-wrap}margin-top: .75rem; padding: .5rem 1.25rem; background: transparent; color: #7c3aed; border: 1px solid #7c3aed; border-radius: 8px; font-size: .82rem; font-weight: 500; cursor: pointer; transition: all .2s; font-family: inherit; } background: rgba(124,58,237,.08); } opacity: .4; cursor: not-allowed; } .mc-frq-loading,.mc-frq-error{padding:1.5rem;text-align:center;color:#666;font-size:.85rem}.mc-frq-error{color:#f44}.mc-player-sidebar{transition:width .2s ease;overflow:hidden;border-right:1px solid #1a1a2e}.mc-player-sidebar.collapsed{width:0;min-width:0;border-right:none}.mc-player-sidebar.collapsed .mc-sidebar-title,.mc-player-sidebar.collapsed .mc-sidebar-lessons{display:none}.mc-sidebar-toggle{position:absolute;top:50%;left:258px;z-index:10;width:44px;height:44px;padding:0;border-radius:50%;background:#0d0d14;border:1px solid #1e1e30;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#555;transition:left .2s ease,color .2s ease,border-color .2s ease;transform:translateY(-50%)}.mc-sidebar-toggle:hover{border-color:#22d3ee;color:#22d3ee}.mc-sidebar-toggle svg{width:21px;height:21px;transition:transform .2s ease}.mc-sidebar-toggle.collapsed{left:0}.mc-sidebar-toggle.collapsed svg{transform:rotate(180deg)}.mc-session-nav{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid #1a1a2e;flex-shrink:0}.mc-session-back{background:none;border:1px solid #1e1e30;color:#888;padding:.4rem .75rem;border-radius:8px;cursor:pointer;font-size:.82rem;transition:all .2s;font-family:inherit;display:inline-flex;align-items:center;gap:.3rem;flex-shrink:0}.mc-session-back:hover{border-color:#22d3ee;color:#22d3ee}.mc-session-info{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.mc-session-title{font-size:1rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-session-progress{font-size:.8rem;color:#666;white-space:nowrap;flex-shrink:0}.mc-session-logo{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;font-size:1.75rem;font-weight:700;flex-shrink:0;line-height:1}.mc-session-logo .logo-text{font-family:var(--font-logo);font-weight:400;background:var(--gradient-cyber);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mc-session-logo .beta-indicator{font-size:.5rem;font-weight:700;letter-spacing:1.5px;padding:.12rem .35rem;border-radius:4px;background:linear-gradient(135deg,#00d4ff,#7b2ff7);color:#000;line-height:1;align-self:flex-start}.mc-session-divider{width:2px;height:28px;background:#1a1a2e;flex-shrink:0}.mc-section-collapsible{margin-bottom:1.5rem;padding:1.25rem;background:#0d0d14;border-radius:12px;border:1px solid #1a1a2e}.mc-section-collapsible .mc-section-header{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;gap:.5rem}.mc-section-collapsible .mc-section-header h3{flex:1;font-size:1rem;font-weight:600;color:#ccc}.mc-section-chevron{display:flex;align-items:center;color:#555;transition:transform .2s ease}.mc-section-chevron.open{transform:rotate(180deg)}.mc-section-toggle-btn{background:none;border:none;color:#555;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.mc-section-toggle-btn:hover{color:#22d3ee}.mc-section-collapsible .mc-player-notes-content{padding-top:1rem}.mc-section-collapsible .mc-frq-section,.mc-section-collapsible .mc-mcq-section{margin-bottom:0;padding:0;background:none;border:none}.mc-section-collapsible .mc-mcq-header,.mc-section-collapsible .mc-frq-header{padding-top:.75rem}@media (max-width: 1024px){.mc-player-sidebar.collapsed{width:44px}.mc-player-sidebar.collapsed .mc-sidebar-lessons{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.25rem}}.profile-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.profile-page:has(.profile-nav){padding-top:80px}.profile-content{max-width:1100px;margin:0 auto;padding:7rem 2rem 3rem}.profile-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2.5rem;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card)}.profile-avatar{width:80px;height:80px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:#000;flex-shrink:0}.profile-header-info h1{font-size:2rem;margin-bottom:.25rem;font-weight:800;color:var(--text-primary)}.profile-email{font-size:1rem;color:var(--text-secondary)}.profile-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid var(--border-color);padding-bottom:0}.tab-btn{padding:.75rem 1.5rem;background:transparent;border:none;color:var(--text-muted);font-size:1rem;font-weight:600;cursor:pointer;transition:color var(--transition-fast);border-bottom:2px solid transparent;margin-bottom:-1px}.tab-btn:hover{color:var(--text-secondary)}.tab-btn.active{color:#fff;border-bottom-color:var(--primary-color)}.tab-btn.active svg{stroke:#fff}.tab-content{min-height:200px}.tab-content h2{margin-bottom:1.25rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2.5rem}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card);padding:1.5rem;text-align:center;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.stat-card:hover{border-color:var(--primary-border);box-shadow:var(--glow-cyan-subtle)}.stat-icon{font-size:2.5rem;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center}.stat-icon svg{stroke:var(--primary-color);width:2.5rem;height:2.5rem}.stat-value{font-size:2rem;font-weight:800;color:var(--primary-color);margin-bottom:.25rem;font-family:var(--font-mono)}.stat-value.debate-iq-value{color:#a78bfa}.stat-label{font-size:1rem;color:var(--text-secondary);margin-bottom:.25rem}.stat-change{font-size:.85rem;color:var(--text-muted)}.profile-info-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card);padding:1.5rem;margin-bottom:1.5rem}.profile-info-section h2{font-size:1.5rem;margin-bottom:1rem;color:var(--primary-color)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.info-item{display:flex;flex-direction:column;gap:.35rem}.info-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:1.1rem;color:var(--text-primary);font-weight:600}.analytics-section{margin-bottom:2.5rem}.analytics-section h3{font-size:1.3rem;margin-bottom:1rem;color:var(--primary-color)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.metric-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card);padding:1.25rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.metric-card:hover{border-color:var(--primary-border);box-shadow:var(--glow-cyan-subtle)}.metric-label{font-size:.85rem;color:var(--text-muted);margin-bottom:.35rem}.metric-value{font-size:1.8rem;font-weight:700;color:var(--primary-color);margin-bottom:.35rem;font-family:var(--font-mono)}.metric-detail{font-size:.85rem;color:var(--text-muted)}.ai-disclaimer{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-btn);padding:.75rem 1rem;color:#fbbf24;font-size:.85rem;margin-top:1.5rem}.settings-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card);padding:1.5rem;margin-bottom:1.5rem}.settings-section h3{font-size:1.3rem;margin-bottom:1rem;color:var(--primary-color)}.settings-group{display:flex;flex-direction:column;gap:.75rem}.settings-btn{padding:.75rem 1.25rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-btn);color:var(--text-primary);font-weight:600;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);font-size:.95rem;text-align:left}.settings-btn:hover{border-color:var(--primary-border);background:var(--bg-secondary)}.setting-item{display:flex;flex-direction:column;gap:.4rem}.setting-item label{font-size:.85rem;color:var(--text-secondary);font-weight:600}.setting-select,.setting-input{padding:.65rem .75rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-btn);color:var(--text-primary);font-size:.95rem}.setting-select:focus,.setting-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-dim)}.danger-zone{border-color:#ef44444d;background:#ef44440d}.danger-zone h3{color:#ef4444}.settings-btn.danger{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.settings-btn.danger:hover{background:#ef444433;border-color:#ef444480}.achievement-item{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-btn);transition:border-color var(--transition-fast),background var(--transition-fast)}.achievement-item:hover{border-color:var(--primary-border);background:var(--bg-secondary)}.achievement-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#00d4ff1a;border:1px solid rgba(0,212,255,.2);flex-shrink:0}.achievement-icon svg{stroke:var(--primary-color)}.achievement-info{flex:1;display:flex;flex-direction:column;gap:.15rem}.achievement-name{font-size:.95rem;font-weight:600;color:var(--text-primary)}.achievement-desc{font-size:.8rem;color:var(--text-muted)}.achievement-status{display:flex;align-items:center;justify-content:center;flex-shrink:0}.achievement-status.locked svg{stroke:var(--text-muted);opacity:.5}.achievement-status.unlocked svg{stroke:#fbbf24}.achievement-remove{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:color var(--transition-fast),background var(--transition-fast);opacity:0}.achievement-item:hover .achievement-remove{opacity:1}.achievement-remove:hover{color:#ef4444;background:#ef44441a}.achievement-add-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:var(--bg-tertiary);border:1px dashed var(--border-color);border-radius:var(--radius-btn);color:var(--text-muted);font-size:.9rem;font-weight:600;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.achievement-add-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#00d4ff0d}.achievement-add-btn svg{stroke:currentColor}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000}.achievement-form-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card);width:90%;max-width:420px;box-shadow:0 20px 60px #00000080}.achievement-form-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.achievement-form-header h3{font-size:1.2rem;color:var(--text-primary);margin:0}.achievement-form-close{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:color var(--transition-fast)}.achievement-form-close:hover{color:var(--text-primary)}.achievement-form-body{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.achievement-form-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color)}.save-btn{background:linear-gradient(135deg,#00d4ff,#7b2ff7)!important;color:#fff!important;border:none!important;text-align:center!important}.save-btn:hover{opacity:.9!important}.save-btn:disabled{opacity:.4!important;cursor:not-allowed!important}.empty-state{text-align:center;padding:3rem 2rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card)}.empty-state p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:1.5rem}.loading-state{text-align:center;padding:3rem 2rem;font-size:1.3rem;color:var(--text-muted)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.profile-skeleton{padding:2rem 0;display:flex;flex-direction:column;gap:1.5rem}.skeleton-header-row{display:flex;align-items:center;gap:1rem}.skeleton-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;flex-shrink:0}.skeleton-header-text{flex:1;display:flex;flex-direction:column;gap:.5rem}.skeleton-line{height:14px;border-radius:6px;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-line.w-25{width:25%}.skeleton-line.w-30{width:30%}.skeleton-line.w-40{width:40%}.skeleton-line.w-50{width:50%}.skeleton-line.w-60{width:60%}.skeleton-line.w-70{width:70%}.skeleton-line.w-80{width:80%}.skeleton-line.w-90{width:90%}.skeleton-line.skeleton-lg{height:24px}.skeleton-tabs-row{display:flex;gap:.5rem}.skeleton-tab{width:90px;height:36px;border-radius:6px;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.skeleton-stat-card,.skeleton-section-block{padding:1.25rem;border-radius:8px;background:var(--bg-card, #0f172a);border:1px solid var(--border-color, rgba(255,255,255,.08));display:flex;flex-direction:column;gap:.75rem}.sessions-description{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem}.sessions-list{display:flex;flex-direction:column;gap:.75rem}.session-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card);padding:1.25rem;display:flex;justify-content:space-between;align-items:center;transition:border-color var(--transition-fast)}.session-card:hover{border-color:var(--primary-border)}.session-card.current{border-color:#22c55e66;background:#22c55e0d}.session-info{display:flex;align-items:center;gap:.75rem}.session-icon{font-size:1.8rem}.session-details{display:flex;flex-direction:column;gap:.2rem}.session-name{font-weight:600;font-size:1rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.current-badge{background:#22c55e26;color:#22c55e;padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:600}.session-meta{display:flex;gap:.5rem;font-size:.85rem;color:var(--text-muted)}.session-browser,.session-os{background:var(--bg-tertiary);padding:.15rem .4rem;border-radius:var(--radius-sm)}.session-location{font-size:.8rem;color:var(--text-muted)}.session-dates{display:flex;gap:.75rem;font-size:.75rem;color:var(--text-muted);margin-top:.2rem}.revoke-btn{padding:.4rem .75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-btn);color:#ef4444;font-weight:600;cursor:pointer;transition:background var(--transition-fast);font-size:.85rem}.revoke-btn:hover{background:#ef444433}@media (max-width: 968px){.profile-header{flex-direction:column;text-align:center}.profile-header-info h1{font-size:1.6rem}.profile-content{padding:5rem 1.5rem 2rem}.profile-tabs{overflow-x:auto;flex-wrap:nowrap}.tab-btn{padding:.65rem 1rem;font-size:.9rem;white-space:nowrap}.stats-grid,.info-grid,.metrics-grid{grid-template-columns:1fr}.session-card{flex-direction:column;align-items:flex-start;gap:.75rem}.session-dates{flex-direction:column;gap:.2rem}.revoke-btn{width:100%;text-align:center}.profile-avatar{width:60px;height:60px;font-size:2rem}.stat-card{padding:1.25rem}.stat-value{font-size:1.6rem}}@media (max-width: 360px){.profile-content{padding:4.5rem 1.25rem 1.5rem}.profile-header{padding:1rem 1.25rem}.profile-header-info h1{font-size:1.3rem}.profile-email{font-size:.85rem}.profile-avatar{width:50px;height:50px;font-size:1.6rem}.tab-btn{padding:.5rem .65rem;font-size:.8rem}.stat-value{font-size:1.3rem}.stat-card,.settings-section{padding:1rem}}.legal-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.legal-nav{position:fixed;top:0;left:0;right:0;background:var(--bg-nav);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:1000;padding:.75rem 0}.legal-nav .nav-container{max-width:1100px;margin:0 auto;padding:0 2rem}.legal-nav .logo{display:flex;align-items:center;gap:.5rem;font-size:2rem;font-weight:700}.legal-nav .logo-text{font-family:var(--font-logo);font-weight:400;background:var(--gradient-cyber);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.legal-content{max-width:800px;margin:0 auto;padding:7rem 2rem 4rem}.legal-content h1{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;color:var(--text-primary)}.last-updated{color:var(--text-muted);font-size:.85rem;margin-bottom:2.5rem}.legal-content section{margin-bottom:2.5rem}.legal-content h2{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.75rem;margin-top:1.5rem}.legal-content h3{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;margin-top:1.25rem}.legal-content p{line-height:1.8;color:var(--text-secondary);margin-bottom:.75rem;font-size:.95rem}.legal-content ul{list-style:none;padding-left:0;margin:.75rem 0}.legal-content ul li{padding:.35rem 0 .35rem 1.5rem;position:relative;line-height:1.6;color:var(--text-secondary);font-size:.95rem}.legal-content ul li:before{content:"•";position:absolute;left:0;color:var(--primary-color);font-weight:700;font-size:1.1rem}.legal-content strong{color:var(--text-primary);font-weight:600}.legal-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:1.5rem;text-align:center;color:var(--text-muted);font-size:.85rem}@media (max-width: 768px){.legal-content{padding:5rem 1.5rem 3rem}.legal-content h1{font-size:1.8rem}.legal-content h2{font-size:1.3rem}.legal-content h3{font-size:1.1rem}}.roadmap-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family)}.beta-banner{background:linear-gradient(135deg,#1a1a3e,#0d0d1a);border-bottom:1px solid rgba(0,212,255,.15);padding:.6rem 2rem;display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.9rem;color:#aaa}.beta-badge{background:linear-gradient(135deg,#00d4ff,#7b2ff7);color:#000;padding:.15rem .6rem;border-radius:4px;font-size:.75rem;font-weight:700;letter-spacing:1px}.roadmap-nav{position:sticky;top:0;left:0;right:0;background:#0a0a0ff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #1e1e2e;z-index:1000;padding:.75rem 0}.roadmap-nav .nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.roadmap-nav .logo{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem}.roadmap-nav .logo-text{font-size:1.5rem;font-weight:700;line-height:1;background:linear-gradient(135deg,#00d4ff,#7b2ff7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.roadmap-nav .beta-indicator{font-size:.55rem;font-weight:700;letter-spacing:1.5px;padding:.15rem .4rem;border-radius:4px;background:linear-gradient(135deg,#00d4ff,#7b2ff7);color:#000;line-height:1;align-self:flex-start}.roadmap-nav .nav-links{display:flex;align-items:center;gap:1.5rem}.roadmap-nav .nav-links a{color:#888;text-decoration:none;font-size:.95rem;transition:color .2s ease;cursor:pointer;padding-bottom:4px}.roadmap-nav .nav-links a:hover{color:#00d4ff}.roadmap-nav .nav-links .btn-secondary,.roadmap-nav .nav-links .btn-primary{padding:.5rem 1rem;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-family)}.roadmap-nav .nav-links .btn-secondary{background:#1e1e2e;color:#00d4ff;border:1px solid #2a2a3e}.roadmap-nav .nav-links .btn-secondary:hover{background:#2a2a3e}.roadmap-nav .nav-links .btn-primary{background:linear-gradient(135deg,#00d4ff,#7b2ff7);color:#fff}.roadmap-nav .nav-links .btn-primary:hover{opacity:.9}.roadmap-hero{padding:8rem 2rem 4rem;text-align:center;position:relative;overflow:hidden}.hero-content{max-width:800px;margin:0 auto}.roadmap-hero:before{content:"";position:absolute;top:-50%;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(0,212,255,.06) 0%,transparent 70%);pointer-events:none}.hero-badge{display:inline-block;border:1px solid rgba(0,212,255,.3);color:#00d4ff;padding:.4rem 1.2rem;border-radius:100px;font-size:.8rem;font-weight:600;letter-spacing:2px;margin-bottom:1.5rem}.roadmap-hero h1{font-size:4rem;font-weight:800;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#00d4ff,#7b2ff7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.2rem;line-height:1.8;color:#888;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.hero-metrics{display:flex;align-items:center;justify-content:center;gap:2rem}.metric{display:flex;flex-direction:column;align-items:center;gap:.25rem}.metric-value{font-size:2rem;font-weight:700;color:#fff}.metric-label{font-size:.85rem;color:#666}.metric-divider{width:1px;height:40px;background:#2a2a3e}.roadmap-timeline{max-width:900px;margin:0 auto;padding:2rem 2rem 4rem;position:relative}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#00d4ff,#f59e0b,#8b5cf6,#10b981);transform:translate(-50%);opacity:.4}.timeline-item{display:flex;align-items:flex-start;margin-bottom:6rem;position:relative;opacity:0;transform:translateY(60px);transition:opacity .8s ease,transform .8s ease}.timeline-item.visible{opacity:1;transform:translateY(0)}.timeline-item:nth-child(odd){flex-direction:row;padding-right:calc(50% + 3rem)}.timeline-item:nth-child(2n){flex-direction:row-reverse;padding-left:calc(50% + 3rem);text-align:right}.timeline-item:nth-child(2n) .card-features li{flex-direction:row-reverse}.timeline-marker{position:absolute;left:50%;top:0;transform:translate(-50%);width:48px;height:48px;border-radius:50%;border:3px solid;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:2;transition:background .6s ease,box-shadow .6s ease}.timeline-item.visible .timeline-marker{box-shadow:0 0 20px var(--phase-color),0 0 40px color-mix(in srgb,var(--phase-color) 30%,transparent)}.marker-icon{width:20px;height:20px;color:#fff;opacity:0;transition:opacity .4s ease .3s}.timeline-item.visible .marker-icon{opacity:1}.timeline-card{flex:1;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2rem;position:relative;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease,border-color .4s ease,box-shadow .4s ease}.timeline-item:nth-child(odd) .timeline-card{transform:translate(-30px)}.timeline-item:nth-child(2n) .timeline-card{transform:translate(30px)}.timeline-card.card-visible{opacity:1;transform:translate(0) translateY(0)}.timeline-card:hover{border-color:var(--phase-color);box-shadow:0 0 30px color-mix(in srgb,var(--phase-color) 15%,transparent),inset 0 0 30px color-mix(in srgb,var(--phase-color) 5%,transparent)}.card-header{margin-bottom:1rem}.card-phase{font-size:.8rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.card-header h3{font-size:1.5rem;font-weight:700;color:#fff;margin-top:.5rem}.card-description{color:#888;line-height:1.7;margin-bottom:1.5rem;font-size:.95rem}.card-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.timeline-item:nth-child(2n) .card-features{align-items:flex-end}.card-features li{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:#ccc;opacity:0;transform:translateY(10px);animation:fadeInUp .4s ease forwards;animation-delay:var(--delay)}.timeline-item .card-features li{animation:none;opacity:0;transform:translateY(10px)}.timeline-item.visible .card-features li{animation:fadeInUp .4s ease forwards;animation-delay:var(--delay)}.check-icon{width:16px;height:16px;flex-shrink:0}.card-status{margin-top:1.5rem;display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:#34d399}.live-dot{width:8px;height:8px;border-radius:50%;background:#34d399;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 #34d39980}50%{opacity:.7;box-shadow:0 0 0 6px #34d39900}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.cta-section{text-align:center;padding:6rem 2rem;max-width:700px;margin:0 auto}.cta-section h2{font-size:2.5rem;font-weight:800;margin-bottom:1rem;color:#fff}.cta-section p{color:#888;font-size:1.1rem;margin-bottom:2.5rem;line-height:1.7}.cta-buttons{display:flex;gap:1rem;justify-content:center}.cta-primary{background:linear-gradient(135deg,#00d4ff,#7b2ff7);color:#fff;border:none;padding:1rem 2.5rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:opacity .2s ease,transform .2s ease;font-family:var(--font-family)}.cta-primary:hover{opacity:.9;transform:translateY(-2px)}.cta-secondary{background:transparent;color:#00d4ff;border:1px solid #2a2a3e;padding:1rem 2.5rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:border-color .2s ease,transform .2s ease;font-family:var(--font-family)}.cta-secondary:hover{border-color:#00d4ff;transform:translateY(-2px)}.roadmap-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:3rem 2rem 1rem;margin-top:4rem}.roadmap-footer .footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}.roadmap-footer .footer-section h4{color:var(--primary-color);margin-bottom:1rem;font-size:1.1rem}.roadmap-footer .footer-section p{color:var(--text-muted);line-height:1.6}.roadmap-footer .footer-section a{display:block;color:var(--text-secondary);text-decoration:none;margin-bottom:.5rem;transition:color var(--transition-fast);cursor:pointer}.roadmap-footer .footer-section a:hover{color:var(--primary-color)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--border-color);color:var(--text-muted)}@media (max-width: 768px){.roadmap-hero h1{font-size:2.5rem}.hero-subtitle{font-size:1rem}.hero-metrics{gap:1rem}.roadmap-timeline{padding:2rem 1rem}.timeline-line{left:24px}.timeline-item:nth-child(odd),.timeline-item:nth-child(2n){padding:0 0 0 4rem;flex-direction:row;text-align:left}.timeline-item:nth-child(2n) .card-features{align-items:flex-start}.timeline-item:nth-child(2n) .card-features li{flex-direction:row}.timeline-marker{left:24px;width:40px;height:40px}.marker-icon{width:16px;height:16px}.timeline-card{padding:1.5rem}.timeline-item:nth-child(odd) .timeline-card,.timeline-item:nth-child(2n) .timeline-card{transform:translateY(30px)}.cta-buttons{flex-direction:column}.roadmap-nav .nav-links a{display:none}}.not-found-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.not-found-grid{position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(34,211,238,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.not-found-page:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:700px;background:radial-gradient(ellipse at center,rgba(34,211,238,.06) 0%,rgba(124,58,237,.03) 30%,transparent 70%);pointer-events:none;z-index:0}.not-found-container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;max-width:600px;width:100%}.not-found-code{font-family:ZenDots,sans-serif;font-size:clamp(6rem,18vw,10rem);font-weight:400;line-height:1;display:flex;gap:.15em;justify-content:center;margin-bottom:.25rem}.not-found-code-4{color:#22d3ee;text-shadow:0 0 20px rgba(34,211,238,.4),0 0 40px rgba(34,211,238,.15)}.not-found-code-0{color:#a78bfa;text-shadow:0 0 20px rgba(167,139,250,.4),0 0 40px rgba(167,139,250,.15)}.not-found-code-4-alt{color:#ec4899;text-shadow:0 0 20px rgba(236,72,153,.4),0 0 40px rgba(236,72,153,.15)}.not-found-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.not-found-description{font-size:1rem;color:var(--text-secondary);line-height:1.7;max-width:440px;margin:0;text-align:center}.not-found-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:.5rem}.not-found-accent{position:fixed;width:200px;height:200px;border-radius:50%;pointer-events:none;z-index:0;filter:blur(80px);opacity:.4}.not-found-accent-top-left{top:-80px;left:-80px;background:#22d3ee26}.not-found-accent-bottom-right{bottom:-80px;right:-80px;background:#7c3aed1f}@media (max-width: 640px){.not-found-container{gap:1.25rem;padding:1.5rem}.not-found-actions{flex-direction:column;width:100%}.not-found-actions .btn-primary,.not-found-actions .btn-secondary{width:100%}}.app-loading{display:flex;align-items:center;justify-content:center;height:100vh;background:#080808}.app-loading-text{font-family:Audiowide,sans-serif;font-size:2rem;background:var(--gradient-cyber);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}.toast-container{position:fixed;top:1rem;right:1rem;z-index:10000;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{pointer-events:auto;padding:.75rem 1.25rem;border-radius:8px;font-size:.85rem;font-weight:500;box-shadow:0 4px 12px #0000004d;animation:toastSlideIn .3s ease;max-width:400px;word-break:break-word}.toast.success{background:#34d39926;border:1px solid rgba(52,211,153,.3);color:#34d399}.toast.error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444}.toast.info{background:#22d3ee26;border:1px solid rgba(34,211,238,.3);color:#00d4ff}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.language-switcher{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-family:Audiowide,sans-serif;letter-spacing:1px}.language-switcher:hover{border-color:var(--accent, #00d4ff);background:#00d4ff26;box-shadow:0 0 20px #00d4ff33;transform:scale(1.1)}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/PlusJakartaSans-Regular.woff2) format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/PlusJakartaSans-Medium.woff2) format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/PlusJakartaSans-SemiBold.woff2) format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/PlusJakartaSans-Bold.woff2) format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/PlusJakartaSans-ExtraBold.woff2) format("woff2")}@font-face{font-family:Audiowide;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Audiowide-Regular.woff2) format("woff2")}@font-face{font-family:ZenDots;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ZenDots-Regular.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/JetBrainsMono-Regular.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/JetBrainsMono-Medium.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/JetBrainsMono-SemiBold.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/JetBrainsMono-Bold.woff2) format("woff2")}:root{--primary-color: #22d3ee;--primary-hover: #06b6d4;--primary-dim: rgba(34, 211, 238, .1);--primary-border: rgba(34, 211, 238, .3);--accent-violet: #7c3aed;--accent-violet-dim: rgba(124, 58, 237, .15);--accent-violet-glow: rgba(124, 58, 237, .25);--accent-pink: #ec4899;--accent-pink-dim: rgba(236, 72, 153, .1);--accent-pink-glow: rgba(236, 72, 153, .2);--accent-orange: #fb923c;--accent-orange-dim: rgba(251, 146, 60, .1);--accent-orange-glow: rgba(251, 146, 60, .2);--accent-secondary: #a78bfa;--accent-secondary-glow: rgba(167, 139, 250, .08);--accent-secondary-border: rgba(167, 139, 250, .15);--gradient-cyber: linear-gradient(135deg, #22d3ee 0%, #7c3aed 100%);--gradient-cyber-text: linear-gradient(90deg, #22d3ee 0%, #a78bfa 50%, #ec4899 100%);--bg-primary: #080808;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--bg-card: #111111;--bg-card-hover: #1a1a1a;--bg-input: #1a1a1a;--bg-nav: rgba(8, 8, 8, .95);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--border-color: rgba(255, 255, 255, .1);--border-hover: rgba(255, 255, 255, .2);--radius-sm: 6px;--radius-btn: 8px;--radius-card: 12px;--radius-modal: 16px;--radius-full: 9999px;--font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", "Fira Mono", monospace;--font-logo: "Audiowide", sans-serif;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--glow-cyan: 0 0 15px rgba(34, 211, 238, .3), 0 0 30px rgba(34, 211, 238, .1);--glow-cyan-subtle: 0 0 8px rgba(34, 211, 238, .2);--glow-violet: 0 0 15px rgba(124, 58, 237, .3), 0 0 30px rgba(124, 58, 237, .1);--glow-pink: 0 0 15px rgba(236, 72, 153, .3), 0 0 30px rgba(236, 72, 153, .1);--transition-fast: .15s ease;--transition-normal: .2s ease}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-family);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{scroll-behavior:smooth;background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(34,211,238,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:0}#root{position:relative;z-index:1}button{cursor:pointer;font-family:inherit;border:none;outline:none}input,textarea,select{font-family:inherit;outline:none}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#ffffff40}::selection{background:var(--primary-dim);color:var(--text-primary)}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%}.vh-fix{height:100vh;height:100dvh}button,a,input,select,textarea,.clickable{touch-action:manipulation}body{overscroll-behavior:none}@media (max-width: 768px){body{-webkit-font-smoothing:antialiased}input,textarea,select{font-size:16px!important}::-webkit-scrollbar{width:4px;height:4px}}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#00d4ff,#7b2ff7);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.9rem;letter-spacing:.04em;box-shadow:var(--glow-cyan-subtle);transition:opacity var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer}.btn-primary:hover{opacity:.9;box-shadow:var(--glow-cyan)}.btn-primary:active{transform:scale(.98)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:transparent;color:var(--text-primary);border:1px solid var(--primary-border);border-radius:8px;font-weight:600;font-size:.9rem;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer}.btn-secondary:hover{border-color:var(--primary-color);background:var(--primary-dim);box-shadow:var(--glow-cyan-subtle)}.btn-large{padding:.7rem 1.5rem;font-size:1rem}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card);transition:border-color var(--transition-fast)}.card:hover{border-color:var(--primary-border)}.input{padding:.75rem 1rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-btn);color:var(--text-primary);font-size:.95rem;transition:border-color var(--transition-fast)}.input:focus{border-color:#22d3ee;box-shadow:0 0 0 3px #22d3ee1f,0 0 12px #22d3ee14}.input::placeholder{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;background:var(--primary-dim);border:1px solid var(--primary-border);border-radius:var(--radius-sm);color:var(--primary-color);font-size:.8rem;font-weight:600}.section{padding:5rem 2rem;max-width:1100px;margin:0 auto}.section-title{text-align:center;font-size:2.5rem;font-weight:800;margin-bottom:3rem;color:var(--text-primary)}.logo-text{font-family:var(--font-logo);font-weight:400;background:var(--gradient-cyber);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite;box-shadow:var(--glow-cyan-subtle)}@keyframes spin{to{transform:rotate(360deg)}}.debate-iq-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;background:var(--primary-dim);border:1px solid var(--primary-border);border-radius:var(--radius-sm);color:var(--primary-color);font-family:var(--font-mono);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--glow-cyan-subtle)}.text-mono{font-family:var(--font-mono)}.card-neon-glow{transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.card-neon-glow:hover{border-color:var(--primary-border);box-shadow:var(--glow-cyan-subtle)}.section-divider{height:1px;border:none;background:linear-gradient(90deg,transparent,var(--primary-color),var(--accent-violet),var(--accent-pink),transparent);margin:0;opacity:.5}.accent-line{position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:0 2px 2px 0}.accent-line.cyan{background:var(--primary-color);box-shadow:var(--glow-cyan-subtle)}.accent-line.violet{background:var(--accent-violet);box-shadow:0 0 8px #7c3aed33}.accent-line.pink{background:var(--accent-pink);box-shadow:0 0 8px #ec489933}.accent-line.orange{background:var(--accent-orange);box-shadow:0 0 8px #fb923c33}