:root{--violet-50: #f5f3ff;--violet-100: #ede9fe;--violet-200: #ddd6fe;--violet-300: #c4b5fd;--violet-400: #a78bfa;--violet-500: #8b5cf6;--violet-600: #7c3aed;--violet-700: #6d28d9;--violet-800: #5b21b6;--violet-900: #4c1d95;--violet-950: #2e1065;--gray-0: #ffffff;--gray-50: #fafafa;--gray-100: #f4f4f5;--gray-200: #e4e4e7;--gray-300: #d4d4d8;--gray-400: #a1a1aa;--gray-500: #71717a;--gray-600: #52525b;--gray-700: #3f3f46;--gray-800: #27272a;--gray-900: #18181b;--gray-950: #0b0b0f;--bg: var(--gray-0);--bg-subtle: var(--gray-50);--bg-muted: var(--gray-100);--bg-inverse: var(--gray-950);--surface: var(--gray-0);--surface-2: var(--gray-50);--surface-3: var(--gray-100);--surface-glass: rgba(255, 255, 255, .72);--fg: var(--gray-950);--fg-muted: var(--gray-600);--fg-subtle: var(--gray-500);--fg-inverse: var(--gray-0);--border: rgba(9, 9, 11, .08);--border-strong: rgba(9, 9, 11, .14);--accent: var(--violet-600);--accent-hover: var(--violet-700);--accent-fg: #ffffff;--accent-soft: var(--violet-50);--accent-soft-2: var(--violet-100);--accent-ring: rgba(124, 58, 237, .35);--accent-gradient: var(--accent);--success: #16a34a;--danger: #dc2626;--warning: #d97706;--glow-1: rgba(139, 92, 246, .35);--glow-2: rgba(236, 72, 153, .18);--glow-3: rgba(59, 130, 246, .16);--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, 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;--text-7xl: 4.5rem;--tracking-tight: -.02em;--tracking-tighter: -.04em;--radius-sm: 0px;--radius-md: 0px;--radius-lg: 0px;--radius-xl: 0px;--radius-2xl: 0px;--radius-full: 0px;--shadow-xs: 0 1px 2px rgba(9, 9, 11, .05);--shadow-sm: 0 1px 3px rgba(9, 9, 11, .08), 0 1px 2px rgba(9, 9, 11, .04);--shadow-md: 0 6px 16px -4px rgba(9, 9, 11, .1), 0 2px 6px rgba(9, 9, 11, .05);--shadow-lg: 0 20px 40px -12px rgba(9, 9, 11, .16), 0 8px 16px -8px rgba(9, 9, 11, .08);--shadow-accent: 0 10px 30px -8px rgba(124, 58, 237, .45);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--container: 1200px;--container-wide: 1400px;--header-h: 64px;--header-offset: 96px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .12s;--dur: .2s;--dur-slow: .4s;color-scheme:light}[data-theme=dark]{--bg: var(--gray-950);--bg-subtle: #0f0f14;--bg-muted: var(--gray-900);--bg-inverse: var(--gray-0);--surface: #121218;--surface-2: #17171f;--surface-3: #1e1e27;--surface-glass: rgba(18, 18, 24, .72);--fg: #f4f4f5;--fg-muted: var(--gray-400);--fg-subtle: var(--gray-500);--fg-inverse: var(--gray-950);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--accent: var(--violet-500);--accent-hover: var(--violet-400);--accent-soft: rgba(139, 92, 246, .12);--accent-soft-2: rgba(139, 92, 246, .2);--accent-ring: rgba(167, 139, 250, .4);--accent-gradient: var(--accent);--glow-1: rgba(139, 92, 246, .28);--glow-2: rgba(236, 72, 153, .14);--glow-3: rgba(59, 130, 246, .14);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5);--shadow-md: 0 6px 16px -4px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 40px -12px rgba(0, 0, 0, .6);--shadow-accent: 0 10px 30px -8px rgba(139, 92, 246, .5);color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}html,body,#root{min-height:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.55;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;transition:background-color var(--dur) ease,color var(--dur) ease}::view-transition-old(root){animation:none}::view-transition-new(root){animation:reveal-dark-theme var(--dur-slow) var(--ease-out) both}[data-theme=light]::view-transition-new(root){animation-name:reveal-light-theme}@keyframes reveal-dark-theme{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}@keyframes reveal-light-theme{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0)}}#root{display:flex;flex-direction:column;min-height:100vh}img,svg,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit;background:none;border:none}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--accent-soft-2);color:var(--fg)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}h1,h2,h3,h4{font-weight:700;letter-spacing:var(--tracking-tight);line-height:1.1;color:var(--fg)}.display{font-size:clamp(2.75rem,7vw,5.5rem);font-weight:700;letter-spacing:var(--tracking-tighter);line-height:.98}.h1{font-size:clamp(2.25rem,5vw,3.75rem);letter-spacing:var(--tracking-tighter)}.h2{font-size:clamp(1.875rem,3.6vw,2.75rem)}.h3{font-size:var(--text-xl)}.lead{font-size:clamp(1.05rem,1.6vw,1.25rem);color:var(--fg-muted);line-height:1.6}.muted{color:var(--fg-muted)}.subtle{color:var(--fg-subtle)}.eyebrow{font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--space-6)}.container-wide{max-width:var(--container-wide)}.section{padding-block:clamp(var(--space-16),9vw,var(--space-24))}.section-tight{padding-block:clamp(var(--space-12),6vw,var(--space-16))}.section-head{max-width:680px;margin:0 auto var(--space-12);text-align:center}.section-head .eyebrow{display:block;margin-bottom:var(--space-3)}.section-head .lead{margin-top:var(--space-4)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.row{display:flex;align-items:center;gap:var(--space-3)}.grid{display:grid;gap:var(--space-5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:44px;padding:0 var(--space-5);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;line-height:1;white-space:nowrap;border:1px solid transparent;transition:background-color var(--dur) ease,color var(--dur) ease,border-color var(--dur) ease,transform var(--dur-fast) ease,box-shadow var(--dur) ease;-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:var(--accent-fg);box-shadow:var(--shadow-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--surface);color:var(--fg);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--fg-subtle)}.btn-ghost{background:transparent;color:var(--fg-muted)}.btn-ghost:hover:not(:disabled){background:var(--surface-3);color:var(--fg)}.btn-inverse{background:var(--bg-inverse);color:var(--fg-inverse)}.btn-inverse:hover:not(:disabled){opacity:.9}.btn-sm{height:36px;padding:0 var(--space-4);font-size:var(--text-sm)}.btn-lg{height:52px;padding:0 var(--space-6);font-size:var(--text-base)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-full)}.btn-icon.btn-sm{width:36px;height:36px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);transition:border-color var(--dur) ease,box-shadow var(--dur) ease,transform var(--dur) var(--ease-out)}.card-hover:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-soft{background:var(--surface-2)}.badge{display:inline-flex;align-items:center;gap:var(--space-2);height:28px;padding:0 var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;background:var(--accent-soft);color:var(--accent);border:1px solid transparent}.badge-neutral{background:var(--surface-3);color:var(--fg-muted)}.badge-outline{background:transparent;border-color:var(--border-strong);color:var(--fg-muted)}.badge .dot{width:6px;height:6px;border-radius:0;background:currentColor}.icon-chip{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent);font-size:var(--text-lg);flex-shrink:0}.divider{height:1px;background:var(--border);border:0}.segmented{display:inline-flex;padding:4px;gap:2px;background:var(--surface-3);border-radius:var(--radius-full);border:1px solid var(--border)}.segmented button{height:32px;padding:0 var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--fg-muted);transition:background-color var(--dur) ease,color var(--dur) ease,box-shadow var(--dur) ease}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--fg);box-shadow:var(--shadow-sm)}.site-header{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;justify-content:center;padding:var(--space-4) var(--space-4) 0;pointer-events:none}.nav{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%;max-width:1040px;height:var(--header-h);padding:0 var(--space-3) 0 var(--space-5);background:var(--surface-glass);-webkit-backdrop-filter:saturate(160%) blur(16px);backdrop-filter:saturate(160%) blur(16px);border:1px solid var(--border);border-radius:var(--radius-full);box-shadow:var(--shadow-xs);transition:max-width var(--dur-slow) var(--ease-out),box-shadow var(--dur-slow) ease,border-color var(--dur-slow) ease}.site-header.scrolled .nav{max-width:880px;box-shadow:var(--shadow-md);border-color:var(--border-strong)}.logo{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:800;font-size:var(--text-lg);letter-spacing:var(--tracking-tight);color:var(--fg)}.logo-mark{width:28px;height:28px;border-radius:0;background:var(--accent);display:inline-grid;place-items:center;color:#fff;font-size:13px;font-weight:800;box-shadow:var(--shadow-accent)}.nav-links{display:flex;align-items:center;gap:var(--space-1)}.nav-link{display:inline-flex;align-items:center;height:36px;padding:0 var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--fg-muted);transition:color var(--dur) ease,background-color var(--dur) ease}.nav-link:hover{color:var(--fg);background:var(--surface-3)}.nav-link.active{color:var(--fg);font-weight:600}.nav-right{display:flex;align-items:center;gap:var(--space-2)}.nav-cta{display:inline-flex}.theme-toggle{width:36px;height:36px;border-radius:var(--radius-full);display:inline-grid;place-items:center;color:var(--fg-muted);transition:background-color var(--dur) ease,color var(--dur) ease,transform var(--dur) var(--ease-spring)}.theme-icon-light,[data-theme=dark] .theme-icon-dark{display:none}[data-theme=dark] .theme-icon-light{display:inline-block}.theme-toggle:hover{background:var(--surface-3);color:var(--fg);transform:rotate(15deg)}.nav-burger{display:none}.mobile-menu{pointer-events:auto;position:absolute;top:calc(var(--header-h) + var(--space-6));left:var(--space-4);right:var(--space-4);padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--space-1);animation:menuIn var(--dur) var(--ease-out)}.mobile-menu .nav-link{height:44px;font-size:var(--text-base)}.mobile-menu .btn{margin-top:var(--space-2)}@keyframes menuIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:860px){.nav-links,.nav-cta{display:none}.nav-burger{display:inline-grid}}.footer{margin-top:auto;border-top:1px solid var(--border);background:var(--bg-subtle)}.footer-inner{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:var(--space-10);padding-block:var(--space-16) var(--space-10)}.footer-brand p{margin-top:var(--space-3);max-width:300px;font-size:var(--text-sm);color:var(--fg-muted)}.footer-col h4{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-4)}.footer-col a{display:block;font-size:var(--text-sm);color:var(--fg-muted);padding-block:var(--space-1)}.footer-col a:hover{color:var(--fg)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-6);border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--fg-subtle)}.footer-bottom .row a{color:var(--fg-subtle)}.footer-bottom .row a:hover{color:var(--fg)}@media(max-width:860px){.footer-inner{grid-template-columns:1fr 1fr;gap:var(--space-8)}.footer-brand{grid-column:1 / -1}}.home{position:relative;isolation:isolate;cursor:default}.hero-grid-background{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;z-index:-2;overflow:hidden;pointer-events:none}.hero-grid-wave{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}@media(prefers-reduced-motion:reduce){.hero-grid-wave{display:none}}.hero{position:relative;min-height:100vh;min-height:100dvh;padding:calc(var(--header-offset) + var(--space-16)) 0 var(--space-12);display:flex;flex-direction:column;justify-content:center;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--border)}.hero-glow{position:absolute;inset:0 0 auto 0;height:60%;z-index:-1;background:radial-gradient(60% 60% at 50% 0%,var(--glow-1),transparent 70%);pointer-events:none}.hero-inner{display:flex;flex-direction:column;align-items:center;text-align:center}.hero-title{max-width:20ch;margin-bottom:var(--space-6);animation:fadeInUp .7s var(--ease-out) .05s both}.rotating-word{position:relative;display:inline-block;vertical-align:baseline}.rotating-word>span{position:absolute;left:0;top:0;white-space:nowrap;color:var(--accent);opacity:0;transform:translateY(.3em);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}.rotating-word>span.is-active{position:static;opacity:1;transform:none}.rotating-word>span.is-leaving{opacity:0;transform:translateY(-.3em)}.hero-lead{max-width:560px;margin-bottom:var(--space-8);animation:fadeInUp .7s var(--ease-out) .12s both}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);animation:fadeInUp .7s var(--ease-out) .18s both}.preview{position:relative;margin-top:var(--space-16);padding:var(--space-3);border-radius:0;background:var(--surface-2);border:1px solid var(--border);box-shadow:var(--shadow-lg);animation:fadeInUp .9s var(--ease-out) .35s both}.preview-window{border-radius:0;background:var(--surface);border:1px solid var(--border);overflow:hidden;display:grid;grid-template-columns:240px 1fr;min-height:460px}.preview-side{border-right:1px solid var(--border);background:var(--surface-2);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);text-align:left}.preview-side .pv-item{height:36px;border-radius:var(--radius-md);display:flex;align-items:center;padding:0 var(--space-3);font-size:var(--text-sm);color:var(--fg-muted);gap:var(--space-2)}.preview-side .pv-item.active{background:var(--surface);color:var(--fg);font-weight:500;box-shadow:var(--shadow-xs)}.preview-side .pv-item i{font-size:12px;opacity:.7}.preview-side .pv-label{font-size:var(--text-xs);color:var(--fg-subtle);margin:var(--space-3) 0 var(--space-1) var(--space-3);text-transform:uppercase;letter-spacing:.06em}.preview-main{display:flex;flex-direction:column}.preview-top{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border);font-size:var(--text-sm)}.preview-top strong{font-weight:600}.preview-thread{flex:1;padding:var(--space-6) var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);text-align:left}.pv-msg{display:flex;gap:var(--space-3);max-width:80%}.pv-msg.user{align-self:flex-end;flex-direction:row-reverse}.pv-avatar{width:28px;height:28px;border-radius:0;flex-shrink:0;background:var(--accent);display:grid;place-items:center;color:#fff;font-size:11px;font-weight:700}.pv-msg.user .pv-avatar{background:var(--surface-3);color:var(--fg-muted)}.pv-bubble{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:1.55;background:var(--surface-2);border:1px solid var(--border);color:var(--fg)}.pv-msg.user .pv-bubble{background:var(--accent);color:var(--accent-fg);border-color:transparent}.pv-bubble ul{margin:var(--space-2) 0 0 var(--space-4)}.pv-compose{margin:0 var(--space-5) var(--space-5);height:48px;border-radius:var(--radius-full);border:1px solid var(--border-strong);background:var(--surface);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-2) 0 var(--space-4);font-size:var(--text-sm);color:var(--fg-subtle)}.pv-compose .send{width:34px;height:34px;border-radius:0;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:12px}@media(max-width:860px){.preview-window{grid-template-columns:1fr}.preview-side{display:none}}.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-4)}.bento .card{display:flex;flex-direction:column;gap:var(--space-4);grid-column:span 2}.bento .card.span-3{grid-column:span 3}.bento .card h3{font-size:var(--text-lg)}.bento .card p{color:var(--fg-muted);font-size:var(--text-sm);line-height:1.6}.bento .card-visual{margin-top:auto;border-radius:var(--radius-lg);background:var(--surface-2);border:1px solid var(--border);padding:var(--space-4);min-height:120px;display:flex;flex-direction:column;justify-content:center;gap:var(--space-3);overflow:hidden}.bar{height:8px;border-radius:0;background:var(--surface-3);position:relative;overflow:hidden}.bar>i{position:absolute;inset:0 auto 0 0;width:var(--w, 50%);border-radius:inherit;background:var(--accent)}.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.mini-chip{font-size:var(--text-xs);padding:4px 10px;border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border);color:var(--fg-muted)}.mini-chip.on{background:var(--accent-soft);border-color:transparent;color:var(--accent);font-weight:600}.cal{display:grid;grid-template-columns:repeat(7,28px);gap:6px;justify-content:center}.cal span{width:28px;height:28px;border-radius:0;background:var(--surface-3)}.cal span.on{background:var(--accent);opacity:.85}.cal span.soft{background:var(--accent-soft-2)}@media(max-width:1000px){.bento{grid-template-columns:repeat(2,1fr)}.bento .card,.bento .card.span-3{grid-column:span 1}}@media(max-width:640px){.bento{grid-template-columns:1fr}}.cta-band{text-align:center;padding:clamp(var(--space-12),7vw,var(--space-20)) var(--space-6);border-radius:0;border:1px solid var(--border);background:var(--surface-2)}.cta-band h2{margin-bottom:var(--space-4)}.cta-band .lead{max-width:520px;margin:0 auto var(--space-8)}.cta-band .hero-actions{animation:none}.page{flex:1;display:flex;flex-direction:column}.page-hero{position:relative;padding:calc(var(--header-offset) + var(--space-12)) 0 var(--space-12);isolation:isolate;overflow:hidden}.page-hero-inner{max-width:820px;display:flex;flex-direction:column;gap:var(--space-5)}.page-hero .display{font-size:clamp(2.5rem,6vw,4.5rem);animation:fadeInUp .6s var(--ease-out) both}.page-hero .lead{max-width:640px;animation:fadeInUp .7s var(--ease-out) .08s both}.page-hero .hero-actions{justify-content:flex-start;margin-top:var(--space-2)}.page-hero.not-found{min-height:70vh;display:flex;align-items:center}.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-8)}.search-field{display:flex;align-items:center;gap:var(--space-3);height:44px;padding:0 var(--space-4);min-width:280px;border-radius:var(--radius-full);border:1px solid var(--border-strong);background:var(--surface);color:var(--fg-subtle);transition:border-color var(--dur) ease,box-shadow var(--dur) ease}.search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.search-field input{flex:1;min-width:0;color:var(--fg);outline:none}.search-field input::placeholder{color:var(--fg-subtle)}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-16) var(--space-6);text-align:center;color:var(--fg-muted);border:1px dashed var(--border-strong);border-radius:var(--radius-xl)}.empty-state i{font-size:var(--text-2xl);color:var(--fg-subtle)}.auth-page{min-height:100vh;display:grid;place-items:center;padding:var(--space-8) var(--space-6);background:var(--bg)}.auth-card{width:100%;max-width:420px;display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-8);border-radius:var(--radius-2xl);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-lg);animation:fadeInUp .5s var(--ease-out) both}.auth-card .h2{margin-bottom:var(--space-2)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-form .btn{width:100%;margin-top:var(--space-2)}.auth-switch{font-size:var(--text-sm);color:var(--fg-muted);text-align:center}.auth-switch a{color:var(--accent);font-weight:600}.auth-loading{min-height:60vh;display:grid;place-items:center;color:var(--fg-subtle);font-size:var(--text-xl)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field>span{font-size:var(--text-sm);font-weight:500}.field input{height:46px;padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg);color:var(--fg);transition:border-color var(--dur) ease,box-shadow var(--dur) ease}.field input::placeholder{color:var(--fg-subtle)}.field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.form-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger);font-size:var(--text-sm)}.showcase{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--space-8);align-items:start}.showcase-list{display:flex;flex-direction:column;gap:var(--space-2)}.showcase-tab{position:relative;display:flex;gap:var(--space-4);padding:var(--space-5);text-align:left;border-radius:var(--radius-xl);border:1px solid transparent;overflow:hidden;transition:background-color var(--dur) ease,border-color var(--dur) ease}.showcase-tab:hover{background:var(--surface-2)}.showcase-tab.active{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-sm)}.showcase-tab .icon-chip{flex-shrink:0}.showcase-tab-body{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.showcase-tab-body strong{font-size:var(--text-base);font-weight:600}.showcase-tab-body>span{font-size:var(--text-sm);color:var(--fg-muted);line-height:1.55}.showcase-tab-body ul{list-style:none;display:grid;gap:var(--space-1);margin-top:var(--space-3);max-height:0;opacity:0;overflow:hidden;transition:max-height var(--dur-slow) var(--ease-out),opacity var(--dur) ease}.showcase-tab.active .showcase-tab-body ul{max-height:160px;opacity:1}.showcase-tab-body li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--fg-muted)}.showcase-tab-body li i{color:var(--accent);font-size:var(--text-xs)}.showcase-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent);transform-origin:left;animation:showcaseProgress 6s linear both}@keyframes showcaseProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.showcase-stage{position:sticky;top:calc(var(--header-offset) + var(--space-4));display:flex;flex-direction:column;gap:var(--space-4)}.showcase-visual{aspect-ratio:16 / 11;border-radius:0;border:1px solid var(--border);background:var(--surface-2);display:grid;place-items:center;padding:var(--space-8);overflow:hidden;animation:fadeInUp .45s var(--ease-out) both}.showcase-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.carousel-indicators{display:flex;gap:var(--space-2)}.indicator-dot{width:8px;height:8px;border-radius:0;background:var(--border-strong);transition:background-color var(--dur) ease,transform var(--dur) ease}.indicator-dot.active{background:var(--accent);transform:scale(1.25)}.fv{width:100%;max-width:420px;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-lg);font-size:var(--text-sm)}.fv-bubble{max-width:88%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-2);line-height:1.5}.fv-bubble.user{align-self:flex-end;background:var(--accent);color:var(--accent-fg);border-color:transparent}.fv-bubble.small{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.fv-adaptive .chip-row{margin-top:var(--space-2)}.fv-row-head{display:flex;align-items:center;justify-content:space-between}.fv-row-head strong{font-weight:600}.fv-dow{display:grid;grid-template-columns:repeat(7,28px);gap:6px;justify-content:center;font-size:var(--text-xs);color:var(--fg-subtle);text-align:center}.fv-legend{display:flex;gap:var(--space-4);justify-content:center;font-size:var(--text-xs);color:var(--fg-muted)}.fv-legend i{display:inline-block;width:10px;height:10px;border-radius:0;margin-right:6px;vertical-align:-1px}.fv-legend i.on{background:var(--accent)}.fv-legend i.soft{background:var(--accent-soft-2)}.fv-cards{position:relative;background:transparent;border:0;box-shadow:none;padding:var(--space-6) 0;min-height:240px;display:block}.fv-card{position:absolute;inset:var(--space-6) 0 auto 0;min-height:190px;padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--space-3)}.fv-card.back-1{transform:translateY(12px) scale(.96);opacity:.7}.fv-card.back-2{transform:translateY(24px) scale(.92);opacity:.4}.fv-card.front{position:relative}.fv-card strong{font-size:var(--text-lg);font-weight:600;letter-spacing:var(--tracking-tight);line-height:1.3}.fv-card-answer{margin-top:auto;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent);font-weight:600;font-size:var(--text-sm);align-self:flex-start}.fv-track{display:grid;grid-template-columns:120px 1fr 40px;align-items:center;gap:var(--space-3)}.fv-track span{color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fv-track em{font-style:normal;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.fv-doc{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-2)}.fv-doc>i{width:36px;height:36px;border-radius:var(--radius-sm);display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.fv-doc>div{flex:1;min-width:0;display:flex;flex-direction:column}.fv-doc strong{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fv-doc span{font-size:var(--text-xs);color:var(--fg-subtle)}.fv-doc-state{font-size:var(--text-xs);font-weight:600;color:var(--fg-subtle)}.fv-doc-state.done{color:var(--success)}.fv-phone{background:transparent;border:0;box-shadow:none;padding:0;align-items:center}.fv-phone-frame{width:230px;padding:var(--space-4) var(--space-3) var(--space-3);border-radius:0;border:1px solid var(--border-strong);background:var(--surface);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--space-2)}.fv-phone-bar{width:70px;height:6px;border-radius:0;background:var(--surface-3);margin:0 auto var(--space-3)}.fv-phone-compose{margin-top:var(--space-2);display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--border);font-size:var(--text-xs);color:var(--fg-subtle)}.fv-phone-compose i{width:22px;height:22px;border-radius:0;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:10px}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);counter-reset:step}.step{position:relative;display:flex;flex-direction:column;gap:var(--space-4)}.step-n{position:absolute;top:var(--space-5);right:var(--space-6);font-size:var(--text-xs);font-weight:600;color:var(--fg-subtle);letter-spacing:.08em}.step h3{font-size:var(--text-lg)}.step p{color:var(--fg-muted);font-size:var(--text-sm);line-height:1.6}@media(max-width:960px){.showcase{grid-template-columns:1fr}.showcase-stage{position:static;order:-1}.steps{grid-template-columns:1fr}}.subjects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}.subject-card{--subject-color: var(--accent);position:relative;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--surface);overflow:hidden;transition:border-color var(--dur) ease,box-shadow var(--dur) ease,transform var(--dur) var(--ease-out)}.subject-card:hover{border-color:var(--subject-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.subject-icon{width:48px;height:48px;border-radius:var(--radius-md);display:grid;place-items:center;font-size:var(--text-xl);color:var(--subject-color);background:color-mix(in srgb,var(--subject-color) 12%,transparent)}.subject-cat{display:block;font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-subtle);margin-bottom:var(--space-1)}.subject-name{font-size:var(--text-lg);font-weight:600}.subject-topics{display:flex;flex-wrap:wrap;gap:var(--space-2)}.topic-tag{font-size:var(--text-xs);padding:4px 10px;border-radius:var(--radius-full);background:var(--surface-3);color:var(--fg-muted);font-weight:500}.explore-btn{margin-top:auto;display:inline-flex;align-items:center;gap:var(--space-2);height:38px;padding:0 var(--space-4);border-radius:var(--radius-full);border:1px solid var(--border-strong);font-size:var(--text-sm);font-weight:600;align-self:flex-start;transition:background-color var(--dur) ease,color var(--dur) ease,border-color var(--dur) ease}.explore-btn:hover{background:var(--subject-color);border-color:var(--subject-color);color:#fff}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.value-card{display:flex;flex-direction:column;gap:var(--space-4)}.value-card h3{font-size:var(--text-lg)}.value-card p{color:var(--fg-muted);font-size:var(--text-sm);line-height:1.6}.story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--space-12);align-items:start}.story-copy{position:sticky;top:calc(var(--header-offset) + var(--space-4));display:flex;flex-direction:column;gap:var(--space-4)}.timeline{list-style:none;position:relative;display:flex;flex-direction:column;gap:var(--space-8);padding-left:var(--space-8)}.timeline:before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:1px;background:var(--border-strong)}.timeline li{position:relative;display:flex;flex-direction:column;gap:var(--space-2)}.timeline li:before{content:"";position:absolute;left:calc(-1 * var(--space-8) + 1px);top:6px;width:11px;height:11px;border-radius:0;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.timeline-when{font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.timeline h3{font-size:var(--text-xl);margin-bottom:var(--space-2)}.timeline p{color:var(--fg-muted);line-height:1.65}@media(max-width:960px){.values-grid{grid-template-columns:repeat(2,1fr)}.story{grid-template-columns:1fr;gap:var(--space-8)}.story-copy{position:static}}@media(max-width:600px){.values-grid{grid-template-columns:1fr}.search-field{width:100%;min-width:0}}