@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--charcoal: #12181A;--slate: #1B2622;--slate-soft: #212D28;--sprout: #3ECF7A;--sprout-soft: #7CF29C;--cyan: #5FE3D0;--lime: #C8FF6B;--bone: #EDF3EE;--bone-dim: #9FB0A8;--line: rgba(237,243,238,.09);--glass: rgba(237,243,238,.045);--color-primary: var(--sprout);--color-primary-light: var(--sprout-soft);--color-primary-dark: #2AA85C;--color-primary-ghost: rgba(62, 207, 122, .1);--color-primary-subtle: rgba(62, 207, 122, .15);--color-secondary: var(--lime);--color-secondary-light: #D4FF85;--color-secondary-dark: #A3D94D;--color-accent: var(--cyan);--color-accent-light: #7CF2E0;--color-accent-ghost: rgba(95, 227, 208, .1);--color-bg: var(--charcoal);--color-bg-alt: var(--slate);--color-surface: var(--glass);--color-surface-solid: var(--slate);--color-surface-hover: var(--slate-soft);--color-surface-elevated: var(--slate-soft);--color-text: var(--bone);--color-text-secondary: var(--bone-dim);--color-text-tertiary: #6b7d74;--color-text-on-primary: var(--charcoal);--color-text-on-dark: var(--bone);--color-border: var(--line);--color-border-strong: rgba(237, 243, 238, .2);--color-success: var(--sprout);--color-warning: var(--lime);--color-error: #ff9f8a;--color-info: var(--cyan);--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--leading-tight: 1.15;--leading-normal: 1.55;--leading-relaxed: 1.7;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .04em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .6);--shadow-glow-primary: 0 0 20px rgba(62, 207, 122, .2);--shadow-glow-accent: 0 0 20px rgba(95, 227, 208, .2);--glass-blur: blur(6px);--glass-bg: var(--glass);--glass-border: 1px solid var(--line);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--z-base: 0;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--sidebar-width: 260px;--sidebar-collapsed: 72px;--topbar-height: 64px;--content-max-width: 1200px;--bottom-nav-height: 0px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);background-image:radial-gradient(ellipse 900px 500px at 15% -5%,rgba(62,207,122,.1),transparent 60%),radial-gradient(ellipse 700px 500px at 100% 20%,rgba(95,227,208,.08),transparent 60%);min-height:100vh;overflow-x:hidden;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text)}h1{font-size:var(--text-5xl);font-weight:800}h2{font-size:var(--text-4xl);font-weight:700}h3{font-size:var(--text-2xl);font-weight:600}h4{font-size:var(--text-xl);font-weight:600}h5{font-size:var(--text-lg);font-weight:500}p{color:var(--color-text-secondary);line-height:var(--leading-relaxed)}a{color:var(--color-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--color-primary-dark)}img{max-width:100%;display:block}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit}input,textarea,select{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8b94a74d;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#8b94a780}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}@keyframes speakingRing{0%,to{box-shadow:0 0 0 0 currentColor}50%{box-shadow:0 0 0 6px transparent}}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes particleFloat{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) rotate(720deg);opacity:0}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out) forwards}.animate-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out) forwards}.animate-fade-in-down{animation:fadeInDown var(--duration-slow) var(--ease-out) forwards}.animate-slide-in-left{animation:slideInLeft var(--duration-slow) var(--ease-out) forwards}.animate-slide-in-right{animation:slideInRight var(--duration-slow) var(--ease-out) forwards}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-spring) forwards}.animate-bounce-in{animation:bounceIn .6s var(--ease-out) forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.stagger>*{opacity:0;animation:fadeInUp var(--duration-slow) var(--ease-out) forwards}.stagger>*:nth-child(1){animation-delay:0ms}.stagger>*:nth-child(2){animation-delay:80ms}.stagger>*:nth-child(3){animation-delay:.16s}.stagger>*:nth-child(4){animation-delay:.24s}.stagger>*:nth-child(5){animation-delay:.32s}.stagger>*:nth-child(6){animation-delay:.4s}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.gradient-text{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{width:100%;max-width:var(--content-max-width);margin:0 auto;padding:0 var(--space-6)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-weight:500;font-size:var(--text-sm);line-height:1;border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--color-primary);color:var(--color-text-on-primary);box-shadow:var(--shadow-sm),inset 0 1px #ffffff1a}.btn-primary:hover:not(:disabled){background:var(--color-primary-light);box-shadow:var(--shadow-md),var(--shadow-glow-primary);transform:translateY(-1px)}.btn-secondary{background:var(--color-surface-solid);color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-primary-ghost);color:var(--color-primary)}.btn-accent{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-accent:hover:not(:disabled){background:var(--color-accent-light);box-shadow:var(--shadow-md),var(--shadow-glow-accent);transform:translateY(-1px)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-lg)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn-icon{padding:var(--space-3);border-radius:var(--radius-md)}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.input-field{padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-solid);color:var(--color-text);font-size:var(--text-base);transition:all var(--duration-fast) var(--ease-out);outline:none}.input-field::placeholder{color:var(--color-text-tertiary)}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ghost)}.input-field:invalid:not(:placeholder-shown){border-color:var(--color-error)}.input-error{font-size:var(--text-xs);color:var(--color-error)}.input-hint{font-size:var(--text-xs);color:var(--color-text-tertiary)}.textarea-field{padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-solid);color:var(--color-text);font-size:var(--text-base);font-family:inherit;resize:vertical;min-height:100px;transition:all var(--duration-fast) var(--ease-out);outline:none}.textarea-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ghost)}.card{background:var(--color-surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-out)}.card-hover:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-strong);transform:translateY(-2px)}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary-subtle);transform:translateY(-2px)}.card-interactive:active{transform:translateY(0)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.badge-primary{background:var(--color-primary-ghost);color:var(--color-primary)}.badge-success{background:#2bab6f1f;color:var(--color-success)}.badge-warning{background:#f59f0a1f;color:var(--color-warning)}.badge-error{background:#e03e3e1f;color:var(--color-error)}.badge-accent{background:var(--color-surface-elevated);border:1px solid var(--color-accent);color:var(--color-accent-light)}.avatar{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-sm);color:#fff;flex-shrink:0;position:relative;overflow:hidden}.avatar-sm{width:32px;height:32px;font-size:var(--text-xs)}.avatar-lg{width:56px;height:56px;font-size:var(--text-lg)}.avatar-xl{width:80px;height:80px;font-size:var(--text-2xl)}.avatar-status{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:var(--radius-full);border:2px solid var(--color-surface-solid)}.avatar-status-online{background:var(--color-success)}.avatar-status-offline{background:var(--color-text-tertiary)}.avatar-status-busy{background:var(--color-error)}.divider{display:flex;align-items:center;gap:var(--space-4);color:var(--color-text-tertiary);font-size:var(--text-sm)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#13172080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn var(--duration-fast) var(--ease-out)}.modal-content{background:var(--color-surface-solid);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:520px;width:90%;max-height:85vh;overflow-y:auto;animation:scaleIn var(--duration-normal) var(--ease-spring)}.spinner{display:inline-block;width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}.spinner-white{border-color:#ffffff4d;border-top-color:#fff}.spinner-lg{width:40px;height:40px;border-width:4px}.skeleton{background:linear-gradient(90deg,var(--color-bg-alt) 25%,var(--color-surface-hover) 50%,var(--color-bg-alt) 75%);background-size:400% 100%;animation:shimmer 1.8s ease-in-out infinite;border-radius:var(--radius-md)}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);padding:var(--space-2) var(--space-3);background:var(--color-text);color:var(--color-bg);font-size:var(--text-xs);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--duration-fast) var(--ease-out)}.tooltip:hover:after{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 1024px){.container{padding:0 var(--space-5)}}@media (max-width: 768px){:root{--sidebar-width: 0px;--topbar-height: 52px;--bottom-nav-height: 60px}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-base)}.container{padding:0 var(--space-4)}.btn{min-height:44px;padding:var(--space-3) var(--space-5)}.btn-lg{min-height:48px;padding:var(--space-4) var(--space-6);width:100%}.btn-sm{min-height:36px;padding:var(--space-2) var(--space-3)}.input-field{min-height:48px;padding:var(--space-3) var(--space-4);font-size:16px}.textarea-field{font-size:16px;min-height:120px}.modal-overlay{align-items:flex-end}.modal-content{width:100%;max-width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:90vh;animation:slideUp var(--duration-normal) var(--ease-out)}.card{padding:var(--space-4)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.mobile-only{display:none!important}.desktop-only{display:initial}@media (max-width: 768px){.mobile-only{display:initial!important}.desktop-only{display:none!important}.mobile-flex{display:flex!important}}svg{flex-shrink:0}.hero-icon{width:24px!important;height:24px!important}.hero-icon-sm{width:20px!important;height:20px!important}.hero-icon-lg{width:64px!important;height:64px!important}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg);z-index:var(--z-modal)}.loading-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.loading-logo{width:96px;height:96px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-radius:50%;border:1px solid var(--color-border);box-shadow:0 20px 40px #0006,inset 0 4px 8px #ffffff1a,inset 0 -4px 8px #0003,0 0 30px var(--color-primary-ghost);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:heartPump 1.2s ease-in-out infinite}.loading-seed-svg{width:64px;height:64px;filter:drop-shadow(0 8px 12px rgba(62,207,122,.4))}@keyframes heartPump{0%{transform:scale(1);box-shadow:0 20px 40px #0006,inset 0 4px 8px #ffffff1a,inset 0 -4px 8px #0003,0 0 30px var(--color-primary-ghost)}15%{transform:scale(1.15);box-shadow:0 30px 50px #00000080,inset 0 4px 8px #fff3,inset 0 -4px 8px #0000004d,0 0 50px var(--color-primary-subtle)}30%{transform:scale(1);box-shadow:0 20px 40px #0006,inset 0 4px 8px #ffffff1a,inset 0 -4px 8px #0003,0 0 30px var(--color-primary-ghost)}45%{transform:scale(1.08);box-shadow:0 25px 45px #00000073,inset 0 4px 8px #ffffff26,inset 0 -4px 8px #00000040,0 0 40px var(--color-primary-ghost)}60%,to{transform:scale(1);box-shadow:0 20px 40px #0006,inset 0 4px 8px #ffffff1a,inset 0 -4px 8px #0003,0 0 30px var(--color-primary-ghost)}}.loading-bar-track{width:200px;height:4px;background:var(--color-bg-alt);border-radius:var(--radius-full);overflow:hidden}.loading-bar-fill{height:100%;width:40%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:var(--radius-full);animation:shimmer 1.5s ease-in-out infinite;background-size:200% 100%}.loading-message{font-size:var(--text-sm);color:var(--color-text-tertiary);font-weight:500}.sidebar{width:var(--sidebar-width);min-height:calc(100vh - var(--topbar-height));border-right:1px solid var(--color-border);display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-6) 0;position:sticky;top:var(--topbar-height);height:calc(100vh - var(--topbar-height));overflow-y:auto;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);flex-shrink:0}.sidebar-nav{padding:0 var(--space-4)}.sidebar-section-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);padding:0 var(--space-3);margin-bottom:var(--space-3)}.sidebar-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:all var(--duration-fast) var(--ease-out);position:relative}.sidebar-link:hover{background:var(--color-primary-ghost);color:var(--color-text)}.sidebar-link-active{background:var(--color-primary-subtle);color:var(--color-primary);font-weight:600}.sidebar-link-active:before{content:"";position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--color-primary);border-radius:0 var(--radius-full) var(--radius-full) 0}.sidebar-link-completed{opacity:.75}.sidebar-link-completed:not(.sidebar-link-active){color:var(--color-success, hsl(140, 50%, 45%))}.sidebar-icon{font-size:18px;flex-shrink:0;width:24px;text-align:center}.sidebar-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-connector{display:none}.sidebar-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border)}.sidebar-branding{display:flex;align-items:center;justify-content:center}.sidebar-version{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:500}.sidebar-drawer-overlay,.sidebar-drawer-close{display:none}@media (max-width: 768px){.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;min-height:100vh;height:100vh;z-index:calc(var(--z-overlay) + 1);transform:translate(-100%);transition:transform var(--duration-normal) var(--ease-out);border-right:1px solid var(--color-border);padding-top:var(--space-16);padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom,0px));background:var(--color-surface-solid);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--shadow-xl)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-link{min-height:48px;padding:var(--space-3) var(--space-4);font-size:var(--text-base)}.sidebar-link-active:before{left:-16px}.sidebar-icon{font-size:20px;width:28px}.sidebar-drawer-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);background:#13172080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out)}.sidebar-drawer-overlay.sidebar-drawer-overlay-visible{opacity:1;pointer-events:auto}.sidebar-drawer-close{display:flex;position:absolute;top:var(--space-4);right:var(--space-4);width:36px;height:36px;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-bg-alt);color:var(--color-text-secondary);font-size:20px;cursor:pointer;border:none;z-index:10;transition:all var(--duration-fast) var(--ease-out)}.sidebar-drawer-close:hover{background:var(--color-border);color:var(--color-text)}.sidebar-footer{padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px))}}.mascot-container{position:fixed;bottom:var(--space-8);right:var(--space-8);z-index:var(--z-raised);display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-3)}.mascot-bubble{max-width:280px;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);position:relative;opacity:0;transform:translateY(12px) scale(.95);transition:all var(--duration-normal) var(--ease-spring)}.mascot-bubble-visible{opacity:1;transform:translateY(0) scale(1)}.mascot-bubble:after{content:"";position:absolute;bottom:-8px;right:24px;width:16px;height:16px;background:var(--glass-bg);border-right:var(--glass-border);border-bottom:var(--glass-border);transform:rotate(45deg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.mascot-bubble-text{font-size:var(--text-sm);color:var(--color-text);line-height:var(--leading-normal);margin-bottom:var(--space-2)}.mascot-bubble-name{font-size:var(--text-xs);font-weight:600;color:var(--color-text-tertiary)}.mascot-bubble-close{position:absolute;top:var(--space-2);right:var(--space-2);width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:transparent;color:var(--color-text-tertiary);font-size:16px;line-height:1;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.mascot-bubble-close:hover{background:var(--color-bg-alt);color:var(--color-text)}.mascot-avatar{width:56px;height:56px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;box-shadow:var(--shadow-lg);transition:all var(--duration-fast) var(--ease-out);border:none}.mascot-avatar:hover{transform:scale(1.08);box-shadow:var(--shadow-xl)}.mascot-avatar:active{transform:scale(.96)}.mascot-emoji{font-size:28px;z-index:1}.mascot-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:var(--radius-full);border:2px solid;opacity:.4;animation:speakingRing 2s ease-in-out infinite}@media (max-width: 768px){.mascot-container{bottom:calc(var(--bottom-nav-height) + var(--space-4) + env(safe-area-inset-bottom,0px));right:var(--space-3)}.mascot-bubble{max-width:200px;padding:var(--space-3) var(--space-4)}.mascot-bubble-text{font-size:var(--text-xs)}.mascot-avatar{width:44px;height:44px}.mascot-emoji{font-size:22px}}.mobile-bottom-nav{display:none}@media (max-width: 768px){.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sticky);display:flex;align-items:stretch;justify-content:space-around;height:var(--bottom-nav-height);padding-bottom:env(safe-area-inset-bottom,0px);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-top:1px solid var(--color-border);box-shadow:0 -2px 12px #2c313a0f}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space-1) 0;background:none;border:none;color:var(--color-text-tertiary);font-size:10px;font-weight:500;font-family:inherit;text-decoration:none;cursor:pointer;transition:color var(--duration-fast) var(--ease-out);position:relative;-webkit-tap-highlight-color:transparent}.mobile-nav-item:active{transform:scale(.92)}.mobile-nav-item-active{color:var(--color-primary)}.mobile-nav-item-active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:32px;height:3px;background:var(--color-primary);border-radius:0 0 var(--radius-full) var(--radius-full)}.mobile-nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:20px}.mobile-nav-icon svg{width:22px;height:22px}.mobile-nav-label{font-size:10px;line-height:1;letter-spacing:.02em}}.passkey-setup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0a0a14d9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:var(--space-4)}.passkey-setup-card{background:linear-gradient(135deg,#1a1a2ef2,#0f0f23fa);border:1px solid rgba(139,92,246,.25);border-radius:24px;padding:var(--space-10);max-width:520px;width:100%;box-shadow:0 0 0 1px #8b5cf61a,0 32px 64px #0009,0 0 120px #8b5cf614;animation:passkey-card-in .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes passkey-card-in{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.passkey-biometric-ring{width:120px;height:120px;margin:0 auto var(--space-8);position:relative;display:flex;align-items:center;justify-content:center}.passkey-biometric-ring:before,.passkey-biometric-ring:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(139,92,246,.4);animation:passkey-pulse-ring 2.4s ease-out infinite}.passkey-biometric-ring:after{animation-delay:.8s;border-color:#6366f14d}@keyframes passkey-pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(1.6);opacity:0}}.passkey-biometric-inner{width:72px;height:72px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;box-shadow:0 0 40px #8b5cf680;animation:passkey-icon-float 3s ease-in-out infinite;position:relative;z-index:1}@keyframes passkey-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.passkey-setup-header{text-align:center;margin-bottom:var(--space-8)}.passkey-setup-title{font-size:1.75rem;font-weight:700;color:var(--color-text);margin-bottom:var(--space-3);background:linear-gradient(135deg,#e2e8f0,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.passkey-setup-subtitle{font-size:.95rem;color:var(--color-text-secondary);line-height:1.6}.passkey-trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-8)}.passkey-trust-item{background:#4f46e514;border:1px solid rgba(139,92,246,.15);border-radius:12px;padding:var(--space-4);display:flex;align-items:flex-start;gap:var(--space-3)}.passkey-trust-icon{font-size:1.25rem;flex-shrink:0;margin-top:1px}.passkey-trust-text{font-size:.8rem;color:var(--color-text-secondary);line-height:1.5}.passkey-trust-text strong{display:block;color:var(--color-text);font-size:.85rem;margin-bottom:2px}.passkey-setup-actions{display:flex;flex-direction:column;gap:var(--space-3)}.passkey-cta-btn{width:100%;padding:var(--space-4) var(--space-6);font-size:1rem;font-weight:600;border-radius:14px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all .2s ease;box-shadow:0 4px 24px #4f46e566}.passkey-cta-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px #4f46e580}.passkey-cta-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.passkey-skip-btn{width:100%;padding:var(--space-3);font-size:.875rem;color:var(--color-text-tertiary);background:none;border:none;cursor:pointer;text-decoration:underline;transition:color .2s}.passkey-skip-btn:hover{color:var(--color-text-secondary)}.passkey-success{text-align:center;padding:var(--space-4) 0}.passkey-success-icon{width:80px;height:80px;background:linear-gradient(135deg,#059669,#10b981);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;margin:0 auto var(--space-6);box-shadow:0 0 40px #10b98166;animation:passkey-success-pop .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes passkey-success-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.passkey-success-title{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:var(--space-2)}.passkey-success-desc{color:var(--color-text-secondary);font-size:.9rem;line-height:1.6}.passkey-error-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:var(--space-3) var(--space-4);color:#fca5a5;font-size:.875rem;margin-bottom:var(--space-4);display:flex;align-items:flex-start;gap:var(--space-2);line-height:1.5}.prf-unsupported-card{background:#fbbf2414;border:1px solid rgba(251,191,36,.25);border-radius:16px;padding:var(--space-6);text-align:center}.prf-unsupported-icon{font-size:2.5rem;margin-bottom:var(--space-3)}.prf-unsupported-title{font-size:1.1rem;font-weight:600;color:#fbbf24;margin-bottom:var(--space-2)}.prf-unsupported-desc{font-size:.875rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-4)}.prf-browser-list{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap}.prf-browser-chip{background:#fbbf241a;border:1px solid rgba(251,191,36,.2);border-radius:20px;padding:4px 12px;font-size:.8rem;color:#fbbf24}.passkey-legal-note{font-size:.75rem;color:var(--color-text-tertiary);text-align:center;line-height:1.5;margin-top:var(--space-2)}@media (max-width: 540px){.passkey-setup-card{padding:var(--space-6)}.passkey-trust-grid{grid-template-columns:1fr}.passkey-setup-title{font-size:1.4rem}}.app-shell{display:flex;flex-direction:column;min-height:100vh;background:var(--color-bg)}.app-topbar{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;height:var(--topbar-height);padding:0 var(--space-6);border-bottom:1px solid var(--color-border);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.topbar-left{display:flex;align-items:center;gap:var(--space-4)}.topbar-logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--color-text)}.topbar-logo-icon{font-size:24px}.topbar-logo-text{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;letter-spacing:var(--tracking-tight);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.topbar-right{display:flex;align-items:center;gap:var(--space-4)}.topbar-user{display:flex;align-items:center;gap:var(--space-3)}.topbar-user-info{display:flex;flex-direction:column}.topbar-user-name{font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.topbar-hamburger{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:none;border:none;color:var(--color-text);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent}.topbar-hamburger:hover{background:var(--color-primary-ghost)}.topbar-hamburger:active{transform:scale(.92)}.app-body{display:flex;flex:1;min-height:calc(100vh - var(--topbar-height))}.app-content{flex:1;position:relative;overflow-y:auto;overflow-x:hidden}.app-content-inner{max-width:var(--content-max-width);margin:0 auto;padding:var(--space-8) var(--space-8) var(--space-20);min-height:100%}@media (max-width: 768px){.app-topbar{padding:0 var(--space-3);height:var(--topbar-height)}.topbar-left{gap:var(--space-2)}.topbar-logo-icon{font-size:20px}.topbar-logo-text{font-size:var(--text-base)}.topbar-right{gap:var(--space-2)}.topbar-user-info{display:none}.app-content-inner{padding:var(--space-4) var(--space-4) calc(var(--bottom-nav-height) + var(--space-8))}#btn-signout span{display:none}}.landing{background:var(--color-bg);overflow-x:hidden}.reveal-on-scroll{opacity:0;transform:translateY(32px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.reveal-on-scroll.revealed{opacity:1;transform:translateY(0)}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);border-bottom:1px solid var(--color-border)}.landing-nav-inner{display:flex;align-items:center;justify-content:space-between;height:68px}.landing-nav-logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none}.landing-nav-logo-icon{font-size:28px}.landing-nav-logo-text{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-nav-links{display:flex;gap:var(--space-8)}.landing-nav-link{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.landing-nav-link:hover{color:var(--color-text)}.landing-nav-actions{display:flex;align-items:center;gap:var(--space-3)}.hero{position:relative;padding:calc(var(--space-24) + 68px) 0 var(--space-20);min-height:100vh;display:flex;align-items:center}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.hero-gradient{position:absolute;top:-30%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,hsla(152,58%,38%,.08) 0%,transparent 70%);filter:blur(60px)}.hero-particles{position:absolute;top:0;right:0;bottom:0;left:0}.hero-particle{position:absolute;bottom:-20px;width:8px;height:8px;background:var(--color-primary);border-radius:var(--radius-full);opacity:0;animation:particleFloat 12s ease-in-out infinite}.hero-particle:nth-child(2n){width:6px;height:6px;background:var(--color-secondary)}.hero-particle:nth-child(3n){width:4px;height:4px;background:var(--color-accent)}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-primary-ghost);border:1px solid var(--color-primary-subtle);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-primary);margin-bottom:var(--space-6)}.hero-badge-dot{width:8px;height:8px;background:var(--color-primary);border-radius:var(--radius-full);animation:pulse 2s ease-in-out infinite}.hero-title{font-size:clamp(2.5rem,5vw,3.75rem);margin-bottom:var(--space-6);line-height:1.1}.hero-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:540px;margin-bottom:var(--space-8);line-height:var(--leading-relaxed)}.hero-cta{display:flex;gap:var(--space-4);margin-bottom:var(--space-10)}.hero-stats{display:flex;align-items:center;gap:var(--space-6)}.hero-stat{display:flex;flex-direction:column}.hero-stat-value{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--color-text)}.hero-stat-label{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.hero-stat-divider{width:1px;height:32px;background:var(--color-border)}.hero-dashboard-container{position:relative;width:100%;height:400px;display:flex;align-items:center;justify-content:center;perspective:1000px}.hero-orb{position:absolute;width:300px;height:300px;background:radial-gradient(circle,var(--color-primary) 0%,var(--color-accent) 50%,transparent 70%);border-radius:50%;filter:blur(50px);opacity:.4;animation:orbPulse 8s ease-in-out infinite alternate}@keyframes orbPulse{0%{transform:scale(.8) translate(10px,10px);opacity:.3}to{transform:scale(1.1) translate(-10px,-10px);opacity:.6}}.hero-floating-elements{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:floatScene 15s ease-in-out infinite alternate}@keyframes floatScene{0%{transform:rotateY(-5deg) rotateX(2deg)}to{transform:rotateY(5deg) rotateX(-2deg)}}.hero-element{position:absolute;padding:var(--space-4);background:var(--glass-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.hero-element:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 40px #2aa85c26;border-color:var(--color-primary-subtle)}.el-tags{top:15%;left:5%;width:280px;animation:floatElement 7s ease-in-out infinite alternate-reverse;animation-delay:1s}.el-title{font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.el-tag-group{display:flex;flex-wrap:wrap;gap:var(--space-2)}.el-tag{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-weight:500}.el-tag-b2b{background:#0080ff1a;color:#4da6ff;border:1px solid hsla(210,100%,50%,.2)}.el-tag-ai{background:#aa00ff1a;color:#d580ff;border:1px solid hsla(280,100%,50%,.2)}.el-tag-sub{background:#00cc661a;color:#4dffa6;border:1px solid hsla(150,100%,40%,.2)}.el-stress{bottom:10%;left:10%;width:320px;display:flex;align-items:center;gap:var(--space-3);animation:floatElement 6s ease-in-out infinite alternate}.el-stress-icon{width:36px;height:36px;background:#e619191a;color:#eb4747;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 15px #e6191933}.el-stress-content{flex:1}.el-stress-title{font-size:var(--text-xs);font-weight:600;color:var(--color-text);margin-bottom:2px}.el-stress-desc{font-size:var(--text-xs);color:var(--color-text-secondary)}.el-chat{top:40%;right:-5%;width:320px;display:flex;gap:var(--space-3);align-items:flex-start;animation:floatElement 8s ease-in-out infinite alternate;animation-delay:2s}.el-chat-avatar{width:36px;height:36px;background:var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 15px var(--color-primary-subtle)}.el-chat-bubble{background:var(--color-surface-solid);padding:var(--space-3);border-radius:0 var(--radius-lg) var(--radius-lg) var(--radius-lg);font-size:var(--text-sm);color:var(--color-text);line-height:1.4;border:1px solid var(--color-border)}@keyframes floatElement{0%{transform:translateY(0)}to{transform:translateY(-15px)}}.section-header{text-align:center;margin-bottom:var(--space-16)}.section-tag{display:inline-block;padding:var(--space-1) var(--space-4);background:var(--color-primary-ghost);color:var(--color-primary);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-full);margin-bottom:var(--space-4)}.section-title{margin-bottom:var(--space-4)}.section-desc{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.features-section{padding:var(--space-24) 0}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.feature-card{text-align:center}.feature-icon{font-size:40px;margin-bottom:var(--space-4);display:inline-block}.feature-title{margin-bottom:var(--space-2)}.feature-desc{font-size:var(--text-sm)}.how-section{padding:var(--space-24) 0;background:var(--color-bg-alt)}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.step-card{position:relative;text-align:center;padding:var(--space-8) var(--space-4)}.step-num{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:800;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-4)}.step-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.step-desc{font-size:var(--text-sm)}.step-connector{display:none}.about-section{padding:var(--space-24) 0}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.about-text .section-tag{margin-bottom:var(--space-4)}.about-text .section-title{text-align:left;margin-bottom:var(--space-6)}.about-desc{font-size:var(--text-base);margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}.about-visual{display:flex;align-items:center;justify-content:center}.about-tree{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.about-tree-stage{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:32px;min-width:80px;box-shadow:var(--shadow-sm)}.about-tree-stage span{font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary)}.about-tree-arrow{color:var(--color-primary);font-size:var(--text-xl);font-weight:700}.cta-section{padding:var(--space-20) 0}.cta-card{text-align:center;padding:var(--space-16) var(--space-8);background:linear-gradient(135deg,var(--color-primary),hsl(180,50%,35%));border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl)}.cta-title{color:#fff;margin-bottom:var(--space-4)}.cta-desc{color:#fffc;font-size:var(--text-lg);margin-bottom:var(--space-8)}.cta-card .btn-primary{background:#fff;color:var(--color-primary-dark);box-shadow:var(--shadow-lg)}.cta-card .btn-primary:hover{background:#f2f2f2;transform:translateY(-2px)}.landing-footer{border-top:1px solid var(--color-border);padding:var(--space-12) 0;background:var(--color-bg)}.landing-footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-6)}.landing-footer-logo{font-family:var(--font-heading);font-weight:700;font-size:var(--text-lg);color:var(--color-text)}.landing-footer-tagline{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-1)}.landing-footer-links{display:flex;gap:var(--space-6)}.landing-footer-links a{font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none}.landing-footer-links a:hover{color:var(--color-text)}.landing-footer-copy{font-size:var(--text-xs);color:var(--color-text-tertiary)}.landing-hamburger{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text);cursor:pointer;border-radius:var(--radius-md);-webkit-tap-highlight-color:transparent}.landing-hamburger:active{transform:scale(.92)}.landing-mobile-dropdown{display:none}@media (max-width: 768px){.landing-mobile-dropdown{display:flex;flex-direction:column;padding:var(--space-2) var(--space-4) var(--space-4);border-top:1px solid var(--color-border);background:var(--glass-bg)}.landing-mobile-link{display:block;padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:500;color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out)}.landing-mobile-link:hover,.landing-mobile-link:active{background:var(--color-primary-ghost);color:var(--color-primary)}}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-subtitle{margin:0 auto var(--space-8)}.hero-cta,.hero-stats{justify-content:center}.hero-illustration{display:none}.features-grid,.steps-grid{grid-template-columns:repeat(2,1fr)}.about-content{grid-template-columns:1fr;text-align:center}.about-text .section-title{text-align:center}}@media (max-width: 640px){.landing-nav-links{display:none}.landing-nav-inner{height:56px}.landing-nav-logo-icon{font-size:24px}.landing-nav-logo-text{font-size:var(--text-base)}.hero{padding-top:calc(var(--space-12) + 56px);padding-bottom:var(--space-12);min-height:auto}.hero-title{font-size:clamp(1.75rem,7vw,2.5rem);margin-bottom:var(--space-4)}.hero-subtitle{font-size:var(--text-base);margin-bottom:var(--space-6)}.hero-badge{font-size:var(--text-xs);margin-bottom:var(--space-4)}.hero-cta{flex-direction:column;align-items:stretch;gap:var(--space-3);margin-bottom:var(--space-8)}.hero-cta .btn{width:100%;justify-content:center}.hero-stats{gap:var(--space-4)}.hero-stat-value{font-size:var(--text-xl)}.hero-stat-label{font-size:10px}.hero-stat-divider{height:24px}.features-section{padding:var(--space-16) 0}.section-header{margin-bottom:var(--space-10)}.section-title{font-size:var(--text-xl)}.section-desc{font-size:var(--text-base)}.features-grid{grid-template-columns:1fr;gap:var(--space-4)}.feature-icon{font-size:32px;margin-bottom:var(--space-3)}.how-section{padding:var(--space-16) 0}.steps-grid{grid-template-columns:1fr;gap:var(--space-4)}.step-card{padding:var(--space-6) var(--space-4)}.step-num{font-size:var(--text-2xl)}.about-section{padding:var(--space-16) 0}.about-tree{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:var(--space-3);-webkit-overflow-scrolling:touch;scrollbar-width:none}.about-tree::-webkit-scrollbar{display:none}.about-tree-stage{min-width:70px;padding:var(--space-3);font-size:24px;flex-shrink:0}.about-tree-stage span{font-size:10px}.about-tree-arrow{font-size:var(--text-base);flex-shrink:0}.cta-section{padding:var(--space-12) 0}.cta-card{padding:var(--space-10) var(--space-5);border-radius:var(--radius-xl)}.cta-title{font-size:var(--text-xl)}.cta-desc{font-size:var(--text-base)}.cta-card .btn-primary{width:100%}.landing-footer{padding:var(--space-8) 0;padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom,0px))}.landing-footer-inner{flex-direction:column;text-align:center;gap:var(--space-4)}.landing-footer-links{gap:var(--space-4)}}.interactive-demo-wrapper{display:flex;gap:var(--space-12);align-items:center;width:100%;max-width:1000px;margin:0 auto}.demo-explanation{flex:1;display:flex;flex-direction:column;gap:var(--space-4)}.demo-step-counter{font-size:13px;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px}.demo-explanation-title{font-size:2.5rem;line-height:1.1;margin-bottom:var(--space-2)}.demo-explanation-desc{font-size:1.1rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-6)}.demo-progress-dots{display:flex;gap:12px;margin-top:var(--space-4);flex-wrap:wrap}.demo-progress-dot{width:24px;height:4px;border-radius:2px;background:var(--color-border);cursor:pointer;transition:all .3s ease}.demo-progress-dot.completed{background:#4f46e566}.demo-progress-dot.active{background:var(--color-primary);width:40px}.demo-window-container{flex:1;display:flex;justify-content:center}.demo-window{width:100%;max-width:380px;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl),0 0 40px #4f46e526;border:1px solid var(--color-border);background:var(--color-surface);transition:all .3s ease;display:flex;flex-direction:column}.demo-header{height:40px;background:var(--color-bg-alt);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 var(--space-4);position:relative;flex-shrink:0}.demo-dots{display:flex;gap:8px}.demo-dot{width:12px;height:12px;border-radius:50%}.demo-dot.red{background:#ff5f56}.demo-dot.yellow{background:#ffbd2e}.demo-dot.green{background:#27c93f}.demo-url{position:absolute;left:50%;transform:translate(-50%);background:var(--color-surface);padding:4px 32px;border-radius:var(--radius-md);font-size:12px;color:var(--color-text-secondary);border:1px solid var(--color-border)}.demo-body{padding:var(--space-6);height:480px;display:flex;flex-direction:column;transition:opacity .4s ease,transform .4s ease;overflow-y:auto}.demo-body.fade-in{opacity:1;transform:translateY(0)}.demo-body.fade-out{opacity:0;transform:translateY(-10px)}.demo-view{display:flex;flex-direction:column;flex:1}.demo-title{margin-bottom:var(--space-6);font-size:1.5rem;text-align:center}.demo-subtitle{color:var(--color-text-secondary)}.demo-form{display:flex;flex-direction:column;gap:var(--space-4)}.demo-input-group{display:flex;flex-direction:column;gap:6px}.demo-input-group label{font-size:13px;font-weight:500;color:var(--color-text-secondary)}.demo-input-group input,.demo-input-group textarea{padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:14px;outline:none;pointer-events:none}.demo-action-footer{margin-top:auto;padding-top:var(--space-6)}.demo-btn{width:100%;padding:12px;font-weight:600;font-size:15px}.demo-e2ee-banner{display:flex;align-items:center;gap:12px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);padding:12px;border-radius:var(--radius-md);margin-top:8px}.e2ee-icon{font-size:20px}.e2ee-title{font-size:13px;font-weight:600;color:#10b981}.e2ee-desc{font-size:11px;color:var(--color-text-secondary)}.demo-search-bar input{width:100%;padding:12px 16px;border-radius:100px;border:1px solid var(--color-border);background:var(--color-bg);font-size:15px;font-weight:500;color:var(--color-text);text-align:center;margin-bottom:var(--space-6)}.demo-placeholder-box{background:var(--color-bg-alt);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-6) var(--space-4);text-align:center;color:var(--color-text-tertiary);font-size:13px}.demo-result-card{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg);margin-bottom:8px}.demo-result-card.success{border-color:#10b98166;background:#10b9810d}.result-name{font-weight:600;font-size:14px}.result-badge{font-size:11px;font-weight:600;color:#10b981;padding:2px 8px;border-radius:100px;background:#10b9811a}.result-badge.neutral{color:var(--color-text-secondary);background:var(--color-bg-alt)}.demo-registry-item{display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid var(--color-border);font-size:14px;font-weight:500}.demo-registry-item:last-child{border-bottom:none}.text-success{color:#10b981}.text-warning{color:#f59e0b}.demo-analysis-box{background:var(--color-bg-alt);border-radius:var(--radius-md);padding:var(--space-4);border:1px solid var(--color-border)}.analysis-header{font-size:12px;color:var(--color-text-secondary);margin-bottom:12px;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.analysis-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:var(--space-6)}.analysis-metrics{display:flex;flex-direction:column;gap:12px}.metric-label{font-size:12px;color:var(--color-text-secondary);margin-bottom:4px;display:block}.metric-bar{height:6px;background:var(--color-border);border-radius:3px;width:100%;overflow:hidden}.metric-bar>div{height:100%;background:var(--color-primary);border-radius:3px}.demo-chat-container{display:flex;flex-direction:column;gap:16px}.chat-bubble{display:flex;gap:12px;max-width:85%}.chat-bubble.user{align-self:flex-end;flex-direction:row-reverse}.chat-avatar{width:28px;height:28px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.chat-text{background:var(--color-bg-alt);border:1px solid var(--color-border);padding:10px 14px;border-radius:4px 16px 16px;font-size:13px;line-height:1.5}.chat-bubble.user .chat-text{background:var(--color-primary);color:#fff;border-color:var(--color-primary);border-top-left-radius:16px;border-top-right-radius:4px}.demo-meeting-lobby{display:flex;flex-direction:column;align-items:center;margin-top:var(--space-8)}.demo-avatars-cluster{display:flex;justify-content:center}.demo-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;border:2px solid var(--color-surface);margin-left:-12px;box-shadow:var(--shadow-sm)}.demo-avatar:first-child{margin-left:0}.demo-avatar.large{width:80px;height:80px;font-size:24px;margin:0 auto}.vc-sarah{background:#8b5cf6}.vc-david{background:#3b82f6}.vc-michael{background:#10b981}.demo-meeting-active{display:flex;flex-direction:column;align-items:center;margin-top:var(--space-6)}.speaker-name{text-align:center;font-size:12px;font-weight:600;margin-top:12px;color:var(--color-text)}.ripple-effect{animation:ripple 2s infinite}@keyframes ripple{0%{box-shadow:0 0 #8b5cf666}70%{box-shadow:0 0 0 15px #8b5cf600}to{box-shadow:0 0 #8b5cf600}}.demo-audio-visualizer{display:flex;gap:4px;align-items:center;justify-content:center;height:24px;margin-top:16px}.demo-audio-visualizer .bar{width:4px;background:var(--color-primary);border-radius:2px;animation:visualizer 1s ease-in-out infinite alternate}.demo-audio-visualizer .bar:nth-child(1){height:12px;animation-delay:.1s}.demo-audio-visualizer .bar:nth-child(2){height:24px;animation-delay:.2s}.demo-audio-visualizer .bar:nth-child(3){height:16px;animation-delay:.3s}.demo-audio-visualizer .bar:nth-child(4){height:20px;animation-delay:.4s}.demo-audio-visualizer .bar:nth-child(5){height:8px;animation-delay:.5s}@keyframes visualizer{0%{transform:scaleY(.5)}to{transform:scaleY(1)}}.demo-stress-alert{background:#ef44440d;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);padding:var(--space-4)}.stress-alert-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.stress-icon{font-size:18px}.stress-alert-header h4{color:#ef4444;margin:0;font-size:14px}.stress-alert-text{font-size:13px;color:var(--color-text);line-height:1.5;margin-bottom:16px}.stress-actions{display:flex;flex-direction:column;gap:8px}.stress-action-btn{background:var(--color-surface);border:1px solid var(--color-border);padding:8px 12px;border-radius:var(--radius-md);font-size:13px;font-weight:500;text-align:center;cursor:pointer}.demo-success-icon{font-size:64px;margin-bottom:var(--space-4);animation:float 3s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (max-width: 900px){.interactive-demo-wrapper{flex-direction:column;gap:var(--space-8)}.demo-explanation{text-align:center;align-items:center}.demo-explanation-desc{max-width:500px}}.upgrade-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#13172099;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn var(--duration-fast) var(--ease-out);padding:var(--space-4)}.upgrade-modal{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-width:900px;width:100%;max-height:90vh;overflow-y:auto;animation:scaleIn var(--duration-normal) var(--ease-spring)}.upgrade-modal-header{padding:var(--space-8) var(--space-8) var(--space-4);text-align:center}.upgrade-modal-header h2{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.upgrade-modal-header p{font-size:var(--text-sm);color:var(--color-text-secondary)}.upgrade-close-btn{position:absolute;top:var(--space-4);right:var(--space-4);width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.upgrade-close-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.upgrade-modal-body{padding:0 var(--space-8) var(--space-8);position:relative}.upgrade-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}.upgrade-plan-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--duration-normal) var(--ease-out);position:relative;display:flex;flex-direction:column}.upgrade-plan-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.upgrade-plan-card.plan-popular{border-color:var(--color-primary);box-shadow:var(--shadow-glow-primary)}.upgrade-plan-card.plan-current{border-color:var(--color-accent);opacity:.7}.upgrade-plan-badge{position:absolute;top:-10px;right:var(--space-4);padding:var(--space-1) var(--space-3);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-text-on-primary);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);letter-spacing:var(--tracking-wide);text-transform:uppercase}.upgrade-plan-badge.badge-value{background:linear-gradient(135deg,var(--color-accent),#3BBBA8)}.upgrade-plan-badge.badge-current{background:var(--color-surface-solid);border:1px solid var(--color-accent);color:var(--color-accent)}.upgrade-plan-name{font-size:var(--text-lg);font-weight:600;font-family:var(--font-heading);margin-bottom:var(--space-2)}.upgrade-plan-price{display:flex;align-items:baseline;gap:var(--space-1);margin-bottom:var(--space-1)}.upgrade-plan-price .currency{font-size:var(--text-lg);font-weight:600;color:var(--color-primary)}.upgrade-plan-price .amount{font-size:var(--text-3xl);font-weight:700;font-family:var(--font-heading);color:var(--color-primary)}.upgrade-plan-price .period{font-size:var(--text-sm);color:var(--color-text-tertiary)}.upgrade-plan-original-price{font-size:var(--text-sm);color:var(--color-text-tertiary);text-decoration:line-through;margin-bottom:var(--space-4)}.upgrade-plan-features{list-style:none;padding:0;margin:0 0 var(--space-6);flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.upgrade-plan-features li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary)}.upgrade-plan-features li svg{width:14px;height:14px;color:var(--color-primary);flex-shrink:0}.upgrade-plan-btn{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-md);cursor:pointer;border:none;font-family:inherit;transition:all var(--duration-fast) var(--ease-out)}.upgrade-plan-btn.btn-upgrade{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-text-on-primary);box-shadow:var(--shadow-sm)}.upgrade-plan-btn.btn-upgrade:hover:not(:disabled){box-shadow:var(--shadow-md),var(--shadow-glow-primary);transform:translateY(-1px)}.upgrade-plan-btn.btn-current{background:var(--color-surface-solid);color:var(--color-text-tertiary);border:1px solid var(--color-border);cursor:default}.upgrade-plan-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.upgrade-error{margin:var(--space-4) var(--space-8) 0;padding:var(--space-3) var(--space-4);background:#ff9f8a1a;border:1px solid rgba(255,159,138,.2);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm);text-align:center;animation:fadeInDown var(--duration-normal) var(--ease-out)}.upgrade-success-toast{position:fixed;top:var(--space-6);right:var(--space-6);z-index:var(--z-toast);padding:var(--space-4) var(--space-6);background:var(--color-surface-solid);border:1px solid var(--color-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),var(--shadow-glow-primary);display:flex;align-items:center;gap:var(--space-3);animation:slideInRight var(--duration-normal) var(--ease-spring);color:var(--color-text);font-size:var(--text-sm);font-weight:500}.upgrade-success-toast svg{width:20px;height:20px;color:var(--color-primary)}@media (max-width: 768px){.upgrade-modal{max-height:95vh;border-radius:var(--radius-xl)}.upgrade-modal-header{padding:var(--space-6) var(--space-6) var(--space-3)}.upgrade-modal-body{padding:0 var(--space-6) var(--space-6)}.upgrade-plans-grid{grid-template-columns:1fr;gap:var(--space-3)}.upgrade-plan-card{padding:var(--space-5)}}.pricing-section{padding:var(--space-20) 0;position:relative;background:var(--color-bg)}.pricing-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-20) 0;color:var(--color-text-secondary)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);margin-top:var(--space-12);align-items:stretch}.pricing-card{display:flex;flex-direction:column;padding:var(--space-8);position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:transform .3s ease,box-shadow .3s ease;overflow:hidden}.pricing-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.pricing-card-popular{border-color:#8b5cf666;box-shadow:0 0 30px #8b5cf61a;background:linear-gradient(180deg,#8b5cf608,#1e1e1e00),var(--color-surface)}.pricing-card-best_value{border-color:#10b98166;box-shadow:0 0 30px #10b9811a;background:linear-gradient(180deg,#10b98108,#1e1e1e00),var(--color-surface)}.pricing-badge{position:absolute;top:0;left:50%;transform:translate(-50%);background:var(--color-primary);color:#fff;padding:4px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.pricing-badge.badge-value{background:#10b981}.pricing-header{margin-bottom:var(--space-6);text-align:left}.pricing-plan-name{font-size:1.25rem;margin-bottom:var(--space-4);color:var(--color-text)}.pricing-price-container{display:flex;flex-direction:column;margin-bottom:var(--space-4)}.pricing-regular-price{font-size:1rem;color:var(--color-text-tertiary);text-decoration:line-through;margin-bottom:-4px}.pricing-current-price{display:flex;align-items:baseline;color:var(--color-text)}.pricing-current-price .currency{font-size:1.5rem;font-weight:600;margin-right:4px}.pricing-current-price .amount{font-size:3rem;font-weight:800;line-height:1;font-family:var(--font-heading)}.pricing-current-price .period{font-size:1rem;color:var(--color-text-secondary);margin-left:4px}.pricing-plan-desc{font-size:.9rem;color:var(--color-text-secondary);line-height:1.5;min-height:44px}.pricing-features{flex-grow:1;margin-bottom:var(--space-8)}.feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.feature-item{display:flex;align-items:flex-start;gap:12px;font-size:.95rem;color:var(--color-text);line-height:1.4}.feature-icon.check{width:18px;height:18px;color:#10b981;flex-shrink:0;margin-top:2px}.feature-divider{height:1px;background:var(--color-border);margin:var(--space-3) 0}.pricing-footer{margin-top:auto}.pricing-btn{width:100%;font-weight:600}.pricing-card:has(h3:contains("Add-On")){background:var(--color-bg-alt)}@media (max-width: 768px){.pricing-grid{grid-template-columns:1fr}}.auth-page{display:flex;min-height:100vh}.auth-page-centered{align-items:center;justify-content:center;background:var(--color-bg)}.auth-left{flex:0 0 42%;background:linear-gradient(145deg,#206f4a,#1f5151);display:flex;align-items:center;justify-content:center;padding:var(--space-12);position:relative;overflow:hidden}.auth-left:before{content:"";position:absolute;top:-40%;right:-30%;width:600px;height:600px;background:radial-gradient(circle,hsla(152,60%,50%,.15),transparent 70%);filter:blur(60px)}.auth-left-content{position:relative;z-index:1;text-align:center}.auth-left-logo{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-8)}.auth-left-logo-icon{font-size:32px}.auth-left-logo-text{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:#fff}.auth-left-title{color:#fff;font-size:var(--text-3xl);margin-bottom:var(--space-4)}.auth-left-desc{color:#ffffffb3;font-size:var(--text-lg);max-width:360px;margin:0 auto}.auth-left-visual{margin-top:var(--space-12)}.auth-tree-animation{width:120px;height:120px;margin:0 auto;background:#ffffff1a;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;animation:float 3s ease-in-out infinite}.auth-tree-emoji{font-size:56px}.auth-right{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-8);background:var(--color-bg);position:relative}.auth-form-container{width:100%;max-width:420px}.auth-form-header{margin-bottom:var(--space-8)}.auth-form-header h3{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.auth-form-header p{color:var(--color-text-secondary);font-size:var(--text-sm)}.auth-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#e03e3e14;border:1px solid hsla(0,72%,56%,.2);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm);margin-bottom:var(--space-6)}.auth-social-buttons{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.auth-social-btn{width:100%;padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-weight:500;font-size:var(--text-sm);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out)}.auth-google-btn{background:var(--color-surface-solid);border:1.5px solid var(--color-border);color:var(--color-text)}.auth-google-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-form-options{display:flex;justify-content:flex-end}.auth-forgot-link{font-size:var(--text-sm);color:var(--color-primary);cursor:pointer;background:none;border:none;font-family:inherit}.auth-forgot-link:hover{text-decoration:underline}.auth-submit-btn{width:100%;margin-top:var(--space-2)}.auth-switch{text-align:center;margin-top:var(--space-6);font-size:var(--text-sm);color:var(--color-text-secondary)}.auth-switch-link{color:var(--color-primary);font-weight:500}.auth-switch-link:hover{text-decoration:underline}.auth-reset-success{text-align:center}.auth-reset-icon{font-size:48px;margin-bottom:var(--space-4)}.auth-reset-success h4{margin-bottom:var(--space-2)}.auth-reset-success p{color:var(--color-text-secondary);font-size:var(--text-sm)}.verify-container{max-width:480px;text-align:center;padding:var(--space-12);background:var(--color-surface-solid);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);border:1px solid var(--color-border)}.verify-icon-wrapper{position:relative;width:80px;height:80px;margin:0 auto var(--space-6)}.verify-icon{font-size:48px;position:relative;z-index:1;line-height:80px}.verify-ring{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:var(--radius-full);border:2px solid var(--color-primary);opacity:.2;animation:speakingRing 2s ease-in-out infinite}.verify-title{margin-bottom:var(--space-3)}.verify-desc{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-8);line-height:var(--leading-relaxed)}.verify-steps{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-8);text-align:left}.verify-step{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-alt);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary)}.verify-step-num{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;flex-shrink:0}.verify-success{padding:var(--space-3) var(--space-4);background:#2bab6f1a;color:var(--color-success);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-4)}.verify-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.verify-note{font-size:var(--text-xs);color:var(--color-text-tertiary)}@media (max-width: 768px){.auth-left{display:none}.auth-page{min-height:100vh;min-height:-webkit-fill-available}.auth-right{padding:var(--space-5);align-items:flex-start;padding-top:var(--space-10);padding-bottom:var(--space-16)}.auth-form-container{max-width:100%}.auth-form-header h3{font-size:var(--text-xl)}.auth-social-btn{min-height:48px;font-size:var(--text-base)}.auth-submit-btn{min-height:48px}.auth-form{gap:var(--space-5)}.verify-container{padding:var(--space-6);border-radius:var(--radius-xl);margin:var(--space-4)}.verify-step{padding:var(--space-3);font-size:var(--text-xs)}}.verification-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg);background-image:radial-gradient(ellipse 900px 500px at 15% -5%,rgba(62,207,122,.1),transparent 60%),radial-gradient(ellipse 700px 500px at 100% 20%,rgba(95,227,208,.08),transparent 60%);padding:var(--space-6)}.verification-container{max-width:520px;width:100%;text-align:center}.verification-card{background:var(--color-surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-10);box-shadow:var(--shadow-lg);animation:fadeInUp var(--duration-slow) var(--ease-out) forwards}.verification-icon{width:80px;height:80px;margin:0 auto var(--space-6);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:2.5rem;background:var(--color-primary-ghost);animation:float 3s ease-in-out infinite}.verification-card h2{margin-bottom:var(--space-3);font-size:var(--text-2xl)}.verification-card .verification-desc{color:var(--color-text-secondary);margin-bottom:var(--space-6);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.verification-amount-box{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6);display:flex;align-items:center;justify-content:space-between}.verification-amount-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.verification-amount-value{font-size:var(--text-2xl);font-weight:700;font-family:var(--font-heading);color:var(--color-primary)}.verification-refund-note{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#3ecf7a14;border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-primary);font-weight:500;margin-bottom:var(--space-6)}.verification-refund-note svg{width:14px;height:14px;flex-shrink:0}.verification-features{text-align:left;margin-bottom:var(--space-8)}.verification-features ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.verification-features li{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary)}.verification-features li svg{width:18px;height:18px;color:var(--color-primary);flex-shrink:0}.verification-btn{width:100%;padding:var(--space-4) var(--space-8);font-size:var(--text-base);font-weight:600;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-text-on-primary);box-shadow:var(--shadow-md),var(--shadow-glow-primary);transition:all var(--duration-fast) var(--ease-out);cursor:pointer;border:none;font-family:inherit}.verification-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 30px #3ecf7a4d}.verification-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.verification-error{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:#ff9f8a1a;border:1px solid rgba(255,159,138,.2);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-2);animation:fadeInDown var(--duration-normal) var(--ease-out)}.verification-success{animation:bounceIn .6s var(--ease-out) forwards}.verification-success-icon{width:80px;height:80px;margin:0 auto var(--space-6);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:2.5rem;background:var(--color-primary-ghost)}.verification-success h2{color:var(--color-primary);margin-bottom:var(--space-3)}.verification-success p{margin-bottom:var(--space-6)}.verification-powered-by{margin-top:var(--space-6);font-size:var(--text-xs);color:var(--color-text-tertiary);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.verification-skip{margin-top:var(--space-4);font-size:var(--text-xs);color:var(--color-text-tertiary);cursor:pointer;background:none;border:none;text-decoration:underline;opacity:.5;transition:opacity var(--duration-fast)}.verification-skip:hover{opacity:1}@media (max-width: 768px){.verification-card{padding:var(--space-6)}.verification-card h2{font-size:var(--text-xl)}}.billing-header{margin-bottom:var(--space-8)}.billing-header h1{margin-bottom:var(--space-2)}.billing-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-8)}.billing-plan-card{background:var(--color-surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);position:relative;overflow:hidden}.billing-plan-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent))}.billing-plan-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-3)}.billing-plan-name{font-size:var(--text-3xl);font-weight:700;font-family:var(--font-heading);margin-bottom:var(--space-1);display:flex;align-items:center;gap:var(--space-3)}.billing-plan-name .badge{font-size:var(--text-xs)}.billing-plan-price{font-size:var(--text-lg);color:var(--color-primary);font-weight:600;margin-bottom:var(--space-4)}.billing-plan-expiry{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-2)}.billing-plan-expiry svg{width:16px;height:16px;color:var(--color-text-tertiary)}.billing-upgrade-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-text-on-primary);font-weight:600;font-size:var(--text-sm);border:none;border-radius:var(--radius-md);cursor:pointer;font-family:inherit;transition:all var(--duration-fast) var(--ease-out);box-shadow:var(--shadow-sm)}.billing-upgrade-btn:hover{box-shadow:var(--shadow-md),var(--shadow-glow-primary);transform:translateY(-1px)}.billing-upgrade-btn svg{width:16px;height:16px}.billing-usage-card{background:var(--color-surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8)}.billing-usage-card h3{margin-bottom:var(--space-6);font-size:var(--text-lg)}.billing-usage-meters{display:flex;flex-direction:column;gap:var(--space-5)}.billing-meter{display:flex;flex-direction:column;gap:var(--space-2)}.billing-meter-header{display:flex;justify-content:space-between;align-items:center}.billing-meter-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.billing-meter-count{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.billing-meter-bar{height:8px;width:100%;background:var(--color-bg-alt);border-radius:var(--radius-full);overflow:hidden}.billing-meter-fill{height:100%;border-radius:var(--radius-full);transition:width .8s var(--ease-out);background:linear-gradient(90deg,var(--color-primary),var(--color-accent))}.billing-meter-fill.meter-warning{background:linear-gradient(90deg,var(--color-warning),#E8D44D)}.billing-meter-fill.meter-full{background:linear-gradient(90deg,var(--color-error),#FF7B5C)}.billing-verification{background:var(--color-surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-8);display:flex;align-items:center;gap:var(--space-4)}.billing-verification-icon{width:48px;height:48px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.billing-verification-icon.verified{background:var(--color-primary-ghost)}.billing-verification-icon.unverified{background:#ff9f8a1a}.billing-verification-info h4{margin-bottom:var(--space-1);font-size:var(--text-base)}.billing-verification-info p{font-size:var(--text-sm);color:var(--color-text-secondary)}.billing-history{background:var(--color-surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8)}.billing-history h3{margin-bottom:var(--space-6);font-size:var(--text-lg)}.billing-history-table{width:100%;border-collapse:collapse}.billing-history-table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--text-xs);font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);border-bottom:1px solid var(--color-border)}.billing-history-table td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.billing-history-table tr:last-child td{border-bottom:none}.billing-status-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.billing-status-badge.status-captured{background:var(--color-primary-ghost);color:var(--color-primary)}.billing-status-badge.status-refunded{background:var(--color-accent-ghost);color:var(--color-accent)}.billing-status-badge.status-failed{background:#ff9f8a1a;color:var(--color-error)}.billing-empty{text-align:center;padding:var(--space-10);color:var(--color-text-tertiary)}.billing-empty p{color:var(--color-text-tertiary)}@media (max-width: 768px){.billing-grid{grid-template-columns:1fr}.billing-history-table{font-size:var(--text-xs)}.billing-history-table th,.billing-history-table td{padding:var(--space-2) var(--space-3)}}.onboarding{max-width:800px;margin:0 auto}.onboarding-header{margin-bottom:var(--space-8)}.onboarding-title{font-size:var(--text-3xl);margin-bottom:var(--space-2)}.onboarding-subtitle{color:var(--color-text-secondary)}.onboarding-stepper{margin-bottom:var(--space-10)}.stepper-bar{height:4px;background:var(--color-bg-alt);border-radius:var(--radius-full);margin-bottom:var(--space-6);overflow:hidden}.stepper-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out)}.stepper-steps{display:flex;justify-content:space-between;gap:var(--space-4)}.stepper-step{display:flex;align-items:center;gap:var(--space-3);flex:1;opacity:.45;transition:opacity var(--duration-normal) var(--ease-out)}.stepper-step-active{opacity:1}.stepper-step-indicator{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:600;background:var(--color-bg-alt);color:var(--color-text-tertiary);flex-shrink:0;transition:all var(--duration-normal) var(--ease-out)}.stepper-step-active .stepper-step-indicator{background:var(--color-primary);color:#fff}.stepper-step-done .stepper-step-indicator{background:var(--color-success);color:#fff}.stepper-step-text{display:flex;flex-direction:column}.stepper-step-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.stepper-step-subtitle{font-size:var(--text-xs);color:var(--color-text-tertiary)}.onboarding-content{margin-bottom:var(--space-8)}.onboarding-step-container{animation:fadeInUp var(--duration-slow) var(--ease-out)}.onboarding-step{background:var(--color-surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-sm)}.step-intro{margin-bottom:var(--space-8)}.step-intro h3{margin-bottom:var(--space-2)}.step-intro p{color:var(--color-text-secondary);font-size:var(--text-sm)}.step-fields{display:flex;flex-direction:column;gap:var(--space-6)}.step-fields-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.required{color:var(--color-error)}.optional-tag{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:400}.input-field-error{border-color:var(--color-error)!important}.chip-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip-grid-compact{gap:var(--space-1)}.chip{padding:var(--space-2) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface-solid);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.chip:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-ghost)}.chip-active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.chip-active:hover{background:var(--color-primary-light);color:#fff;border-color:var(--color-primary-light)}.chip-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.target-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.target-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);background:var(--color-surface-solid);border:2px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.target-card:hover{border-color:var(--color-primary-subtle);background:var(--color-primary-ghost)}.target-card-active{border-color:var(--color-primary);background:var(--color-primary-ghost)}.target-card-icon{font-size:32px}.target-card-label{font-weight:600;color:var(--color-text)}.target-card-desc{font-size:var(--text-xs);color:var(--color-text-tertiary)}.slider-container{padding:var(--space-2) 0}.range-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-bg-alt);border-radius:var(--radius-full);outline:none}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-primary);cursor:pointer;box-shadow:var(--shadow-md);transition:transform var(--duration-fast) var(--ease-out)}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider-labels{display:flex;justify-content:space-between;margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-tertiary)}.onboarding-nav{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-6);border-top:1px solid var(--color-border)}.onboarding-nav-info{font-size:var(--text-sm);color:var(--color-text-tertiary)}@media (max-width: 768px){.onboarding{padding-bottom:var(--space-4)}.onboarding-header{margin-bottom:var(--space-6)}.onboarding-title{font-size:var(--text-xl)}.onboarding-step{padding:var(--space-5)}.stepper-steps{flex-direction:row;gap:var(--space-2);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--space-1)}.stepper-steps::-webkit-scrollbar{display:none}.stepper-step{flex:0 0 auto;gap:var(--space-2)}.stepper-step-indicator{width:28px;height:28px;font-size:var(--text-xs)}.stepper-step-subtitle{display:none}.stepper-step-title{font-size:var(--text-xs);white-space:nowrap}.step-fields-row{grid-template-columns:1fr}.target-cards{grid-template-columns:1fr;gap:var(--space-3)}.target-card{flex-direction:row;text-align:left;padding:var(--space-4);gap:var(--space-3)}.target-card-icon{font-size:24px}.chip{min-height:40px;display:flex;align-items:center;padding:var(--space-2) var(--space-4)}.onboarding-nav{position:sticky;bottom:0;background:var(--color-surface-solid);padding:var(--space-4) 0;padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));margin:0 calc(-1 * var(--space-4));padding-left:var(--space-4);padding-right:var(--space-4);border-top:1px solid var(--color-border);z-index:var(--z-raised)}.onboarding-nav-info{font-size:var(--text-xs)}.onboarding-content .card div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}}.domain-feature{max-width:800px;margin:0 auto}.feature-header{margin-bottom:var(--space-8)}.feature-header h2{margin-bottom:var(--space-2)}.feature-header p{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-3)}.connection-status{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:500;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.connection-status.connected{color:var(--color-success);background:#2bab6f14}.connection-status.disconnected{color:var(--color-warning);background:#f59f0a14}.connection-dot{width:6px;height:6px;border-radius:var(--radius-full);background:currentColor}.domain-input-form{margin-bottom:var(--space-6)}.domain-input-wrapper{display:flex;gap:var(--space-3)}.domain-input{flex:1;font-size:var(--text-lg);padding:var(--space-4)}.domain-messages{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.domain-message{padding:var(--space-4);border-radius:var(--radius-lg);animation:fadeInUp var(--duration-normal) var(--ease-out)}.domain-message-system{background:var(--color-bg-alt);border:1px solid var(--color-border)}.domain-message-user{background:var(--color-primary-ghost);border:1px solid var(--color-primary-subtle);margin-left:auto;max-width:80%}.domain-message-success{background:#2bab6f14;border:1px solid hsla(152,60%,42%,.2);color:var(--color-success)}.domain-message-error{background:#e03e3e14;border:1px solid hsla(0,72%,56%,.2);color:var(--color-error)}.domain-message-warning{background:#f59f0a14;border:1px solid hsla(38,92%,50%,.2);color:var(--color-warning)}.domain-message-text{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.domain-message-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.domain-suggestions h4{margin-bottom:var(--space-4)}.domain-suggestions-grid{display:flex;flex-direction:column;gap:var(--space-3)}.domain-suggestion-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5)}.domain-suggestion-rank{font-family:var(--font-heading);font-weight:700;font-size:var(--text-lg);color:var(--color-primary);width:36px}.domain-suggestion-name{flex:1;font-weight:600;font-family:var(--font-mono);font-size:var(--text-base)}.domain-complete{text-align:center;padding:var(--space-12);background:var(--color-primary-ghost);border-radius:var(--radius-xl);border:1px solid var(--color-primary-subtle)}.domain-complete-icon{font-size:48px;margin-bottom:var(--space-4)}@media (max-width: 768px){.domain-input-wrapper{flex-direction:column;gap:var(--space-2)}.domain-input{font-size:var(--text-base)}.domain-input-wrapper .btn{width:100%}.domain-message-user{max-width:90%}.domain-suggestion-card{flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.domain-suggestion-name{font-size:var(--text-sm)}.domain-complete{padding:var(--space-8)}}.registration-feature{max-width:800px;margin:0 auto}.registration-form{display:flex;flex-direction:column;gap:var(--space-5);margin-bottom:var(--space-6)}.registration-error{padding:var(--space-4);background:#e03e3e14;border:1px solid hsla(0,72%,56%,.2);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm);margin-bottom:var(--space-6)}.registration-result{margin-top:var(--space-6)}.registration-verdict{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-xl);margin-bottom:var(--space-6)}.registration-verdict-low{background:#2bab6f14;border:1px solid hsla(152,60%,42%,.2)}.registration-verdict-medium{background:#f59f0a14;border:1px solid hsla(38,92%,50%,.2)}.registration-verdict-high{background:#e03e3e14;border:1px solid hsla(0,72%,56%,.2)}.verdict-icon{font-size:40px}.verdict-text h3{margin-bottom:var(--space-2)}.verdict-recommendation{font-size:var(--text-sm)}.registration-details{display:flex;flex-direction:column;gap:var(--space-6)}.detail-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-alt);border-radius:var(--radius-md)}.detail-label{font-size:var(--text-sm);font-weight:600;min-width:100px}.confidence-meter{flex:1;height:8px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.confidence-fill{height:100%;border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out)}.detail-value{font-weight:700;font-size:var(--text-sm);min-width:40px;text-align:right}.detail-section h4{margin-bottom:var(--space-3)}.risk-list,.evidence-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.risk-item,.evidence-item{padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm)}.risk-item:before{content:"⚡ "}.evidence-item:before{content:"📋 "}@media (max-width: 768px){.registration-verdict{flex-direction:column;text-align:center;padding:var(--space-5);gap:var(--space-3)}.verdict-icon{font-size:32px}.detail-card{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.detail-label{min-width:auto}.confidence-meter{width:100%}.risk-item,.evidence-item{padding:var(--space-3);font-size:var(--text-xs)}.registration-form .btn{width:100%}}.bm-feature{max-width:800px;margin:0 auto}.bm-form{display:flex;flex-direction:column;gap:var(--space-5);margin-bottom:var(--space-6)}.bm-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.bm-error{padding:var(--space-4);background:#e03e3e14;border:1px solid hsla(0,72%,56%,.2);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm);margin-bottom:var(--space-6)}.bm-result{display:flex;flex-direction:column;gap:var(--space-6)}.bm-verdict{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);justify-content:center}.bm-verdict-badge{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:800;color:#fff;padding:var(--space-4) var(--space-10);border-radius:var(--radius-xl);letter-spacing:var(--tracking-wide)}.bm-primary-market{margin-top:var(--space-2)}.bm-confidence-ring{position:relative;width:100px;height:100px}.bm-ring-svg{width:100%;height:100%}.bm-ring-fill{transition:stroke-dasharray 1s var(--ease-out)}.bm-confidence-value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700}.bm-reasoning h4{margin-bottom:var(--space-3)}.bm-reasoning p{line-height:var(--leading-relaxed);font-size:var(--text-sm)}.bm-agents h4{margin-bottom:var(--space-4)}.bm-agents-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.bm-agent-card{text-align:center;padding:var(--space-5)}.bm-agent-header{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-3)}.bm-agent-icon{font-size:24px}.bm-agent-name{font-size:var(--text-sm);font-weight:600}.bm-agent-vote{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:800}.bm-meta{display:flex;gap:var(--space-3);justify-content:center}@media (max-width: 768px){.bm-form-row,.bm-agents-grid{grid-template-columns:1fr}.bm-verdict{flex-direction:column}}.vc-chat{display:flex;height:calc(100vh - var(--topbar-height) - var(--space-16));background:var(--color-surface-solid);border-radius:var(--radius-xl);border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-md)}.vc-chat-sidebar{width:340px;border-right:1px solid var(--color-border);display:flex;flex-direction:column;background:var(--color-bg)}.vc-chat-sidebar-header{padding:var(--space-5) var(--space-5);border-bottom:1px solid var(--color-border)}.vc-chat-sidebar-header h3{font-size:var(--text-lg);margin-bottom:var(--space-1)}.vc-chat-sidebar-desc{font-size:var(--text-xs)!important;color:var(--color-text-tertiary)!important}.vc-contact-list{flex:1;overflow-y:auto}.vc-contact{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);width:100%;text-align:left;border:none;background:transparent;cursor:pointer;transition:background var(--duration-fast) var(--ease-out);border-bottom:1px solid var(--color-border)}.vc-contact:hover{background:var(--color-bg-alt)}.vc-contact-active{background:var(--color-primary-ghost)}.vc-contact-avatar{width:48px;height:48px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:var(--text-lg);flex-shrink:0;position:relative}.vc-contact-info{flex:1;min-width:0}.vc-contact-name{font-weight:600;font-size:var(--text-sm);color:var(--color-text)}.vc-contact-role{font-size:var(--text-xs);color:var(--color-text-tertiary)}.vc-contact-preview{font-size:var(--text-xs);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.vc-status-badge{font-size:16px}.vc-chat-main{flex:1;display:flex;flex-direction:column}.vc-chat-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-bg)}.vc-chat-header-avatar{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0}.vc-chat-header-info{flex:1;display:flex;flex-direction:column}.vc-chat-header-name{font-weight:600;font-size:var(--text-sm)}.vc-chat-header-role{font-size:var(--text-xs);color:var(--color-text-tertiary)}.vc-chat-header-status{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:500}.vc-chat-messages{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);background:linear-gradient(135deg,#eef6f380,#f6f7f980)}.vc-intro-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);font-size:var(--text-sm);margin-bottom:var(--space-4);max-width:85%;align-self:center;text-align:center}.vc-intro-hint{font-size:var(--text-xs)!important;color:var(--color-text-tertiary)!important;margin-top:var(--space-2)}.chat-bubble{max-width:70%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:var(--leading-normal);animation:fadeInUp .2s var(--ease-out);position:relative}.chat-bubble-sent{align-self:flex-end;background:#2c9664;color:#fff;border-bottom-right-radius:var(--radius-sm)}.chat-bubble-received{align-self:flex-start;background:var(--color-surface-solid);color:var(--color-text);border:1px solid var(--color-border);border-bottom-left-radius:var(--radius-sm)}.chat-bubble-time{display:flex;align-items:center;gap:var(--space-1);font-size:10px;opacity:.65;margin-top:var(--space-1);justify-content:flex-end}.chat-ticks{font-size:11px;color:#8cd0f2}.chat-typing{display:flex;gap:4px;align-self:flex-start;padding:var(--space-3) var(--space-4);background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.typing-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-text-tertiary);animation:typing 1.2s ease-in-out infinite}.chat-decision-banner{align-self:center;padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;margin-top:var(--space-4)}.chat-decision-won{background:#2bab6f1f;border:1px solid hsla(152,60%,42%,.2)}.chat-decision-lost{background:#e03e3e14;color:var(--color-error);border:1px solid hsla(0,72%,56%,.2)}.vc-chat-input-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-bg)}.vc-chat-input{flex:1;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface-solid);font-size:var(--text-sm);outline:none;color:var(--color-text)}.vc-chat-input:focus{border-color:var(--color-primary)}.vc-chat-input:disabled{opacity:.5}.vc-chat-send-btn{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:all var(--duration-fast) var(--ease-out);flex-shrink:0}.vc-chat-send-btn:hover:not(:disabled){background:var(--color-primary-light);transform:scale(1.05)}.vc-chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.vc-chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);color:var(--color-text-tertiary)}.vc-chat-empty-icon{font-size:48px;opacity:.5}.vc-chat-empty h3{color:var(--color-text-secondary)}.vc-chat-empty p{font-size:var(--text-sm);max-width:300px;text-align:center}.vc-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.vc-selection-card{padding:var(--space-5);border:2px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-align:left;background:var(--color-surface-solid);position:relative}.vc-selection-card:hover:not(.vc-selection-disabled){border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.vc-selection-active{border-color:var(--color-primary)!important;background:hsla(var(--primary-hue),60%,50%,.06);box-shadow:0 0 0 3px hsla(var(--primary-hue),60%,50%,.15)}.vc-selection-disabled{opacity:.45;cursor:not-allowed}.vc-selection-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.vc-selection-check{width:28px;height:28px;border-radius:var(--radius-full);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;transition:all var(--duration-fast) var(--ease-out)}.vc-selection-active .vc-selection-check{background:var(--color-primary);border-color:var(--color-primary)}.vc-selection-info h4{font-size:var(--text-base);margin-bottom:var(--space-2)}@media (max-width: 768px){.vc-chat{height:calc(100vh - var(--topbar-height) - var(--bottom-nav-height));border-radius:0;border:none;box-shadow:none;margin:calc(-1 * var(--space-4));width:calc(100% + var(--space-8))}.vc-chat-sidebar{width:100%;border-right:none}.vc-chat-sidebar.vc-chat-mobile-hidden,.vc-chat-main{display:none}.vc-chat-main.vc-chat-mobile-visible{display:flex}.vc-chat-sidebar-header{padding:var(--space-4)}.vc-chat-sidebar-header h3{font-size:var(--text-base)}.vc-contact{padding:var(--space-3) var(--space-4)}.vc-contact-avatar{width:44px;height:44px}.vc-chat-header{padding:var(--space-3) var(--space-4)}.vc-chat-mobile-back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:none;border:none;color:var(--color-text);cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent}.vc-chat-mobile-back:active{background:var(--color-bg-alt)}.vc-chat-messages{padding:var(--space-3) var(--space-4)}.chat-bubble{max-width:85%}.vc-intro-card{max-width:95%;padding:var(--space-3);font-size:var(--text-xs)}.vc-chat-input-bar{padding:var(--space-3) var(--space-4);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px))}.vc-chat-input{font-size:16px}.vc-chat-send-btn{width:36px;height:36px}.vc-selection-grid{grid-template-columns:1fr;gap:var(--space-3)}.vc-selection-card{padding:var(--space-4)}.vc-chat-empty-icon{font-size:36px}.vc-chat-empty h3{font-size:var(--text-base)}.vc-chat-empty p{font-size:var(--text-xs)}}.vc-meeting{height:calc(100vh - var(--topbar-height) - var(--space-16))}.meeting-lobby{max-width:800px;margin:0 auto}.lobby-agents{margin-top:var(--space-8)}.lobby-agents h4{margin-bottom:var(--space-4)}.lobby-agents-grid{display:flex;flex-direction:column;gap:var(--space-3)}.lobby-agent-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-align:left;width:100%}.lobby-agent-card:hover{border-color:var(--color-primary);background:var(--color-primary-ghost)}.lobby-agent-selected{border-color:var(--color-primary);background:var(--color-primary-ghost);box-shadow:0 0 0 3px var(--color-primary-ghost)}.lobby-agent-avatar{width:48px;height:48px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:var(--text-xl);flex-shrink:0}.lobby-agent-info{flex:1;display:flex;flex-direction:column}.lobby-agent-name{font-weight:600;color:var(--color-text)}.lobby-agent-role{font-size:var(--text-sm);color:var(--color-primary);font-weight:500}.lobby-agent-domain{font-size:var(--text-xs);color:var(--color-text-tertiary)}.lobby-agent-check{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.lobby-actions{margin-top:var(--space-8);text-align:center}.meeting-info-section{background:var(--color-surface);border:1px solid var(--color-border)}.meeting-info-item{display:flex;gap:var(--space-3);align-items:flex-start}.meeting-info-step{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-sm);flex-shrink:0}.input-label{display:block;font-weight:600;font-size:var(--text-sm);margin-bottom:var(--space-2);color:var(--color-text)}.input-hint{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.meeting-room{display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:1fr 300px;height:100%;background:#131720;border-radius:var(--radius-xl);overflow:hidden}.meeting-timer-bar{grid-column:1 / -1;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:#0000004d}.meeting-timer{font-family:var(--font-mono);font-size:var(--text-sm);color:#fff;font-weight:600}.meeting-recording-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-error);animation:pulse 2s ease-in-out infinite}.meeting-recording-text{font-size:var(--text-xs);color:#fff9}.meeting-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4);padding:var(--space-6);align-content:center}.participant-tile{aspect-ratio:16/10;border-radius:var(--radius-lg);overflow:hidden;position:relative;background:#1f2633;border:2px solid transparent;transition:border-color var(--duration-fast) var(--ease-out)}.participant-speaking{border-color:var(--agent-color, var(--color-primary));box-shadow:0 0 20px #ffffff1a}.participant-video{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.participant-placeholder{width:80px;height:80px;border-radius:var(--radius-full);background:#2f384c;display:flex;align-items:center;justify-content:center;color:#fff9;font-weight:600;font-size:var(--text-lg)}.participant-avatar-large{width:80px;height:80px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:var(--text-3xl)}.speaking-ring{position:absolute;top:50%;right:50%;bottom:50%;left:50%;width:100px;height:100px;margin-left:-50px;margin-top:-50px;border-radius:var(--radius-full);border:3px solid;animation:speakingRing 1.5s ease-in-out infinite}.participant-label{position:absolute;bottom:0;left:0;right:0;padding:var(--space-3) var(--space-4);background:linear-gradient(transparent,#000000b3);display:flex;align-items:center;gap:var(--space-2)}.participant-name{color:#fff;font-size:var(--text-sm);font-weight:500}.participant-role{color:#ffffff80;font-size:var(--text-xs)}.mic-indicator{font-size:14px}.meeting-transcript-panel{grid-row:2 / 4;grid-column:2;padding:var(--space-4);overflow-y:auto;border-left:1px solid hsla(0,0%,100%,.1);background:#171c27e6!important}.meeting-transcript-panel h4{color:#fff;font-size:var(--text-sm);margin-bottom:var(--space-4)}.meeting-transcript-list{display:flex;flex-direction:column;gap:var(--space-3)}.transcript-entry{font-size:var(--text-xs);line-height:var(--leading-normal);color:#ffffffb3}.transcript-speaker{font-weight:600;color:#ffffffe6}.transcript-text{margin-left:var(--space-1)}.meeting-controls{grid-column:1;display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-4)}.meeting-control-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);background:#ffffff1a;color:#fff;font-size:20px;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);border:none}.meeting-control-btn span{font-size:var(--text-xs)}.meeting-control-btn:hover{background:#fff3}.control-active{background:var(--color-primary)}.control-end{background:var(--color-error)}.control-end:hover{background:#db2424}.meeting-ended{max-width:600px;margin:0 auto;text-align:center;padding:var(--space-12)}.meeting-ended-icon{font-size:64px;margin-bottom:var(--space-6)}.meeting-ended h2{margin-bottom:var(--space-2)}.meeting-ended p{margin-bottom:var(--space-6)}.meeting-ended-summary{text-align:left;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);max-height:300px;overflow-y:auto;margin-top:var(--space-4)}.meeting-ended-summary h4{margin-bottom:var(--space-3)}.meeting-ended-summary .transcript-entry{color:var(--color-text-secondary)}.meeting-ended-summary .transcript-speaker{color:var(--color-text)}@media (max-width: 768px){.vc-meeting{height:auto;min-height:calc(100vh - var(--topbar-height) - var(--bottom-nav-height))}.meeting-room{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;border-radius:var(--radius-lg);height:calc(100vh - var(--topbar-height) - var(--bottom-nav-height) - var(--space-8))}.meeting-timer-bar{grid-column:1;padding:var(--space-2) var(--space-4);flex-wrap:wrap;gap:var(--space-2)}.meeting-grid{grid-template-columns:1fr 1fr;gap:var(--space-2);padding:var(--space-3)}.participant-tile{aspect-ratio:4/3}.participant-placeholder,.participant-avatar-large{width:52px;height:52px;font-size:var(--text-lg)}.speaking-ring{width:68px;height:68px;margin-left:-34px;margin-top:-34px}.participant-label{padding:var(--space-2) var(--space-3)}.participant-name{font-size:var(--text-xs)}.participant-role{display:none}.meeting-transcript-panel{display:none;grid-row:auto;grid-column:1}.meeting-transcript-panel.meeting-transcript-visible{display:block;max-height:200px;overflow-y:auto;border-left:none;border-top:1px solid hsla(0,0%,100%,.1)}.meeting-controls{grid-column:1;gap:var(--space-2);padding:var(--space-3);flex-wrap:wrap;justify-content:center;padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px))}.meeting-control-btn{padding:var(--space-2) var(--space-4);font-size:16px}.meeting-control-btn span{font-size:9px}.meeting-lobby{padding:0}.lobby-agent-card{padding:var(--space-3) var(--space-4);gap:var(--space-3)}.lobby-agent-avatar{width:40px;height:40px;font-size:var(--text-base)}.lobby-agent-name{font-size:var(--text-sm)}.lobby-agent-domain{display:none}.lobby-actions{margin-top:var(--space-6)}.lobby-actions .btn{width:100%}.meeting-ended{padding:var(--space-6)}.meeting-ended-icon{font-size:48px}.meeting-ended-summary{max-height:200px}}.gmail-interface{display:flex;flex-direction:column;height:100%;background:#f6f8fc;color:#1f1f1f;font-family:Google Sans,Roboto,RobotoDraft,Helvetica,Arial,sans-serif;font-size:14px}.gmail-header{display:flex;align-items:center;padding:8px 16px;background:#f6f8fc;height:64px;flex-shrink:0;gap:16px}.gmail-logo-area{display:flex;align-items:center;gap:16px;width:238px}.gmail-hamburger{padding:12px;border-radius:50%;cursor:pointer}.gmail-hamburger:hover{background:#0000000a}.gmail-logo{font-size:22px;font-weight:500;color:#5f6368}.gmail-search-bar{flex:1;max-width:720px;background:#eaf1fb;border-radius:24px;display:flex;align-items:center;padding:0 16px;height:48px}.gmail-search-input{border:none;background:transparent;width:100%;height:100%;outline:none;font-size:16px;color:#1f1f1f;margin-left:12px}.gmail-main{display:flex;flex:1;overflow:hidden}.gmail-sidebar{width:256px;padding-right:16px;display:flex;flex-direction:column}.gmail-compose-btn{background:#c2e7ff;color:#001d35;border-radius:16px;padding:0 24px 0 16px;height:56px;display:flex;align-items:center;gap:16px;font-weight:500;margin:8px 0 16px 8px;width:fit-content;border:none;cursor:pointer}.gmail-compose-btn:hover{background:#b3d7ef;box-shadow:0 1px 2px #3c40434d}.gmail-nav-item{display:flex;align-items:center;padding:0 12px 0 24px;height:32px;border-radius:0 16px 16px 0;cursor:pointer;color:#444746;font-weight:500;gap:16px}.gmail-nav-item.active{background:#d3e3fd;color:#041e49}.gmail-nav-item:hover:not(.active){background:#0000000a}.gmail-content{flex:1;background:#fff;border-radius:16px;margin-right:16px;margin-bottom:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.gmail-content-toolbar{height:48px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid #E0E0E0}.gmail-icon-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#444746}.gmail-icon-btn:hover{background:#0000000a}.gmail-thread-scroll{flex:1;overflow-y:auto;padding:24px 32px}.gmail-subject-line{font-size:22px;font-weight:400;color:#1f1f1f;margin-bottom:24px;display:flex;align-items:center;gap:8px}.gmail-inbox-badge{font-size:12px;background:#e0e0e0;padding:2px 6px;border-radius:4px;color:#444746}.gmail-message{margin-bottom:8px}.gmail-msg-header{display:flex;align-items:flex-start;gap:16px;padding:8px 0}.gmail-avatar{width:40px;height:40px;border-radius:50%;background:#8a2be2;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500;flex-shrink:0}.gmail-msg-info{flex:1}.gmail-msg-sender{display:flex;align-items:center;gap:8px}.gmail-msg-name{font-weight:700;color:#1f1f1f}.gmail-msg-email,.gmail-msg-time{font-size:12px;color:#5f6368}.gmail-msg-body{padding-left:56px;padding-top:8px;padding-bottom:16px;color:#1f1f1f;line-height:1.5;white-space:pre-wrap}.gmail-reply-box{margin-top:16px;margin-left:56px;border:1px solid #E0E0E0;border-radius:8px;box-shadow:0 1px 2px #3c40434d;overflow:hidden;display:flex;flex-direction:column}.gmail-reply-header{padding:8px 16px;border-bottom:1px solid #E0E0E0;display:flex;align-items:center;color:#5f6368}.gmail-reply-to{color:#1f1f1f;margin-left:8px}.gmail-reply-textarea{min-height:150px;padding:16px;border:none;outline:none;resize:vertical;font-family:inherit;font-size:14px}.gmail-reply-footer{padding:12px 16px;display:flex;align-items:center;gap:16px}.gmail-send-btn{background:#0b57d0;color:#fff;border:none;border-radius:18px;padding:0 24px;height:36px;font-weight:500;cursor:pointer}.gmail-send-btn:hover:not(:disabled){background:#0842a0;box-shadow:0 1px 2px #3c40434d}.gmail-send-btn:disabled{opacity:.5;cursor:not-allowed}.gmail-reply-trigger{margin-left:56px;margin-top:16px;display:inline-flex;align-items:center;gap:16px}.gmail-reply-pill{border:1px solid #747775;border-radius:20px;padding:0 24px 0 16px;height:40px;display:flex;align-items:center;gap:8px;color:#444746;font-weight:500;cursor:pointer;background:#fff}.gmail-reply-pill:hover{background:#0000000a}.gmail-rounds-info{text-align:center;padding:16px;color:#5f6368;font-style:italic;font-size:13px}.slack-interface{display:flex;height:100%;background:#1a1d21;color:#d1d2d3;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:15px}.slack-sidebar{width:260px;background:#19171d;display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid rgba(255,255,255,.1)}.slack-ws-header{height:49px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;padding:0 16px;font-weight:900;color:#fff;font-size:18px;cursor:pointer}.slack-ws-header:hover{background:#ffffff0d}.slack-nav-section{padding-top:16px}.slack-nav-item{height:28px;display:flex;align-items:center;padding:0 16px;color:#ffffffb3;cursor:pointer;gap:8px}.slack-nav-item:hover{background:#ffffff0d}.slack-nav-item.active{background:#1164a3;color:#fff}.slack-nav-header{padding:0 16px;margin-top:16px;margin-bottom:4px;font-size:13px;color:#ffffffb3;display:flex;align-items:center;gap:4px}.slack-main{flex:1;display:flex;flex-direction:column;min-width:0}.slack-topbar{height:49px;background:#1a1d21;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;padding:0 20px;gap:8px}.slack-channel-name{font-weight:900;color:#fff;font-size:18px;display:flex;align-items:center;gap:4px}.slack-msg-area{flex:1;overflow-y:auto;display:flex;flex-direction:column}.slack-msg-list{flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:20px}.slack-channel-intro{padding:20px;margin-top:auto}.slack-intro-title{font-size:28px;font-weight:900;color:#fff;margin-bottom:8px}.slack-intro-desc{color:#d1d2d3}.slack-msg{display:flex;padding:8px 20px;gap:8px}.slack-msg:hover{background:#222529}.slack-avatar{width:36px;height:36px;border-radius:4px;background:#e8912d;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0}.slack-msg-content{flex:1}.slack-msg-header{display:flex;align-items:baseline;gap:8px;line-height:1.2;margin-bottom:2px}.slack-msg-name{font-weight:900;color:#fff}.slack-msg-time{font-size:12px;color:#ababad}.slack-msg-text{line-height:1.46;white-space:pre-wrap;color:#d1d2d3}.slack-msg-text a{color:#1d9bd1;text-decoration:none}.slack-msg-text a:hover{text-decoration:underline}.slack-input-area{padding:0 20px 20px}.slack-input-box{border:1px solid #565856;border-radius:8px;background:#222529;display:flex;flex-direction:column;transition:border-color .1s}.slack-input-box:focus-within{border-color:#ababad}.slack-input-toolbar{background:#222529;border-bottom:1px solid #383838;padding:4px 8px;border-radius:8px 8px 0 0;display:flex;gap:4px}.slack-toolbar-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:#ababad;cursor:pointer}.slack-toolbar-btn:hover{background:#35373b}.slack-textarea{width:100%;background:transparent;border:none;color:#d1d2d3;padding:12px;min-height:44px;max-height:300px;resize:vertical;outline:none;font-family:inherit;font-size:15px}.slack-input-footer{display:flex;justify-content:space-between;align-items:center;padding:8px}.slack-footer-icons{display:flex;gap:4px}.slack-send-btn{width:32px;height:32px;border-radius:4px;background:#007a5a;color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}.slack-send-btn:hover:not(:disabled){background:#148567}.slack-send-btn:disabled{opacity:.5;cursor:not-allowed}.slack-rounds-info{text-align:center;font-size:12px;color:#ababad;padding-bottom:8px}.svg-icon{width:20px;height:20px}.svg-icon-sm{width:16px;height:16px}.svg-icon-lg{width:24px;height:24px}@media (max-width: 768px){.gmail-header{padding:8px;height:auto;flex-wrap:wrap;gap:8px}.gmail-logo-area{width:auto;gap:8px}.gmail-logo{font-size:18px}.gmail-search-bar{order:3;width:100%;max-width:100%;height:40px}.gmail-sidebar{display:none}.gmail-content{margin:0;border-radius:0}.gmail-thread-scroll{padding:16px}.gmail-subject-line{font-size:18px;flex-wrap:wrap}.gmail-msg-body{padding-left:0;font-size:14px}.gmail-msg-header{gap:8px}.gmail-reply-box{margin-left:0}.gmail-reply-textarea{min-height:100px;font-size:16px}.gmail-reply-trigger{margin-left:0;flex-wrap:wrap}.gmail-send-btn{font-size:14px}.slack-sidebar{display:none}.slack-topbar{padding:0 12px}.slack-channel-name{font-size:16px}.slack-msg{padding:8px 12px}.slack-input-area{padding:0 12px 12px}.slack-textarea{font-size:16px;min-height:40px}.slack-input-toolbar{flex-wrap:wrap}}