@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#6366f1;--primary-light:#818cf8;--primary-dark:#4f46e5;--danger:#ef4444;--warning:#f59e0b;--text:#1f2937;--text-light:#6b7280;--text-lighter:#9ca3af;--bg:#f0f5f4;--bg-light:#f8fafa;--white:#fff;--border:#e5e7eb;--border-light:#f3f4f6;--shadow:0 1px 3px #0000001a;--shadow-lg:0 10px 40px #00000026;--radius:8px;--radius-lg:12px;--sidebar-width:240px;--header-height:64px}html{font-size:16px}body{background:#f0f5f4;background:var(--bg);color:#1f2937;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.landing-page{background:linear-gradient(135deg,#f8fafc,#e0e7ff 50%,#fae8ff);min-height:100vh}.landing-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-bottom:1px solid #ffffff80;display:flex;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.logo-text{font-size:1.5rem}.landing-nav{align-items:center;display:flex;gap:1.5rem}.landing-nav a{color:#1f2937;color:var(--text);font-weight:500;text-decoration:none;transition:color .2s}.btn-landing-secondary,.landing-nav a:hover{color:#2563eb;color:var(--primary)}.btn-landing-secondary{background:#0000;border:2px solid #2563eb;border:2px solid var(--primary);border-radius:8px;border-radius:var(--radius);cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .2s}.btn-landing-secondary:hover{background:#2563eb;background:var(--primary);color:#fff}.btn-landing-primary{background:linear-gradient(135deg,#2563eb,#4f46e5);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:8px;border-radius:var(--radius);color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .2s}.btn-landing-primary:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.landing-hero{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;padding:4rem 4rem 6rem}.hero-content h1{color:#1f2937;color:var(--text);font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#ec4899);background:linear-gradient(135deg,var(--primary),#ec4899);-webkit-background-clip:text;background-clip:text}.hero-content p{color:#6b7280;color:var(--text-light);font-size:1.25rem;line-height:1.7;margin-bottom:2rem}.hero-buttons{display:flex;gap:1rem;margin-bottom:3rem}.btn-hero-primary{background:linear-gradient(135deg,#2563eb,#4f46e5);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:16px;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s}.btn-hero-primary:hover{box-shadow:0 8px 25px #6366f166;transform:translateY(-3px)}.btn-hero-secondary{background:#fff;border:2px solid #00000014;border:2px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);color:#1f2937;color:var(--text);cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s}.btn-hero-secondary:hover{border-color:#2563eb;border-color:var(--primary);color:#2563eb;color:var(--primary)}.hero-stats{display:flex;gap:3rem}.stat{text-align:center}.stat-number{color:#2563eb;color:var(--primary);display:block;font-size:2rem;font-weight:800}.stat-label{font-size:.9rem}.hero-visual{display:flex;justify-content:center}.hero-mockup{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000026;max-width:500px;overflow:hidden;width:100%}.mockup-header{background:#f1f5f9;display:flex;gap:6px;padding:12px 16px}.mockup-dot{border-radius:50%;height:12px;width:12px}.mockup-dot.red{background:#ef4444}.mockup-dot.yellow{background:#eab308}.mockup-dot.green{background:#22c55e}.mockup-content{display:flex;gap:16px;min-height:300px;padding:16px}.mockup-sidebar{display:flex;flex-direction:column;gap:8px;width:60px}.mockup-item{background:#e2e8f0;border-radius:8px;height:40px}.mockup-item.active{background:linear-gradient(135deg,#2563eb,#4f46e5);background:linear-gradient(135deg,var(--primary),var(--primary-dark))}.mockup-main{display:flex;flex:1 1;flex-direction:column;gap:16px}.mockup-widget{background:linear-gradient(135deg,#dbeafe,#fce7f3);border-radius:12px;height:80px}.mockup-cards{display:flex;flex:1 1;gap:12px}.mockup-card{background:#f1f5f9;border-radius:8px;flex:1 1}.landing-features{background:#fff;padding:6rem 4rem}.landing-features h2{font-size:2.5rem;font-weight:700;margin-bottom:4rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.feature-card{background:#f0f5f4;background:var(--bg);border-radius:16px;border-radius:var(--radius-lg);padding:2rem;text-align:center;transition:all .3s}.feature-card:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{font-size:1.25rem;margin-bottom:.75rem}.feature-card p{color:#6b7280;color:var(--text-light);font-size:.95rem}.landing-pricing{background:linear-gradient(135deg,#f8fafc,#e0e7ff);padding:6rem 4rem}.landing-pricing h2{font-size:2.5rem;font-weight:700;margin-bottom:4rem;text-align:center}.pricing-cards{display:flex;gap:2rem;justify-content:center;margin:0 auto;max-width:1000px}.pricing-card{background:#fff;border-radius:16px;border-radius:var(--radius-lg);padding:2rem;position:relative;transition:all .3s;width:300px}.pricing-card:hover{box-shadow:0 15px 40px #0000001a;transform:translateY(-5px)}.pricing-card.featured{border:2px solid #2563eb;border:2px solid var(--primary);transform:scale(1.05)}.pricing-card.featured:hover{transform:scale(1.05) translateY(-5px)}.pricing-badge{background:#2563eb;background:var(--primary);border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;left:50%;padding:4px 16px;position:absolute;top:-12px;transform:translateX(-50%)}.pricing-header{margin-bottom:1.5rem}.pricing-header h3{font-size:1.25rem;margin-bottom:.5rem}.pricing-price{align-items:baseline;display:flex;gap:4px;justify-content:center}.price{color:#1f2937;color:var(--text);font-size:2.5rem;font-weight:800}.period{color:#9ca3af;color:var(--text-lighter);font-size:1rem}.pricing-features{list-style:none;margin-bottom:2rem}.pricing-features li{color:#6b7280;color:var(--text-light);font-size:.95rem;padding:.5rem 0}.btn-pricing{background:#fff;border:2px solid #00000014;border:2px solid var(--border);border-radius:8px;border-radius:var(--radius);cursor:pointer;font-weight:600;padding:.75rem;transition:all .2s;width:100%}.btn-pricing:hover{border-color:#2563eb;border-color:var(--primary);color:#2563eb;color:var(--primary)}.btn-pricing-primary{background:linear-gradient(135deg,#2563eb,#4f46e5);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:8px;border-radius:var(--radius);color:#fff;cursor:pointer;font-weight:600;padding:.75rem;transition:all .2s;width:100%}.btn-pricing-primary:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.landing-footer{background:#1e293b;color:#fff;padding:4rem}.footer-content{display:flex;justify-content:space-between;margin:0 auto 3rem;max-width:1200px}.footer-brand{max-width:300px}.footer-brand .logo-text{-webkit-text-fill-color:#fff}.footer-brand p{color:#94a3b8;margin-top:1rem}.footer-links{display:flex;flex-direction:column;gap:.75rem}.footer-links h4{font-weight:600;margin-bottom:.5rem}.footer-links a{color:#94a3b8;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid #334155;color:#64748b}.landing-form-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:2rem}.landing-form-card{background:#fff;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 12px 32px #00000014;box-shadow:var(--shadow-lg);max-width:480px;padding:2.5rem;width:100%}.back-btn{background:none;border:none;color:#6b7280;color:var(--text-light);cursor:pointer;font-size:.9rem;margin-bottom:1rem;transition:color .2s}.back-btn:hover{color:#2563eb;color:var(--primary)}.form-header{margin-bottom:2rem;text-align:center}.form-icon{font-size:3rem;margin-bottom:1rem}.form-header h2{font-size:1.75rem;margin-bottom:.5rem}.form-header p{color:#6b7280;color:var(--text-light)}.code-display{background:linear-gradient(135deg,#dbeafe,#e0e7ff);border-radius:16px;border-radius:var(--radius-lg);margin-top:1rem;padding:1.5rem;text-align:center}.code-label{color:#6b7280;color:var(--text-light);font-size:.85rem}.code-label,.code-value{display:block;margin-bottom:.5rem}.code-value{color:#2563eb;color:var(--primary);font-family:SF Mono,Menlo,monospace;font-size:2rem;font-weight:700;letter-spacing:2px}.code-hint{color:#9ca3af;color:var(--text-lighter);font-size:.85rem;margin-bottom:1rem}.code-input{font-family:SF Mono,Menlo,monospace;font-size:1.25rem;letter-spacing:2px;text-align:center}.back-to-landing{border:1px solid #00000014;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);left:20px;padding:.5rem 1rem;top:20px;transition:all .2s}.back-to-landing:hover{border-color:#2563eb;border-color:var(--primary);color:#2563eb;color:var(--primary)}@media (max-width:1024px){.landing-hero{grid-template-columns:1fr;padding:2rem;text-align:center}.hero-content h1{font-size:2.5rem}.hero-buttons,.hero-stats{justify-content:center}.hero-visual{display:none}.features-grid{grid-template-columns:1fr}.pricing-cards{align-items:center;flex-direction:column}.pricing-card.featured{transform:none}.landing-nav a{display:none}}.datetime-widget{background:linear-gradient(135deg,#2563eb,#8b5cf6);background:linear-gradient(135deg,var(--primary),#8b5cf6);border-radius:16px;border-radius:var(--radius-lg)}.datetime-widget:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%)}.datetime-main{gap:2px}.datetime-time{font-family:SF Pro Display,-apple-system,sans-serif;font-weight:200;letter-spacing:-2px}.datetime-seconds{font-weight:300}.datetime-date{display:flex;flex-direction:column;gap:2px;margin-bottom:1rem}.datetime-weekday{font-weight:500}.datetime-full{font-size:.9rem;opacity:.7}.datetime-footer{font-size:.85rem;opacity:.8}.datetime-tz{background:#fff3;border-radius:4px;padding:2px 8px}.datetime-community{opacity:.7}.header-community{display:none;flex:1 1;justify-content:center}.community-badge{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid #6366f133;border-radius:20px;color:#2563eb;color:var(--primary);font-size:.9rem;font-weight:500;padding:6px 16px}@media (min-width:768px){.header-community{display:flex}}.loading-screen{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:100vh}.spinner{animation:spin .8s linear infinite;border:3px solid #00000014;border-top-color:#2563eb;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}.orb{display:none}.auth-container{align-items:center;background:linear-gradient(135deg,#f0f4ff,#faf5ff);display:flex;justify-content:center;min-height:100vh;padding:1rem}.auth-card{background:#fff;background:var(--white);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 12px 32px #00000014;box-shadow:var(--shadow-lg);max-width:400px;padding:2rem;width:100%}.auth-header{margin-bottom:1.5rem;text-align:center}.auth-icon{font-size:3rem;margin-bottom:.5rem}.auth-header h1{font-size:1.5rem;font-weight:600}.auth-header p{color:#6b7280;color:var(--text-light);font-size:.9rem;margin-top:.25rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.4rem}.form-group input,.form-group select,.form-group textarea{background:#fff;background:var(--white);border:1px solid #00000014;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);font-size:1rem;padding:.875rem 1rem;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.forgot-link{background:none;color:#2563eb;color:var(--primary);display:block;font-size:.875rem;margin-bottom:1rem;text-align:right}.btn-primary,.forgot-link{border:none;cursor:pointer}.btn-primary{background:#2563eb;background:var(--primary);border-radius:8px;border-radius:var(--radius);color:#fff;font-size:1rem;font-weight:600;padding:1rem;width:100%}.btn-primary:hover{background:#4f46e5;background:var(--primary-dark)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#fff;background:var(--white);border:1px solid #00000014;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#1f2937;color:var(--text);cursor:pointer;font-size:.95rem;font-weight:500;margin-top:.5rem;padding:.875rem 1rem;width:100%}.btn-secondary:hover{background:#f0f5f4;background:var(--bg)}.btn-danger{background:#ef4444;background:var(--danger);border-radius:var(--radius);font-size:1rem;font-weight:600;padding:1rem;width:100%}.btn-reset{background:#fff;background:var(--white);border:1px solid #fecaca;border-radius:8px;border-radius:var(--radius);color:#ef4444;color:var(--danger);padding:.625rem 1rem}.btn-link{background:none;border:none;cursor:pointer;display:block;font-size:.875rem;margin-top:1rem;width:100%}.auth-switch,.btn-link{color:#6b7280;color:var(--text-light);text-align:center}.auth-switch{font-size:.9rem;margin-top:1.5rem}.auth-switch button{background:none;border:none;color:#2563eb;color:var(--primary);cursor:pointer;font-weight:600}.error-message{background:#fef2f2;color:#ef4444;color:var(--danger)}.error-message,.success-message{border-radius:8px;border-radius:var(--radius);font-size:.9rem;margin-bottom:1rem;padding:.875rem 1rem}.success-message{background:#f0fdf4;color:#10b981;color:var(--accent)}.verify-section{text-align:center}.verify-section p{color:#6b7280;color:var(--text-light);margin-bottom:1rem}.access-code-note{color:#9ca3af;color:var(--text-lighter);font-size:.85rem;margin-top:1.5rem;text-align:center}.app-container{display:flex;flex-direction:column;min-height:100vh}.sidebar{background:#fff;background:var(--white);border-right:1px solid #00000014;border-right:1px solid var(--border);bottom:0;display:none;flex-direction:column;left:0;position:fixed;top:0;width:240px;width:var(--sidebar-width);z-index:90}.sidebar-logo{align-items:center;border-bottom:1px solid #00000014;border-bottom:1px solid var(--border);display:flex;gap:10px;padding:20px}.logo-icon{font-size:1.75rem}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#4f46e5);background:linear-gradient(135deg,var(--primary),var(--primary-dark));-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700}.sidebar-close{background:none;border:none;color:#6b7280;color:var(--text-light);cursor:pointer;display:none;font-size:1.5rem;margin-left:auto}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:12px}.sidebar-item{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--radius);color:#6b7280;color:var(--text-light);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .15s;width:100%}.sidebar-item:hover{background:#f0f5f4;background:var(--bg);color:#1f2937;color:var(--text)}.sidebar-item.active{background:linear-gradient(135deg,#6366f11a,#6366f10d);color:#2563eb;color:var(--primary)}.sidebar-item.active .sidebar-icon{transform:scale(1.1)}.sidebar-icon{font-size:1.25rem;text-align:center;transition:transform .15s;width:28px}.sidebar-label{flex:1 1}.sidebar-footer{border-top:1px solid #00000014;border-top:1px solid var(--border);padding:12px}.sidebar-item.logout{color:#ef4444;color:var(--danger)}.sidebar-item.logout:hover{background:#ef44441a}.sidebar-overlay{animation:fadeIn .2s ease;background:#00000080;right:0;z-index:9998}.mobile-sidebar,.sidebar-overlay{bottom:0;left:0;position:fixed;top:0}.mobile-sidebar{animation:slideInLeft .25s ease;display:flex!important;max-width:85vw;width:280px;z-index:9999}.mobile-sidebar .sidebar-close{display:block}.header{background:#fff;background:var(--white);border-bottom:1px solid #00000014;border-bottom:1px solid var(--border);height:64px;height:var(--header-height);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{gap:16px;height:100%;padding:0 16px}.hamburger-btn,.header-content{align-items:center;display:flex}.hamburger-btn{background:none;border:1px solid #00000014;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#1f2937;color:var(--text);cursor:pointer;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;width:40px}.mobile-logo{color:#2563eb;color:var(--primary);font-size:1.1rem;font-weight:600}.header-datetime{align-items:center;display:none;flex:1 1;flex-direction:column;gap:2px;justify-content:center}.header-date{color:#6b7280;color:var(--text-light);font-size:.85rem;font-weight:500;letter-spacing:.5px}.header-time{color:#1f2937;color:var(--text);font-family:SF Mono,Menlo,Monaco,Courier New,monospace;font-size:1.5rem;font-weight:300;letter-spacing:2px}.header-actions{align-items:center;display:flex;gap:8px;margin-left:auto}.header-profile-btn{align-items:center;background:#fff;background:var(--white);border:2px solid #00000014;border:2px solid var(--border);border-radius:50%;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s;width:44px}.header-profile-btn:hover{border-color:#2563eb;border-color:var(--primary);transform:scale(1.05)}.header-avatar{font-size:1.4rem}.dnd-toggle{gap:4px}.dnd-btn,.dnd-toggle{align-items:center;display:flex}.dnd-btn{background:#fff;background:var(--white);border:1px solid #00000014;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);cursor:pointer;font-size:1.1rem;height:40px;justify-content:center;transition:all .2s;width:40px}.dnd-btn.active{background:linear-gradient(135deg,#f59e0b,#d97706)!important;border-color:#f59e0b!important;box-shadow:0 4px 12px #f59e0b66!important}.dnd-btn.active,.dnd-btn.active svg{color:#fff!important}.dnd-label{color:#f59e0b;color:var(--warning);display:none;font-size:.7rem;font-weight:600}.user-menu-wrapper{position:relative}.user-menu{background:#f0f5f4;background:var(--bg);border:1px solid #00000014;border:1px solid var(--border);border-radius:20px;gap:8px;padding:6px 12px;transition:all .15s}.user-menu:hover{border-color:#2563eb;border-color:var(--primary)}.user-avatar{font-size:1.25rem}.user-name{display:none}.dropdown-arrow{color:#6b7280;color:var(--text-light)}.dropdown-menu{min-width:180px;overflow:hidden;top:calc(100% + 8px)}.dropdown-item{color:#1f2937;color:var(--text);gap:10px;padding:12px 16px}.dropdown-divider{margin:4px 0}.mobile-menu-item{align-items:center;background:none;border:none;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-light);color:#1f2937;color:var(--text);cursor:pointer;display:flex;font-size:1rem;gap:1rem;padding:1rem 1.25rem;text-align:left;width:100%}.mobile-menu-item:hover{background:#f0f5f4;background:var(--bg)}.mobile-menu-item.active{background:#eef2ff;color:#2563eb;color:var(--primary);font-weight:600}.mobile-menu-item.logout{color:#ef4444;color:var(--danger)}.mobile-menu-divider{background:#00000014;background:var(--border);height:1px;margin:.5rem 0}.nav{display:flex;gap:.25rem}.nav-item{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--radius);color:#6b7280;color:var(--text-light);cursor:pointer;display:flex;font-size:.9rem;gap:.4rem;padding:.6rem .75rem}.nav-item:hover{background:#f0f5f4;background:var(--bg);color:#1f2937;color:var(--text)}.nav-item.active{background:#2563eb;background:var(--primary);color:#fff}.user-menu{align-items:center;border-radius:8px;border-radius:var(--radius);cursor:pointer;display:flex;gap:.5rem;padding:.4rem .6rem}.user-menu:hover{background:#f0f5f4;background:var(--bg)}.user-avatar{font-size:1.5rem}.user-name{font-size:.9rem;font-weight:500}.dropdown-arrow{color:#9ca3af;color:var(--text-lighter);font-size:.6rem}.dropdown-menu{background:#fff;background:var(--white);border:1px solid #00000014;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);box-shadow:0 12px 32px #00000014;box-shadow:var(--shadow-lg);min-width:160px;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.dropdown-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:.9rem;gap:.6rem;padding:.75rem 1rem;text-align:left;width:100%}.dropdown-item:hover{background:#f0f5f4;background:var(--bg)}.dropdown-item.logout{color:#ef4444;color:var(--danger)}.dropdown-divider{background:#00000014;background:var(--border);height:1px}.main-content{flex:1 1;overflow-x:hidden;padding:20px 16px}.weekly-tracker-card{background:#fff;background:var(--white);border:1px solid #00000014;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow);margin-bottom:20px;padding:20px 24px}.tracker-content{display:flex;flex-direction:column;gap:16px}.tracker-text h2{color:#1f2937;color:var(--text);font-size:1.1rem;font-weight:500;line-height:1.5}.tracker-highlight{color:#2563eb;color:var(--primary);font-size:1.2rem;font-weight:700}.tracker-encouragement{color:#10b981;color:var(--accent);font-weight:600}.tracker-bar-section{display:flex;flex-direction:column;gap:8px}.segmented-progress{display:flex;gap:6px;height:24px}.progress-segment{background:#e5e7eb;border-radius:6px;flex:1 1;transition:all .3s ease}.progress-segment.filled{background:linear-gradient(135deg,#2563eb,#4f46e5);background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 2px 8px #6366f14d}.progress-bar{background:#e0e7ff;border-radius:6px;height:12px;overflow:hidden;position:relative}.progress-bar.unlimited{background:linear-gradient(90deg,#e0e7ff,#c7d2fe)}.progress-fill{background:linear-gradient(90deg,#2563eb,#4f46e5);background:linear-gradient(90deg,var(--primary),var(--primary-dark));border-radius:6px;height:100%;transition:width .5s ease}.progress-fill.animated{background:linear-gradient(90deg,#2563eb,#10b981);background:linear-gradient(90deg,var(--primary),var(--accent))}.tracker-meta{align-items:center;display:flex;font-size:.8rem;justify-content:space-between}.tracker-reset-time{color:#9ca3af;color:var(--text-lighter)}.set-goal-link{background:none;border:none;color:#2563eb;color:var(--primary);cursor:pointer;font-size:.8rem;font-weight:600}.set-goal-link:hover{text-decoration:underline}.goal-badge{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;color:#92400e;font-size:.75rem;font-weight:600;padding:4px 12px}.goal-reached{color:#10b981;color:var(--accent);font-weight:600}.set-goal-btn{background:none;border:none;color:#2563eb;color:var(--primary);cursor:pointer;font-size:.8rem;font-weight:600;text-decoration:underline}.form-hint{margin-top:4px}.dashboard{gap:1.5rem}.dashboard,.dashboard-header{display:flex;flex-direction:column}.dashboard-header{gap:1rem}.welcome h1{font-size:1.5rem;font-weight:600}.welcome p{color:#6b7280;color:var(--text-light);font-size:.9rem}.gradient-text{color:#2563eb;color:var(--primary)}.dashboard-widgets{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.live-clock{background:#fff;background:var(--white);border:1px solid #00000014;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);flex:1 1;min-width:150px;padding:.75rem 1rem;text-align:right}.clock-date{color:#9ca3af;color:var(--text-lighter);font-size:.7rem}.clock-time{font-size:1.1rem;font-weight:600}.clock-timezone{color:#2563eb;color:var(--primary);font-size:.65rem;font-weight:500}.notification-wrapper{position:relative}.notification-bell{align-items:center;background:#fff;background:var(--white);border:1px solid #00000014;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);cursor:pointer;display:flex;font-size:1.2rem;height:44px;justify-content:center;position:relative;width:44px}.notification-bell.has-unread{background:#eef2ff;border-color:#2563eb;border-color:var(--primary)}.notification-badge{align-items:center;background:#ef4444;background:var(--danger);border-radius:9px;color:#fff;display:flex;font-size:.65rem;font-weight:600;height:18px;justify-content:center;min-width:18px;position:absolute;right:-4px;top:-4px}.notification-dropdown{background:#fff;background:var(--white);border:1px solid #00000014;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 12px 32px #00000014;box-shadow:var(--shadow-lg);max-height:70vh;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:300px;z-index:1000}.notification-header{align-items:center;border-bottom:1px solid #00000014;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:.875rem 1rem}.notification-header h4{font-size:.95rem;font-weight:600}.mark-all-read{background:none;border:none;color:#2563eb;color:var(--primary);cursor:pointer;font-size:.8rem}.notification-list{max-height:300px;overflow-y:auto}.no-notifications{color:#9ca3af;color:var(--text-lighter);padding:2rem 1rem;text-align:center}.no-notifications span{display:block;font-size:2rem;margin-bottom:.5rem}.notification-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem}.notification-item:hover{background:#f0f5f4;background:var(--bg)}.notification-item.unread{background:#eef2ff}.notification-icon{font-size:1rem}.notification-content{flex:1 1;min-width:0}.notification-title{display:block;font-size:.8rem;font-weight:600}.notification-message{color:#6b7280;color:var(--text-light);display:block;font-size:.75rem}.notification-time{color:#9ca3af;color:var(--text-lighter);display:block;font-size:.65rem;margin-top:2px}.notification-dismiss{background:none;border:none;color:#9ca3af;color:var(--text-lighter);cursor:pointer;font-size:1rem}.roleplay-now-section{display:flex;flex-direction:column;gap:.75rem}.roleplay-now-btn{border:none;cursor:pointer;text-align:left;width:100%}.roleplay-now-btn,.roleplay-now-pending{align-items:center;background:linear-gradient(135deg,#2563eb,#4f46e5);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:16px;border-radius:var(--radius-lg);color:#fff;display:flex;gap:1rem;padding:1rem 1.5rem}.roleplay-now-pending{animation:pulse 2s infinite;justify-content:space-between}.roleplay-now-pending-info{align-items:center;display:flex;gap:1rem}.pending-spinner{animation:spin 2s linear infinite;font-size:1.5rem}.btn-cancel-roleplay{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:.85rem;padding:.5rem 1rem}.roleplay-now-icon{font-size:1.5rem}.roleplay-now-text{display:block;font-size:1rem;font-weight:600}.roleplay-now-subtitle{display:block;font-size:.75rem;opacity:.9}.online-count{align-items:center;color:#6b7280;color:var(--text-light);display:flex;font-size:.85rem;gap:.4rem}.online-dot{animation:blink 2s infinite;background:#10b981;background:var(--accent);border-radius:50%;height:8px;width:8px}.dashboard-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.card{background:#fff;background:var(--white);border:1px solid #00000014;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);padding:1.25rem}.card.highlight{border-color:#2563eb;border-color:var(--primary);border-width:2px}.card h3{font-size:1rem;font-weight:600;margin-bottom:.35rem}.card p{color:#6b7280;color:var(--text-light);font-size:.875rem;margin-bottom:.75rem}.card .btn-secondary{margin-top:0}.users-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr;margin-top:1rem}.user-card{align-items:center;background:#f0f5f4;background:var(--bg);border-radius:8px;border-radius:var(--radius);display:flex;gap:.75rem;padding:.875rem}.user-card-avatar-wrapper{position:relative}.user-card-avatar{font-size:1.5rem}.user-card-info{flex:1 1;min-width:0}.user-card-name{display:block;font-size:.9rem;font-weight:500}.user-card-status{color:#9ca3af;color:var(--text-lighter);font-size:.75rem}.online-indicator{border:2px solid #f0f5f4;border:2px solid var(--bg);border-radius:50%;bottom:0;height:10px;position:absolute;right:0;width:10px}.online-indicator.online{background:#10b981;background:var(--accent)}.online-indicator.offline{background:#9ca3af;background:var(--text-lighter)}.user-card-chat-btn{background:#fff;background:var(--white);border:1px solid #00000014;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);cursor:pointer;font-size:1rem;height:36px;width:36px}.calendar-view{gap:1rem}.page-header{margin-bottom:.5rem}.page-header h1{font-size:1.5rem;font-weight:600}.page-header p{color:#6b7280;color:var(--text-light);font-size:.9rem}.page-header-content{display:flex;flex-direction:column;gap:1rem}.calendar-nav{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.calendar-nav h2{font-size:1rem;font-weight:500}.cal-nav-btn{background:#fff;background:var(--white);border:1px solid #00000014;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);cursor:pointer;font-size:1.1rem;height:40px;width:40px}.weekly-calendar{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.weekly-day{background:#fff;background:var(--white);border:1px solid #00000014;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);cursor:pointer;min-height:90px;padding:.875rem}.weekly-day.past{cursor:not-allowed;opacity:.5}.weekly-day.today{border-color:#2563eb;border-color:var(--primary);border-width:2px}.weekly-day.has-slots{background:#f0fdf4;border-color:#10b981;border-color:var(--accent)}.weekly-day-header{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-light);margin-bottom:.5rem;padding-bottom:.4rem;text-align:center}.weekly-day-name{display:block;font-size:.8rem;font-weight:600}.weekly-day-date{color:#9ca3af;color:var(--text-lighter);display:block;font-size:.7rem}.weekly-day-content{align-items:center;display:flex;flex-direction:column}.weekly-slot-count{color:#10b981;color:var(--accent);font-size:.85rem;font-weight:600}.weekly-hours-preview{display:flex;flex-wrap:wrap;gap:.2rem;justify-content:center;margin-top:.25rem}.weekly-hour-chip{background:#d1fae5;border-radius:3px;color:#10b981;color:var(--accent);font-size:.6rem;padding:2px 5px}.weekly-hour-more{font-size:.65rem}.weekly-hour-more,.weekly-no-slots{color:#9ca3af;color:var(--text-lighter)}.weekly-no-slots{font-size:.75rem}.calendar-actions{display:flex;justify-content:flex-end;margin-top:1rem}.calendar-actions .btn-primary{padding:.875rem 1.5rem;width:auto}.bookings-view{display:flex;flex-direction:column;gap:1.5rem}.calls-section{margin-bottom:.5rem}.section-title{font-size:1rem;font-weight:600;margin-bottom:.75rem}.empty-state,.empty-state-small{padding:2rem 1.5rem;text-align:center}.empty-state span{display:block;font-size:3rem;margin-bottom:.75rem}.empty-state h3{font-size:1rem;margin-bottom:.35rem}.empty-state p{color:#6b7280;color:var(--text-light);font-size:.875rem;margin-bottom:.75rem}.booking-card,.bookings-list{display:flex;flex-direction:column;gap:.75rem}.booking-card{background:#fff;background:var(--white);border:1px solid #00000014;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);padding:1rem}.booking-card.past{opacity:.6}.booking-card.in-progress{background:#f0fdf4;border-color:#10b981;border-color:var(--accent)}.booking-user{align-items:center;display:flex;gap:.75rem}.booking-avatar{font-size:2rem}.booking-name{font-size:.95rem;font-weight:600}.booking-status{border-radius:3px;display:inline-block;font-size:.65rem;font-weight:600;margin-top:2px;padding:2px 6px;text-transform:uppercase}.booking-status.status-scheduled{background:#e0e7ff;color:#2563eb;color:var(--primary)}.booking-status.status-in-progress{background:#d1fae5;color:#10b981;color:var(--accent)}.booking-status.status-completed{background:#f0f5f4;background:var(--bg);color:#6b7280;color:var(--text-light)}.booking-time{text-align:left}.booking-date{display:block;font-size:.875rem;font-weight:500}.booking-hour{color:#6b7280;color:var(--text-light);display:block;font-size:.8rem}.booking-actions{display:flex;gap:.5rem}.booking-card .btn-secondary{margin-top:0}.booking-card .btn-secondary,.btn-join{flex:1 1;font-size:.85rem;padding:.625rem}.btn-join{align-items:center;background:#2563eb;background:var(--primary);border:none;border-radius:8px;border-radius:var(--radius);color:#fff;display:flex;font-weight:500;gap:.4rem;justify-content:center;text-decoration:none}.messages-view{display:flex;flex-direction:column;height:calc(100vh - 120px);margin:-1.5rem -1rem}.conversations-sidebar{max-height:180px;overflow-y:auto}.conversations-sidebar,.conversations-sidebar h3{background:#fff;background:var(--white);border-bottom:1px solid #00000014;border-bottom:1px solid var(--border)}.conversations-sidebar h3{font-size:.9rem;font-weight:600;padding:.75rem 1rem;position:-webkit-sticky;position:sticky;top:0}.conversations-list{padding:.5rem}.no-conversations{color:#9ca3af;color:var(--text-lighter);padding:1.5rem;text-align:center}.no-conversations span{display:block;font-size:1.5rem;margin-bottom:.35rem}.conv-btn{background:none;gap:.6rem;padding:.6rem}.conv-btn:hover{background:#f0f5f4;background:var(--bg)}.conv-btn.active{background:#e0e7ff}.conv-avatar{font-size:1.5rem}.conv-name{display:block;font-size:.85rem}.conv-last,.conv-preview{color:#9ca3af;color:var(--text-lighter);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-area{background:#fff;background:var(--white);display:flex;flex:1 1;flex-direction:column;min-height:0}.chat-header{align-items:center;border-bottom:1px solid #00000014;border-bottom:1px solid var(--border);display:flex;gap:.75rem;padding:.75rem 1rem}.chat-avatar{font-size:1.5rem}.chat-user-info{flex:1 1}.chat-name{align-items:center;display:flex;flex-wrap:wrap;font-size:.95rem;font-weight:600;gap:.5rem}.chat-timezone{background:#e0e7ff;border-radius:3px;color:#2563eb;color:var(--primary);font-size:.7rem;font-weight:500;padding:2px 6px}.chat-header-actions{display:flex;gap:.5rem}.btn-invite{background:#2563eb;background:var(--primary);border:none;border-radius:8px;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;padding:.4rem .75rem}.chat-messages{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.message{display:flex}.message.sent{justify-content:flex-end}.message.received{justify-content:flex-start}.message.system{justify-content:center}.message-bubble{border-radius:8px;border-radius:var(--radius);max-width:80%;padding:.625rem .875rem}.message.sent .message-bubble{background:#2563eb;background:var(--primary);color:#fff}.message.received .message-bubble{background:#f0f5f4;background:var(--bg)}.message.system .message-bubble{background:#f0fdf4;color:#10b981;color:var(--accent);font-size:.8rem}.message-bubble p{font-size:.9rem;line-height:1.4;margin:0}.message-time{display:block;font-size:.6rem;margin-top:.25rem;opacity:.7}.meeting-link-message{text-align:center}.meeting-link-message p{font-size:.8rem;font-weight:500;margin-bottom:.35rem}.meeting-link-btn{background:#10b981;background:var(--accent);border-radius:8px;border-radius:var(--radius);color:#fff;display:inline-block;font-size:.75rem;font-weight:500;padding:.4rem .75rem;text-decoration:none}.invite-message{background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;border-radius:var(--radius);min-width:180px;padding:.75rem}.invite-message-header{color:#2563eb;color:var(--primary);font-size:.85rem;font-weight:600;margin-bottom:.25rem}.invite-message-time{font-size:.85rem;margin-bottom:.5rem}.invite-message-actions{display:flex;gap:.4rem}.btn-accept,.btn-decline{border-radius:8px;border-radius:var(--radius);cursor:pointer;flex:1 1;font-size:.75rem;font-weight:500;padding:.4rem}.btn-accept{background:#10b981;background:var(--accent);border:none;color:#fff}.btn-decline{background:#fff;border:1px solid #fecaca;color:#ef4444;color:var(--danger)}.invite-status{border-radius:8px;border-radius:var(--radius);font-size:.75rem;font-weight:500;padding:.4rem;text-align:center}.invite-status.accepted{background:#d1fae5;color:#10b981;color:var(--accent)}.invite-status.declined{background:#fef2f2;color:#ef4444;color:var(--danger)}.chat-input{background:#fff;background:var(--white);border-top:1px solid #00000014;border-top:1px solid var(--border);display:flex;gap:.5rem;padding:.75rem 1rem}.chat-input input{border:1px solid #00000014;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);flex:1 1;font-size:1rem;padding:.75rem}.chat-input .btn-primary{padding:.75rem 1rem;width:auto}.no-chat{align-items:center;color:#9ca3af;color:var(--text-lighter);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem}.no-chat span{font-size:3rem;margin-bottom:.75rem}.profile-view{margin:0 auto;max-width:600px}.profile-card{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.profile-avatar-section{text-align:center}.profile-avatar{display:block;font-size:4rem;margin-bottom:.75rem}.change-avatar-btn{background:#fff;background:var(--white);border:1px solid #00000014;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);cursor:pointer;font-size:.8rem;padding:.5rem 1rem}.profile-info{text-align:center}.profile-name{font-size:1.35rem;font-weight:600;margin-bottom:.25rem}.profile-email{color:#6b7280;color:var(--text-light);font-size:.9rem}.profile-member{color:#9ca3af;color:var(--text-lighter);font-size:.8rem}.profile-stats{border-bottom:1px solid #00000014;border-bottom:1px solid var(--border);border-top:1px solid #00000014;border-top:1px solid var(--border);display:flex;gap:2rem;justify-content:center;padding:1rem 0}.stat-item{text-align:center}.stat-value{color:#2563eb;color:var(--primary);display:block;font-weight:600}.stat-label{color:#9ca3af;color:var(--text-lighter);display:block;font-size:.7rem;text-transform:uppercase}.profile-edit-section{margin-top:1rem}.profile-edit-section h3{font-size:.95rem;font-weight:600;margin-bottom:1rem}.profile-section{margin-bottom:1rem}.profile-section h4{color:#6b7280;color:var(--text-light);font-size:.8rem;font-weight:600;margin-bottom:.25rem}.profile-bio{font-size:.9rem}.profile-bio-empty{color:#9ca3af;color:var(--text-lighter);font-size:.9rem;font-style:italic}.profile-actions{display:flex;gap:.5rem;margin-top:1rem}.profile-actions .btn-primary,.profile-actions .btn-secondary{flex:1 1;margin-top:0}.modal-overlay{align-items:center!important;background:#0009!important;bottom:0!important;height:100vh!important;justify-content:center!important;left:0!important;padding:16px!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:99999!important}.modal,.modal-overlay{-webkit-overflow-scrolling:touch!important;display:flex!important;overflow-y:auto!important}.modal{background:var(--white)!important;border-radius:16px!important;box-shadow:0 25px 60px #0000004d!important;flex-direction:column!important;margin:auto!important;max-height:calc(100vh - 32px)!important;max-width:440px!important;width:100%!important}@media (max-width:480px){.modal-overlay{align-items:flex-start!important;padding:40px 12px 12px!important}.modal{border-radius:12px!important;max-height:calc(100vh - 80px)!important;max-width:100%!important}}.modal>*{flex-shrink:0}.modal-body,.modal-content,.modal>div:not(.modal-header):not(.modal-actions){-webkit-overflow-scrolling:touch;overflow-y:auto}.modal.time-modal{max-width:400px!important}.selected-date-display{background:linear-gradient(135deg,#2563eb,#4f46e5);background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;flex-shrink:0;padding:20px;text-align:center}.date-weekday{display:block;font-size:.85rem;margin-bottom:4px;opacity:.9;text-transform:uppercase}.date-full{display:block;font-size:1.5rem;font-weight:700}.modal-instruction{flex-shrink:0;font-size:.9rem;padding:16px 20px 12px;text-align:center}.modal-body{flex:1 1;min-height:0;overflow-y:auto;padding:16px 20px}.hours-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.hour-btn{background:#fff;background:var(--white);border:2px solid #00000014;border:2px solid var(--border);border-radius:8px;border-radius:var(--radius);cursor:pointer;font-size:.85rem;font-weight:600;padding:14px 8px;transition:all .15s}.hour-btn:hover{background:#eef2ff;border-color:#2563eb;border-color:var(--primary)}.hour-btn.active,.hour-btn.selected{background:#2563eb;background:var(--primary);border-color:#2563eb;border-color:var(--primary);color:#fff}.selected-count{border-top:1px solid #00000014;border-top:1px solid var(--border);color:#6b7280;color:var(--text-light);flex-shrink:0;font-size:.9rem;padding:12px 20px;text-align:center}.selected-count strong{color:#2563eb;color:var(--primary);font-weight:700}.modal-actions{border-top:1px solid #00000014;border-top:1px solid var(--border);flex-shrink:0;padding:16px 20px 20px}.modal-actions .btn-danger,.modal-actions .btn-primary,.modal-actions .btn-secondary{flex:1 1;margin-top:0;padding:14px}.modal.avatar-modal{max-height:80vh!important;max-width:520px!important}.modal.avatar-modal .modal-body{max-height:calc(80vh - 180px)!important;overflow-y:auto!important;padding:20px 24px!important}.modal-header{flex-shrink:0;padding:20px 20px 16px;text-align:center}.modal-icon{display:block;font-size:2.5rem;margin-bottom:8px}.modal-header h2{font-size:1.2rem;font-weight:600}.modal-header p{color:#6b7280;color:var(--text-light);font-size:.9rem;margin-top:4px}.avatar-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(6,1fr)}.avatar-option{background:#f0f5f4;background:var(--bg);border:3px solid #0000;border-radius:8px;border-radius:var(--radius);font-size:2rem;padding:14px;text-align:center;transition:all .15s}.avatar-option:hover{background:#eef2ff;transform:scale(1.05)}.avatar-option.active,.avatar-option.selected{background:#eef2ff;border-color:#2563eb;border-color:var(--primary)}.modal.match-modal{max-width:380px!important;text-align:center}.match-profile{padding:20px}.match-avatar{display:block;font-size:5rem;margin-bottom:12px}.match-profile h3{font-size:1.25rem;font-weight:600}.match-bio{color:#6b7280;color:var(--text-light);font-size:.9rem;margin-top:6px}.match-member{color:#9ca3af;color:var(--text-lighter);font-size:.8rem;margin-top:6px}.match-time-info{background:#f0f5f4;background:var(--bg);padding:16px 20px}.match-time-info p{font-size:.95rem;margin:4px 0}.no-match-tips{background:#f0f5f4;background:var(--bg);border-radius:8px;border-radius:var(--radius);margin:20px;padding:16px;text-align:left}.no-match-tips p{font-size:.9rem;font-weight:600;margin-bottom:8px}.no-match-tips ul{color:#6b7280;color:var(--text-light);font-size:.85rem;line-height:1.8;margin-left:20px}.invite-modal-content{max-width:600px!important}.invite-modal-header{align-items:center;border-bottom:1px solid #00000014;border-bottom:1px solid var(--border);display:flex;gap:16px;padding:20px}.invite-modal-avatar{font-size:2.5rem}.invite-modal-info h3{font-size:1.1rem;font-weight:600}.invite-modal-info p{color:#6b7280;color:var(--text-light);font-size:.85rem}.invite-calendar-nav{align-items:center;display:flex;justify-content:space-between;padding:16px 20px}.invite-calendar-nav h4{font-size:.95rem;font-weight:500}.invite-weekly-calendar{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);padding:0 20px 16px}.invite-day{background:#f0f5f4;background:var(--bg);border:1px solid #00000014;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);min-height:100px;padding:8px;text-align:center}.invite-day.past{opacity:.4}.invite-day-name{color:#6b7280;color:var(--text-light);display:block;font-size:.7rem;font-weight:600}.invite-day-date{color:#9ca3af;color:var(--text-lighter);display:block;font-size:.65rem;margin-bottom:8px}.invite-day-slots{display:flex;flex-direction:column;gap:4px;max-height:120px;overflow-y:auto}.invite-slot-btn{background:#d1fae5;border:1px solid #10b981;border:1px solid var(--accent);border-radius:4px;color:#10b981;color:var(--accent);cursor:pointer;font-size:.7rem;font-weight:500;padding:8px 4px}.invite-slot-btn.selected,.invite-slot-btn:hover{background:#10b981;background:var(--accent);color:#fff}.invite-no-slots{color:#9ca3af;color:var(--text-lighter);font-size:.65rem;padding:8px 0}.invite-selected-slot{background:#eef2ff;border:2px solid #2563eb;border:2px solid var(--primary);border-radius:8px;border-radius:var(--radius);margin:0 20px 16px;padding:16px;text-align:center}.invite-selected-slot p{font-size:.95rem;margin:0}.invite-selected-slot strong{color:#2563eb;color:var(--primary)}.invite-modal-actions{border-top:1px solid #00000014;border-top:1px solid var(--border);display:flex;gap:12px;padding:16px 20px}.invite-modal-actions .btn-primary,.invite-modal-actions .btn-secondary{flex:1 1;margin-top:0}.roleplay-modal{max-width:360px!important}.roleplay-pulse{animation:pulse 1.5s infinite;font-size:4rem}.roleplay-requester{margin-bottom:16px}.requester-avatar{display:block;font-size:4rem}.requester-name{display:block;font-size:1.15rem;margin-top:8px}.roleplay-timer{color:#ef4444;color:var(--danger);font-weight:500}.reset-modal{max-width:380px!important;text-align:center}.reset-modal .modal-header{padding:24px 20px 16px}.reset-info{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;border-radius:var(--radius);margin:0 20px 16px;padding:16px}.reset-info p{color:#ef4444;color:var(--danger);font-size:.9rem;margin:0}.reset-info strong{font-weight:700}@media (min-width:768px){.hamburger-btn{display:none!important}.desktop-nav{display:flex!important}.mobile-logo{display:none!important}.header-datetime{display:flex}.main-content{padding:2rem 1.5rem}.dashboard{gap:2rem}.dashboard-header{align-items:flex-start;flex-direction:row;justify-content:space-between}.welcome h1{font-size:1.75rem}.live-clock{min-width:200px}.clock-time{font-size:1.5rem}.roleplay-now-section{align-items:center;flex-direction:row;gap:1.5rem}.roleplay-now-btn,.roleplay-now-pending{padding:1.25rem 2rem;width:auto}.dashboard-grid{gap:1.25rem}.dashboard-grid,.users-grid{grid-template-columns:repeat(3,1fr)}.page-header-content{align-items:flex-start;flex-direction:row;justify-content:space-between}.weekly-calendar{gap:.75rem;grid-template-columns:repeat(7,1fr)}.weekly-day{min-height:120px;padding:1rem}.booking-card{align-items:center;flex-direction:row;gap:1.5rem;padding:1.25rem}.booking-user{flex:1 1}.booking-time{min-width:100px;text-align:center}.messages-view{flex-direction:row;gap:1.25rem;height:calc(100vh - 160px);margin:0}.conversations-sidebar{max-height:none;width:280px}.chat-area,.conversations-sidebar{border:1px solid #00000014;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg)}.profile-card{flex-direction:row;gap:2rem;padding:2rem}.profile-avatar-section{flex-shrink:0}.profile-avatar{font-size:5rem}.profile-info{text-align:left}.profile-stats{justify-content:flex-start}.modal.time-modal{max-width:440px!important}.hours-grid{gap:10px}.hour-btn{font-size:.9rem;padding:16px 10px}.avatar-grid{gap:10px}.avatar-option{font-size:2rem;padding:12px}.invite-weekly-calendar{gap:10px;grid-template-columns:repeat(7,1fr)}.invite-day{min-height:120px;padding:10px}.invite-slot-btn{font-size:.75rem;padding:10px 6px}.notification-dropdown{width:340px}}@media (min-width:1024px){.users-grid{grid-template-columns:repeat(4,1fr)}.conversations-sidebar{width:320px}}.modal.feedback-modal{max-width:360px!important;text-align:center}.feedback-header{padding:24px 20px 16px}.feedback-icon{display:block;font-size:3rem;margin-bottom:12px}.feedback-header h2{font-size:1.25rem;font-weight:600;margin-bottom:8px}.feedback-header p{color:#6b7280;color:var(--text-light);font-size:.95rem}.feedback-smileys{display:flex;gap:24px;justify-content:center;padding:20px}.smiley-btn{background:none;border:3px solid #0000;border-radius:50%;cursor:pointer;font-size:3.5rem;padding:12px;transition:all .2s}.smiley-btn:hover{transform:scale(1.15)}.smiley-btn.sad:hover{background:#fef2f2;border-color:#ef4444;border-color:var(--danger)}.smiley-btn.neutral:hover{background:#fffbeb;border-color:#f59e0b}.smiley-btn.happy:hover{background:#f0fdf4;border-color:#10b981;border-color:var(--accent)}.skip-btn{background:none;border:none;border-top:1px solid #00000014;border-top:1px solid var(--border);color:#9ca3af;color:var(--text-lighter);cursor:pointer;display:block;font-size:.9rem;padding:16px;width:100%}.skip-btn:hover{background:#f0f5f4;background:var(--bg);color:#6b7280;color:var(--text-light)}.feedback-selected-rating{font-size:3rem;margin-bottom:16px}.feedback-reflection-input{padding:0 20px 16px}.feedback-reflection-input textarea{border:1px solid #00000014;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);font-family:inherit;font-size:.95rem;padding:12px;resize:none;width:100%}.feedback-reflection-input textarea:focus{border-color:#2563eb;border-color:var(--primary);outline:none}.modal.reflections-modal{max-width:500px!important}.reflections-list{max-height:400px;overflow-y:auto}.empty-reflections{color:#9ca3af;color:var(--text-lighter);padding:40px 20px;text-align:center}.empty-reflections span{display:block;font-size:3rem;margin-bottom:12px}.empty-reflections p{margin:4px 0}.empty-hint{font-size:.85rem}.reflection-item{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-light);padding:16px}.reflection-item:last-child{border-bottom:none}.reflection-header{align-items:center;display:flex;gap:12px;margin-bottom:10px}.reflection-avatar{font-size:1.5rem}.reflection-meta{flex:1 1}.reflection-partner{display:block;font-size:.95rem;font-weight:600}.reflection-date{color:#9ca3af;color:var(--text-lighter);display:block;font-size:.75rem}.reflection-rating{font-size:1.5rem}.reflection-text{background:#f0f5f4;background:var(--bg);border-radius:8px;border-radius:var(--radius);color:#1f2937;color:var(--text);font-size:.9rem;line-height:1.5;padding:12px}.profile-actions-row{display:flex;gap:8px;margin-top:16px}.profile-actions-row .btn-secondary{flex:1 1;margin-top:0}.toast-notification{animation:toastSlideUp .3s ease,toastFadeOut .3s ease 2.7s forwards;background:linear-gradient(135deg,#2563eb,#4f46e5);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 10px 40px #6366f166;color:#fff;max-width:90%;padding:16px 24px;z-index:100000}@keyframes toastFadeOut{0%{opacity:1}to{opacity:0}}.toast-icon{font-size:1.5rem}.toast-message{font-size:.95rem}.timezone-selector{margin-bottom:1.5rem}.timezone-selector>label{display:block;font-size:1rem!important;font-weight:600!important;margin-bottom:12px!important}.world-map-container{background:linear-gradient(180deg,#0a0f1a,#0f1629);border:1px solid #1e293b;border-radius:16px;box-shadow:0 20px 60px #0006;overflow:hidden}.world-map{cursor:pointer;display:block;height:auto;width:100%}.map-region{fill:#1e3a5f;stroke:#3b82f6;stroke-width:1;cursor:pointer;transition:all .3s ease}.map-region:hover{fill:#2563eb;filter:drop-shadow(0 0 10px rgba(59,130,246,.5))}.map-region.selected{fill:#3b82f6;stroke:#60a5fa;stroke-width:2;filter:drop-shadow(0 0 15px rgba(59,130,246,.7))}.continent-label{fill:#ffffffb3;text-anchor:middle;font-size:12px;font-weight:500;pointer-events:none;text-shadow:0 1px 3px #00000080}.star-dot{animation:twinkle 2s ease-in-out infinite}.star-dot:nth-child(2){animation-delay:.5s}.star-dot:nth-child(3){animation-delay:1s}.star-dot:nth-child(4){animation-delay:1.5s}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.map-timezone-panel{background:linear-gradient(180deg,#111827,#0f172a);border-top:1px solid #1e293b;padding:20px}.panel-header{align-items:center;color:#fff;display:flex;font-size:1rem;font-weight:600;gap:8px;margin-bottom:16px}.panel-icon{font-size:1.25rem}.timezone-regions{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.tz-region{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;padding:12px}.tz-region-title{color:#fff9;display:block;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.tz-buttons{display:flex;flex-wrap:wrap;gap:8px}.tz-btn{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;color:#93c5fd;cursor:pointer;font-size:.8rem;font-weight:500;padding:8px 14px;transition:all .2s ease}.tz-btn:hover{background:#3b82f633;transform:translateY(-1px)}.tz-btn.active,.tz-btn:hover{border-color:#3b82f6;color:#fff}.tz-btn.active{background:#3b82f6;box-shadow:0 4px 15px #3b82f666}.timezone-search-box{margin-bottom:16px;position:relative}.timezone-search-box input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;font-size:.95rem;padding:14px 16px;transition:all .2s;width:100%}.timezone-search-box input::placeholder{color:#fff6}.timezone-search-box input:focus{background:#3b82f61a;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}.tz-search-results{background:#1e293b;border:1px solid #334155;border-radius:10px;box-shadow:0 10px 40px #0006;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:100}.tz-search-item{background:none;border:none;border-bottom:1px solid #334155;color:#e2e8f0;cursor:pointer;display:block;font-size:.9rem;padding:12px 16px;text-align:left;transition:background .15s;width:100%}.tz-search-item:last-child{border-bottom:none}.tz-search-item:hover{background:#3b82f633;color:#fff}.selected-tz-display{align-items:center;background:linear-gradient(135deg,#10b98126,#3b82f626);border:1px solid #10b9814d;border-radius:12px;display:flex;gap:12px;padding:16px}.current-tz-icon{font-size:1.5rem}.current-tz-info{display:flex;flex-direction:column}.current-tz-label{color:#ffffff80;font-size:.7rem;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.current-tz-value{color:#10b981;font-size:.95rem;font-weight:600}.availability-calendar-view{margin:0 auto;max-width:900px}.availability-calendar-view .card,.availability-calendar-view .page-header{margin-bottom:20px}.calendar-view{gap:20px}.calendar-header,.calendar-view{display:flex;flex-direction:column}.calendar-header{background:#fff;background:var(--white);border:1px solid #00000014;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);gap:16px;padding:20px}.calendar-title{align-items:center;display:flex;gap:16px}.calendar-title h1{flex:1 1;font-size:1.25rem;font-weight:600;text-align:center}.calendar-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.view-toggle{background:#f0f5f4;background:var(--bg);border-radius:8px;border-radius:var(--radius);display:flex;padding:4px}.view-btn{background:none;border:none;border-radius:6px;color:#6b7280;color:var(--text-light);cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .15s}.view-btn.active{box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow);color:#1f2937;color:var(--text)}.view-btn.active,.week-calendar{background:#fff;background:var(--white)}.week-calendar{border:1px solid #00000014;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);overflow:hidden}.week-header{background:#f0f5f4;background:var(--bg);border-bottom:1px solid #00000014;border-bottom:1px solid var(--border);display:grid;grid-template-columns:60px repeat(7,1fr)}.week-timezone{color:#9ca3af;color:var(--text-lighter);font-size:.7rem}.week-day-header,.week-timezone{border-right:1px solid #00000014;border-right:1px solid var(--border);padding:12px 8px;text-align:center}.week-day-header:last-child{border-right:none}.week-day-header.today{background:#6366f11a}.week-day-header .day-name{color:#6b7280;color:var(--text-light);display:block;font-size:.75rem;text-transform:uppercase}.week-day-header .day-number{display:block;font-size:1.5rem;font-weight:600;margin-top:4px}.week-day-header.today .day-number{color:#2563eb;color:var(--primary)}.week-body{display:flex;max-height:60vh;min-height:400px;overflow-y:auto}.time-column{border-right:1px solid #00000014;border-right:1px solid var(--border);flex-shrink:0;width:60px}.time-slot-label{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-light);color:#9ca3af;color:var(--text-lighter);font-size:.7rem;height:60px;padding:4px 8px;text-align:right}.days-grid{display:grid;flex:1 1;grid-template-columns:repeat(7,1fr)}.day-column{border-right:1px solid #f3f4f6;border-right:1px solid var(--border-light)}.day-column:last-child{border-right:none}.day-column.today{background:#6366f108}.hour-cell{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-light);height:60px;padding:2px;position:relative}.calendar-event{border-radius:6px;display:flex;flex-direction:column;font-size:.7rem;gap:2px;height:100%;overflow:hidden;padding:6px 8px}.calendar-event:hover{opacity:.9;transform:scale(1.02)}.event-title{color:#1f2937;color:var(--text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-time{color:#6b7280;color:var(--text-light);font-size:.65rem}.event-avatars{display:flex;gap:2px;margin-top:auto}.event-avatars span{font-size:.8rem}.daily-calendar{background:#fff;background:var(--white);border:1px solid #00000014;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);overflow:hidden}.daily-header{background:linear-gradient(135deg,#2563eb,#4f46e5);background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;padding:24px;text-align:center}.daily-date-big{display:block;font-size:4rem;font-weight:700;line-height:1}.daily-day-name{display:block;font-size:1.25rem;margin-top:8px;opacity:.9}.daily-schedule{max-height:50vh;overflow-y:auto}.daily-hour-row{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-light);display:flex;min-height:60px}.daily-hour-label{border-right:1px solid #f3f4f6;border-right:1px solid var(--border-light);color:#9ca3af;color:var(--text-lighter);flex-shrink:0;font-size:.8rem;padding:12px;width:80px}.daily-hour-content{flex:1 1;padding:8px}.daily-event{align-items:center;background:linear-gradient(135deg,#dbeafe,#e0e7ff);border-radius:8px;border-radius:var(--radius);cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px}.daily-event-info{display:flex;flex-direction:column;gap:2px}.daily-event-title{font-size:.9rem;font-weight:600}.daily-event-time{color:#6b7280;color:var(--text-light);font-size:.75rem}.btn-join-small{background:#2563eb;background:var(--primary);border-radius:6px;color:#fff;font-size:.75rem;font-weight:600;padding:6px 12px;text-decoration:none}.monthly-calendar{background:#fff;background:var(--white);border:1px solid #00000014;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);overflow:hidden}.month-grid-header{background:#f0f5f4;background:var(--bg);border-bottom:1px solid #00000014;border-bottom:1px solid var(--border);display:grid;grid-template-columns:repeat(7,1fr)}.month-day-header{color:#6b7280;color:var(--text-light);font-size:.8rem;font-weight:600;padding:12px;text-align:center}.month-grid{display:grid;grid-template-columns:repeat(7,1fr)}.month-cell{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-light);border-right:1px solid #f3f4f6;border-right:1px solid var(--border-light);cursor:pointer;min-height:80px;padding:8px;transition:background .15s}.month-cell:nth-child(7n){border-right:none}.month-cell:hover{background:#f0f5f4;background:var(--bg)}.month-cell.today{background:#6366f11a}.month-cell.empty{background:#f0f5f4;background:var(--bg);cursor:default}.month-day-number{display:block;font-size:.9rem;font-weight:600;margin-bottom:4px}.month-cell.today .month-day-number{color:#2563eb;color:var(--primary)}.month-event-dot{display:inline-block;font-size:.7rem}.month-more-events{color:#9ca3af;color:var(--text-lighter);font-size:.65rem}.calendar-sidebar{background:#fff;background:var(--white);border:1px solid #00000014;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);padding:20px}.calendar-sidebar h3{font-size:1rem;margin-bottom:16px}.upcoming-list{display:flex;flex-direction:column;gap:12px}.no-upcoming{color:#9ca3af;color:var(--text-lighter);font-size:.9rem;padding:20px;text-align:center}.upcoming-card{background:#fff;background:var(--white);border:1px solid #00000014;border:1px solid var(--border);border-radius:12px;cursor:pointer;padding:14px;transition:all .2s ease}.upcoming-card:hover{border-color:#2563eb;border-color:var(--primary);box-shadow:0 4px 12px #2563eb1a;transform:translateY(-2px)}.upcoming-card-header{align-items:center;display:flex;gap:12px;margin-bottom:10px}.upcoming-avatar{align-items:center;background:linear-gradient(135deg,#2563eb14,#2563eb26);background:linear-gradient(135deg,var(--primary-soft),#2563eb26);border-radius:10px;display:flex;font-size:1.4rem;height:44px;justify-content:center;width:44px}.upcoming-avatar svg{color:#2563eb;color:var(--primary)}.upcoming-info{flex:1 1;min-width:0}.upcoming-name{color:#0f172a;color:var(--gray-900);display:block;font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upcoming-date{color:#6b7280;color:var(--text-light);display:block;font-size:.8rem;margin-top:2px}.upcoming-card-time{align-items:center;background:#f0f5f4;background:var(--bg);border-radius:8px;display:flex;font-size:.85rem;font-weight:600;gap:6px;margin-bottom:12px;padding:8px 12px}.upcoming-card-time,.upcoming-card-time svg{color:#2563eb;color:var(--primary)}.upcoming-card-actions{display:flex;gap:8px}.upcoming-action-btn{align-items:center;background:#f0f5f4;background:var(--bg);border:1px solid #00000014;border:1px solid var(--border);border-radius:8px;color:#6b7280;color:var(--text-light);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s;width:36px}.upcoming-action-btn:hover{background:#2563eb14;background:var(--primary-soft);border-color:#2563eb;border-color:var(--primary);color:#2563eb;color:var(--primary)}.upcoming-join-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--accent),#059669);border-radius:8px;color:#fff;display:flex;flex:1 1;font-size:.85rem;font-weight:600;gap:6px;justify-content:center;padding:8px 16px;text-decoration:none;transition:all .15s}.upcoming-join-btn:hover{box-shadow:0 4px 12px #10b9814d}.upcoming-join-btn svg{height:14px;width:14px}.upcoming-item{align-items:center;background:#f0f5f4;background:var(--bg);border-radius:8px;border-radius:var(--radius);cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .15s}.upcoming-item:hover{background:#e5e7eb}.upcoming-time{color:#6b7280;color:var(--text-light);display:block;font-size:.75rem}.upcoming-join{background:#10b981;background:var(--accent);border-radius:6px;color:#fff;font-size:.75rem;font-weight:600;padding:6px 12px;text-decoration:none}.btn-check-calendar{background:#f0f5f4;background:var(--bg);border:1px solid #00000014;border:1px solid var(--border);border-radius:6px;color:#1f2937;color:var(--text);cursor:pointer;font-size:.8rem;padding:8px 12px;transition:all .15s}.btn-check-calendar:hover{background:#00000014;background:var(--border)}.invite-status.expired{background:#9ca3af33;color:#9ca3af;color:var(--text-lighter)}@media (min-width:768px){.app-container{display:grid;grid-template-columns:240px 1fr;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:64px 1fr;grid-template-rows:var(--header-height) 1fr}.sidebar{display:flex;grid-row:1/-1}.header{grid-column:2}.hamburger-btn,.mobile-logo{display:none}.dnd-label,.header-search,.user-name{display:block}.main-content{grid-column:2;margin:0 auto;max-width:1400px;padding:24px 32px;width:100%}.calendar-view{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 280px}.calendar-header{align-items:center;flex-direction:row;grid-column:1/-1;justify-content:space-between}.calendar-title h1{font-size:1.5rem;text-align:left}.daily-calendar,.monthly-calendar,.week-calendar{grid-column:1}.calendar-sidebar{align-self:start;grid-column:2;grid-row:2;position:-webkit-sticky;position:sticky;top:88px;top:calc(var(--header-height) + 24px)}.tracker-content{align-items:center;flex-direction:row;justify-content:space-between}.tracker-text{flex:1 1}.tracker-bar-section{flex-shrink:0;width:300px}}@media (min-width:1024px){.week-body{max-height:70vh}}.country-timezone-picker{background:#fff;background:var(--white);border:1px solid #00000014;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);overflow:hidden}.country-search{background:#f0f5f4;background:var(--bg);border-bottom:1px solid #00000014;border-bottom:1px solid var(--border);padding:16px}.country-search input{background:#fff;background:var(--white);border:1px solid #00000014;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);font-size:.95rem;padding:12px 16px;width:100%}.country-search input:focus{border-color:#2563eb;border-color:var(--primary);outline:none}.country-list{max-height:300px;overflow-y:auto}.country-item{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-light)}.country-item:last-child{border-bottom:none}.country-btn{align-items:center;background:none;border:none;color:#1f2937;color:var(--text);cursor:pointer;display:flex;font-size:.95rem;gap:12px;padding:14px 16px;text-align:left;transition:background .15s;width:100%}.country-btn:hover{background:#f0f5f4;background:var(--bg)}.country-btn.active{background:linear-gradient(135deg,#6366f11a,#6366f10d)}.country-flag{font-size:1.5rem}.country-name{font-weight:500}.country-with-regions{padding:12px 16px}.country-header{align-items:center;display:flex;gap:12px;margin-bottom:10px}.country-header .country-flag{font-size:1.25rem}.country-header .country-name{color:#6b7280;color:var(--text-light);font-size:.9rem;font-weight:600}.country-regions{display:flex;flex-wrap:wrap;gap:8px;padding-left:36px}.region-btn{background:#f0f5f4;background:var(--bg);border:1px solid #00000014;border:1px solid var(--border);border-radius:6px;color:#1f2937;color:var(--text);cursor:pointer;font-size:.8rem;padding:8px 14px;transition:all .15s}.region-btn:hover{background:#6366f10d}.region-btn.active,.region-btn:hover{border-color:#2563eb;border-color:var(--primary)}.region-btn.active{background:#2563eb;background:var(--primary);color:#fff}.selected-country-display{background:linear-gradient(135deg,#10b9811a,#10b9810d);border-top:1px solid #00000014;border-top:1px solid var(--border);padding:16px}.selected-country-info{display:flex;flex-direction:column;gap:4px}.selected-label{color:#9ca3af;color:var(--text-lighter);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.selected-value{color:#10b981;color:var(--accent);font-size:.95rem;font-weight:600}.modal.event-popup{max-width:400px!important;overflow:hidden;padding:0!important}.event-popup-header{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-light);display:flex;justify-content:flex-end;padding:12px 16px}.event-popup-actions{display:flex;gap:8px}.event-action-btn{background:none;border:none;border-radius:8px;border-radius:var(--radius);color:#6b7280;color:var(--text-light);cursor:pointer;font-size:1rem;height:36px;transition:all .15s;width:36px}.event-action-btn:hover{background:#f0f5f4;background:var(--bg);color:#1f2937;color:var(--text)}.event-popup-content{padding:20px 24px 24px}.event-popup-title-row{align-items:center;display:flex;gap:12px;margin-bottom:8px}.event-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.event-popup-title-row h2{color:#1f2937;color:var(--text);font-size:1.25rem;font-weight:600}.event-popup-datetime{color:#6b7280;color:var(--text-light);font-size:.95rem;margin-bottom:20px;padding-left:24px}.event-popup-details{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.event-detail-row{align-items:flex-start;display:flex;gap:12px}.event-detail-icon{flex-shrink:0;font-size:1.1rem;text-align:center;width:24px}.event-detail-content{flex:1 1;min-width:0}.event-detail-label{color:#9ca3af;color:var(--text-lighter);display:block;font-size:.8rem}.event-detail-value{color:#1f2937;color:var(--text);display:block;font-size:.9rem}.event-zoom-link{color:#2563eb;color:var(--primary);font-size:.85rem;text-decoration:none;word-break:break-all}.event-zoom-link:hover{text-decoration:underline}.event-popup-tags{display:flex;gap:8px;margin-bottom:20px}.event-tag{border-radius:16px;font-size:.8rem;font-weight:500;padding:6px 14px}.event-tag.setting{background:#fef3c7;color:#92400e}.event-tag.closing{background:#dbeafe;color:#1e40af}.event-popup-footer{gap:10px}.event-popup-footer .btn-primary,.event-popup-footer .btn-secondary{flex:1 1;font-size:.9rem;padding:12px}.event-join-btn{text-align:center;text-decoration:none}.btn-cancel-invite{background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#ef4444;color:var(--danger);cursor:pointer;font-size:.8rem;padding:8px 12px;transition:all .15s}.btn-cancel-invite:hover{background:#ef444433}.invite-status.cancelled{background:#9ca3af33;color:#9ca3af;color:var(--text-lighter)}.pending-status{background:#7b61ff1a;border-radius:6px;color:#7b61ff;font-size:.8rem;margin-bottom:8px;padding:6px 12px}.calendar-event.pending-invite{border:2px dashed #f59e0b;position:relative}.calendar-event.pending-invite.sent{border-color:#f59e0b}.calendar-event.pending-invite.received{animation:invitePulse 2s ease-in-out infinite;border-color:#ef4444}@keyframes invitePulse{0%,to{opacity:1}50%{opacity:.7}}.event-subtitle{color:#6b7280;color:var(--text-light);display:block;font-size:.6rem;margin-top:2px}.invite-actions-mini{display:flex;gap:4px;margin-top:4px}.btn-accept-mini,.btn-decline-mini{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.7rem;height:20px;justify-content:center;transition:transform .15s;width:20px}.btn-accept-mini{background:#10b981;background:var(--accent);color:#fff}.btn-decline-mini{background:#ef4444;background:var(--danger);color:#fff}.btn-accept-mini:hover,.btn-decline-mini:hover{transform:scale(1.1)}.header .notification-dropdown{margin-top:8px;position:absolute;right:0;top:100%}.dark-mode-toggle{display:flex;gap:8px}.mode-btn{background:#f0f5f4;background:var(--bg);border:2px solid #00000014;border:2px solid var(--border);border-radius:8px;border-radius:var(--radius);cursor:pointer;flex:1 1;font-size:.9rem;padding:12px 16px;transition:all .2s}.mode-btn.active,.mode-btn:hover{border-color:#2563eb;border-color:var(--primary)}.mode-btn.active{background:#2563eb;background:var(--primary);color:#fff}body.dark-mode{--primary:#818cf8;--primary-dark:#6366f1;--primary-light:#a5b4fc;--accent:#34d399;--accent-dark:#10b981;--danger:#f87171;--warning:#fbbf24;--text:#f1f5f9;--text-light:#cbd5e1;--text-lighter:#94a3b8;--bg:#0f172a;--bg-light:#1e293b;--white:#1e293b;--border:#334155;--border-light:#475569;--shadow:0 4px 6px -1px #0000004d;--shadow-lg:0 10px 25px -5px #0006}body.dark-mode .app-container{background:#f0f5f4;background:var(--bg)}body.dark-mode .card,body.dark-mode .header,body.dark-mode .sidebar{background:#f8fafa;background:var(--bg-light);border-color:#00000014;border-color:var(--border)}body.dark-mode .modal{background:#f8fafa;background:var(--bg-light)}body.dark-mode .modal-overlay{background:#000000b3}body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background:#f0f5f4;background:var(--bg);border-color:#00000014;border-color:var(--border);color:#1f2937;color:var(--text)}body.dark-mode input::placeholder,body.dark-mode textarea::placeholder{color:#9ca3af;color:var(--text-lighter)}body.dark-mode .btn-secondary{background:#f0f5f4;background:var(--bg);border-color:#00000014;border-color:var(--border);color:#1f2937;color:var(--text)}body.dark-mode .btn-secondary:hover{background:#f8fafa;background:var(--bg-light);border-color:#2563eb;border-color:var(--primary)}body.dark-mode .dropdown-menu{background:#f8fafa;background:var(--bg-light);border-color:#00000014;border-color:var(--border)}body.dark-mode .dropdown-item:hover{background:#f0f5f4;background:var(--bg)}body.dark-mode .notification-dropdown{background:#f8fafa;background:var(--bg-light);border-color:#00000014;border-color:var(--border)}body.dark-mode .conversation-item.active,body.dark-mode .conversation-item:hover,body.dark-mode .notification-item:hover{background:#f0f5f4;background:var(--bg)}body.dark-mode .message.sent .message-bubble{background:linear-gradient(135deg,#2563eb,#4f46e5);background:linear-gradient(135deg,var(--primary),var(--primary-dark))}body.dark-mode .message.received .message-bubble{background:#f0f5f4;background:var(--bg);border-color:#00000014;border-color:var(--border)}body.dark-mode .chat-input-container{background:#f8fafa;background:var(--bg-light);border-color:#00000014;border-color:var(--border)}body.dark-mode .auth-container{background:#f0f5f4;background:var(--bg)}body.dark-mode .auth-box{background:#f8fafa;background:var(--bg-light);border-color:#00000014;border-color:var(--border)}body.dark-mode .nav-item.active,body.dark-mode .nav-item:hover{background:#818cf826}body.dark-mode .weekly-day:hover{background:#f0f5f4;background:var(--bg)}body.dark-mode .weekly-day.has-slots{background:#34d3991a;border-color:#10b981;border-color:var(--accent)}body.dark-mode .hour-slot:hover{background:#818cf826}body.dark-mode .hour-slot.selected{background:#2563eb;background:var(--primary)}body.dark-mode .time-slot-label{color:#9ca3af;color:var(--text-lighter)}body.dark-mode .week-day-header{background:#f0f5f4;background:var(--bg);border-color:#00000014;border-color:var(--border)}body.dark-mode .week-day-header.today{background:#818cf833}body.dark-mode .day-column.today{background:#818cf80d}body.dark-mode .hour-cell{border-color:#00000014;border-color:var(--border)}body.dark-mode .calendar-event{color:#f0f5f4;color:var(--bg)}body.dark-mode .user-card{background:#f8fafa;background:var(--bg-light);border-color:#00000014;border-color:var(--border)}body.dark-mode .user-card:hover{border-color:#2563eb;border-color:var(--primary)}body.dark-mode .country-timezone-picker,body.dark-mode .reflections-book-content{background:#f8fafa;background:var(--bg-light)}body.dark-mode .country-timezone-picker{border-color:#00000014;border-color:var(--border)}body.dark-mode .country-btn:hover,body.dark-mode .country-search{background:#f0f5f4;background:var(--bg)}body.dark-mode .country-btn.active{background:#818cf833}body.dark-mode .region-btn{background:#f0f5f4;background:var(--bg);border-color:#00000014;border-color:var(--border)}body.dark-mode .selected-country-display{background:#34d3991a}body.dark-mode .calendar-sidebar{background:#f8fafa;background:var(--bg-light);border-color:#00000014;border-color:var(--border)}body.dark-mode .sidebar-call-item{background:#f0f5f4;background:var(--bg);border-color:#00000014;border-color:var(--border)}body.dark-mode .event-popup{background:#f8fafa;background:var(--bg-light)}body.dark-mode .event-popup-header{border-color:#00000014;border-color:var(--border)}body.dark-mode .event-action-btn:hover{background:#f0f5f4;background:var(--bg)}body.dark-mode .toast-notification{background:#f8fafa;background:var(--bg-light);border-color:#00000014;border-color:var(--border);color:#1f2937;color:var(--text)}body.dark-mode .header-profile-btn{background:#f0f5f4;background:var(--bg);border-color:#00000014;border-color:var(--border)}body.dark-mode .header-profile-btn:hover{border-color:#2563eb;border-color:var(--primary)}body.dark-mode .community-badge{background:#818cf826;border-color:#818cf84d}.landing-page.dark-mode{background:linear-gradient(135deg,#0f172a,#1e1b4b 50%,#3b0764)}.landing-page.dark-mode .landing-header{background:#0f172ae6;border-color:#ffffff1a}.landing-page.dark-mode .hero-content h1,.landing-page.dark-mode .hero-content p,.landing-page.dark-mode .landing-nav a{color:#e2e8f0}.landing-page.dark-mode .hero-content p{color:#94a3b8}.landing-page.dark-mode .stat-label{color:#64748b}.landing-page.dark-mode .hero-mockup{background:#1e293b}.landing-page.dark-mode .mockup-header{background:#0f172a}.landing-page.dark-mode .mockup-item{background:#334155}.landing-page.dark-mode .mockup-widget{background:linear-gradient(135deg,#1e3a5f,#4c1d95)}.landing-page.dark-mode .mockup-card{background:#334155}.landing-page.dark-mode .landing-features{background:#0f172a}.landing-page.dark-mode .landing-features h2{color:#e2e8f0}.landing-page.dark-mode .feature-card{background:#1e293b}.landing-page.dark-mode .feature-card h3{color:#e2e8f0}.landing-page.dark-mode .feature-card p{color:#94a3b8}.landing-page.dark-mode .landing-pricing{background:linear-gradient(135deg,#0f172a,#1e1b4b)}.landing-page.dark-mode .landing-pricing h2{color:#e2e8f0}.landing-page.dark-mode .pricing-card{background:#1e293b}.landing-page.dark-mode .price{color:#e2e8f0}.landing-page.dark-mode .pricing-features li{color:#94a3b8}.landing-page.dark-mode .btn-pricing{background:#0f172a;border-color:#334155;color:#e2e8f0}.landing-page.dark-mode .landing-form-card{background:#1e293b}.landing-page.dark-mode .form-header h2{color:#e2e8f0}.landing-page.dark-mode .code-display{background:linear-gradient(135deg,#1e3a5f,#312e81)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.animate-fade-in-delay{animation:fadeIn .6s ease-out .2s forwards;opacity:0}.animate-fade-in-delay-2{animation:fadeIn .6s ease-out .4s forwards;opacity:0}.animate-fade-in-delay-3{animation:fadeIn .6s ease-out .6s forwards;opacity:0}.animate-float{animation:float 3s ease-in-out infinite}.animate-card{transition:transform .3s ease,box-shadow .3s ease}.animate-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.landing-nav .nav-link{background:none;border:none;color:#1f2937;color:var(--text);cursor:pointer;font-size:1rem;font-weight:500;transition:color .2s}.landing-nav .nav-link:hover{color:#2563eb;color:var(--primary)}.landing-cta{background:linear-gradient(135deg,#2563eb,#8b5cf6);background:linear-gradient(135deg,var(--primary),#8b5cf6);color:#fff;padding:6rem 2rem;text-align:center}.landing-cta h2{font-size:2.5rem;margin-bottom:1rem}.landing-cta p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.landing-cta .btn-hero-primary{background:#fff;color:#2563eb;color:var(--primary)}.landing-cta .btn-hero-primary:hover{box-shadow:0 8px 25px #0000004d}.footer-links button{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:inherit;padding:0;text-align:left;transition:color .2s}.footer-links button:hover{color:#fff}.pricing-page{margin:0 auto;max-width:1000px;padding:2rem}.pricing-hero{padding:3rem 0;text-align:center}.pricing-hero h1{font-size:3rem;font-weight:800;margin-bottom:1rem}.pricing-hero p{color:#6b7280;color:var(--text-light);font-size:1.2rem}.pricing-cards-large{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin-bottom:4rem}.pricing-card-large{background:#fff;border:2px solid #00000014;border:2px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);padding:2.5rem;position:relative}.pricing-card-large.enterprise{background:linear-gradient(135deg,#6366f105,#8b5cf60d);border-color:#2563eb;border-color:var(--primary)}.enterprise-badge{background:linear-gradient(135deg,#2563eb,#8b5cf6);background:linear-gradient(135deg,var(--primary),#8b5cf6);border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 16px;position:absolute;right:20px;top:-12px}.pricing-card-header{margin-bottom:2rem;text-align:center}.pricing-icon{font-size:3rem;margin-bottom:1rem}.pricing-card-header h3{font-size:1.5rem;margin-bottom:1rem}.pricing-price-large{align-items:baseline;display:flex;gap:2px;justify-content:center}.currency{color:#6b7280;color:var(--text-light);font-size:1.5rem}.amount{color:#1f2937;color:var(--text);font-size:4rem;font-weight:800}.pricing-price-large .period{color:#9ca3af;color:var(--text-lighter);font-size:1rem}.custom-price{color:#2563eb;color:var(--primary);font-size:2rem;font-weight:700}.pricing-features-large{list-style:none;margin-bottom:2rem}.pricing-features-large li{align-items:center;color:#1f2937;color:var(--text);display:flex;font-size:1rem;gap:.75rem;padding:.75rem 0}.pricing-features-large .check{color:#10b981;color:var(--accent);font-weight:700}.btn-pricing-large{background:linear-gradient(135deg,#2563eb,#4f46e5);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:8px;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem;transition:all .3s;width:100%}.btn-pricing-large:hover{box-shadow:0 8px 20px #6366f166;transform:translateY(-2px)}.btn-pricing-large.enterprise-btn{background:#fff;border:2px solid #2563eb;border:2px solid var(--primary);color:#2563eb;color:var(--primary)}.btn-pricing-large.enterprise-btn:hover{background:#2563eb;background:var(--primary);color:#fff}.pricing-faq{margin-top:4rem}.pricing-faq h3{font-size:1.5rem;margin-bottom:2rem;text-align:center}.faq-item{background:#fff;border:1px solid #00000014;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);margin-bottom:1rem}.faq-item h4{font-size:1.1rem}.checkout-page{margin:0 auto;max-width:900px;padding:2rem}.checkout-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1.5fr;margin-top:2rem}.checkout-summary{background:linear-gradient(135deg,#f8fafc,#e0e7ff);border-radius:16px;border-radius:var(--radius-lg);height:-webkit-fit-content;height:fit-content;padding:2rem}.checkout-summary h2{font-size:1.25rem;margin-bottom:1.5rem}.checkout-item{display:flex;justify-content:space-between;padding:1rem 0}.checkout-divider{background:#00000014;background:var(--border);height:1px;margin:1rem 0}.checkout-total{display:flex;font-size:1.25rem;font-weight:700;justify-content:space-between}.checkout-form{background:#fff;border:1px solid #00000014;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);padding:2rem}.checkout-form h2{font-size:1.25rem;margin-bottom:.5rem}.checkout-secure{color:#10b981;color:var(--accent);font-size:.9rem;margin-bottom:1.5rem}.stripe-form{display:flex;flex-direction:column;gap:1rem}.stripe-input{border:2px solid #00000014;border:2px solid var(--border);border-radius:8px;border-radius:var(--radius);font-family:SF Mono,monospace;font-size:1rem;padding:14px}.stripe-input:focus{border-color:#2563eb;border-color:var(--primary);outline:none}.btn-checkout{background:linear-gradient(135deg,#6772e5,#4f46e5);border:none;border-radius:8px;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1rem;padding:1rem;transition:all .3s}.btn-checkout:hover{box-shadow:0 8px 20px #6772e566;transform:translateY(-2px)}.checkout-note{color:#9ca3af;color:var(--text-lighter);font-size:.85rem;margin-top:1rem;text-align:center}.payment-badge{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--accent),#059669);border-radius:20px;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;margin-top:.5rem;padding:4px 12px}.contact-sales-modal{max-width:500px;padding:2rem}.contact-sales-modal .modal-header{margin-bottom:1.5rem;text-align:center}.contact-sales-modal h2{font-size:1.5rem;margin-bottom:.5rem}.contact-sales-modal p{color:#6b7280;color:var(--text-light)}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.contact-sales-modal textarea{min-height:100px;resize:vertical}.modal-close{background:none;border:none;color:#9ca3af;color:var(--text-lighter);cursor:pointer;font-size:1.5rem;position:absolute;right:16px;top:16px;transition:color .2s}.modal-close:hover{color:#1f2937;color:var(--text)}.admin-dashboard{margin:0 auto;max-width:1200px}.admin-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.admin-title h1{font-size:2rem;margin-bottom:.25rem}.admin-title p{color:#6b7280;color:var(--text-light);font-size:1rem}.admin-code-display{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid #6366f133;border-radius:8px;border-radius:var(--radius);display:flex;gap:.5rem;padding:.75rem 1rem}.admin-code-display .code-label{color:#6b7280;color:var(--text-light);font-size:.85rem}.code-value-small{color:#2563eb;color:var(--primary);font-family:SF Mono,monospace;font-weight:600;letter-spacing:1px}.btn-copy-small{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:4px;transition:background .2s}.btn-copy-small:hover{background:#6366f11a}.admin-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem}.admin-stat-card{align-items:center;background:#fff;border:1px solid #00000014;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);display:flex;gap:1rem;padding:1.5rem}.admin-stat-card .stat-icon{font-size:2rem}.admin-stat-card .stat-info{display:flex;flex-direction:column}.admin-stat-card .stat-value{color:#1f2937;color:var(--text);font-size:1.75rem;font-weight:700}.admin-stat-card .stat-label{color:#9ca3af;color:var(--text-lighter);font-size:.85rem}.admin-tabs{background:#f0f5f4;background:var(--bg);border-radius:8px;border-radius:var(--radius);display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.5rem}.admin-tab{background:#0000;border:none;border-radius:8px;border-radius:var(--radius);color:#6b7280;color:var(--text-light);cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.admin-tab:hover{background:#fff}.admin-tab.active{background:#fff;box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow);color:#2563eb;color:var(--primary)}.admin-overview{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:2fr 1fr}.overview-section{background:#fff;border:1px solid #00000014;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);padding:1.5rem}.overview-section h3{color:#1f2937;color:var(--text);font-size:1.1rem;margin-bottom:1rem}.activity-list{display:flex;flex-direction:column;gap:.75rem}.activity-item{align-items:center;background:#f0f5f4;background:var(--bg);border-radius:8px;border-radius:var(--radius);display:flex;gap:.75rem;padding:.75rem}.activity-icon{font-size:1.25rem}.activity-info{display:flex;flex-direction:column}.activity-text{font-size:.95rem;font-weight:500}.activity-time{font-size:.8rem}.activity-time,.no-activity{color:#9ca3af;color:var(--text-lighter)}.no-activity{padding:2rem;text-align:center}.quick-actions{display:flex;flex-direction:column;gap:.75rem}.quick-action-btn{background:#f0f5f4;background:var(--bg);border:1px solid #00000014;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);cursor:pointer;font-size:.95rem;padding:.75rem 1rem;text-align:left;transition:all .2s}.quick-action-btn:hover{background:#fff;border-color:#2563eb;border-color:var(--primary);color:#2563eb;color:var(--primary)}.admin-members{background:#fff;border:1px solid #00000014;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);padding:1.5rem}.members-header{margin-bottom:1rem}.members-header h3{font-size:1.1rem}.members-table-header{background:#f0f5f4;background:var(--bg);border-radius:8px;border-radius:var(--radius);color:#6b7280;color:var(--text-light);font-size:.85rem;font-weight:600;margin-bottom:.5rem;padding:.75rem 1rem}.member-row,.members-table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr}.member-row{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-light);padding:1rem}.member-row:last-child{border-bottom:none}.member-info{align-items:center;display:flex;gap:.75rem}.member-avatar{font-size:1.5rem}.member-details{display:flex;flex-direction:column}.member-name{align-items:center;display:flex;font-weight:500;gap:.5rem}.admin-badge{background:#2563eb;background:var(--primary);border-radius:4px;color:#fff;font-size:.65rem;font-weight:600;padding:2px 6px}.online-dot{color:#10b981;color:var(--accent);font-size:.75rem}.member-email{color:#9ca3af;color:var(--text-lighter);font-size:.8rem}.member-sessions{color:#1f2937;color:var(--text);font-weight:600}.member-last-active{color:#6b7280;color:var(--text-light);font-size:.9rem}.member-actions{display:flex;gap:.5rem}.action-btn{background:#fff;border:1px solid #00000014;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);cursor:pointer;font-size:1rem;height:36px;transition:all .2s;width:36px}.action-btn.chat:hover{background:#6366f11a;border-color:#2563eb;border-color:var(--primary)}.action-btn.kick:hover{background:#ef44441a;border-color:#ef4444;border-color:var(--danger)}.admin-analytics{background:#fff;border:1px solid #00000014;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);padding:1.5rem}.admin-analytics h3{margin-bottom:1.5rem}.analytics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.analytics-card{background:#f0f5f4;background:var(--bg);border-radius:8px;border-radius:var(--radius);padding:1.5rem;text-align:center}.analytics-card h4{color:#6b7280;color:var(--text-light);font-size:.85rem;font-weight:500;margin-bottom:.5rem}.analytics-value{color:#2563eb;color:var(--primary);font-size:1.75rem;font-weight:700}@media (max-width:1024px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.admin-overview{grid-template-columns:1fr}.analytics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.admin-header{flex-direction:column}.admin-stats-grid{grid-template-columns:1fr}.member-row,.members-table-header{gap:.5rem;grid-template-columns:1fr}.members-table-header span:not(:first-child){display:none}.checkout-container,.pricing-cards-large{grid-template-columns:1fr}}body.dark-mode .admin-analytics,body.dark-mode .admin-members,body.dark-mode .admin-stat-card,body.dark-mode .overview-section{background:#f8fafa;background:var(--bg-light);border-color:#00000014;border-color:var(--border)}body.dark-mode .admin-tabs{background:#f0f5f4;background:var(--bg)}body.dark-mode .admin-tab.active{background:#f8fafa;background:var(--bg-light)}body.dark-mode .activity-item,body.dark-mode .analytics-card,body.dark-mode .quick-action-btn{background:#f0f5f4;background:var(--bg)}body.dark-mode .action-btn,body.dark-mode .member-row,body.dark-mode .quick-action-btn{border-color:#00000014;border-color:var(--border)}body.dark-mode .action-btn{background:#f0f5f4;background:var(--bg)}body.dark-mode .checkout-form,body.dark-mode .checkout-summary,body.dark-mode .faq-item,body.dark-mode .pricing-card-large{background:#f8fafa;background:var(--bg-light);border-color:#00000014;border-color:var(--border)}body.dark-mode .stripe-input{background:#f0f5f4;background:var(--bg);border-color:#00000014;border-color:var(--border);color:#1f2937;color:var(--text)}body.dark-mode .contact-sales-modal{background:#f8fafa;background:var(--bg-light)}.questions-view{margin:0 auto;max-width:800px}.questions-container{margin-top:1.5rem}.empty-questions{background:#fff;border:1px solid #00000014;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);padding:4rem 2rem;text-align:center}.empty-questions .empty-icon{display:block;font-size:4rem;margin-bottom:1rem}.empty-questions h3{font-size:1.25rem;margin-bottom:.5rem}.empty-questions p{color:#6b7280;color:var(--text-light)}.questions-list{display:flex;flex-direction:column;gap:1rem}.question-card{background:#fff;border:1px solid #00000014;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);padding:1.5rem;transition:all .2s}.question-card.unread{background:linear-gradient(90deg,#6366f10d,#0000);border-left:4px solid #2563eb;border-left:4px solid var(--primary)}.question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.question-badge{background:linear-gradient(135deg,#e0e7ff,#fce7f3);border-radius:20px;color:#2563eb;color:var(--primary);font-size:.75rem;font-weight:600;padding:4px 12px}.question-date{color:#9ca3af;color:var(--text-lighter);font-size:.8rem}.question-text{color:#1f2937;color:var(--text);font-size:1rem;line-height:1.6}.mark-read-btn{background:#f0f5f4;background:var(--bg);border:1px solid #00000014;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);cursor:pointer;font-size:.85rem;margin-top:1rem;padding:.5rem 1rem;transition:all .2s}.mark-read-btn:hover{background:#10b981;background:var(--accent);border-color:#10b981;border-color:var(--accent);color:#fff}.admin-profile-badge{background:linear-gradient(135deg,#2563eb,#8b5cf6);background:linear-gradient(135deg,var(--primary),#8b5cf6);border-radius:20px;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;margin-left:1rem;padding:6px 16px}.anonymous-note{background:#f0f5f4;background:var(--bg);border-radius:8px;border-radius:var(--radius);color:#9ca3af;color:var(--text-lighter);font-size:.85rem;margin:1rem 0;padding:.75rem;text-align:center}body.dark-mode .question-card,body.dark-mode .questions-view .empty-questions{background:#f8fafa;background:var(--bg-light);border-color:#00000014;border-color:var(--border)}body.dark-mode .question-card.unread{background:linear-gradient(90deg,#818cf81a,#f8fafa);background:linear-gradient(to right,#818cf81a,var(--bg-light))}body.dark-mode .mark-read-btn{border-color:#00000014;border-color:var(--border)}body.dark-mode .anonymous-note,body.dark-mode .mark-read-btn{background:#f0f5f4;background:var(--bg)}.admin-leaderboard{background:#fff;border:1px solid #00000014;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);padding:1.5rem}.admin-leaderboard h3{font-size:1.25rem;margin-bottom:.25rem}.leaderboard-subtitle{color:#6b7280;color:var(--text-light);font-size:.9rem;margin-bottom:1.5rem}.leaderboard-table{overflow-x:auto}.leaderboard-header{background:#f0f5f4;background:var(--bg);border-radius:8px;border-radius:var(--radius);color:#6b7280;color:var(--text-light);font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.75rem 1rem;text-transform:uppercase}.leaderboard-header,.leaderboard-row{display:grid;grid-template-columns:50px 2fr 80px 80px 100px 100px}.leaderboard-row{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-light);padding:1rem;transition:background .2s}.leaderboard-row:hover{background:#f0f5f4;background:var(--bg)}.leaderboard-row.top-three{background:linear-gradient(90deg,#6366f10d,#0000)}.leaderboard-row.zero-calls{background:linear-gradient(90deg,#ef44440d,#0000);opacity:.7}.lb-rank{font-size:1.25rem;text-align:center}.lb-name{align-items:center;display:flex;gap:.5rem}.lb-avatar{font-size:1.25rem}.online-indicator{color:#10b981;color:var(--accent);font-size:.6rem;margin-left:4px}.lb-calls{font-weight:700}.lb-calls,.lb-goal{font-size:1.1rem;text-align:center}.lb-goal.met{color:#10b981;color:var(--accent)}.lb-goal.not-met{color:#ef4444;color:var(--danger)}.lb-rating{align-items:center;display:flex;gap:.25rem;justify-content:center}.rating-num{font-size:.8rem}.lb-active,.rating-num{color:#6b7280;color:var(--text-light)}.lb-active{font-size:.85rem;text-align:center}.followup-list{display:flex;flex-direction:column;gap:.5rem}.followup-item{align-items:center;background:linear-gradient(90deg,#ef44440d,#0000);border-left:3px solid #ef4444;border-left:3px solid var(--danger);border-radius:8px;border-radius:var(--radius);display:flex;gap:.75rem;padding:.75rem}.followup-avatar{font-size:1.25rem}.followup-name{flex:1 1;font-weight:500}.followup-badge{background:#ef44441a;border-radius:10px;color:#ef4444;color:var(--danger);font-size:.75rem;font-weight:600;padding:2px 8px}.followup-action{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.1rem;padding:4px;transition:background .2s}.followup-action:hover{background:#f0f5f4;background:var(--bg)}.ai-tips-modal{max-width:500px;text-align:center}.ai-tips-header{padding:1.5rem}.ai-icon{display:block;font-size:3rem;margin-bottom:.5rem}.ai-tips-header h2{font-size:1.5rem;margin-bottom:.5rem}.ai-tips-header p{color:#6b7280;color:var(--text-light)}.ai-tips-content{padding:0 1.5rem;text-align:left}.ai-tip-item{background:linear-gradient(135deg,#6366f10d,#10b9810d);border-left:3px solid #2563eb;border-left:3px solid var(--primary);border-radius:8px;border-radius:var(--radius);font-size:.95rem;line-height:1.5;margin-bottom:.75rem;padding:1rem}.ai-tips-footer{padding:1.5rem}.ai-tip-note{color:#9ca3af;color:var(--text-lighter);font-size:.85rem;margin-bottom:1rem}.reflection-ai-tips{border-top:1px dashed #00000014;border-top:1px dashed var(--border);margin-top:1rem;padding-top:1rem}.ai-tips-label{align-items:center;color:#2563eb;color:var(--primary);display:flex;font-size:.85rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.ai-tips-text{background:linear-gradient(135deg,#6366f108,#10b98108);border-radius:8px;border-radius:var(--radius);color:#6b7280;color:var(--text-light);font-size:.85rem;padding:.75rem}.ai-tips-text p{margin:.25rem 0}.generating-tips{align-items:center;color:#6b7280;color:var(--text-light);display:flex;gap:.5rem;justify-content:center;padding:1rem}.generating-tips .spinner{height:20px;width:20px}@media (max-width:768px){.leaderboard-header{display:none}.leaderboard-row{gap:.5rem;grid-template-columns:1fr;padding:1rem}.lb-rank{position:absolute;right:.5rem;top:.5rem}.leaderboard-row{position:relative}.lb-name{font-size:1.1rem}.lb-calls:before{color:#6b7280;color:var(--text-light);content:"Calls: ";font-weight:400}.lb-active:before{content:"Last active: "}}body.dark-mode .admin-leaderboard{background:#f8fafa;background:var(--bg-light);border-color:#00000014;border-color:var(--border)}body.dark-mode .leaderboard-header{background:#f0f5f4;background:var(--bg)}body.dark-mode .leaderboard-row{border-color:#00000014;border-color:var(--border)}body.dark-mode .leaderboard-row:hover{background:#f0f5f4;background:var(--bg)}body.dark-mode .followup-item{background:linear-gradient(90deg,#ef44441a,#f8fafa);background:linear-gradient(to right,#ef44441a,var(--bg-light))}body.dark-mode .ai-tips-modal{background:#f8fafa;background:var(--bg-light)}body.dark-mode .ai-tip-item{background:linear-gradient(135deg,#818cf81a,#34d3991a)}body.dark-mode .reflection-ai-tips{border-color:#00000014;border-color:var(--border)}body.dark-mode .ai-tips-text{background:#f0f5f4;background:var(--bg)}.notification-item{position:relative}.notification-remove-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#9ca3af;color:var(--text-lighter);cursor:pointer;display:flex;font-size:.9rem;height:24px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:all .2s;width:24px}.notification-item:hover .notification-remove-btn{opacity:1}.notification-remove-btn:hover{background:#ef4444;background:var(--danger);color:#fff}body.dark-mode .notification-remove-btn{color:#6b7280;color:var(--text-light)}.landing-page-2026{background:linear-gradient(180deg,#fafbff,#f0f4ff 50%,#fff);min-height:100vh;overflow-x:hidden}.landing-header-sticky{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border-bottom:1px solid #0000000d;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.landing-logo{align-items:center;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem}.landing-nav-desktop{display:flex;gap:2rem}.landing-nav-desktop .nav-link{background:none;border:none;color:#6b7280;color:var(--text-light);cursor:pointer;font-size:.95rem;transition:color .2s}.landing-nav-desktop .nav-link:hover{color:#2563eb;color:var(--primary)}.landing-nav-actions{align-items:center;display:flex;gap:.75rem}.btn-nav-ghost{background:none;border:none;color:#1f2937;color:var(--text);cursor:pointer;font-size:.95rem;font-weight:500;overflow:hidden;padding:.5rem 1rem;position:relative;transition:all .3s ease}.btn-nav-ghost:before{background:linear-gradient(90deg,#0000,#6366f11a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-nav-ghost:after{background:linear-gradient(90deg,#2563eb,#8b5cf6);background:linear-gradient(90deg,var(--primary),#8b5cf6);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.btn-nav-ghost:hover{color:#2563eb;color:var(--primary)}.btn-nav-ghost:hover:before{left:100%}.btn-nav-ghost:hover:after{width:80%}.btn-nav-primary{background:linear-gradient(135deg,#2563eb,#8b5cf6);background:linear-gradient(135deg,var(--primary),#8b5cf6);border:none;border-radius:50px;box-shadow:0 4px 15px #6366f14d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;overflow:hidden;padding:.6rem 1.25rem;position:relative;transition:all .3s ease;z-index:1}.btn-nav-primary:before{background:linear-gradient(135deg,#8b5cf6,#ec4899);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:-1}.btn-nav-primary:after{background:radial-gradient(circle,#ffffff4d 0,#0000 70%);content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease;width:0;z-index:0}.btn-nav-primary:hover{box-shadow:0 8px 30px #8b5cf680,0 0 20px #ec48994d;transform:translateY(-3px) scale(1.02)}.btn-nav-primary:hover:before{opacity:1}.btn-nav-primary:hover:after{height:200px;width:200px}.btn-nav-primary:active{transform:translateY(-1px) scale(.98)}.mobile-menu-btn{background:none;border:none;cursor:pointer;display:none;font-size:1.5rem}.mobile-menu{background:#fff;box-shadow:0 10px 40px #0000001a;display:flex;flex-direction:column;gap:.5rem;left:0;padding:1rem;position:absolute;right:0;top:100%}.mobile-menu button{background:none;border:none;cursor:pointer;font-size:1rem;padding:1rem;text-align:left}.btn-mobile-primary{background:linear-gradient(135deg,#2563eb,#8b5cf6)!important;background:linear-gradient(135deg,var(--primary),#8b5cf6)!important;border-radius:8px;border-radius:var(--radius);color:#fff!important;font-weight:600;text-align:center!important}.hero-2026{min-height:90vh;padding:8rem 2rem 4rem}.live-activity-badge{display:flex;font-size:.85rem;left:2rem;padding:.5rem 1rem;position:absolute;top:7rem}.pulse-dot{animation:pulse 2s infinite;background:#10b981;border-radius:50%;height:8px;width:8px}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.hero-content-2026{z-index:1}.hero-headline{animation:fadeInUp .8s ease;color:#1f2937;color:var(--text);font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem}.gradient-text-2026{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#8b5cf6 50%,#ec4899);background:linear-gradient(135deg,var(--primary) 0,#8b5cf6 50%,#ec4899 100%);-webkit-background-clip:text;background-clip:text}.hero-subheadline{animation:fadeInUp .8s ease .1s backwards;color:#6b7280;color:var(--text-light);font-size:1.25rem;line-height:1.6;margin-bottom:2rem;max-width:500px}.hero-cta-group{animation:fadeInUp .8s ease .2s backwards;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.btn-hero-primary-2026{align-items:center;background:linear-gradient(135deg,#2563eb,#8b5cf6);background:linear-gradient(135deg,var(--primary),#8b5cf6);border:none;border-radius:50px;box-shadow:0 4px 20px #6366f166;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s}.btn-hero-primary-2026:hover{box-shadow:0 8px 30px #6366f180;transform:translateY(-3px)}.btn-hero-primary-2026.large{font-size:1.2rem;padding:1.25rem 2.5rem}.btn-arrow{transition:transform .3s}.btn-hero-primary-2026:hover .btn-arrow{transform:translateX(4px)}.btn-hero-secondary-2026{background:#fff;border:2px solid #00000014;border:2px solid var(--border);border-radius:50px;color:#1f2937;color:var(--text);cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s}.btn-hero-secondary-2026:hover{border-color:#2563eb;border-color:var(--primary);color:#2563eb;color:var(--primary)}.hero-microcopy{animation:fadeInUp .8s ease .3s backwards;color:#9ca3af;color:var(--text-lighter);font-size:.9rem}.hero-preview-container{animation:fadeInRight 1s ease .3s backwards;position:relative}.hero-preview-frame{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 25px 80px #00000026;overflow:hidden}.preview-header-bar{align-items:center;background:linear-gradient(90deg,#f3f4f6,#e5e7eb);display:flex;gap:1rem;padding:.75rem 1rem}.preview-dots{display:flex;gap:6px}.preview-dots span{background:#d1d5db;border-radius:50%;height:12px;width:12px}.preview-dots span:first-child{background:#ef4444}.preview-dots span:nth-child(2){background:#fbbf24}.preview-dots span:nth-child(3){background:#22c55e}.preview-title{color:#6b7280;color:var(--text-light);font-size:.8rem}.preview-content{align-items:center;background:linear-gradient(135deg,#fafbff,#f0f4ff);display:flex;justify-content:center;min-height:300px;padding:2rem}.preview-matching-demo{text-align:center}.matching-animation{align-items:center;display:flex;gap:1.5rem;justify-content:center;margin-bottom:1.5rem}.user-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:1rem 1.5rem;text-align:center}.user-card.left{animation:slideInFromLeft .6s ease,floatLeft 3s ease-in-out .6s infinite}.user-card.right{animation:slideInFromRight .6s ease,floatRight 3s ease-in-out .6s infinite}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes floatLeft{0%,to{transform:translateX(0)}50%{transform:translateX(-5px)}}@keyframes floatRight{0%,to{transform:translateX(0)}50%{transform:translateX(5px)}}.user-avatar-anim{font-size:2.5rem;margin-bottom:.25rem}.user-card span{color:#6b7280;color:var(--text-light);font-size:.85rem}.matching-pulse{align-items:center;display:flex;height:60px;justify-content:center;position:relative;width:60px}.pulse-ring{animation:pulseRing 2s ease-out infinite;border:2px solid #2563eb;border:2px solid var(--primary);border-radius:50%;height:100%;opacity:0;position:absolute;width:100%}.pulse-ring.delay{animation-delay:.5s}@keyframes pulseRing{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.5)}}.match-icon{animation:zap .5s ease infinite alternate;font-size:1.5rem;z-index:1}@keyframes zap{0%{transform:scale(1)}to{transform:scale(1.1)}}.matching-status{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;padding:1rem 1.5rem}.status-text{color:#6b7280;color:var(--text-light);display:block;font-size:.9rem;margin-bottom:.5rem}.status-bar{background:#e5e7eb;border-radius:2px;height:4px;overflow:hidden}.status-fill{animation:fillProgress 2s ease-in-out infinite;background:linear-gradient(90deg,#2563eb,#8b5cf6);background:linear-gradient(90deg,var(--primary),#8b5cf6);border-radius:2px;height:100%;width:70%}@keyframes fillProgress{0%{width:20%}50%{width:80%}to{width:20%}}.floating-stat-card{align-items:center;animation:floatCard 4s ease-in-out infinite;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001f;display:flex;gap:.75rem;padding:1rem 1.25rem;position:absolute}.floating-stat-card.top-right{animation-delay:.5s;right:-30px;top:0}.floating-stat-card.bottom-left{bottom:20px;left:-30px}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating-icon{font-size:1.5rem}.floating-content{display:flex;flex-direction:column}.floating-number{color:#1f2937;color:var(--text);font-size:1.25rem;font-weight:700}.floating-label{color:#9ca3af;color:var(--text-lighter);font-size:.75rem}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.social-proof-section{background:#ffffff80;padding:2rem;text-align:center}.social-proof-label{color:#9ca3af;color:var(--text-lighter);font-size:.9rem;letter-spacing:1px;margin-bottom:1.5rem;text-transform:uppercase}.logo-parade{filter:grayscale(100%);flex-wrap:wrap;gap:3rem;justify-content:center;opacity:.5}.company-logo,.logo-parade{align-items:center;display:flex}.company-logo{height:30px}.logo-svg{height:100%;width:auto}.bento-section{margin:0 auto;max-width:1200px;padding:6rem 2rem}.section-header{margin-bottom:4rem;text-align:center}.section-badge{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:50px;color:#2563eb;color:var(--primary);display:inline-block;font-size:.85rem;font-weight:600;margin-bottom:1rem;padding:.5rem 1rem}.section-header h2{font-size:2.5rem;font-weight:800;margin-bottom:1rem}.section-header p{color:#6b7280;color:var(--text-light);font-size:1.1rem}.bento-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto}.glass-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #fffc;border-radius:20px;box-shadow:0 8px 32px #00000014;transition:all .3s ease}.glass-card:hover{box-shadow:0 20px 50px #0000001f;transform:translateY(-5px)}.bento-card{overflow:hidden;padding:2rem;position:relative}.bento-large{grid-column:span 2}.bento-medium,.bento-small{grid-column:span 1}.bento-icon-badge{align-items:center;background:linear-gradient(135deg,#2563eb,#8b5cf6);background:linear-gradient(135deg,var(--primary),#8b5cf6);border-radius:12px;display:flex;font-size:1.5rem;height:50px;justify-content:center;margin-bottom:1rem;width:50px}.bento-card h3{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.bento-card p{color:#6b7280;color:var(--text-light);font-size:.95rem;line-height:1.6}.bento-visual{margin-top:1.5rem}.mini-demo-matcher{align-items:center;background:#6366f10d;border-radius:12px;display:flex;gap:1rem;justify-content:center;padding:1rem}.mini-user{background:#fff;border-radius:50%;box-shadow:0 4px 12px #0000001a;font-size:2rem;padding:.75rem}.mini-connection{align-items:center;display:flex;gap:.25rem}.mini-line{background:linear-gradient(90deg,#2563eb,#8b5cf6);background:linear-gradient(90deg,var(--primary),#8b5cf6);height:2px;width:30px}.mini-bolt{font-size:1.25rem}.bento-mini-chart{align-items:flex-end;background:#6366f10d;border-radius:8px;display:flex;gap:6px;height:80px;margin-top:1rem;padding:.5rem}.mini-bar{background:linear-gradient(0deg,#e0e7ff,#c7d2fe);border-radius:4px 4px 0 0;flex:1 1;transition:all .3s}.mini-bar.active{background:linear-gradient(0deg,#2563eb,#8b5cf6);background:linear-gradient(to top,var(--primary),#8b5cf6)}.bento-ai-preview{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.ai-tip-mini{background:#6366f10d;border-left:3px solid #2563eb;border-left:3px solid var(--primary);border-radius:8px;font-size:.85rem;padding:.75rem}.testimonial-section{max-width:800px;padding:4rem 2rem}.testimonial-card{padding:3rem}.testimonial-quote{font-size:1.5rem;font-weight:500;line-height:1.6}.final-cta-section{background:linear-gradient(135deg,#4f46e5,#7c3aed);padding:6rem 2rem;text-align:center}.cta-content h2{color:#fff;font-size:2.5rem;font-weight:800;margin-bottom:1rem}.cta-content p{color:#fffc;font-size:1.1rem;margin-bottom:2rem}.cta-microcopy{color:#fff9;font-size:.9rem;margin-top:1rem}.footer-2026{background:#0f172a;color:#fff;padding:4rem 2rem 2rem}.footer-container{display:flex;flex-wrap:wrap;gap:3rem;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-logo{align-items:center;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin-bottom:.5rem}.footer-brand p{color:#fff9}.footer-links-grid{display:flex;gap:4rem}.footer-column h4{color:#ffffff80;font-size:.85rem;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.footer-column button{background:none;border:none;color:#fffc;cursor:pointer;display:block;font-size:.95rem;padding:.25rem 0}.footer-column button:hover{color:#fff}.footer-bottom{color:#fff6;font-size:.9rem;margin:3rem auto 0;max-width:1200px;padding-top:2rem;text-align:center}.pricing-page-2026{margin:0 auto;max-width:1200px;padding:8rem 2rem 4rem}.pricing-header{margin-bottom:4rem;text-align:center}.pricing-header h1{font-size:3rem;font-weight:800;margin:1rem 0}.pricing-header p{color:#6b7280;color:var(--text-light);font-size:1.1rem}.pricing-grid-three{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:4rem}.pricing-card-2026{display:flex;flex-direction:column;padding:2rem;position:relative}.pricing-card-2026.featured{border:2px solid #2563eb;border:2px solid var(--primary);transform:scale(1.05);z-index:1}.popular-badge{background:linear-gradient(135deg,#2563eb,#8b5cf6);background:linear-gradient(135deg,var(--primary),#8b5cf6);border-radius:50px;color:#fff;font-size:.75rem;font-weight:600;left:50%;padding:.4rem 1rem;position:absolute;top:-12px;transform:translateX(-50%)}.pricing-card-top{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-light);margin-bottom:1.5rem;padding-bottom:1.5rem;text-align:center}.plan-badge{background:#e0e7ff;border-radius:50px;color:#2563eb;color:var(--primary);display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:.5rem;padding:.25rem .75rem}.plan-badge.pro{background:linear-gradient(135deg,#2563eb,#8b5cf6);background:linear-gradient(135deg,var(--primary),#8b5cf6);color:#fff}.plan-badge.enterprise{background:#1f2937;color:#fff}.pricing-card-top h3{color:#6b7280;color:var(--text-light);font-size:1rem;margin-bottom:1rem}.price-display{align-items:baseline;display:flex;gap:.25rem;justify-content:center}.price-currency{color:#6b7280;color:var(--text-light);font-size:1.5rem}.price-amount{color:#1f2937;color:var(--text);font-size:4rem;font-weight:800;line-height:1}.price-amount.custom{font-size:2rem}.price-period{font-size:1rem}.price-description,.price-period{color:#9ca3af;color:var(--text-lighter)}.price-description{font-size:.9rem;margin-top:.5rem}.pricing-features-list{flex:1 1;list-style:none;margin:0 0 2rem;padding:0}.pricing-features-list li{align-items:center;color:#1f2937;color:var(--text);display:flex;font-size:.95rem;gap:.75rem;padding:.6rem 0}.feature-check{color:#10b981;color:var(--accent);font-weight:700}.btn-pricing-2026{background:#fff;border:2px solid #00000014;border:2px solid var(--border);border-radius:50px;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s;width:100%}.btn-pricing-2026:hover{border-color:#2563eb;border-color:var(--primary);color:#2563eb;color:var(--primary)}.btn-pricing-2026.featured{background:linear-gradient(135deg,#2563eb,#8b5cf6);background:linear-gradient(135deg,var(--primary),#8b5cf6);border:none;color:#fff}.btn-pricing-2026.featured:hover{box-shadow:0 8px 25px #6366f166;transform:translateY(-2px)}.btn-pricing-2026.enterprise{background:#1f2937;border:none;color:#fff}.btn-pricing-2026.enterprise:hover{background:#111827}.pricing-faq-2026{margin-bottom:3rem}.pricing-faq-2026 h3{font-size:1.5rem;margin-bottom:2rem;text-align:center}.faq-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.faq-item{border:1px solid #0000;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.faq-item:before{background:linear-gradient(135deg,#2563eb,#8b5cf6,#ec4899,#2563eb);background:linear-gradient(135deg,var(--primary),#8b5cf6,#ec4899,var(--primary));background-size:300% 300%;border-radius:inherit;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;position:absolute;right:0;top:0;transition:opacity .3s ease}.faq-item:hover:before{animation:gradientMove 3s ease infinite;opacity:1}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.faq-item:after{background:radial-gradient(circle,#6366f126 0,#0000 70%);content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .5s ease;width:0;z-index:-1}.faq-item:hover:after{height:150%;width:150%}.faq-item:hover{box-shadow:0 20px 40px #6366f126;transform:translateY(-5px)}.faq-item h4{display:inline-block;font-size:1rem;margin-bottom:.5rem;position:relative;transition:all .3s ease}.faq-item:hover h4{color:#2563eb;color:var(--primary)}.faq-item h4:before{align-items:center;background:linear-gradient(135deg,#2563eb,#8b5cf6);background:linear-gradient(135deg,var(--primary),#8b5cf6);border-radius:50%;color:#fff;content:"?";display:flex;font-size:.7rem;height:18px;justify-content:center;left:-24px;position:absolute;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s cubic-bezier(.68,-.55,.265,1.55);width:18px}.faq-item:hover h4:before{transform:translateY(-50%) scale(1)}.faq-item p{color:#6b7280;color:var(--text-light);font-size:.9rem;line-height:1.6;transition:all .3s ease}.faq-item:hover p{color:#1f2937;color:var(--text)}.faq-grid .faq-item:first-child{animation:fadeInUp .5s ease .1s both}.faq-grid .faq-item:nth-child(2){animation:fadeInUp .5s ease .2s both}.faq-grid .faq-item:nth-child(3){animation:fadeInUp .5s ease .3s both}.faq-grid .faq-item:nth-child(4){animation:fadeInUp .5s ease .4s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.back-link{background:none;border:none;color:#6b7280;color:var(--text-light);cursor:pointer;display:block;font-size:.95rem;text-align:center}.back-link:hover{color:#2563eb;color:var(--primary)}@media (max-width:1024px){.hero-2026{gap:2rem;grid-template-columns:1fr;min-height:auto;padding:7rem 1.5rem 3rem;text-align:center}.hero-headline{font-size:2.5rem}.hero-subheadline{max-width:100%}.hero-cta-group{justify-content:center}.live-activity-badge{margin:0 auto 2rem;position:static;width:-webkit-fit-content;width:fit-content}.hero-preview-container{display:block!important;margin:2rem auto 0;max-width:100%;opacity:1!important;padding:0 .5rem;visibility:visible!important;width:100%}.hero-preview-frame{margin:0 auto;max-width:400px;transform:none;width:100%}.preview-content{min-height:180px;padding:1.5rem 1rem}.matching-animation{flex-direction:row;flex-wrap:nowrap;gap:.75rem}.user-card{min-width:auto;padding:.5rem .75rem}.user-avatar-anim{font-size:1.5rem}.user-card span{font-size:.7rem}.matching-pulse{flex-shrink:0;height:36px;width:36px}.match-icon{font-size:1rem}.matching-status{font-size:.75rem;padding:.5rem .75rem}.floating-stat-card{display:none}.bento-grid{grid-template-columns:1fr}.bento-large{grid-column:span 1}.pricing-grid-three{grid-template-columns:1fr}.pricing-card-2026.featured{transform:none}.faq-grid{grid-template-columns:1fr}}@media (max-width:768px){.landing-nav-actions,.landing-nav-desktop{display:none}.mobile-menu-btn{display:block}.hero-headline{font-size:2rem}.hero-cta-group{flex-direction:column}.btn-hero-primary-2026,.btn-hero-secondary-2026{justify-content:center;width:100%}.logo-parade{gap:1.5rem}.section-header h2{font-size:1.75rem}.testimonial-quote{font-size:1.2rem}.cta-content h2{font-size:1.75rem}.pricing-header h1{font-size:2rem}.price-amount{font-size:3rem}}.logo-marquee-container{overflow:hidden;position:relative;width:100%}.logo-marquee-container:after,.logo-marquee-container:before{content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100px;z-index:2}.logo-marquee-container:before{background:linear-gradient(90deg,#fafbff,#0000);left:0}.logo-marquee-container:after{background:linear-gradient(270deg,#fafbff,#0000);right:0}.logo-marquee{animation:marquee 30s linear infinite;display:flex}.logo-marquee:hover{animation-play-state:paused}.logo-marquee-content{align-items:center;display:flex;flex-shrink:0;gap:4rem;padding:0 2rem}.logo-marquee .company-logo{align-items:center;display:flex;filter:grayscale(100%);height:30px;justify-content:center;min-width:100px;opacity:.5;transition:all .3s}.logo-marquee .company-logo:hover{opacity:.8}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.live-activity-badge{animation:slideInLeft .6s ease;background:#fff;border-radius:50px;box-shadow:0 4px 20px #00000014;color:#6b7280;color:var(--text-light);display:inline-flex;font-size:.9rem;gap:.5rem;left:auto;margin-bottom:1.5rem;padding:.6rem 1.25rem;top:auto;width:-webkit-fit-content;width:fit-content}.hero-2026,.live-activity-badge{align-items:center;position:relative}.hero-2026{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;min-height:calc(100vh - 70px);padding:7rem 2rem 4rem}@media (max-width:1024px){.hero-2026{padding-top:6rem}.live-activity-badge{margin:0 auto 1.5rem}}.datetime-widget{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 10px 40px #667eea66;color:#fff;margin-bottom:1.5rem;overflow:hidden;padding:2rem;position:relative;text-align:center}.datetime-widget:before{background:radial-gradient(circle,#ffffff1a 0,#0000 60%);height:100%;right:-50%;top:-50%;width:100%}.datetime-widget:after,.datetime-widget:before{content:"";pointer-events:none;position:absolute}.datetime-widget:after{background:radial-gradient(circle,#ffffff14 0,#0000 60%);bottom:-30%;height:60%;left:-30%;width:60%}.datetime-main{align-items:baseline;display:flex;gap:0;justify-content:center;margin-bottom:.5rem;position:relative;z-index:1}.datetime-time{font-size:4rem;font-weight:800;letter-spacing:-3px;line-height:1;text-shadow:0 4px 20px #0003}.datetime-seconds{animation:blink 1s ease-in-out infinite;font-size:1.5rem;font-weight:400;opacity:.7}.datetime-date{margin-bottom:.75rem;position:relative;z-index:1}.datetime-weekday{display:block;font-size:1.1rem;font-weight:600;letter-spacing:3px;margin-bottom:.25rem;opacity:.9;text-transform:uppercase}.datetime-full{display:block;font-size:.95rem;font-weight:400;opacity:.75}.datetime-footer{display:flex;font-size:.8rem;gap:.5rem;justify-content:center;opacity:.6;position:relative;z-index:1}.datetime-tz{background:#ffffff26;border-radius:20px;padding:.25rem .75rem}.datetime-community{padding:.25rem 0}body.dark-mode .datetime-widget{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 10px 40px #4f46e54d}.roleplay-modal{animation:modalBounceIn .4s ease-out!important;max-width:340px!important;text-align:center}@keyframes modalBounceIn{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.roleplay-modal-header{padding:24px 20px 16px}.roleplay-pulse{animation:gentlePulse 2s ease-in-out infinite;display:block;font-size:3rem}@keyframes gentlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.roleplay-modal-header h2{font-size:1.35rem;font-weight:600;margin-top:12px}.roleplay-modal-body{padding:0 20px 20px}.roleplay-requester{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:12px}.requester-avatar{font-size:2.5rem}.requester-name{font-size:1.1rem;font-weight:600}.roleplay-modal-body p{color:#6b7280;color:var(--text-light);font-size:.95rem}.roleplay-timer{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:20px;color:#92400e;display:inline-block;font-size:.85rem;margin-top:16px;padding:8px 16px}.admin-badge-small{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:10px;color:#78350f;font-size:.65rem;font-weight:600;margin-left:6px;padding:2px 8px;text-transform:uppercase;vertical-align:middle}.invite-tz-note{color:#9ca3af;color:var(--text-lighter);display:block;font-size:.75rem;font-weight:400;margin-top:2px}.invite-message-time{font-size:1rem;font-weight:600;margin:8px 0}@media (max-width:1024px){.hero-preview-container{margin:2rem auto 0;max-width:100%;padding:0 1rem}.hero-preview-frame{transform:scale(.9);transform-origin:top center}.preview-content{min-height:220px;padding:1.5rem}.matching-animation{gap:1rem}.user-card{padding:.75rem 1rem}.user-avatar-anim{font-size:2rem}.matching-pulse{height:40px;width:40px}.match-icon{font-size:1.2rem}}@media (max-width:480px){.hero-preview-frame{transform:scale(.85)}.preview-content{min-height:200px;padding:1rem}.user-avatar-anim{font-size:1.5rem}.user-card{padding:.5rem .75rem}.user-card span{font-size:.75rem}.matching-status{padding:.75rem 1rem}.status-text{font-size:.8rem}}.modal-overlay{align-items:flex-start;display:flex;justify-content:center;overflow-y:auto;padding:1rem}.modal{margin:auto;max-height:calc(100vh - 2rem);overflow-y:auto;position:relative}@media (max-width:768px){.modal-overlay{align-items:flex-start;padding:.5rem}.modal{border-radius:16px;margin:.5rem auto;max-height:calc(100vh - 1rem);max-width:100%!important;width:calc(100% - 1rem)!important}.modal-header{background:inherit;padding-top:1rem;top:0;z-index:10}.modal-close,.modal-header{position:-webkit-sticky;position:sticky}.modal-close{right:.5rem;top:.5rem;z-index:11}.contact-sales-modal,.feedback-modal,.invite-modal,.match-modal,.roleplay-modal{max-height:calc(100vh - 1rem);overflow-y:auto}.feedback-modal .modal-content,.invite-modal .modal-content{max-height:none;overflow:visible}}body.dark-mode{--text:#f3f4f6;--text-light:#d1d5db;--text-lighter:#9ca3af}body.dark-mode .landing-page-2026{background:linear-gradient(180deg,#0f172a,#1e293b 50%,#0f172a)}body.dark-mode .landing-header-sticky{background:#0f172ae6;border-bottom-color:#ffffff1a}body.dark-mode .hero-headline,body.dark-mode .pricing-header h1,body.dark-mode .section-header h2,body.dark-mode .testimonial-quote{color:#f3f4f6}body.dark-mode .hero-subheadline,body.dark-mode .pricing-header p,body.dark-mode .section-header p{color:#9ca3af}body.dark-mode .cta-microcopy,body.dark-mode .hero-microcopy{color:#6b7280}body.dark-mode .live-activity-badge{background:#1e293b;border:1px solid #ffffff1a;color:#d1d5db}body.dark-mode .glass-card{background:#1e293bcc;border-color:#ffffff1a}body.dark-mode .bento-card h3,body.dark-mode .faq-item h4,body.dark-mode .pricing-card-2026 h3{color:#f3f4f6}body.dark-mode .bento-card p,body.dark-mode .faq-item p,body.dark-mode .pricing-features-list li{color:#9ca3af}body.dark-mode .price-amount{color:#f3f4f6}body.dark-mode .price-currency,body.dark-mode .price-description,body.dark-mode .price-period{color:#9ca3af}body.dark-mode .pricing-card-top{border-bottom-color:#ffffff1a}body.dark-mode .btn-pricing-2026{background:#1e293b;border-color:#fff3;color:#f3f4f6}body.dark-mode .btn-pricing-2026:hover{border-color:#2563eb;border-color:var(--primary);color:#2563eb;color:var(--primary)}body.dark-mode .btn-hero-secondary-2026{background:#1e293b;border-color:#fff3;color:#f3f4f6}body.dark-mode .social-proof-section{background:#0f172a80}body.dark-mode .social-proof-label{color:#6b7280}body.dark-mode .logo-marquee-container:before{background:linear-gradient(90deg,#0f172a,#0000)}body.dark-mode .logo-marquee-container:after{background:linear-gradient(270deg,#0f172a,#0000)}body.dark-mode .testimonial-author .author-name{color:#f3f4f6}body.dark-mode .testimonial-author .author-title{color:#9ca3af}body.dark-mode .preview-header-bar{background:linear-gradient(90deg,#1e293b,#334155)}body.dark-mode .preview-content{background:linear-gradient(135deg,#1e293b,#0f172a)}body.dark-mode .user-card{background:#334155;box-shadow:0 4px 20px #0000004d}body.dark-mode .user-card span{color:#d1d5db}body.dark-mode .matching-status{background:#334155}body.dark-mode .status-text{color:#9ca3af}body.dark-mode .floating-stat-card{background:#1e293b;border:1px solid #ffffff1a}body.dark-mode .floating-number{color:#f3f4f6}body.dark-mode .floating-label{color:#9ca3af}body.dark-mode .mobile-menu{background:#1e293b}body.dark-mode .mobile-menu button{color:#d1d5db}body.dark-mode .back-link{color:#9ca3af}.bento-card{animation:bentoFadeIn .6s ease forwards;opacity:0;transform:translateY(30px)}.bento-card:first-child{animation-delay:.1s}.bento-card:nth-child(2){animation-delay:.2s}.bento-card:nth-child(3){animation-delay:.3s}.bento-card:nth-child(4){animation-delay:.4s}.bento-card:nth-child(5){animation-delay:.5s}.bento-card:nth-child(6){animation-delay:.6s}@keyframes bentoFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.bento-card{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.bento-card:hover{box-shadow:0 25px 60px #00000026;transform:translateY(-8px) scale(1.02)}.bento-card:hover .bento-icon-badge{box-shadow:0 8px 25px #6366f166;transform:scale(1.1) rotate(5deg)}.bento-icon-badge{transition:all .3s ease}.bento-card:hover .mini-bar{animation:barGrow .5s ease forwards}.mini-bar:first-child{animation-delay:0s}.mini-bar:nth-child(2){animation-delay:.1s}.mini-bar:nth-child(3){animation-delay:.2s}.mini-bar:nth-child(4){animation-delay:.3s}.mini-bar:nth-child(5){animation-delay:.4s}@keyframes barGrow{0%{transform:scaleY(.8)}50%{transform:scaleY(1.1)}to{transform:scaleY(1)}}.bento-card:hover .mini-user{animation:userBounce .5s ease}@keyframes userBounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.bento-card:hover .mini-bolt{animation:boltZap .3s ease infinite}@keyframes boltZap{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.3)}}.bento-card:hover .ai-tip-mini{animation:tipSlide .4s ease forwards}.ai-tip-mini:first-child{animation-delay:0s}.ai-tip-mini:nth-child(2){animation-delay:.15s}@keyframes tipSlide{0%{opacity:.7;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.pricing-card-2026{animation:pricingFadeIn .7s ease forwards;opacity:0;transform:translateY(40px)}.pricing-card-2026:first-child{animation-delay:.1s}.pricing-card-2026:nth-child(2){animation-delay:.25s}.pricing-card-2026:nth-child(3){animation-delay:.4s}@keyframes pricingFadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.faq-item{animation:faqFadeIn .5s ease forwards;opacity:0;transform:translateY(20px)}.faq-item:first-child{animation-delay:.1s}.faq-item:nth-child(2){animation-delay:.2s}.faq-item:nth-child(3){animation-delay:.3s}.faq-item:nth-child(4){animation-delay:.4s}@keyframes faqFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-header{animation:sectionFadeIn .6s ease forwards;opacity:0;transform:translateY(20px)}@keyframes sectionFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.testimonial-card{animation:testimonialFadeIn .8s ease forwards;animation-delay:.3s;opacity:0;transform:scale(.95)}@keyframes testimonialFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}body.dark-mode .bento-card:hover,body.dark-mode .faq-item:hover,body.dark-mode .pricing-card-2026:hover{box-shadow:0 25px 60px #0006}@media (max-width:768px){.modal-overlay{-webkit-overflow-scrolling:touch}.feedback-modal{display:flex;flex-direction:column;max-height:90vh}.feedback-modal .modal-body{flex:1 1;overflow-y:auto;padding-bottom:80px}.invite-modal{max-height:85vh}.invite-modal .time-slots-list{max-height:40vh;overflow-y:auto}.match-modal{max-height:85vh}.profile-modal{max-height:90vh;overflow-y:auto}.ai-tips-modal{max-height:85vh;overflow-y:auto}.ai-tips-content{max-height:60vh;overflow-y:auto;padding:1rem}.contact-sales-modal{max-height:90vh;overflow-y:auto}.roleplay-modal{max-height:80vh;overflow-y:auto}.modal form{max-height:calc(100vh - 200px);overflow-y:auto}.modal textarea{max-height:150px;min-height:80px}.modal-actions{background:inherit;border-top:1px solid #f3f4f6;border-top:1px solid var(--border-light);bottom:0;margin-top:auto;padding:1rem 0;position:-webkit-sticky;position:sticky}}body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background:#1e293b;border-color:#ffffff1a;color:#f3f4f6}body.dark-mode input::placeholder,body.dark-mode textarea::placeholder{color:#6b7280}body.dark-mode label{color:#d1d5db}body.dark-mode .modal{background:#1e293b;color:#f3f4f6}body.dark-mode .modal h2,body.dark-mode .modal h3,body.dark-mode .modal h4{color:#f3f4f6}body.dark-mode .modal p,body.dark-mode .modal-close{color:#9ca3af}body.dark-mode .modal-close:hover{background:#ffffff1a;color:#f3f4f6}body.dark-mode .ai-tips-modal,body.dark-mode .contact-sales-modal,body.dark-mode .feedback-modal,body.dark-mode .invite-modal,body.dark-mode .match-modal,body.dark-mode .profile-modal,body.dark-mode .roleplay-modal{background:#1e293b}body.dark-mode .form-group label{color:#d1d5db}body.dark-mode .rating-option{background:#334155;border-color:#ffffff1a;color:#d1d5db}body.dark-mode .rating-option:hover{border-color:#2563eb;border-color:var(--primary)}body.dark-mode .rating-option.selected{background:#2563eb;background:var(--primary);color:#fff}body.dark-mode .btn-secondary{background:#334155;border-color:#ffffff1a;color:#d1d5db}body.dark-mode .btn-secondary:hover{background:#475569}body.dark-mode .invite-message{background:#6366f126}body.dark-mode .invite-message-header,body.dark-mode .invite-message-time{color:#f3f4f6}body.dark-mode .time-slot-option{background:#334155;border-color:#ffffff1a;color:#d1d5db}body.dark-mode .time-slot-option:hover{background:#475569;border-color:#2563eb;border-color:var(--primary)}body.dark-mode .time-slot-option.selected{background:#2563eb;background:var(--primary);color:#fff}body.dark-mode .ai-tip-item,body.dark-mode .ai-tips-content,body.dark-mode .ai-tips-content li,body.dark-mode .ai-tips-content p{color:#d1d5db}body.dark-mode .admin-question-text,body.dark-mode .reflection-text{color:#9ca3af}body.dark-mode .match-result-content h3,body.dark-mode .match-result-content p{color:#f3f4f6}body.dark-mode .match-user-card{background:#334155}body.dark-mode .match-user-name{color:#f3f4f6}body.dark-mode .match-time-info{color:#9ca3af}body.dark-mode .requester-name{color:#f3f4f6}body.dark-mode .roleplay-modal-body p{color:#9ca3af}body.dark-mode .roleplay-timer{background:linear-gradient(135deg,#854d0e,#a16207);color:#fef3c7}body.dark-mode .checkout-form,body.dark-mode .checkout-summary{background:#334155;color:#f3f4f6}body.dark-mode .checkout-item,body.dark-mode .checkout-total{color:#f3f4f6}body.dark-mode .stripe-input{background:#1e293b;border-color:#fff3;color:#f3f4f6}body.dark-mode .checkout-note{color:#9ca3af}body.dark-mode .pricing-faq-2026 h3{color:#f3f4f6}body.dark-mode .landing-nav-desktop .nav-link{color:#9ca3af}body.dark-mode .landing-nav-desktop .nav-link:hover{color:#f3f4f6}body.dark-mode .btn-nav-ghost{color:#d1d5db}body.dark-mode .logo-text{color:#f3f4f6}.testimonial-section{margin:0 auto;max-width:900px;padding:6rem 2rem}.testimonial-carousel{overflow:hidden;position:relative}.testimonial-track{display:flex;transition:transform .5s ease-in-out}.testimonial-slide{box-sizing:border-box;min-width:100%;padding:0 1rem}.testimonial-card{margin:0 auto;max-width:700px;padding:2.5rem;text-align:center}.testimonial-quote{color:#1f2937;color:var(--text);font-size:1.4rem;font-style:italic;line-height:1.7;margin-bottom:2rem}.testimonial-author{align-items:center;display:flex;gap:1rem;justify-content:center}.author-avatar{font-size:2.5rem}.author-photo{border:3px solid #fff;border-radius:50%;box-shadow:0 4px 15px #0000001a;height:56px;object-fit:cover;width:56px}.author-info{text-align:left}.author-name{color:#1f2937;color:var(--text);display:block;font-size:1.1rem;font-weight:600}.author-title{color:#6b7280;color:var(--text-light);display:block;font-size:.9rem}.testimonial-nav{gap:1.5rem;margin-top:2rem}.testimonial-nav,.testimonial-nav-btn{align-items:center;display:flex;justify-content:center}.testimonial-nav-btn{background:#fff;background:var(--white);border:2px solid #00000014;border:2px solid var(--border);border-radius:50%;color:#1f2937;color:var(--text);cursor:pointer;font-size:1.2rem;height:44px;transition:all .2s ease;width:44px}.testimonial-nav-btn:hover{border-color:#2563eb;border-color:var(--primary);color:#2563eb;color:var(--primary);transform:scale(1.05)}.testimonial-dots{display:flex;gap:.5rem}.testimonial-dot{background:#00000014;background:var(--border);border:none;border-radius:50%;cursor:pointer;height:10px;padding:0;transition:all .3s ease;width:10px}.testimonial-dot.active{background:#2563eb;background:var(--primary);transform:scale(1.2)}.testimonial-dot:hover{background:#3b82f6;background:var(--primary-light)}body.dark-mode .author-name,body.dark-mode .testimonial-quote{color:#f3f4f6}body.dark-mode .author-title{color:#9ca3af}body.dark-mode .testimonial-nav-btn{background:#1e293b;border-color:#fff3;color:#d1d5db}body.dark-mode .testimonial-nav-btn:hover{border-color:#2563eb;border-color:var(--primary);color:#2563eb;color:var(--primary)}body.dark-mode .testimonial-dot{background:#fff3}body.dark-mode .testimonial-dot.active{background:#2563eb;background:var(--primary)}@media (max-width:768px){.modal-overlay{-webkit-overflow-scrolling:touch!important;align-items:flex-start!important;overflow-y:scroll!important;padding:0!important}.modal{border-radius:0!important;margin:0!important;max-height:none!important;min-height:100vh!important;overflow-y:auto!important;padding-bottom:2rem!important}.modal>*{flex-shrink:0!important}.modal .modal-header,.modal .selected-date-display{background:inherit!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:10!important}.modal .modal-close{align-items:center!important;background:#fff!important;background:var(--white)!important;border-radius:50%!important;box-shadow:0 2px 10px #0003!important;display:flex!important;height:40px!important;justify-content:center!important;position:fixed!important;right:1rem!important;top:1rem!important;width:40px!important;z-index:9999!important}body.dark-mode .modal .modal-close{background:#334155!important;color:#fff!important}.hours-container,.time-slots-list{-webkit-overflow-scrolling:touch!important;max-height:50vh!important;overflow-y:auto!important}.modal .btn-primary:last-child,.modal-actions{background:inherit!important;bottom:0!important;margin-top:auto!important;padding:1rem!important;position:-webkit-sticky!important;position:sticky!important}}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6{color:#f3f4f6!important}body.dark-mode div,body.dark-mode p,body.dark-mode span{color:inherit}body.dark-mode .card,body.dark-mode .info-card,body.dark-mode .stats-card{background:#1e293b;color:#f3f4f6}body.dark-mode .card h3,body.dark-mode .card p,body.dark-mode .stats-card h3,body.dark-mode .stats-card p{color:#f3f4f6}body.dark-mode .card .btn-secondary,body.dark-mode .stats-card .btn-secondary{color:#d1d5db}body.dark-mode .upcoming-item{background:#334155}body.dark-mode .upcoming-name,body.dark-mode .upcoming-time{color:#f3f4f6}body.dark-mode .question-card,body.dark-mode .reflection-card{background:#334155}body.dark-mode .question-card p,body.dark-mode .reflection-card p{color:#d1d5db}body.dark-mode .reflection-date,body.dark-mode .reflection-partner{color:#9ca3af}body.dark-mode .calendar-container,body.dark-mode .month-calendar,body.dark-mode .week-calendar{background:#1e293b}body.dark-mode .day-cell,body.dark-mode .time-slot-label,body.dark-mode .week-day-header{color:#d1d5db}body.dark-mode .day-cell.today{background:#6366f133}body.dark-mode .hour-slot{border-color:#ffffff1a}body.dark-mode .hour-slot:hover{background:#6366f11a}body.dark-mode .conversations-sidebar{background:#1e293b;border-color:#ffffff1a}body.dark-mode .conversations-sidebar h3{color:#f3f4f6}body.dark-mode .conv-btn{color:#d1d5db}body.dark-mode .conv-btn.active,body.dark-mode .conv-btn:hover{background:#334155}body.dark-mode .conv-name{color:#f3f4f6}body.dark-mode .conv-last{color:#9ca3af}body.dark-mode .chat-area{background:#0f172a}body.dark-mode .chat-header{background:#1e293b;border-color:#ffffff1a}body.dark-mode .chat-name{color:#f3f4f6}body.dark-mode .chat-timezone{color:#9ca3af}body.dark-mode .message.received .message-bubble{background:#334155;color:#f3f4f6}body.dark-mode .message.system .message-bubble{background:#6366f126;color:#d1d5db}body.dark-mode .message-input-container{background:#1e293b;border-color:#ffffff1a}body.dark-mode .message-input{background:#334155;border-color:#ffffff1a;color:#f3f4f6}body.dark-mode .message-input::placeholder{color:#6b7280}body.dark-mode .sidebar{background:#0f172a;border-color:#ffffff1a}body.dark-mode .sidebar-btn{color:#9ca3af}body.dark-mode .sidebar-btn.active,body.dark-mode .sidebar-btn:hover{background:#6366f126;color:#f3f4f6}body.dark-mode .header{background:#1e293b;border-color:#ffffff1a}body.dark-mode .welcome-text h1{color:#f3f4f6}body.dark-mode .welcome-text p{color:#9ca3af}body.dark-mode .stats-grid .stat-value{color:#f3f4f6}body.dark-mode .stats-grid .stat-label{color:#9ca3af}body.dark-mode .leaderboard-item{background:#334155}body.dark-mode .leaderboard-name{color:#f3f4f6}body.dark-mode .leaderboard-score{color:#9ca3af}body.dark-mode .activity-item{color:#d1d5db}body.dark-mode .activity-time{color:#6b7280}body.dark-mode .settings-section h3{color:#f3f4f6}body.dark-mode .settings-option{color:#d1d5db}body.dark-mode .theme-option{background:#334155;border-color:#ffffff1a;color:#d1d5db}body.dark-mode .theme-option.active{background:#6366f126;border-color:#2563eb;border-color:var(--primary)}body.dark-mode [class*=info],body.dark-mode [class*=label],body.dark-mode [class*=name],body.dark-mode [class*=text],body.dark-mode [class*=title]{color:inherit}.chat-messages{flex:1 1;overflow-y:auto}.contact-requests-view{margin:0 auto;max-width:900px;padding:2rem}.requests-container{margin-top:2rem}.empty-requests{background:#fff;background:var(--white);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow);padding:4rem 2rem;text-align:center}.empty-requests .empty-icon{display:block;font-size:4rem;margin-bottom:1rem}.empty-requests h3{font-size:1.25rem;margin-bottom:.5rem}.empty-requests p{color:#6b7280;color:var(--text-light)}.requests-list{display:flex;flex-direction:column;gap:1rem}.request-card{background:#fff;background:var(--white);border-left:4px solid #00000014;border-left:4px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow);padding:1.5rem;transition:all .2s ease}.request-card.unread{background:linear-gradient(90deg,#6366f10d,#fff);background:linear-gradient(to right,#6366f10d,var(--white));border-left-color:#2563eb;border-left-color:var(--primary)}.request-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.request-company{color:#1f2937;color:var(--text);font-size:1.2rem;font-weight:700}.request-date{color:#6b7280;color:var(--text-light);font-size:.85rem}.request-contact{display:flex;flex-wrap:wrap;font-size:.95rem;gap:1rem;margin-bottom:1rem}.request-contact strong{color:#1f2937;color:var(--text)}.request-contact a{color:#2563eb;color:var(--primary);text-decoration:none}.request-contact a:hover{text-decoration:underline}.request-contact span{color:#6b7280;color:var(--text-light)}.request-needs{background:#f8fafa;background:var(--bg-light);border-left:3px solid #3b82f6;border-left:3px solid var(--primary-light);border-radius:8px;border-radius:var(--radius);color:#1f2937;color:var(--text);font-size:.95rem;margin-bottom:1rem;padding:1rem}.request-actions{display:flex;gap:.75rem}.request-actions .btn-primary{align-items:center;display:inline-flex;gap:.5rem;text-decoration:none}body.dark-mode .request-card{background:#1e293b}body.dark-mode .request-card.unread{background:linear-gradient(90deg,#6366f11a,#1e293b)}body.dark-mode .request-company{color:#f3f4f6}body.dark-mode .request-needs{background:#334155;color:#d1d5db}body.dark-mode .empty-requests{background:#1e293b}body.dark-mode .empty-requests h3{color:#f3f4f6}.sidebar-badge{background:#ef4444;background:var(--danger);border-radius:10px;color:#fff;font-size:.7rem;font-weight:700;margin-left:auto;padding:2px 6px}.typing-indicator{align-items:center;animation:fadeIn .3s ease;background:#f8fafa;background:var(--bg-light);border-radius:16px;display:flex;gap:4px;margin-left:8px;padding:8px 12px;width:-webkit-fit-content;width:fit-content}.typing-dot{animation:typingBounce 1.4s ease-in-out infinite;background:#6b7280;background:var(--text-light);border-radius:50%;height:8px;width:8px}.typing-dot:first-child{animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.typing-text{color:#6b7280;color:var(--text-light);font-size:.8rem;font-style:italic;margin-left:4px}@keyframes typingBounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}}body.dark-mode .typing-indicator{background:#334155}body.dark-mode .typing-dot{background:#9ca3af}.unread-badge{align-items:center;background:#2563eb;background:var(--primary);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:.7rem;font-weight:700;height:20px;justify-content:center;margin-left:auto;min-width:20px}.conv-btn.has-unread{background:#6366f114}.conv-btn.has-unread .conv-name{font-weight:700}body.dark-mode .conv-btn.has-unread{background:#6366f126}.upcoming-actions{align-items:center;display:flex;gap:.5rem;margin-left:auto}.cal-export-btn{align-items:center;background:#f8fafa;background:var(--bg-light);border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.cal-export-btn:hover{background:#3b82f6;background:var(--primary-light);transform:scale(1.1)}body.dark-mode .cal-export-btn{background:#334155}body.dark-mode .cal-export-btn:hover{background:#2563eb;background:var(--primary)}.user-photo-anim{border:3px solid #fff;border-radius:50%;box-shadow:0 4px 15px #00000026;height:48px;object-fit:cover;width:48px}@media (max-width:768px){.user-photo-anim{border-width:2px;height:36px;width:36px}}@media (max-width:480px){.user-photo-anim{height:28px;width:28px}}body.dark-mode .user-photo-anim{border-color:#334155}.conv-btn{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius);cursor:pointer;display:flex;gap:.75rem;padding:.75rem;text-align:left;transition:background .2s;width:100%}.conv-btn:hover{background:#f8fafa;background:var(--bg-light)}.conv-btn.active{background:#6366f11a}.conv-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.conv-name{color:#1f2937;color:var(--text);font-weight:500}.conv-last,.conv-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-last{color:#6b7280;color:var(--text-light);font-size:.85rem}@media (min-width:1600px){.app-container{max-width:100%}.main-content{padding:24px 48px}.calendar-view,.calls-view,.contact-requests-view,.dashboard-view,.main-content,.messages-view,.profile-view,.questions-view{margin:0 auto;max-width:1400px}}@media (min-width:1920px){.main-content{padding:32px 64px}.calendar-view,.calls-view,.dashboard-view,.main-content,.messages-view,.profile-view{max-width:1600px}}@media (max-width:768px){.modal-overlay{-webkit-overflow-scrolling:touch!important;align-items:flex-start!important;background:#000000b3!important;display:flex!important;inset:0!important;justify-content:center!important;padding:1rem!important;position:fixed!important;z-index:99999!important}.modal,.modal-overlay{overflow-y:auto!important}.modal{border-radius:16px!important;box-shadow:0 25px 60px #0006!important;margin:2rem auto!important;max-height:85vh!important;max-width:400px!important;position:relative!important;width:95vw!important}.modal-close{background:#fff!important;display:block!important;margin-left:auto!important;position:-webkit-sticky!important;position:sticky!important;right:0!important;top:0!important;z-index:100!important}body.dark-mode .modal-close{background:#1e293b!important}.feedback-modal,.invite-modal,.roleplay-modal,.time-modal{max-height:80vh!important}.hours-container,.time-slots-list{max-height:40vh!important;overflow-y:auto!important}.hero-2026{display:flex!important;flex-direction:column!important;gap:2rem!important;padding:6rem 1rem 2rem!important}.hero-preview-container{display:block!important;margin:0!important;max-width:100%!important;opacity:1!important;order:2;padding:0!important;visibility:visible!important;width:100%!important}.hero-preview-frame{border-radius:12px!important;margin:0 auto!important;max-width:350px!important;transform:none!important;width:100%!important}.preview-content{min-height:150px!important;padding:1rem!important}.preview-matching-demo{transform:scale(.9)}.matching-animation{gap:.5rem!important}.user-card{padding:.4rem .6rem!important}.user-photo-anim{height:32px!important;width:32px!important}.user-card span{font-size:.65rem!important}.matching-pulse{height:28px!important;width:28px!important}.match-icon{font-size:.9rem!important}.matching-status{font-size:.7rem!important;padding:.4rem .6rem!important}.status-text{font-size:.65rem!important}}@media (max-width:480px){.hero-preview-frame{max-width:300px!important}.preview-content{min-height:130px!important;padding:.75rem!important}.user-photo-anim{height:28px!important;width:28px!important}.user-card span{font-size:.6rem!important}.matching-pulse{height:24px!important;width:24px!important}}.meeting-reminder-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;padding:1rem;z-index:999999}.meeting-reminder-popup{animation:popIn .4s cubic-bezier(.175,.885,.32,1.275);border-radius:20px;box-shadow:0 25px 80px #0000004d;padding:2.5rem 2rem;width:100%}@keyframes popIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.reminder-icon{animation:shake .5s ease-in-out infinite;font-size:4rem;margin-bottom:1rem}@keyframes shake{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.meeting-reminder-popup h3{color:#1f2937;font-weight:700;margin-bottom:.75rem}.reminder-text{color:#4b5563;font-size:1.1rem;line-height:1.5;margin-bottom:1.5rem}.reminder-text strong{color:#2563eb;color:var(--primary)}.reminder-time{color:#ef4444}.btn-join-now,.reminder-time{font-size:1.2rem;font-weight:700}.btn-join-now{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 8px 25px #10b98166;color:#fff;justify-content:center;margin-bottom:1rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease;width:100%}.btn-join-now:hover{box-shadow:0 12px 30px #10b98180;transform:translateY(-2px)}.reminder-no-link{color:#9ca3af;font-size:.9rem;margin-bottom:1rem}.reminder-dismiss{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:color .2s}.reminder-dismiss:hover{color:#6b7280}body.dark-mode .meeting-reminder-popup{background:#1e293b}body.dark-mode .meeting-reminder-popup h3{color:#f3f4f6}body.dark-mode .reminder-text{color:#9ca3af}.feedback-combined{display:flex;flex-direction:column;gap:1rem;margin:1rem 0}.feedback-section{position:relative}.feedback-section label{color:#1f2937;color:var(--text);display:block;font-size:.85rem;font-weight:600;margin-bottom:.5rem}.feedback-section textarea{border:1px solid #00000014;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);font-family:inherit;font-size:.95rem;padding:.75rem;resize:vertical;transition:border-color .2s;width:100%}.feedback-section textarea:focus{border-color:#2563eb;border-color:var(--primary);outline:none}.anonymous-badge{background:#f8fafa;background:var(--bg-light);border-radius:4px;bottom:.5rem;color:#6b7280;color:var(--text-light);font-size:.75rem;padding:2px 8px;position:absolute;right:.5rem}.feedback-selected-rating{font-size:2rem;margin:.5rem 0;text-align:center}body.dark-mode .feedback-section label{color:#f3f4f6}body.dark-mode .feedback-section textarea{background:#334155;border-color:#ffffff1a;color:#f3f4f6}body.dark-mode .anonymous-badge{background:#1e293b;color:#9ca3af}.live-call-tracker{animation:livePulse 2s infinite;background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid #ef4444;border-radius:16px;border-radius:var(--radius-lg);margin-bottom:1rem;padding:1.25rem}.live-call-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.live-indicator{animation:blink 1s infinite;background:#ef4444;border-radius:4px;color:#fff;font-size:.7rem;font-weight:700;padding:4px 10px}@keyframes blink{0%,to{opacity:1}50%{opacity:.6}}.live-with{color:#fff;font-size:1.1rem;font-weight:600}.live-call-progress{margin-bottom:1rem}.progress-bar-bg{background:#ffffff1a;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#10b981,#22c55e);border-radius:4px;height:100%;transition:width 1s linear}.timer-display{color:#fff;font-family:SF Mono,Monaco,monospace;font-size:1.5rem;font-weight:700;text-align:center}.timer-max{color:#ffffff80;font-size:.9rem;font-weight:400;margin-left:.25rem}.live-call-join{background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;border-radius:var(--radius);color:#fff;display:block;font-weight:600;padding:.75rem;text-align:center;text-decoration:none;transition:transform .2s,box-shadow .2s}.live-call-join:hover{box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.roleplay-now-btn.blocked{background:linear-gradient(135deg,#6b7280,#4b5563)!important;cursor:not-allowed;opacity:.8}.roleplay-now-btn.blocked:hover{box-shadow:none;transform:none}.roleplay-now-btn.blocked .roleplay-now-icon{animation:none}.roleplay-now-btn.blocked .roleplay-now-subtitle{color:#fbbf24;font-weight:500}.roleplay-now-btn.blocked:after{background:#1f2937;border-radius:6px;bottom:-40px;color:#fff;content:attr(title);font-size:.8rem;left:50%;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s;white-space:nowrap;z-index:10}.roleplay-now-btn.blocked:hover:after{opacity:1}.btn-primary svg,.btn-secondary svg,.card-icon,.dnd-btn svg,.notification-bell svg,.sidebar-icon svg{vertical-align:middle}.card h3{align-items:center;display:flex;gap:.5rem}.card-icon{flex-shrink:0}.btn-primary svg,.btn-secondary svg{margin-right:.25rem}.live-indicator{align-items:center;display:flex;gap:.35rem}.live-indicator svg{animation:pulse 1s infinite}.live-call-join{align-items:center;display:flex;gap:.5rem;justify-content:center}.roleplay-now-icon svg{stroke-width:2.5px}.btn-cancel-roleplay{align-items:center;display:flex;gap:.25rem}.sidebar-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.sidebar-icon svg{stroke-width:1.75px}.logo-icon{align-items:center;display:flex;justify-content:center}.logo-icon svg{color:#2563eb;color:var(--primary)}.dnd-btn,.notification-bell{align-items:center;display:flex;justify-content:center}.no-notifications{align-items:center;display:flex;flex-direction:column;gap:.5rem}.no-notifications svg{color:#6b7280;color:var(--text-light)}.time-modal-pro{border-radius:16px;max-width:540px;overflow:hidden;padding:0;width:95%}.modal-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s;width:36px;z-index:10}.modal-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.time-modal-header{gap:1rem;padding:2rem}.time-modal-icon{border-radius:12px;padding:12px}.time-modal-date .date-weekday{color:#ffffffe6;font-size:.85rem;font-weight:500;letter-spacing:1px}.time-modal-date .date-full{color:#fff;font-size:1.5rem;font-weight:700}.time-modal-pro .modal-instruction{color:#6b7280;color:var(--text-light);font-size:.9rem;margin:0;padding:1rem 1.5rem .5rem;text-align:center}.time-slots-grid{max-height:65vh;overflow-y:auto;padding:0 1.5rem}.time-period{margin-bottom:1.25rem}.period-label{display:block;margin-bottom:.5rem}.period-slots{grid-gap:.5rem;gap:.5rem;grid-template-columns:repeat(3,1fr)}.time-slot-btn{border:2px solid #00000014;border:2px solid var(--border);border-radius:10px;color:#1f2937;color:var(--text);font-size:.9rem;gap:.25rem;padding:.75rem .5rem;transition:all .2s}.time-slot-btn:hover{background:#6366f10d}.time-slot-btn.active,.time-slot-btn:hover{border-color:#2563eb;border-color:var(--primary)}.time-slot-btn.active{background:#2563eb;background:var(--primary)}.time-slot-btn.active:hover{background:#4f46e5;background:var(--primary-dark)}.time-modal-footer{margin-top:1rem;padding:1rem 1.5rem 1.5rem}.selected-summary{gap:.5rem;justify-content:center;margin-bottom:1rem}.selected-summary strong{font-size:1.1rem}.time-modal-footer .modal-actions{display:flex;gap:.75rem}.time-modal-footer .modal-actions button{flex:1 1}.match-modal .modal-header{padding-bottom:0}.match-success-icon{color:#10b981;color:var(--accent)}.no-match-icon{color:#6b7280;color:var(--text-light)}.match-time-info{background:#f8fafa;background:var(--bg-light);border-radius:8px;border-radius:var(--radius);display:flex;flex-direction:column;gap:.5rem;margin:1rem 0;padding:1rem}.match-time-item{align-items:center;color:#1f2937;color:var(--text);display:flex;gap:.75rem}.match-time-item svg{color:#2563eb;color:var(--primary)}.no-match-tips ul{list-style:none;margin:.5rem 0;padding:0}.no-match-tips li{align-items:center;color:#6b7280;color:var(--text-light);display:flex;gap:.5rem;padding:.5rem 0}.no-match-tips li svg{color:#2563eb;color:var(--primary)}.modal-icon-wrapper{align-items:center;border-radius:50%;display:flex;height:64px;justify-content:center;margin-bottom:1rem;width:64px}.modal-icon-wrapper.warning{background:#fef3c7;color:#f59e0b}.modal-icon-wrapper.danger{background:#fee2e2;color:#ef4444}.modal-icon-wrapper.success{background:#d1fae5;color:#10b981}.calendar-event{border-left:3px solid;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;font-size:.8rem;margin-bottom:4px;padding:8px 10px;position:relative;transition:all .2s ease}.calendar-event:hover{box-shadow:0 4px 12px #00000026;transform:translateX(2px)}.calendar-event.scheduled{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left-color:#3b82f6;color:#1e40af}.calendar-event.in-progress{animation:eventPulse 2s infinite;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left-color:#22c55e;color:#166534}@keyframes eventPulse{0%,to{box-shadow:0 1px 3px #22c55e33}50%{box-shadow:0 4px 15px #22c55e66}}.calendar-event.completed{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-left-color:#9ca3af;color:#6b7280;opacity:.8}.event-time{align-items:center;display:flex;font-weight:600;gap:4px;margin-bottom:4px}.event-time svg{height:12px;width:12px}.event-participants{align-items:center;display:flex;gap:6px}.event-avatar{font-size:1rem}.event-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-status-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.65rem;font-weight:600;gap:4px;letter-spacing:.5px;margin-top:4px;padding:2px 6px;text-transform:uppercase}.event-status-badge.live{background:#dcfce7;color:#166534}.event-status-badge.live svg{animation:blink 1s infinite}.btn-find-match{align-items:center;display:inline-flex;font-size:1rem;gap:.5rem;padding:1rem 2rem}.success-message{align-items:center;display:flex;gap:.5rem}.success-message svg{color:#10b981;color:var(--accent)}.feedback-header .feedback-icon{align-items:center;background:#d1fae5;border-radius:50%;color:#10b981;display:flex;height:64px;justify-content:center;margin:0 auto 1rem;width:64px}.feedback-header .feedback-icon svg{height:32px;width:32px}.time-slot-btn.booked{background:#f3f4f6;border-color:#e5e7eb;color:#9ca3af}.time-slot-btn.booked:hover{background:#f3f4f6;border-color:#e5e7eb;transform:none}.time-slot-btn.booked svg{color:#9ca3af}.prep-overlay{align-items:center;animation:fadeIn .3s ease;background:linear-gradient(135deg,#1e1b4b,#312e81,#4338ca);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.prep-content{color:#fff;max-width:400px;padding:2rem;text-align:center}.prep-header{align-items:center;color:#fffc;display:flex;font-size:.9rem;gap:.75rem;justify-content:center;margin-bottom:2rem}.prep-header svg{color:#a5b4fc}.prep-partner{margin-bottom:2rem}.prep-avatar{align-items:center;background:#ffffff26;border:3px solid #ffffff4d;border-radius:50%;display:flex;font-size:3rem;height:100px;justify-content:center;margin:0 auto 1rem;width:100px}.prep-partner h2{font-size:1.75rem;margin:0 0 .25rem}.prep-role{color:#ffffffb3;font-size:.9rem}.prep-countdown{margin:2rem 0}.countdown-number{animation:countPulse 1s ease infinite;font-size:6rem;font-weight:800;line-height:1}.countdown-go{animation:goFlash .5s ease infinite;color:#4ade80;font-size:4rem;font-weight:800}@keyframes countPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes goFlash{0%,to{opacity:1}50%{opacity:.6}}.prep-mission{background:#ffffff1a;border-radius:12px;margin-bottom:1.5rem;padding:1rem}.mission-header{align-items:center;color:#fbbf24;display:flex;font-size:.8rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:1px;margin-bottom:.5rem;text-transform:uppercase}.prep-mission p{color:#ffffffe6;font-size:1rem;margin:0}.prep-tips{display:flex;flex-direction:column;gap:.5rem}.prep-tip{align-items:center;color:#ffffffb3;display:flex;font-size:.85rem;gap:.75rem}.prep-tip svg{color:#a5b4fc;flex-shrink:0}@media (max-width:768px){.modal-overlay{-webkit-overflow-scrolling:touch!important;align-items:flex-start!important;padding:2rem 1rem 1rem!important}.modal,.modal-overlay{overflow-y:auto!important}.modal{margin:0 auto!important;max-height:85vh!important;max-width:420px!important;width:95vw!important}.time-modal-pro{max-height:90vh!important}.time-slots-grid{max-height:45vh!important;overflow-y:auto!important}.period-slots{grid-template-columns:repeat(3,1fr)!important}.time-slot-btn{font-size:.8rem!important;padding:.6rem .3rem!important}.feedback-modal{max-height:85vh!important}.reset-modal{max-height:80vh!important}.modal-actions{background:#fff!important;border-top:1px solid #00000014!important;border-top:1px solid var(--border)!important;bottom:0!important;margin-top:auto!important;padding:1rem 0!important;position:-webkit-sticky!important;position:sticky!important}.prep-content{padding:1.5rem}.prep-avatar{font-size:2.5rem;height:80px;width:80px}.prep-partner h2{font-size:1.5rem}.countdown-number{font-size:4rem}.countdown-go{font-size:3rem}.weekly-calendar{-webkit-overflow-scrolling:touch!important;display:flex!important;gap:.5rem!important;overflow-x:auto!important;padding-bottom:.5rem!important;scroll-snap-type:x mandatory!important}.weekly-day{flex-shrink:0!important;min-width:120px!important;scroll-snap-align:start!important}.calendar-grid{-webkit-overflow-scrolling:touch!important;display:flex!important;overflow-x:auto!important}.calendar-body,.calendar-header{min-width:800px!important}.day-column{flex-shrink:0!important;min-width:100px!important}.calendar-grid:after{background:#f0f5f4;background:var(--bg);border-radius:12px;bottom:.5rem;color:#6b7280;color:var(--text-light);content:"← Scroll →";font-size:.75rem;left:50%;padding:4px 12px;pointer-events:none;position:absolute;transform:translateX(-50%)}}.reminder-icon{color:#f59e0b;margin:0 auto 1rem}.reminder-icon svg{height:40px;width:40px}.btn-join-now{align-items:center;display:inline-flex;gap:.5rem}.cyber-call-tracker{animation:slideDownSpring .6s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0f172af2,#1e293bf2);border-radius:16px;margin-bottom:1rem;overflow:hidden;position:relative}@keyframes slideDownSpring{0%{opacity:0;transform:translateY(-100%)}60%{transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cyber-glow-border{animation:borderGlow 3s ease infinite;background:linear-gradient(135deg,#06b6d4,#8b5cf6,#ec4899,#06b6d4);background-size:300% 300%;border-radius:16px;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;position:absolute}@keyframes borderGlow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.cyber-content{padding:1.25rem;position:relative;z-index:1}.cyber-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.cyber-live-badge{align-items:center;background:#ef444433;border:1px solid #ef444480;border-radius:20px;color:#f87171;display:flex;font-size:.7rem;font-weight:700;gap:8px;letter-spacing:1.5px;padding:6px 12px;text-transform:uppercase}.live-dot{animation:livePulse 1s ease-in-out infinite;background:#ef4444;border-radius:50%;box-shadow:0 0 10px #ef4444;height:8px;width:8px}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.cyber-timer{color:#22d3ee;font-family:SF Mono,Monaco,Consolas,monospace;font-size:1.75rem;font-weight:700;letter-spacing:2px;text-shadow:0 0 20px #22d3ee80;transition:all .3s ease}.cyber-partner{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:1rem;margin-bottom:1rem;padding:.75rem}.cyber-avatar-ring{background:linear-gradient(135deg,#06b6d4,#8b5cf6);border-radius:50%;padding:3px;position:relative}.cyber-avatar{align-items:center;background:#1e293b;border-radius:50%;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.cyber-partner-info{display:flex;flex-direction:column}.cyber-label{color:#ffffff80;font-size:.65rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.cyber-name{color:#fff;font-size:1.1rem;font-weight:600}.cyber-progress{margin-bottom:1rem}.cyber-progress-track{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden;position:relative}.cyber-progress-fill{animation:gradientShift 2s ease infinite;background:linear-gradient(90deg,#06b6d4,#8b5cf6,#ec4899);background-size:200% 100%;border-radius:4px;height:100%;position:relative;transition:width 1s linear}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.cyber-progress-glow{animation:glowPulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff9);bottom:0;position:absolute;right:0;top:0;width:20px}@keyframes glowPulse{0%,to{opacity:.5}50%{opacity:1}}.cyber-scanline{animation:scanline 2s linear infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:100%;left:-100%;position:absolute;top:0;width:50%}@keyframes scanline{0%{left:-50%}to{left:150%}}.cyber-progress-labels{color:#fff6;display:flex;font-family:SF Mono,monospace;font-size:.7rem;justify-content:space-between;margin-top:6px}.cyber-duration{color:#fff9;font-weight:600}.cyber-rejoin-btn{align-items:center;background:linear-gradient(135deg,#10b98133,#06b6d433);border:1px solid #10b98180;border-radius:10px;color:#34d399;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:1px;padding:.875rem;text-decoration:none;transition:all .3s ease;width:100%}.cyber-rejoin-btn:hover{background:linear-gradient(135deg,#10b9814d,#06b6d44d);box-shadow:0 10px 30px #10b9814d;transform:translateY(-2px)}.booking-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ae6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.booking-overlay-card{background:linear-gradient(135deg,#1e293bf2,#0f172af2);border:1px solid #6366f14d;border-radius:24px;max-width:400px;overflow:hidden;padding:2.5rem;position:relative;text-align:center;width:90%}.booking-overlay-card:before{animation:topScan 2s linear infinite;background:linear-gradient(90deg,#0000,#6366f1,#8b5cf6,#0000);content:"";height:2px;left:-100%;position:absolute;top:0;width:200%}@keyframes topScan{0%{left:-100%}to{left:100%}}.booking-sync-animation{height:100px;margin:0 auto 1.5rem;position:relative;width:100px}.sync-ring{border:2px solid #6366f14d;border-radius:50%;inset:0;position:absolute}.sync-ring.ring-1{animation:ringPulse 2s ease-out infinite}.sync-ring.ring-2{animation:ringPulse 2s ease-out .5s infinite}.sync-ring.ring-3{animation:ringPulse 2s ease-out 1s infinite}@keyframes ringPulse{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.5)}}.sync-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;height:60px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px}.booking-overlay-card h2{color:#fff;font-size:1.5rem;margin:0 0 .5rem}.booking-sync-text{color:#fff9;font-size:.9rem;margin-bottom:1.5rem}.booking-partner-preview{background:#ffffff0d;border:1px solid #ffffff1a;gap:1rem;margin-bottom:1.5rem;padding:1rem}.booking-avatar,.booking-partner-preview{align-items:center;border-radius:12px;display:flex}.booking-avatar{background:#6366f133;font-size:1.5rem;height:50px;justify-content:center;width:50px}.booking-partner-details{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.booking-partner-name{color:#fff;font-size:1rem;font-weight:600}.booking-partner-time{align-items:center;color:#ffffff80;display:flex;font-size:.8rem;gap:8px}.booking-partner-time svg{height:14px;width:14px}.mission-brief{background:#fbbf241a;border:1px solid #fbbf244d;border-radius:12px;margin-bottom:1.5rem;padding:1rem;text-align:left}.mission-brief-header{align-items:center;color:#fbbf24;display:flex;font-size:.7rem;font-weight:700;gap:8px;letter-spacing:1px;margin-bottom:.75rem}.mission-focus{color:#fff;font-weight:600;margin:0 0 .5rem}.mission-objectives{list-style:none;margin:0;padding:0}.mission-objectives li{align-items:center;color:#ffffffb3;display:flex;font-size:.85rem;gap:8px;padding:4px 0}.mission-objectives li svg{color:#22c55e}.booking-progress-dots{display:flex;gap:8px;justify-content:center}.booking-progress-dots .dot{background:#fff3;border-radius:50%;height:8px;transition:all .3s ease;width:8px}.booking-progress-dots .dot.active{animation:dotPulse 1s ease infinite;background:#6366f1}@keyframes dotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@media (max-width:768px){.cyber-call-tracker{border-radius:0 0 16px 16px;margin:0 -.5rem 1rem}.cyber-timer{font-size:1.25rem}.booking-overlay-card{margin:1rem;padding:1.5rem}}:root{--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#3b82f6;--primary-soft:#2563eb14;--primary-glow:#2563eb66;--accent:#10b981;--accent-hover:#059669;--accent-soft:#10b98114;--gray-900:#0f172a;--gray-800:#1e293b;--gray-700:#334155;--gray-600:#475569;--gray-500:#64748b;--gray-400:#94a3b8;--gray-300:#cbd5e1;--gray-200:#e2e8f0;--gray-100:#f1f5f9;--gray-50:#f8fafc;--bg-base:#f8fafc;--bg-elevated:#fff;--border:#00000014;--border-hover:#0000001f;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 12px 32px #00000014;--shadow-xl:0 20px 40px #0000001a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--transition:0.2s ease;--transition-fast:0.15s ease}body{background:#f8fafc!important;background:var(--bg-base)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}.modal-overlay{animation:fadeIn .15s ease!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;background:#0f172a80!important}.modal{animation:scaleIn .2s ease!important;border:1px solid #00000014!important;border:1px solid var(--border)!important;border-radius:20px!important;border-radius:var(--radius-xl)!important;box-shadow:0 20px 40px #0000001a!important;box-shadow:var(--shadow-xl)!important;padding:28px!important}.modal,.sidebar{background:#fff!important;background:var(--bg-elevated)!important}.sidebar{border-right:1px solid #00000014!important;border-right:1px solid var(--border)!important}.sidebar-logo{border-bottom:1px solid #00000014!important;border-bottom:1px solid var(--border)!important;padding:20px!important}.logo-text{-webkit-text-fill-color:#0f172a!important;-webkit-text-fill-color:var(--gray-900)!important;background:none!important;color:#0f172a!important;color:var(--gray-900)!important;font-weight:700!important}.logo-icon-svg{color:#2563eb!important;color:var(--primary)!important}.sidebar-item{border-radius:12px!important;border-radius:var(--radius-md)!important;color:#475569!important;color:var(--gray-600)!important;margin:4px 12px!important;padding:10px 14px!important;transition:all .15s ease!important;transition:all var(--transition-fast)!important}.sidebar-item:hover{background:#f8fafc!important;background:var(--gray-50)!important;color:#0f172a!important;color:var(--gray-900)!important}.sidebar-item.active{background:#2563eb14!important;background:var(--primary-soft)!important}.sidebar-item.active,.sidebar-item.active .sidebar-icon svg,.sidebar-item.active .sidebar-label{color:#2563eb!important;color:var(--primary)!important}.header{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#ffffffe6!important;border-bottom:1px solid #00000014!important;border-bottom:1px solid var(--border)!important}.dnd-btn,.notification-bell{background:#f8fafc!important;background:var(--gray-50)!important;border:1px solid #00000014!important;border:1px solid var(--border)!important;border-radius:12px!important;border-radius:var(--radius-md)!important;height:40px!important;transition:all .15s ease!important;transition:all var(--transition-fast)!important;width:40px!important}.dnd-btn:hover,.notification-bell:hover{background:#f1f5f9!important;background:var(--gray-100)!important;border-color:#0000001f!important;border-color:var(--border-hover)!important}.card{animation:slideUp .3s ease!important;background:#fff!important;background:var(--bg-elevated)!important;border:1px solid #00000014!important;border:1px solid var(--border)!important;border-radius:16px!important;border-radius:var(--radius-lg)!important;box-shadow:0 1px 2px #0000000a!important;box-shadow:var(--shadow-sm)!important;padding:24px!important;transition:all .2s ease!important;transition:all var(--transition)!important}.card:hover{border-color:#0000001f!important;border-color:var(--border-hover)!important;box-shadow:0 4px 12px #0000000f!important;box-shadow:var(--shadow-md)!important}.card.highlight{border:2px solid #2563eb!important;border:2px solid var(--primary)!important}.btn-primary{background:#2563eb!important;background:var(--primary)!important;border:none!important;border-radius:12px!important;border-radius:var(--radius-md)!important;color:#fff!important;font-weight:600!important;padding:10px 20px!important;transition:all .15s ease!important;transition:all var(--transition-fast)!important}.btn-primary:hover{background:#1d4ed8!important;background:var(--primary-hover)!important}.btn-secondary{background:#fff!important;background:var(--bg-elevated)!important;border:1px solid #00000014!important;border:1px solid var(--border)!important;border-radius:12px!important;border-radius:var(--radius-md)!important;color:#334155!important;color:var(--gray-700)!important;font-weight:600!important;padding:10px 20px!important;transition:all .15s ease!important;transition:all var(--transition-fast)!important}.btn-secondary:hover{border-color:#2563eb!important;border-color:var(--primary)!important;color:#2563eb!important;color:var(--primary)!important}.cyber-call-tracker{animation:slideDownSmooth .5s cubic-bezier(.4,0,.2,1)!important;background:linear-gradient(135deg,#2563eb,#1e40af)!important;background:linear-gradient(135deg,var(--primary) 0,#1e40af 100%)!important;border:none!important;border-radius:16px!important;border-radius:var(--radius-lg)!important;box-shadow:0 8px 32px #2563eb40!important;margin-bottom:20px!important;overflow:hidden!important}@keyframes slideDownSmooth{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.cyber-glow-border{display:none!important}.cyber-content{color:#fff!important;padding:20px!important}.cyber-header{justify-content:space-between!important;margin-bottom:16px!important}.cyber-header,.cyber-live-badge{align-items:center!important;display:flex!important}.cyber-live-badge{background:#fff3!important;border:none!important;border-radius:20px!important;color:#fff!important;font-size:11px!important;font-weight:700!important;gap:8px!important;letter-spacing:1px!important;padding:6px 12px!important}.live-dot{animation:pulse 1.5s infinite!important;background:#4ade80!important;border-radius:50%!important;box-shadow:0 0 8px #4ade80!important;height:8px!important;width:8px!important}.cyber-timer{color:#fff!important;font-family:SF Mono,Monaco,monospace!important;font-size:2rem!important;font-weight:700!important;letter-spacing:2px!important;text-shadow:0 2px 8px #0003!important;transition:all .5s cubic-bezier(.4,0,.2,1)!important}.cyber-partner{align-items:center!important;background:#ffffff1a!important;border:1px solid #ffffff26!important;border-radius:12px!important;border-radius:var(--radius-md)!important;display:flex!important;gap:14px!important;margin-bottom:16px!important;padding:14px!important}.cyber-avatar-ring{background:linear-gradient(135deg,#4ade80,#22d3ee)!important;border-radius:50%!important;padding:2px!important}.cyber-avatar{align-items:center!important;background:#1e40afcc!important;border-radius:50%!important;display:flex!important;font-size:1.3rem!important;height:44px!important;justify-content:center!important;width:44px!important}.cyber-partner-info{flex:1 1!important}.cyber-label{color:#fff9!important;font-size:10px!important;letter-spacing:1px!important;text-transform:uppercase!important}.cyber-label,.cyber-name{font-weight:600!important}.cyber-name{color:#fff!important;font-size:1rem!important}.cyber-progress{margin-bottom:16px!important}.cyber-progress-track{background:#fff3!important;border-radius:3px!important;height:6px!important;overflow:hidden!important}.cyber-progress-fill{background:linear-gradient(90deg,#4ade80,#22d3ee)!important;border-radius:3px!important;height:100%!important;position:relative!important;transition:width 1s linear!important}.cyber-progress-fill:after{animation:shimmer 2s infinite!important;background:linear-gradient(90deg,#0000,#fff6,#0000)!important;content:""!important;height:100%!important;position:absolute!important;top:0!important;width:60px!important}.cyber-progress-glow,.cyber-scanline{display:none!important}.cyber-progress-labels{color:#ffffff80!important;display:flex!important;font-size:11px!important;justify-content:space-between!important;margin-top:8px!important}.cyber-duration{color:#ffffffb3!important}.cyber-rejoin-btn{align-items:center!important;background:#ffffff26!important;border:1px solid #fff3!important;border-radius:12px!important;border-radius:var(--radius-md)!important;color:#fff!important;display:flex!important;font-weight:600!important;gap:8px!important;justify-content:center!important;padding:12px!important;text-decoration:none!important;transition:all .15s ease!important;transition:all var(--transition-fast)!important;width:100%!important}.cyber-rejoin-btn:hover{background:#ffffff40!important;border-color:#ffffff4d!important}.roleplay-now-btn{background:linear-gradient(135deg,#10b981,#059669)!important;background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%)!important;border:none!important;border-radius:16px!important;border-radius:var(--radius-lg)!important;box-shadow:0 6px 24px #10b9814d!important;padding:18px 24px!important;transition:all .2s ease!important;transition:all var(--transition)!important}.roleplay-now-btn:hover{box-shadow:0 10px 32px #10b98166!important;transform:translateY(-2px)}.roleplay-now-btn.blocked{background:#94a3b8!important;background:var(--gray-400)!important;box-shadow:none!important}.feedback-ratings{display:flex!important;gap:16px!important;justify-content:center!important;margin:24px 0!important}.rating-btn{align-items:center!important;background:#fff!important;background:var(--bg-elevated)!important;border:2px solid #00000014!important;border:2px solid var(--border)!important;border-radius:16px!important;border-radius:var(--radius-lg)!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;gap:8px!important;padding:20px 32px!important;transition:all .2s ease!important;transition:all var(--transition)!important}.rating-btn svg{stroke-width:1.5!important;height:48px!important;width:48px!important}.rating-btn span{color:#475569!important;color:var(--gray-600)!important;font-weight:600!important}.rating-btn.okay svg{color:#94a3b8!important;color:var(--gray-400)!important}.rating-btn.great svg{color:#10b981!important;color:var(--accent)!important}.rating-btn:hover{background:#2563eb14!important;background:var(--primary-soft)!important;border-color:#2563eb!important;border-color:var(--primary)!important}.rating-btn.okay:hover svg{color:#2563eb!important;color:var(--primary)!important}.rating-btn.great:hover svg{color:#10b981!important;color:var(--accent)!important}.feedback-selected-rating{display:flex!important;justify-content:center!important;margin:16px 0!important}.feedback-selected-rating svg,.rating-icon.great{color:#10b981!important;color:var(--accent)!important}.rating-icon.okay{color:#94a3b8!important;color:var(--gray-400)!important}.rating-great{color:#10b981!important;color:var(--accent)!important}.rating-okay{color:#94a3b8!important;color:var(--gray-400)!important}.goal-met{color:#10b981!important;color:var(--accent)!important}.goal-missed{color:#ef4444!important}.notification-dropdown{animation:slideDown .15s ease!important;background:#fff!important;background:var(--bg-elevated)!important;border:1px solid #00000014!important;border:1px solid var(--border)!important;border-radius:16px!important;border-radius:var(--radius-lg)!important;box-shadow:0 12px 32px #00000014!important;box-shadow:var(--shadow-lg)!important}.notification-item{border-bottom:1px solid #00000014!important;border-bottom:1px solid var(--border)!important;padding:14px!important;transition:background .15s ease!important;transition:background var(--transition-fast)!important}.notification-item:hover{background:#f8fafc!important;background:var(--gray-50)!important}.notification-item.unread{background:#2563eb14!important;background:var(--primary-soft)!important}.notification-icon{align-items:center!important;background:#2563eb!important;background:var(--primary)!important;border-radius:12px!important;border-radius:var(--radius-md)!important;color:#fff!important;display:flex!important;height:40px!important;justify-content:center!important;width:40px!important}.time-modal-pro{animation:scaleIn .2s ease!important;border-radius:20px!important;border-radius:var(--radius-xl)!important}.time-slot-btn{border:1px solid #00000014!important;border:1px solid var(--border)!important;border-radius:12px!important;border-radius:var(--radius-md)!important;font-weight:500!important;padding:10px!important;transition:all .15s ease!important;transition:all var(--transition-fast)!important}.time-slot-btn:hover{background:#2563eb14!important;background:var(--primary-soft)!important}.time-slot-btn.active,.time-slot-btn:hover{border-color:#2563eb!important;border-color:var(--primary)!important}.time-slot-btn.active{background:#2563eb!important;background:var(--primary)!important;color:#fff!important}.weekly-day{background:#fff!important;background:var(--bg-elevated)!important;border:1px solid #00000014!important;border:1px solid var(--border)!important;border-radius:12px!important;border-radius:var(--radius-md)!important;transition:all .2s ease!important;transition:all var(--transition)!important}.weekly-day:hover:not(.past){box-shadow:0 4px 12px #0000000f!important;box-shadow:var(--shadow-md)!important}.weekly-day.today,.weekly-day:hover:not(.past){border-color:#2563eb!important;border-color:var(--primary)!important}.weekly-day.has-slots{background:#10b98114!important;background:var(--accent-soft)!important;border-color:#10b981!important;border-color:var(--accent)!important}.message.sent .message-bubble{background:#2563eb!important;background:var(--primary)!important;border-radius:16px 16px 4px 16px!important;color:#fff!important}.message.received .message-bubble{background:#f1f5f9!important;background:var(--gray-100)!important;border-radius:16px 16px 16px 4px!important;color:#0f172a!important;color:var(--gray-900)!important}.booking-overlay,.prep-overlay{animation:fadeIn .15s ease!important}.booking-overlay-card{animation:scaleIn .2s ease!important}.booking-overlay-card:before{display:none!important}.stat-icon{background:#2563eb14!important;background:var(--primary-soft)!important;border-radius:12px!important;border-radius:var(--radius-md)!important;color:#2563eb!important;color:var(--primary)!important;height:48px!important;width:48px!important}.activity-icon,.stat-icon{align-items:center!important;display:flex!important;justify-content:center!important}.activity-icon{background:#f1f5f9!important;background:var(--gray-100)!important;border-radius:8px!important;border-radius:var(--radius-sm)!important;color:#64748b!important;color:var(--gray-500)!important;height:32px!important;width:32px!important}.mobile-logo{align-items:center!important;color:#0f172a!important;color:var(--gray-900)!important;display:flex!important;font-weight:700!important;gap:8px!important}.mobile-logo svg{color:#2563eb!important;color:var(--primary)!important}.community-badge{align-items:center!important;display:flex!important;gap:6px!important}.community-badge svg{color:#94a3b8!important;color:var(--gray-400)!important}.auth-icon{border-radius:50%!important;height:64px!important;margin:0 auto 16px!important;width:64px!important}.auth-icon,.bento-icon-badge{align-items:center!important;background:#2563eb14!important;background:var(--primary-soft)!important;color:#2563eb!important;color:var(--primary)!important;display:flex!important;justify-content:center!important}.bento-icon-badge{border-radius:12px!important;border-radius:var(--radius-md)!important;height:44px!important;margin-bottom:12px!important;width:44px!important}.event-detail-icon{background:#f1f5f9!important;background:var(--gray-100)!important;border-radius:8px!important;border-radius:var(--radius-sm)!important;color:#64748b!important;color:var(--gray-500)!important;height:32px!important;justify-content:center!important;width:32px!important}.event-detail-icon,.reflection-rating{align-items:center!important;display:flex!important}.reflection-rating svg{height:20px!important;width:20px!important}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--gray-400)}.btn-accept,.btn-cancel-invite,.btn-check-calendar,.btn-decline,.btn-invite{align-items:center!important;display:inline-flex!important;gap:6px!important}.invite-message-header{align-items:center!important;display:flex!important;font-weight:600!important;gap:6px!important}.invite-status{align-items:center!important;display:inline-flex!important;gap:4px!important}.meeting-link-message p{align-items:center!important;display:flex!important;gap:8px!important}.booking-avatar:empty,.chat-avatar:empty,.conv-avatar:empty,.event-avatar:empty,.invite-modal-avatar:empty,.member-avatar:empty,.prep-avatar:empty,.reflection-avatar:empty,.upcoming-avatar:empty{align-items:center!important;background:linear-gradient(135deg,#2563eb14,#2563eb26)!important;background:linear-gradient(135deg,var(--primary-soft),#2563eb26)!important;display:flex!important;justify-content:center!important}.booking-avatar:empty:before,.chat-avatar:empty:before,.conv-avatar:empty:before,.event-avatar:empty:before,.invite-modal-avatar:empty:before,.member-avatar:empty:before,.prep-avatar:empty:before,.reflection-avatar:empty:before,.upcoming-avatar:empty:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563EB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:60%;width:60%}.feature-check-icon{color:#10b981!important;color:var(--accent)!important;flex-shrink:0!important}.pricing-features-list li{align-items:center!important;display:flex!important;gap:10px!important}.checkout-plan-card{background:linear-gradient(135deg,#2563eb14,#2563eb26);background:linear-gradient(135deg,var(--primary-soft),#2563eb26);border:1px solid #2563eb;border:1px solid var(--primary);border-radius:12px;margin-bottom:16px;padding:16px}.checkout-plan-badge{background:#2563eb;background:var(--primary);border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;padding:4px 12px;text-transform:uppercase}.checkout-plan-info{display:flex;flex-direction:column;gap:4px}.checkout-plan-name{color:#0f172a;color:var(--gray-900);font-size:1rem;font-weight:600}.checkout-plan-members{color:#6b7280;color:var(--text-light);font-size:.85rem}.checkout-no-plan{color:#9ca3af;color:var(--text-lighter);padding:20px;text-align:center}.checkout-features{border-top:1px solid #00000014;border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.checkout-features h4{color:#334155;color:var(--gray-700);font-size:.9rem;font-weight:600;margin-bottom:12px}.checkout-features ul{list-style:none;margin:0;padding:0}.checkout-features li{align-items:center;color:#6b7280;color:var(--text-light);display:flex;font-size:.85rem;gap:8px;padding:6px 0}.checkout-features li svg{color:#10b981;color:var(--accent);flex-shrink:0}.checkout-info{background:#f0f5f4;background:var(--bg);border-radius:12px;margin-bottom:20px;padding:20px}.checkout-info p{color:#6b7280;color:var(--text-light);font-size:.9rem;margin-bottom:16px}.checkout-trust-badges{display:flex;gap:16px}.trust-badge{align-items:center;color:#475569;color:var(--gray-600);display:flex;font-size:.8rem;gap:8px}.trust-badge svg{color:#10b981;color:var(--accent)}.checkout-secure{align-items:center!important;color:#6b7280!important;color:var(--text-light)!important;display:flex!important;gap:8px!important;margin-bottom:20px!important}.checkout-secure svg{color:#10b981;color:var(--accent)}.btn-checkout{align-items:center!important;display:flex!important;font-size:1rem!important;gap:10px!important;justify-content:center!important;padding:16px 24px!important;width:100%}.btn-checkout:disabled{cursor:not-allowed;opacity:.6}.pricing-card-2026.selected{border:2px solid #2563eb!important;border:2px solid var(--primary)!important;box-shadow:0 8px 32px #2563eb33!important}.btn-pricing-2026.selected{background:#10b981!important;background:var(--accent)!important}.cookie-consent-banner{animation:slideUp .3s ease;background:#0f172a;background:var(--gray-900);bottom:0;box-shadow:0 -4px 20px #0003;color:#fff;left:0;padding:20px;position:fixed;right:0;z-index:99999}.cookie-content{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin:0 auto;max-width:1200px}.cookie-text{align-items:flex-start;display:flex;flex:1 1;gap:12px;min-width:300px}.cookie-text svg{color:#3b82f6;color:var(--primary-light);flex-shrink:0}.cookie-text p{color:#cbd5e1;color:var(--gray-300);font-size:.9rem;line-height:1.5;margin:0}.cookie-actions{display:flex;flex-wrap:wrap;gap:12px}.btn-cookie-settings{background:#0000;border:1px solid #475569;border:1px solid var(--gray-600);border-radius:8px;color:#cbd5e1;color:var(--gray-300);cursor:pointer;font-size:.85rem;font-weight:500;padding:10px 20px;transition:all .2s}.btn-cookie-settings:hover{border-color:#94a3b8;border-color:var(--gray-400);color:#fff}.btn-cookie-essential{background:#334155;background:var(--gray-700);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:10px 20px;transition:all .2s}.btn-cookie-essential:hover{background:#475569;background:var(--gray-600)}.btn-cookie-accept{background:#2563eb;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:10px 20px;transition:all .2s}.btn-cookie-accept:hover{background:#1d4ed8;background:var(--primary-hover)}.cookie-settings-modal{max-width:500px!important}.cookie-settings-list{display:flex;flex-direction:column;gap:16px;margin:20px 0}.cookie-setting-item{align-items:flex-start;background:#f0f5f4;background:var(--bg);border-radius:12px;display:flex;gap:16px;justify-content:space-between;padding:16px}.cookie-setting-info h4{font-size:.95rem;font-weight:600;margin-bottom:4px}.cookie-setting-info p{color:#6b7280;color:var(--text-light);font-size:.8rem;margin:0}.toggle-always-on{background:#10b9811a;border-radius:20px;color:#10b981;color:var(--accent);font-size:.75rem;font-weight:600;padding:6px 12px}.toggle-switch{display:inline-block;flex-shrink:0;height:26px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#cbd5e1;background-color:var(--gray-300);border-radius:26px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:20px;left:3px;position:absolute;transition:.3s;width:20px}.toggle-switch input:checked+.toggle-slider{background-color:#2563eb;background-color:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(22px)}.cookie-settings-actions{display:flex;gap:12px;justify-content:flex-end}.legal-modal{max-height:80vh!important;max-width:700px!important}.legal-content{max-height:calc(80vh - 60px);overflow-y:auto;padding:24px}.legal-content h1{font-size:1.75rem;font-weight:700;margin-bottom:8px}.legal-updated{color:#6b7280;color:var(--text-light);font-size:.85rem;margin-bottom:24px}.legal-content h2{color:#0f172a;color:var(--gray-900);font-size:1.1rem;font-weight:600;margin-bottom:12px;margin-top:24px}.legal-content p{color:#334155;color:var(--gray-700);font-size:.9rem;line-height:1.6;margin-bottom:12px}.legal-content ul{margin:12px 0;padding-left:24px}.legal-content li{color:#334155;color:var(--gray-700);font-size:.9rem;line-height:1.6;margin-bottom:8px}.legal-content li strong{color:#0f172a;color:var(--gray-900)}.footer-security-badges{display:flex;gap:16px;margin-top:16px}.security-badge{align-items:center;color:#94a3b8;color:var(--gray-400);display:flex;font-size:.75rem;gap:6px}.security-badge svg{color:#10b981;color:var(--accent);height:14px;width:14px}.footer-bottom-links{align-items:center;display:flex;gap:12px}.footer-bottom-links button{background:none;border:none;color:#94a3b8;color:var(--gray-400);cursor:pointer;font-size:.8rem;transition:color .2s}.footer-bottom-links button:hover{color:#fff}.footer-bottom-links span{color:#475569;color:var(--gray-600)}.auth-divider{align-items:center;display:flex;margin:20px 0}.auth-divider:after,.auth-divider:before{background:#00000014;background:var(--border);content:"";flex:1 1;height:1px}.auth-divider span{color:#9ca3af;color:var(--text-lighter);font-size:.85rem;padding:0 16px}.btn-google{align-items:center;background:#fff;border:1px solid #00000014;border:1px solid var(--border);border-radius:8px;color:#334155;color:var(--gray-700);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:12px;justify-content:center;padding:12px 20px;transition:all .2s;width:100%}.btn-google:hover{background:#f8fafc;background:var(--gray-50);border-color:#cbd5e1;border-color:var(--gray-300);box-shadow:0 2px 8px #00000014}.btn-google svg{flex-shrink:0}@media (max-width:768px){.cookie-consent-banner{padding:16px}.cookie-content{align-items:stretch;flex-direction:column}.cookie-text{min-width:auto}.cookie-actions{flex-direction:column}.cookie-actions button{width:100%}.footer-bottom{flex-direction:column;text-align:center}}.success-card{animation:successSlideUp .6s ease;background:#fff;border-radius:24px;box-shadow:0 25px 80px #2563eb26;max-width:600px;padding:48px;text-align:center;width:100%}@keyframes successSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.success-animation{margin-bottom:24px;position:relative}.success-checkmark{align-items:center;animation:checkmarkPop .5s ease .2s both;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;height:100px;justify-content:center;margin:0 auto;width:100px}@keyframes checkmarkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.success-checkmark svg{animation:checkmarkDraw .5s ease .5s both;color:#fff}@keyframes checkmarkDraw{0%{stroke-dashoffset:100;opacity:0}to{stroke-dashoffset:0;opacity:1}}.success-card h1{color:#0f172a;color:var(--gray-900);font-size:2rem;font-weight:700;margin-bottom:12px}.success-subtitle{color:#6b7280;color:var(--text-light);font-size:1.1rem;margin-bottom:24px}.success-plan-info{align-items:center;background:linear-gradient(135deg,#2563eb14,#8b5cf61a);background:linear-gradient(135deg,var(--primary-soft),#8b5cf61a);border-radius:50px;display:inline-flex;gap:12px;margin-bottom:32px;padding:12px 24px}.success-plan-badge{background:linear-gradient(135deg,#2563eb,#8b5cf6);background:linear-gradient(135deg,var(--primary),#8b5cf6);border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;padding:6px 16px}.success-plan-info span:last-child{color:#334155;color:var(--gray-700);font-weight:600}.success-next-steps{margin-bottom:32px;text-align:left}.success-next-steps h3{color:#0f172a;color:var(--gray-900);font-size:1.1rem;font-weight:600;margin-bottom:20px}.next-steps-list{display:flex;flex-direction:column;gap:16px}.next-step{align-items:flex-start;display:flex;gap:16px}.step-number{align-items:center;background:linear-gradient(135deg,#2563eb,#8b5cf6);background:linear-gradient(135deg,var(--primary),#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.step-content h4{color:#0f172a;color:var(--gray-900);font-size:.95rem;font-weight:600;margin-bottom:4px}.step-content p{font-size:.85rem;line-height:1.5}.step-content p,.success-email-note{color:#6b7280;color:var(--text-light)}.success-email-note{align-items:center;background:#f0f5f4;background:var(--bg);border-radius:12px;display:flex;font-size:.9rem;gap:10px;justify-content:center;margin-bottom:24px;padding:16px 24px}.success-email-note svg{color:#2563eb;color:var(--primary);flex-shrink:0}.btn-success-continue{align-items:center;background:linear-gradient(135deg,#2563eb,#8b5cf6);background:linear-gradient(135deg,var(--primary),#8b5cf6);border:none;border-radius:12px;box-shadow:0 8px 30px #2563eb4d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:10px;justify-content:center;padding:16px 32px;transition:all .3s ease;width:100%}.btn-success-continue:hover{box-shadow:0 12px 40px #2563eb66;transform:translateY(-2px)}.success-support{color:#6b7280;color:var(--text-light);font-size:.9rem;margin-top:20px}.success-support button{background:none;border:none;color:#2563eb;color:var(--primary);cursor:pointer;font-weight:500}.success-support button:hover{text-decoration:underline}.bug-report-modal{max-width:480px!important}.bug-report-modal .modal-icon svg{color:#2563eb;color:var(--primary)}.feedback-type-buttons{display:flex;gap:10px}.feedback-type-btn{align-items:center;background:#f0f5f4;background:var(--bg);border:2px solid #0000;border-radius:10px;color:#6b7280;color:var(--text-light);cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.feedback-type-btn:hover{border-color:#00000014;border-color:var(--border);color:#1f2937;color:var(--text)}.feedback-type-btn.active{background:#2563eb14;background:var(--primary-soft);border-color:#2563eb;border-color:var(--primary);color:#2563eb;color:var(--primary)}.feedback-type-btn svg{height:18px;width:18px}.bug-report-success{padding:24px 0;text-align:center}.bug-report-success svg{color:#10b981;color:var(--accent);margin-bottom:16px}.bug-report-success h3{font-size:1.25rem;margin-bottom:8px}.bug-report-success p{color:#6b7280;color:var(--text-light);margin-bottom:24px}.form-hint{color:#9ca3af;color:var(--text-lighter);display:block;font-size:.75rem;margin-top:6px}.sidebar-item.bug-report{color:#6b7280;color:var(--text-light)}.sidebar-item.bug-report:hover{background:#f59e0b1a;color:#f59e0b;color:var(--warning)}.sidebar-item.billing{color:#6b7280;color:var(--text-light)}.sidebar-item.billing:hover{background:#2563eb14;background:var(--primary-soft);color:#2563eb;color:var(--primary)}@media (max-width:640px){.success-card{padding:32px 24px}.success-card h1{font-size:1.5rem}.success-plan-info{gap:8px;padding:16px 20px}.feedback-type-buttons,.success-plan-info{flex-direction:column}}.currency-selector{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:8px;padding:8px 12px;transition:all .2s ease}.currency-selector:hover{background:#ffffff1a;border-color:#fff3}.currency-selector svg{color:#94a3b8;color:var(--gray-400);flex-shrink:0}.currency-select{background:#0000;border:none;color:#cbd5e1;color:var(--gray-300);cursor:pointer;font-size:.85rem;font-weight:500;outline:none;padding-right:8px}.currency-select option{background:#1e293b;background:var(--gray-800);color:#fff;padding:8px}.footer-bottom{align-items:center;border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:24px;padding-top:24px}@media (max-width:768px){.footer-bottom{flex-direction:column;text-align:center}.currency-selector{order:-1}}.price-amount{transition:all .3s ease}.price-display{position:relative}@keyframes pricePulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pricing-card-2026:hover .price-amount{animation:pricePulse .5s ease}.pricing-currency-indicator{align-items:center;background:#2563eb14;border:1px solid #2563eb26;border-radius:50px;color:#475569;color:var(--gray-600);display:inline-flex;font-size:.85rem;gap:8px;margin-top:16px;padding:10px 20px}.change-currency-btn,.pricing-currency-indicator svg{color:#2563eb;color:var(--primary)}.change-currency-btn{background:none;border:none;cursor:pointer;font-size:.85rem;font-weight:600;margin-left:4px;padding:0;transition:all .2s ease}.change-currency-btn:hover{color:#1d4ed8;color:var(--primary-hover);text-decoration:underline}.currency-selector{position:relative}.currency-selector:after{background:linear-gradient(135deg,#2563eb,#8b5cf6);background:linear-gradient(135deg,var(--primary),#8b5cf6);border-radius:inherit;content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.currency-selector:hover:after{opacity:.1}.currency-select:focus{outline:none}.currency-selector:focus-within{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26}.verify-reminder{align-items:flex-start;background:linear-gradient(135deg,#2563eb14,#8b5cf614);border:1px solid #2563eb33;border-radius:12px;display:flex;gap:12px;margin-top:16px;padding:16px;text-align:left}.verify-reminder svg{color:#2563eb;color:var(--primary);flex-shrink:0;margin-top:2px}.verify-reminder strong{color:#0f172a;color:var(--gray-900);display:block;font-size:.95rem;margin-bottom:4px}.verify-reminder p{color:#6b7280;color:var(--text-light);font-size:.85rem;line-height:1.5;margin:0}.verify-reminder p strong{color:#2563eb;color:var(--primary);display:inline;font-size:inherit}.payment-success-page{align-items:center;background:linear-gradient(135deg,#f8fafc,#eef2ff);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:40px 20px;position:relative}.success-particles{inset:0;pointer-events:none;position:absolute}.particle{animation:floatUp 4s ease-in-out infinite;background:linear-gradient(135deg,#2563eb,#8b5cf6);background:linear-gradient(135deg,var(--primary),#8b5cf6);border-radius:50%;height:10px;opacity:.3;position:absolute;width:10px}@keyframes floatUp{0%,to{opacity:0;transform:translateY(100vh) scale(0)}10%{opacity:.3}90%{opacity:.3}to{opacity:0;transform:translateY(-100px) scale(1)}}.success-card-pro{background:#fff;border-radius:24px;box-shadow:0 25px 80px #2563eb1f;max-width:580px;padding:48px;position:relative;text-align:center;width:100%;z-index:1}.success-icon-wrapper{height:100px;margin:0 auto 24px;width:100px}.success-checkmark-svg{height:100%;width:100%}.checkmark-circle{stroke-dasharray:283;stroke-dashoffset:283;animation:drawCircle .6s ease forwards}.checkmark-check{stroke-dasharray:80;stroke-dashoffset:80;animation:drawCheck .4s ease .5s forwards}@keyframes drawCircle{to{stroke-dashoffset:0}}@keyframes drawCheck{to{stroke-dashoffset:0}}.success-title{color:#0f172a;color:var(--gray-900);font-size:2rem;font-weight:700;margin-bottom:8px}.success-card-pro .success-subtitle{color:#6b7280;color:var(--text-light);font-size:1rem;margin-bottom:24px}.success-plan-card{align-items:center;background:linear-gradient(135deg,#2563eb0d,#8b5cf60d);border:1px solid #2563eb1a;border-radius:16px;display:flex;gap:16px;margin-bottom:32px;padding:16px 24px}.plan-icon-badge{align-items:center;background:linear-gradient(135deg,#2563eb,#8b5cf6);background:linear-gradient(135deg,var(--primary),#8b5cf6);border-radius:12px;color:#fff;display:flex;height:44px;justify-content:center;width:44px}.plan-details{flex:1 1;text-align:left}.plan-details .plan-name{color:#0f172a;color:var(--gray-900);display:block;font-weight:600}.plan-details .plan-price{color:#6b7280;color:var(--text-light);font-size:.85rem}.plan-members{align-items:center;background:#10b9811a;border-radius:20px;color:#059669;display:flex;font-size:.8rem;font-weight:500;gap:6px;padding:8px 14px}.success-roadmap{margin-bottom:32px;text-align:left}.success-roadmap h3{color:#0f172a;color:var(--gray-900);font-size:1rem;font-weight:600;margin-bottom:20px}.roadmap-step,.roadmap-steps{position:relative}.roadmap-step{display:flex;gap:16px;padding-bottom:24px}.roadmap-step:last-child{padding-bottom:0}.roadmap-step:last-child .step-line{display:none}.step-icon{align-items:center;background:linear-gradient(135deg,#2563eb,#8b5cf6);background:linear-gradient(135deg,var(--primary),#8b5cf6);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;position:relative;width:40px;z-index:1}.step-line{background:linear-gradient(180deg,#2563eb,#0000);background:linear-gradient(to bottom,var(--primary),#0000);height:calc(100% - 16px);left:20px;position:absolute;top:40px;width:2px}.step-info h4{color:#0f172a;color:var(--gray-900);font-size:.95rem;font-weight:600;margin-bottom:4px}.step-info p{color:#6b7280;color:var(--text-light);font-size:.85rem;line-height:1.5;margin:0}.success-email-badge{align-items:center;background:linear-gradient(135deg,#10b98114,#10b9810a);border:1px solid #10b98126;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px 20px}.email-icon-pulse{align-items:center;animation:pulse 2s infinite;background:#10b98126;border-radius:50%;color:#059669;display:flex;height:36px;justify-content:center;width:36px}.success-email-badge span{color:#334155;color:var(--gray-700);font-size:.9rem;text-align:left}.btn-success-primary{align-items:center;background:linear-gradient(135deg,#2563eb,#8b5cf6);background:linear-gradient(135deg,var(--primary),#8b5cf6);border:none;border-radius:12px;box-shadow:0 8px 30px #2563eb40;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;padding:16px 32px;transition:all .3s ease;width:100%}.btn-success-primary:hover{box-shadow:0 12px 40px #2563eb59;transform:translateY(-2px)}.create-community-page{align-items:center;background:linear-gradient(135deg,#f8fafc,#eef2ff);display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.create-community-card{background:#fff;border-radius:24px;box-shadow:0 25px 80px #2563eb1f;max-width:520px;padding:48px;position:relative;width:100%}.back-btn-minimal{align-items:center;background:none;border:none;color:#6b7280;color:var(--text-light);cursor:pointer;display:flex;font-size:.9rem;gap:4px;left:24px;position:absolute;top:24px;transition:color .2s}.back-btn-minimal:hover{color:#2563eb;color:var(--primary)}.create-header{margin-bottom:32px;text-align:center}.create-icon{height:80px;margin:0 auto 20px;width:80px}.create-icon svg{height:100%;width:100%}.create-header h1{color:#0f172a;color:var(--gray-900);font-size:1.75rem;font-weight:700;margin-bottom:8px}.create-header>p{color:#6b7280;color:var(--text-light);margin-bottom:16px}.payment-complete-badge{background:#10b9811a;color:#059669;font-size:.85rem;font-weight:600;margin-bottom:8px;padding:8px 16px}.payment-complete-badge,.plan-limit-info{align-items:center;border-radius:20px;display:inline-flex;gap:6px}.plan-limit-info{background:#f0f5f4;background:var(--bg);color:#6b7280;color:var(--text-light);font-size:.8rem;padding:6px 14px}.form-group-pro{margin-bottom:20px}.form-group-pro label{align-items:center;color:#334155;color:var(--gray-700);display:flex;font-size:.9rem;font-weight:600;gap:8px;margin-bottom:8px}.form-group-pro label svg{color:#2563eb;color:var(--primary);height:16px;width:16px}.form-group-pro input{border:2px solid #00000014;border:2px solid var(--border);border-radius:12px;font-size:1rem;padding:14px 16px;transition:all .2s;width:100%}.form-group-pro input:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 4px #2563eb1a;outline:none}.input-hint{color:#9ca3af;color:var(--text-lighter);display:block;font-size:.75rem;margin-top:6px}.btn-create-community{align-items:center;background:linear-gradient(135deg,#2563eb,#8b5cf6);background:linear-gradient(135deg,var(--primary),#8b5cf6);border:none;border-radius:12px;box-shadow:0 8px 30px #2563eb40;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;margin-top:8px;padding:16px 32px;transition:all .3s ease;width:100%}.btn-create-community:hover{box-shadow:0 12px 40px #2563eb59;transform:translateY(-2px)}.community-created-success{position:relative;text-align:center}.success-glow{background:radial-gradient(circle,#10b98126,#0000 70%);height:200px;left:50%;pointer-events:none;position:absolute;top:-50px;transform:translateX(-50%);width:200px}.code-display-pro{margin-bottom:24px}.code-display-pro .code-label{color:#6b7280;color:var(--text-light);display:block;font-size:.85rem;margin-bottom:12px}.code-box{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);background:linear-gradient(135deg,var(--gray-900),#1e293b);border-radius:16px;display:flex;gap:12px;justify-content:center;margin-bottom:12px;padding:20px 32px}.code-box .code-value{color:#fff;font-family:Monaco,Menlo,monospace;font-size:1.5rem;font-weight:700;letter-spacing:3px}.code-box .copy-btn{background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px;transition:all .2s}.code-box .copy-btn:hover{background:#fff3}.code-display-pro .code-hint{color:#6b7280;color:var(--text-light);font-size:.85rem}.verify-step-card{background:linear-gradient(135deg,#2563eb0d,#8b5cf60d);border:1px solid #2563eb1a;border-radius:16px;display:flex;gap:16px;margin-bottom:24px;padding:20px;text-align:left}.verify-icon-animated{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#2563eb,#8b5cf6);background:linear-gradient(135deg,var(--primary),#8b5cf6);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.verify-content h3{color:#0f172a;color:var(--gray-900);font-size:1rem;font-weight:600;margin-bottom:4px}.verify-content p{color:#6b7280;color:var(--text-light);font-size:.9rem;margin:0}.verify-content p strong{color:#2563eb;color:var(--primary)}.verify-content .verify-subtext{font-size:.8rem;margin-top:4px}.btn-verify-continue{align-items:center;background:linear-gradient(135deg,#2563eb,#8b5cf6);background:linear-gradient(135deg,var(--primary),#8b5cf6);border:none;border-radius:12px;box-shadow:0 8px 30px #2563eb40;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;padding:16px 32px;transition:all .3s ease;width:100%}.btn-verify-continue:hover{transform:translateY(-2px)}.member-capacity-bar{background:#fff;border:1px solid #00000014;border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 12px #0000000f;margin-bottom:24px;padding:20px 24px}.capacity-info{align-items:center;display:flex;gap:10px;margin-bottom:12px}.capacity-info svg{color:#2563eb;color:var(--primary)}.capacity-text{color:#334155;color:var(--gray-700);font-size:.95rem}.capacity-text strong{color:#0f172a;color:var(--gray-900);font-weight:700}.capacity-label{color:#6b7280;color:var(--text-light);font-size:.8rem}.capacity-progress{background:#f0f5f4;background:var(--bg);border-radius:4px;height:8px;overflow:hidden}.capacity-fill{border-radius:4px;height:100%;transition:all .5s ease}.upgrade-hint{background:none;border:none;color:#2563eb;color:var(--primary);cursor:pointer;display:inline-block;font-size:.85rem;font-weight:500;margin-top:12px;transition:color .2s}.upgrade-hint:hover{color:#1d4ed8;color:var(--primary-hover);text-decoration:underline}.admin-header-right{align-items:center;display:flex;gap:16px}.admin-plan-badge{align-items:center;background:linear-gradient(135deg,#2563eb1a,#8b5cf61a);border-radius:20px;color:#2563eb;color:var(--primary);display:flex;font-size:.8rem;font-weight:600;gap:6px;padding:8px 14px}.admin-plan-badge svg{height:14px;width:14px}@media (max-width:640px){.create-community-card,.success-card-pro{padding:32px 24px}.success-plan-card{flex-direction:column;text-align:center}.plan-details{text-align:center}.admin-header{flex-direction:column;gap:16px}.admin-header-right{flex-direction:column;width:100%}}.empty-icon-svg{color:#cbd5e1;color:var(--gray-300);margin-bottom:16px}.page-header h1{align-items:center;display:flex;gap:12px}.page-header h1 svg{color:#2563eb;color:var(--primary)}.admin-tab{align-items:center;display:flex;gap:8px}.admin-tab svg{height:16px;width:16px}.time-modal{background:#fff;border-radius:20px;max-width:540px;padding:24px;position:relative;width:100%}.time-modal-header{align-items:center;background:linear-gradient(135deg,#2563eb,#4f46e5);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:20px 20px 0 0;color:#fff;display:flex;gap:16px;margin:-24px -24px 16px;padding:1.5rem}.time-modal-icon{background:#fff3;border-radius:10px;color:#fff;padding:10px}.time-modal-date{display:flex;flex-direction:column}.date-weekday{color:#ffffffe6;font-size:.75rem;font-weight:600;letter-spacing:1px}.date-full{color:#fff;font-size:1.1rem;font-weight:600}.modal-instruction{margin-bottom:20px}.time-slots-grid{gap:16px;margin-bottom:20px}.time-period,.time-slots-grid{display:flex;flex-direction:column}.time-period{gap:8px}.period-label{color:#6b7280;color:var(--text-light);font-size:.75rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.period-slots{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(6,1fr)}.time-slot-btn{align-items:center;background:#fff;border:1px solid #00000014;border:1px solid var(--border);border-radius:8px;color:#334155;color:var(--gray-700);cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:4px;justify-content:center;padding:10px 4px;transition:all .15s ease}.time-slot-btn:hover:not(.booked){background:#2563eb0d;border-color:#2563eb;border-color:var(--primary)}.time-slot-btn.active{background:linear-gradient(135deg,#2563eb,#8b5cf6);background:linear-gradient(135deg,var(--primary),#8b5cf6);border-color:#0000;color:#fff}.time-slot-btn.booked{background:#ef44441a;color:#dc2626;cursor:not-allowed;opacity:.7}.time-modal-footer{align-items:center;border-top:1px solid #00000014;border-top:1px solid var(--border);display:flex;justify-content:space-between;padding-top:16px}.selected-summary{align-items:center;color:#6b7280;color:var(--text-light);display:flex;font-size:.9rem;gap:8px}.selected-summary strong{color:#2563eb;color:var(--primary)}.modal-actions{display:flex;gap:12px}@media (max-width:480px){.period-slots{grid-template-columns:repeat(4,1fr)}.time-slot-btn{font-size:.75rem;padding:12px 6px}.time-modal-footer{flex-direction:column;gap:12px}.modal-actions{width:100%}.modal-actions button{flex:1 1}}.btn-reset{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;color:#dc2626;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.btn-reset:hover{background:#ef444426;border-color:#ef44444d}.prep-overlay-pro{align-items:center;background:linear-gradient(135deg,#0f172a,#1e1b4b 50%,#0f172a);display:flex;inset:0;justify-content:center;overflow:hidden;position:fixed;z-index:9999}.prep-bg-effects{inset:0;pointer-events:none;position:absolute}.prep-gradient-orb{border-radius:50%;filter:blur(80px);opacity:.4;position:absolute}.prep-gradient-orb.orb-1{animation:orbFloat 8s ease-in-out infinite;background:linear-gradient(135deg,#6366f1,#8b5cf6);height:400px;right:-100px;top:-100px;width:400px}.prep-gradient-orb.orb-2{animation:orbFloat 10s ease-in-out infinite reverse;background:linear-gradient(135deg,#06b6d4,#3b82f6);bottom:-50px;height:300px;left:-50px;width:300px}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.1)}}.prep-grid-lines{background-image:linear-gradient(#ffffff08 1px,#0000 0),linear-gradient(90deg,#ffffff08 1px,#0000 0);background-size:50px 50px;inset:0;position:absolute}.prep-content-pro{max-width:400px;padding:40px;position:relative;text-align:center;width:100%;z-index:1}.prep-status-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:30px;display:inline-flex;gap:10px;margin-bottom:40px;padding:10px 20px}.status-dot{background:#10b981;border-radius:50%;height:8px;width:8px}.status-dot.pulse{animation:statusPulse 1.5s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.prep-status-bar span{color:#fffc;font-size:.85rem;font-weight:500}.prep-main{margin-bottom:40px}.prep-avatar-ring{height:120px;margin:0 auto 24px;position:relative;width:120px}.avatar-ring-svg{inset:0;position:absolute;transform:rotate(-90deg)}.ring-track{stroke:#ffffff1a}.ring-progress{stroke:url(#ringGradient);stroke:#8b5cf6;stroke-dasharray:339.292;stroke-dashoffset:339.292;stroke-linecap:round;animation:ringFill 3s ease-out forwards}@keyframes ringFill{to{stroke-dashoffset:0}}.prep-avatar-inner{align-items:center;background:linear-gradient(135deg,#6366f14d,#8b5cf64d);border:2px solid #fff3;border-radius:50%;display:flex;inset:8px;justify-content:center;position:absolute}.avatar-emoji{font-size:3rem}.prep-partner-name{color:#fff;font-size:1.75rem;font-weight:700;margin-bottom:4px}.prep-partner-label{color:#fff9;font-size:.9rem;letter-spacing:2px;text-transform:uppercase}.prep-countdown-pro{margin-top:32px}.countdown-label{color:#ffffff80;display:block;font-size:.8rem;letter-spacing:2px;margin-bottom:12px;text-transform:uppercase}.countdown-display{align-items:center;animation:countdownPulse 1s ease-in-out infinite;background:linear-gradient(135deg,#6366f14d,#8b5cf64d);border:2px solid #8b5cf680;border-radius:20px;display:flex;height:80px;justify-content:center;margin:0 auto;width:80px}@keyframes countdownPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.countdown-num{font-feature-settings:"tnum";color:#fff;font-size:2.5rem;font-variant-numeric:tabular-nums;font-weight:800}.countdown-launch{align-items:center;animation:launchPulse .5s ease-in-out infinite;color:#10b981;display:flex;flex-direction:column;gap:8px}@keyframes launchPulse{0%,to{opacity:1}50%{opacity:.7}}.countdown-launch span{font-size:1.2rem;font-weight:800;letter-spacing:4px}.prep-footer-tips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.tip-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fffc;display:flex;font-size:.8rem;gap:8px;padding:12px 16px}.tip-card svg{color:#8b5cf6;flex-shrink:0}@media (max-width:480px){.prep-content-pro{padding:24px}.prep-footer-tips{align-items:center;flex-direction:column}.tip-card{justify-content:center;max-width:250px;width:100%}}.danger-zone{background:#ef44440d;border:1px solid #ef444433;border-radius:12px;margin-top:32px;padding:20px}.danger-zone h4{align-items:center;color:#dc2626;display:flex;font-size:.9rem;gap:8px;margin-bottom:8px}.danger-zone p{color:#6b7280;color:var(--text-light);font-size:.85rem;margin-bottom:16px}.btn-danger-outline{align-items:center;background:#0000;border:1px solid #dc2626;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.btn-danger-outline:hover{background:#ef44441a}.danger-modal{max-width:440px}.modal-icon-wrapper.danger{background:#ef44441a;color:#dc2626}.danger-info{background:#ef44440d;border-radius:8px;margin-bottom:20px;padding:16px}.danger-info ul{margin:0;padding-left:20px}.danger-info li{color:#334155;color:var(--gray-700);font-size:.85rem;margin-bottom:6px}.danger-info li:last-child{margin-bottom:0}.delete-confirm-input{margin-bottom:20px}.delete-confirm-input label{color:#334155;color:var(--gray-700);display:block;font-size:.85rem;margin-bottom:8px}.delete-confirm-input input{border:2px solid #00000014;border:2px solid var(--border);border-radius:8px;font-size:1rem;padding:12px;width:100%}.delete-confirm-input input:focus{border-color:#dc2626;outline:none}.btn-danger{background:#dc2626!important;color:#fff!important}.btn-danger:disabled{background:#cbd5e1!important;background:var(--gray-300)!important}.existing-account-hint{background:#6366f10d;border:1px dashed #6366f133;border-radius:8px;color:#6b7280;color:var(--text-light);font-size:.8rem;margin-top:12px;padding:12px;text-align:center}.time-slots-grid{user-select:none;-webkit-user-select:none}.time-slot-btn.dragging{cursor:grabbing!important}.time-slot-btn:not(.booked){cursor:pointer;transition:all .1s ease}.time-slot-btn:not(.booked):hover{box-shadow:0 2px 8px #6366f133;transform:scale(1.02)}.time-slot-btn:not(.booked):active{transform:scale(.98)}.modal-instruction{align-items:center;color:#6b7280;color:var(--text-light);display:flex;font-size:.85rem;gap:8px;margin-bottom:16px}.modal-instruction:before{content:"💡"}.roleplay-now-btn{overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.roleplay-now-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.roleplay-now-btn:not(.blocked):hover:before{left:100%}.roleplay-now-btn:not(.blocked):hover{box-shadow:0 10px 40px #10b98166,0 0 0 2px #10b98133,inset 0 1px 0 #fff3;transform:translateY(-2px) scale(1.02)}.roleplay-now-btn:not(.blocked):hover .roleplay-now-icon{animation:zapPulse .6s ease-in-out infinite}@keyframes zapPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.roleplay-now-btn:not(.blocked):active{transform:translateY(0) scale(.98)}.roleplay-now-btn:not(.blocked):after{background:radial-gradient(circle,#ffffff4d 0,#0000 70%);content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:0}.roleplay-now-btn:not(.blocked):hover:after{height:200%;width:200%}.avatar-grid{gap:16px;padding:20px}.avatar-grid,.avatar-option{display:flex;justify-content:center}.avatar-option{align-items:center;background:#fff;border:3px solid #00000014;border:3px solid var(--border);border-radius:50%;cursor:pointer;font-size:48px;height:80px;transition:all .2s;width:80px}.avatar-option:hover{box-shadow:0 4px 12px #6366f14d;transform:scale(1.1)}.avatar-option.selected,.avatar-option:hover{border-color:#2563eb;border-color:var(--primary)}.avatar-option.selected{box-shadow:0 0 0 3px #6366f133}.toast-notification{align-items:center;animation:toastSlideUp .3s cubic-bezier(.4,0,.2,1);background:#fff;border:1px solid #00000014;border:1px solid var(--border);border-radius:12px;bottom:24px;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;display:flex;gap:12px;left:50%;padding:14px 24px;position:fixed;transform:translateX(-50%);z-index:10000}@keyframes toastSlideUp{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.toast-icon{align-items:center;background:#f1f5f9;background:var(--gray-100);border-radius:8px;color:#475569;color:var(--gray-600);display:flex;height:32px;justify-content:center;width:32px}.toast-message{color:#1e293b;color:var(--gray-800);font-size:.9rem;font-weight:500}.toast-dnd-on{background:linear-gradient(135deg,#1e1b4b,#312e81);border:1px solid #6366f14d}.toast-dnd-on .toast-icon{background:#8b5cf633;color:#a78bfa}.toast-dnd-on .toast-message{color:#fff}.toast-dnd-off{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b4d}.toast-dnd-off .toast-icon{background:#f59e0b33;color:#d97706}.toast-dnd-off .toast-message{color:#92400e}.toast-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b9814d}.toast-success .toast-icon{background:#10b98133;color:#059669}.toast-success .toast-message{color:#065f46}.error-boundary{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);display:flex;justify-content:center;min-height:100vh;padding:20px}.error-boundary-content{background:#fff;border-radius:16px;box-shadow:0 4px 24px #0000001a;max-width:500px;padding:48px;text-align:center}.error-boundary .error-icon{align-items:center;background:#fee2e2;border-radius:50%;color:#dc2626;display:flex;height:100px;justify-content:center;margin:0 auto 24px;width:100px}.error-boundary h1{color:#1e293b;color:var(--gray-800);font-size:1.5rem;margin-bottom:12px}.error-boundary p{color:#6b7280;color:var(--text-light);margin-bottom:24px}.error-boundary .error-details{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:24px;max-height:200px;overflow:auto;padding:16px;text-align:left}.error-boundary .error-details h3{color:#dc2626;font-size:.85rem;margin-bottom:8px}.error-boundary .error-details pre{color:#7f1d1d;font-size:.75rem;white-space:pre-wrap;word-break:break-word}.error-boundary .error-actions{display:flex;gap:12px;justify-content:center}.error-boundary .error-support{color:#6b7280;color:var(--text-light);font-size:.85rem;margin-top:24px}.section-error{align-items:center;background:#fef2f2;border-radius:12px;color:#dc2626;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:32px}.section-error p{font-size:.9rem;margin:0}.btn-primary.loading,.btn-secondary.loading{cursor:not-allowed;opacity:.8}.icon-btn{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background .2s}.icon-btn:hover{background:#f1f5f9;background:var(--gray-100)}.icon-btn.loading{cursor:not-allowed;opacity:.6}.btn-icon{margin-right:8px}.confirm-modal{max-width:440px}.confirm-modal.danger .modal-icon-wrapper{background:#ef44441a;color:#dc2626}.confirm-modal.warning .modal-icon-wrapper{background:#f59e0b1a;color:#d97706}.confirm-input-section{margin:20px 0}.confirm-input-section label{color:#475569;color:var(--gray-600);display:block;font-size:.9rem;margin-bottom:8px}.confirm-input-section input{border:2px solid #00000014;border:2px solid var(--border);border-radius:8px;font-size:1rem;padding:12px;transition:border-color .2s;width:100%}.confirm-input-section input:focus{border-color:#2563eb;border-color:var(--primary);outline:none}.step-indicator{display:flex;gap:8px;justify-content:center;margin:16px 0}.step-dot{background:#cbd5e1;background:var(--gray-300);border-radius:50%;height:8px;transition:background .2s;width:8px}.step-dot.active{background:#2563eb;background:var(--primary)}.simple-confirm-modal{max-width:360px;padding:24px;text-align:center}.simple-confirm-modal h3{margin-bottom:8px}.simple-confirm-modal p{color:#6b7280;color:var(--text-light);margin-bottom:20px}.avatar{align-items:center;background:#f1f5f9;background:var(--gray-100);border-radius:50%;display:inline-flex;justify-content:center}.avatar-sm{font-size:14px;height:24px;width:24px}.avatar-md{font-size:20px;height:36px;width:36px}.avatar-lg{font-size:28px;height:48px;width:48px}.avatar-xl{font-size:36px;height:64px;width:64px}.avatar-modal{max-width:360px;text-align:center}.avatar-modal .modal-header{margin-bottom:20px}.avatar-modal .modal-header h2{font-size:1.25rem;margin-bottom:4px}.avatar-modal .modal-header p{color:#6b7280;color:var(--text-light);font-size:.9rem}.meeting-reminder-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.meeting-reminder-popup{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-width:400px;padding:32px;position:relative;text-align:center;width:90%}.reminder-close{background:none;border:none;color:#94a3b8;color:var(--gray-400);cursor:pointer;padding:4px;position:absolute;right:12px;top:12px}.reminder-close:hover{color:#475569;color:var(--gray-600)}.reminder-icon{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:50%;color:#d97706;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.meeting-reminder-popup h3{font-size:1.5rem;margin-bottom:12px}.reminder-text{color:#6b7280;color:var(--text-light);margin-bottom:24px}.reminder-time{color:#d97706;font-weight:600}.join-btn{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:12px}.dismiss-btn,.join-btn{width:100%}.reminder-note{color:#6b7280;color:var(--text-light);font-size:.85rem;margin-bottom:16px}.cancel-modal{max-width:440px}.cancel-modal .modal-header{margin-bottom:20px;text-align:center}.cancel-modal .modal-icon-wrapper.danger{align-items:center;background:#ef44441a;border-radius:50%;color:#dc2626;display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.cancel-modal h2{font-size:1.25rem;margin-bottom:8px}.cancel-modal p{color:#6b7280;color:var(--text-light)}.cancel-booking-details{background:#f8fafc;background:var(--gray-50);border-radius:12px;margin-bottom:20px;padding:16px}.cancel-partner{gap:12px;margin-bottom:12px}.cancel-avatar,.cancel-partner{align-items:center;display:flex}.cancel-avatar{background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;font-size:32px;height:48px;justify-content:center;width:48px}.cancel-info{display:flex;flex-direction:column}.cancel-name{color:#1e293b;color:var(--gray-800);font-weight:600}.cancel-time{color:#6b7280;color:var(--text-light);font-size:.85rem}.cancel-notice{border-top:1px solid #00000014;border-top:1px solid var(--border);padding-top:12px}.cancel-notice p{align-items:center;display:flex;font-size:.85rem;gap:8px;margin:0}.notice-info{color:#059669}.notice-warning{color:#d97706}.event-cancelled-notice{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;flex-direction:column;gap:4px;margin-top:16px;padding:12px}.event-cancelled-notice span{align-items:center;display:flex;font-weight:500;gap:8px}.cancel-reason{color:#7f1d1d;font-size:.85rem;margin:4px 0 0 24px}.btn-danger{align-items:center;background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transition:background .2s}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-danger:disabled{cursor:not-allowed;opacity:.7}.event-popup-footer{display:flex;flex-wrap:wrap;gap:8px}.event-popup-footer .btn-danger-outline{flex:1 1;min-width:140px}.back-to-landing{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #6366f133;border-radius:50px;color:#6366f1;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;left:24px;padding:10px 16px;position:absolute;top:24px;transition:all .2s ease;z-index:10}.back-to-landing:hover{background:#fff;border-color:#6366f1;box-shadow:0 4px 12px #6366f126;transform:translateX(-2px)}.back-to-landing svg{transition:transform .2s}.back-to-landing:hover svg{transform:translateX(-3px)}.admin-tab.broadcast-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;margin-left:auto}.admin-tab.broadcast-btn:hover{opacity:.9;transform:translateY(-1px)}.broadcast-modal{max-width:480px}.broadcast-modal .modal-icon-wrapper.broadcast{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);color:#6366f1}.char-count{color:#94a3b8;color:var(--gray-400);display:block;font-size:.75rem;margin-top:4px;text-align:right}.student-profile-modal{max-width:560px}.student-profile-header{align-items:center;border-bottom:1px solid #00000014;border-bottom:1px solid var(--border);display:flex;gap:20px;margin-bottom:20px;padding-bottom:20px}.student-avatar-large{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:50%;display:flex;font-size:40px;height:80px;justify-content:center;width:80px}.student-info h2{font-size:1.5rem;margin:0 0 4px}.student-info p{color:#6b7280;color:var(--text-light);margin:0 0 8px}.student-meta{color:#64748b;color:var(--gray-500);display:flex;font-size:.85rem;gap:16px}.student-meta span{align-items:center;display:flex;gap:4px}.student-stats-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.student-stat{background:#f8fafc;background:var(--gray-50);border-radius:12px;padding:16px;text-align:center}.student-stat .stat-number{color:#6366f1;display:block;font-size:1.75rem;font-weight:700}.student-stat .stat-label{color:#6b7280;color:var(--text-light);font-size:.8rem}.activity-graph-section{background:#f8fafc;background:var(--gray-50);border-radius:12px;margin-bottom:20px;padding:20px}.activity-graph-section h3{align-items:center;display:flex;font-size:1rem;gap:8px;margin:0 0 16px}.activity-graph{align-items:flex-end;border-bottom:1px solid #00000014;border-bottom:1px solid var(--border);display:flex;gap:3px;height:120px;padding-bottom:24px}.graph-bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:flex-end;position:relative}.graph-bar{border-radius:2px 2px 0 0;min-height:4px;transition:height .3s ease;width:100%}.graph-bar-container:hover .graph-bar{opacity:.8}.graph-label{bottom:-20px;color:#64748b;color:var(--gray-500);font-size:.65rem;position:absolute;white-space:nowrap}.graph-legend{color:#94a3b8;color:var(--gray-400);display:flex;font-size:.75rem;justify-content:space-between;margin-top:8px}.student-bio-section{margin-bottom:20px}.student-bio-section h4{color:#475569;color:var(--gray-600);font-size:.9rem;margin:0 0 8px}.student-bio-section p{color:#6b7280;color:var(--text-light);font-size:.9rem;line-height:1.5}.member-row.clickable{cursor:pointer;transition:background .2s}.member-row.clickable:hover{background:#f8fafc;background:var(--gray-50)}.action-btn.view{background:#6366f11a;color:#6366f1}.action-btn.view:hover{background:#6366f133}.weekly-coach-modal{max-width:520px}.weekly-coach-header{margin-bottom:24px;text-align:center}.weekly-coach-header .coach-icon{display:block;font-size:48px;margin-bottom:12px}.weekly-coach-header h2{font-size:1.5rem;margin:0 0 4px}.weekly-coach-header p{color:#6b7280;color:var(--text-light);margin:0}.weekly-coach-content{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-left:4px solid #6366f1;border-radius:12px;margin-bottom:20px;padding:20px}.weekly-coach-content p{color:#1f2937;color:var(--text);line-height:1.6;margin:0 0 12px}.weekly-coach-content p:last-child{margin-bottom:0}.weekly-coach-footer{text-align:center}.weekly-coach-footer .coach-note{color:#64748b;color:var(--gray-500);font-size:.85rem;margin-bottom:16px}.weekly-coach-footer .btn-primary{min-width:150px}@media (max-width:768px){.dashboard{padding:0}.weekly-tracker-card{border-radius:0;margin:0 -16px;padding:16px}.tracker-content{flex-direction:column;gap:16px}.tracker-text h2{font-size:1.1rem;text-align:center}.tracker-bar-section{width:100%}.datetime-widget{margin:16px 0;padding:16px}.datetime-time{font-size:2.5rem}.roleplay-now-section{margin:16px 0}.roleplay-now-btn{flex-direction:column;gap:8px;padding:16px;text-align:center}.roleplay-now-text{font-size:1.1rem}.cyber-call-tracker{margin:16px 0}.cyber-content{padding:16px}.cyber-header{flex-direction:column;gap:8px;text-align:center}.cyber-timer{font-size:1.5rem}.calendar-header{padding:12px 0}.calendar-title h1{font-size:1.25rem}.week-nav{gap:8px}.week-nav button{font-size:.85rem;padding:8px 12px}.week-header{-webkit-overflow-scrolling:touch;overflow-x:auto}.day-column-header{min-width:50px;padding:8px 4px}.day-name{font-size:.7rem}.day-date{font-size:.85rem}.week-body{max-height:60vh}.hour-row{min-height:50px}.hour-label{font-size:.7rem;min-width:40px;padding:4px}.hour-cell{min-width:50px}.messages-view{flex-direction:column;height:calc(100vh - 96px);height:calc(100vh - var(--header-height) - 32px)}.conversations-sidebar{border-bottom:1px solid #00000014;border-bottom:1px solid var(--border);border-radius:0;max-height:200px}.conv-btn,.conversations-sidebar h3{padding:12px 16px}.conv-avatar{font-size:1.5rem}.conv-name{font-size:.9rem}.chat-area{flex:1 1;min-height:0}.chat-header{padding:12px 16px}.chat-messages{padding:12px}.message-bubble{font-size:.9rem;max-width:85%}.chat-input-container{padding:12px}.chat-input-container input{font-size:16px}.profile-view{padding:0}.profile-header-card{border-radius:0;flex-direction:column;margin:0 -16px;padding:24px 16px;text-align:center}.profile-avatar-section{margin-bottom:16px}.profile-stats{flex-wrap:wrap;gap:16px;justify-content:center}.profile-settings{padding:16px 0}.setting-card{padding:16px}.community-view{padding:0}.members-list{gap:8px}.member-row{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.member-info{width:100%}.member-actions{gap:8px;justify-content:flex-start;width:100%}.modal-overlay{align-items:flex-start;overflow-y:auto;padding:20px 8px 8px}.modal{border-radius:16px;overflow:hidden}.modal,.modal.time-modal,.modal.time-modal-pro{display:flex;flex-direction:column;margin:0;max-height:85vh;max-width:100%;width:100%}.time-modal-header{flex-shrink:0;padding:14px 16px}.time-modal-date .date-weekday{font-size:.7rem}.time-modal-date .date-full{font-size:1.1rem}.modal-instruction{font-size:.8rem!important;margin:0!important;padding:8px 16px!important}.time-slots-grid{-webkit-overflow-scrolling:touch;flex:1 1;max-height:none;overflow-y:auto;padding:0 12px 12px}.time-period{margin-bottom:12px}.period-label{font-size:.65rem;margin-bottom:6px}.period-slots{gap:5px;grid-template-columns:repeat(4,1fr)}.time-slot-btn{font-size:.7rem;min-height:38px;padding:8px 4px}.time-slot-btn svg{height:12px;width:12px}.time-modal-footer{background:#fff;border-top:1px solid #00000014;border-top:1px solid var(--border);bottom:0;box-shadow:0 -4px 12px #00000014;flex-shrink:0;padding:12px 16px;position:-webkit-sticky;position:sticky;z-index:10}.time-modal-footer .selected-summary{font-size:.85rem;margin-bottom:10px}.time-modal-footer .modal-actions{display:flex;gap:10px;width:100%}.time-modal-footer .modal-actions button{border-radius:10px;flex:1 1;font-size:.9rem;font-weight:600;padding:12px 16px}.time-modal-footer .btn-secondary{background:#f3f4f6!important;border:1px solid #d1d5db!important;color:#374151!important}.time-modal-footer .btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;border:none!important;box-shadow:0 4px 12px #6366f159!important;color:#fff!important}.time-modal-footer .btn-primary:active{transform:scale(.98)}.legal-modal{max-height:80vh;overflow-y:auto;padding:16px}.legal-content{max-height:none}.legal-content h1{font-size:1.35rem;margin-bottom:8px}.legal-content h2{font-size:1rem;margin-bottom:8px;margin-top:16px}.legal-content li,.legal-content p{font-size:.85rem;line-height:1.5}.legal-content ul{margin:8px 0;padding-left:20px}.legal-updated{font-size:.75rem;margin-bottom:16px}.invite-modal{max-height:85vh;overflow-y:auto;padding:16px}.invite-modal .modal-header{padding-bottom:12px}.invite-modal .modal-header h2{font-size:1.1rem}.bug-report-modal,.feedback-modal,.match-modal{max-height:85vh;overflow-y:auto;padding:16px}.cancel-modal{max-width:100%;padding:16px}.cookie-settings-modal{max-height:80vh;overflow-y:auto;padding:16px}.cookie-setting-item{padding:12px 0}.cookie-setting-info h4{font-size:.9rem}.cookie-setting-info p{font-size:.8rem}.modal .btn-primary,.modal-actions .btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;border:none!important;color:#fff!important}.modal .btn-secondary,.modal-actions .btn-secondary{background:#f3f4f6!important;border:1px solid #d1d5db!important;color:#374151!important}.event-popup{left:16px!important;max-width:none;right:16px!important;width:calc(100% - 32px)}.mobile-sidebar{width:280px}.sidebar-item{padding:14px 20px}.header{padding:0 12px}.hamburger-btn{padding:8px}.header-right{gap:8px}.user-menu-btn{padding:6px}.btn-primary,.btn-secondary{font-size:.9rem;padding:12px 16px}input,select,textarea{font-size:16px}}@media (max-width:380px){.datetime-time{font-size:2rem}.roleplay-now-text{font-size:1rem}.time-modal-header{padding:12px 14px}.time-modal-date .date-full{font-size:1rem}.period-slots{grid-template-columns:repeat(3,1fr)}.time-slot-btn{font-size:.65rem;min-height:34px;padding:6px 3px}.time-modal-footer{padding:10px 12px}.time-modal-footer .modal-actions button{font-size:.85rem;padding:10px 12px}.conv-btn{padding:10px 12px}.message-bubble{max-width:90%}.member-row{padding:12px}.profile-stats{gap:12px}.stat-item{min-width:70px}}@media (max-width:768px) and (orientation:landscape){.time-slots-grid{max-height:40vh}.modal{max-height:calc(100vh - 20px)}.week-body{max-height:50vh}.messages-view{flex-direction:row}.conversations-sidebar{border-bottom:none;border-right:1px solid #00000014;border-right:1px solid var(--border);max-height:none;width:200px}}@media (hover:none) and (pointer:coarse){.time-slot-btn{min-height:44px}.conv-btn{min-height:60px}.sidebar-item{min-height:48px}a,button{min-height:44px}.time-slot-btn:hover:not(.booked){background:#fff;border-color:#00000014;border-color:var(--border)}.time-slot-btn.active:hover{background:linear-gradient(135deg,#2563eb,#8b5cf6);background:linear-gradient(135deg,var(--primary),#8b5cf6)}}@supports (padding:max(0px)){.header{padding-top:max(12px,env(safe-area-inset-top))}.mobile-sidebar{padding-bottom:max(16px,env(safe-area-inset-bottom));padding-top:max(16px,env(safe-area-inset-top))}.chat-input-container{padding-bottom:max(12px,env(safe-area-inset-bottom))}.modal{margin-bottom:max(16px,env(safe-area-inset-bottom));margin-top:max(16px,env(safe-area-inset-top))}}.analytics-view{margin:0 auto;max-width:1200px;padding:0 16px}.analytics-header{margin-bottom:24px}.analytics-header h1{align-items:center;color:#1f2937;color:var(--text);display:flex;font-size:1.75rem;font-weight:700;gap:12px;margin-bottom:4px}.analytics-header p{color:#6b7280;color:var(--text-light);font-size:.95rem}.analytics-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.analytics-stat-card{align-items:center;background:#fff;border:1px solid #00000014;border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 8px #0000000a;display:flex;gap:16px;padding:20px}.stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.stat-icon.sessions{background:linear-gradient(135deg,#6366f126,#8b5cf626);color:#6366f1}.stat-icon.hours{background:linear-gradient(135deg,#10b98126,#05966926);color:#10b981}.stat-icon.partners{background:linear-gradient(135deg,#3b82f626,#2563eb26);color:#3b82f6}.stat-icon.streak{background:linear-gradient(135deg,#f59e0b26,#d9770626);color:#f59e0b}.stat-info{display:flex;flex-direction:column}.stat-value{color:#1f2937;color:var(--text);font-size:1.75rem;font-weight:700;line-height:1.2}.stat-label{color:#6b7280;color:var(--text-light);font-size:.85rem}.analytics-chart-card{background:#fff;border:1px solid #00000014;border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 8px #0000000a;margin-bottom:24px;padding:24px}.analytics-chart-card h3{align-items:center;color:#1f2937;color:var(--text);display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin-bottom:4px}.chart-subtitle{color:#6b7280;color:var(--text-light);font-size:.85rem;margin-bottom:20px}.bar-chart{align-items:flex-end;display:flex;gap:8px;height:200px;justify-content:space-between;padding-top:20px}.bar-item{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%}.bar-container{align-items:flex-end;display:flex;flex:1 1;justify-content:center;width:100%}.bar-fill{background:linear-gradient(180deg,#6366f1,#8b5cf6);border-radius:6px 6px 0 0;max-width:40px;min-height:4px;position:relative;transition:height .3s ease;width:100%}.bar-value{color:#2563eb;color:var(--primary);font-size:.75rem;font-weight:600;left:50%;position:absolute;top:-22px;transform:translateX(-50%)}.bar-label{color:#6b7280;color:var(--text-light);font-size:.65rem;margin-top:8px;white-space:nowrap}.analytics-two-col{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.partners-list{display:flex;flex-direction:column;gap:12px}.partner-row{align-items:center;background:#f0f5f4;background:var(--bg);border-radius:10px;display:flex;gap:12px;padding:12px}.partner-rank{color:#2563eb;color:var(--primary);font-size:.85rem;font-weight:700;width:30px}.partner-name{color:#1f2937;color:var(--text);flex:1 1;font-weight:500}.partner-sessions{color:#6b7280;color:var(--text-light);font-size:.85rem}.day-distribution{display:flex;flex-direction:column;gap:10px}.day-bar-item{align-items:center;display:flex;gap:12px}.day-label{color:#1f2937;color:var(--text);font-size:.85rem;font-weight:500;width:36px}.day-bar-container{background:#f0f5f4;background:var(--bg);border-radius:6px;flex:1 1;height:24px;overflow:hidden}.day-bar-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:6px;height:100%;min-width:4px;transition:width .3s ease}.day-count{color:#6b7280;color:var(--text-light);font-size:.85rem;font-weight:600;text-align:right;width:24px}.time-heatmap{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.heatmap-cell{align-items:center;aspect-ratio:1;border-radius:10px;display:flex;flex-direction:column;gap:2px;justify-content:center;transition:transform .2s}.heatmap-cell:hover{transform:scale(1.05)}.heatmap-hour{color:#6b7280;color:var(--text-light);font-size:.7rem}.heatmap-cell.active .heatmap-hour{color:#fff}.heatmap-count{color:#fff;font-size:.85rem;font-weight:700}.analytics-empty,.empty-chart{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.analytics-empty{background:#fff;border:1px solid #00000014;border:1px solid var(--border);border-radius:16px}.empty-icon{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:50%;color:#2563eb;color:var(--primary);display:flex;height:80px;justify-content:center;margin-bottom:16px;width:80px}.analytics-empty h3,.empty-chart p{color:#1f2937;color:var(--text);font-size:1.1rem;font-weight:600;margin-bottom:8px}.analytics-empty p{margin-bottom:24px}.analytics-empty p,.empty-chart{color:#6b7280;color:var(--text-light)}.empty-chart{padding:32px 16px}.empty-chart svg{margin-bottom:12px;opacity:.5}@media (max-width:768px){.analytics-stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.analytics-stat-card{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.stat-icon{height:44px;width:44px}.stat-value{font-size:1.5rem}.analytics-two-col{grid-template-columns:1fr}.bar-chart{-webkit-overflow-scrolling:touch;height:160px;overflow-x:auto}.bar-item{min-width:50px}.time-heatmap{grid-template-columns:repeat(4,1fr)}}.onboarding-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:100000}.onboarding-modal{animation:onboardingSlideUp .4s ease;background:#fff;border-radius:24px;max-width:480px;padding:32px;position:relative;width:100%}@keyframes onboardingSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.onboarding-skip{background:none;border:none;border-radius:8px;color:#6b7280;color:var(--text-light);cursor:pointer;font-size:.85rem;padding:8px 12px;position:absolute;right:16px;top:16px;transition:all .2s}.onboarding-skip:hover{background:#f0f5f4;background:var(--bg);color:#1f2937;color:var(--text)}.onboarding-progress{display:flex;gap:8px;justify-content:center;margin-bottom:32px}.progress-dot{background:#00000014;background:var(--border);border-radius:50%;height:10px;transition:all .3s;width:10px}.progress-dot.active{background:#2563eb;background:var(--primary);transform:scale(1.2)}.onboarding-step{text-align:center}.onboarding-icon{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:50%;color:#2563eb;color:var(--primary);display:flex;height:100px;justify-content:center;margin:0 auto 24px;width:100px}.onboarding-step h2{color:#1f2937;color:var(--text);font-size:1.5rem;font-weight:700;margin-bottom:8px}.onboarding-step h3{color:#2563eb;color:var(--primary);font-size:1.1rem;font-weight:600;margin-bottom:12px}.onboarding-step p{color:#6b7280;color:var(--text-light);font-size:.95rem;line-height:1.6;margin-bottom:24px}.onboarding-visual{margin-bottom:24px}.mini-calendar{gap:8px}.mini-calendar,.mini-day{display:flex;justify-content:center}.mini-day{align-items:center;background:#f0f5f4;background:var(--bg);border-radius:10px;color:#6b7280;color:var(--text-light);font-size:.8rem;font-weight:500;height:50px;width:50px}.mini-day.available{background:linear-gradient(135deg,#2563eb,#8b5cf6);background:linear-gradient(135deg,var(--primary),#8b5cf6);color:#fff}.match-preview{align-items:center;display:flex;gap:16px;justify-content:center}.match-user{background:#f0f5f4;background:var(--bg);border-radius:12px;color:#1f2937;color:var(--text);font-weight:600;padding:16px 24px}.match-arrow{animation:pulse 1.5s infinite;color:#2563eb;color:var(--primary);font-size:24px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.practice-preview{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:200px}.practice-step{align-items:center;background:#10b9811a;border-radius:10px;color:#059669;display:flex;font-size:.9rem;font-weight:500;gap:10px;padding:12px 16px}.onboarding-actions{display:flex;justify-content:center}.btn-large{align-items:center;display:flex;font-size:1rem;gap:8px;padding:14px 32px}@media (max-width:480px){.onboarding-modal{border-radius:20px;padding:24px 20px}.onboarding-icon{height:80px;width:80px}.onboarding-icon svg{height:48px;width:48px}.onboarding-step h2{font-size:1.25rem}.onboarding-step h3{font-size:1rem}.mini-day{font-size:.7rem;height:40px;width:40px}.match-user{font-size:.9rem;padding:12px 16px}}
/*# sourceMappingURL=main.2303644c.css.map*/