@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--color-bg: #050508;--color-surface: #0E0E15;--color-elevated: #16161F;--color-border: #222235;--color-border-subtle: #1A1A2A;--color-text: #E8E8ED;--color-text-secondary: #B0B0C0;--color-muted: #8888A0;--color-dim: #555570;--color-accent-blue: #4F75FF;--color-accent-violet: #9B66FF;--color-accent-gradient: linear-gradient(135deg, #4F75FF, #9B66FF);--color-accent-gradient-hover: linear-gradient(135deg, #6B8FFF, #B080FF);--color-accent-glow: rgba(155, 102, 255, .15);--color-accent-glow-strong: rgba(155, 102, 255, .3);--color-path-creative: #A78BFA;--color-path-research: #60A5FA;--color-path-build: #34D399;--color-path-automate: #FBBF24;--color-path-extract: #22D3EE;--color-path-communicate: #FB7185;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171;--color-info: #60A5FA;--color-input-bg: #13131A;--color-card-bg: #13131A;--color-code-bg: #0D0D14;--color-overlay: rgba(0, 0, 0, .6);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", "Consolas", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.15;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--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;--space-32: 8rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--btn-radius: 9999px;--card-radius: 16px;--input-radius: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .5), 0 4px 8px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px rgba(155, 102, 255, .15);--shadow-glow-strong: 0 0 30px rgba(155, 102, 255, .25);--card-shadow: var(--shadow-md);--input-shadow: var(--shadow-sm);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--transition-spring: .3s cubic-bezier(.34, 1.56, .64, 1);--max-width: 1200px;--header-height: 64px}[data-theme=light]{--color-bg: #FAFAFA;--color-surface: #FFFFFF;--color-elevated: #F0F0F5;--color-border: #E0E0E8;--color-border-subtle: #EBEBF0;--color-text: #1A1A2E;--color-text-secondary: #4A4A60;--color-muted: #7A7A90;--color-dim: #A0A0B0;--color-input-bg: #FFFFFF;--color-card-bg: #FFFFFF;--color-code-bg: #F5F5FA;--color-overlay: rgba(0, 0, 0, .4);--color-accent-glow: rgba(79, 117, 255, .1);--color-accent-glow-strong: rgba(79, 117, 255, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .06);--shadow-glow: 0 0 20px rgba(79, 117, 255, .1);--shadow-glow-strong: 0 0 30px rgba(79, 117, 255, .15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg);min-height:100vh;transition:background-color var(--transition-normal),color var(--transition-normal)}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-accent-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-violet)}img{max-width:100%;display:block}button{cursor:pointer;font-family:var(--font-family);border:none;background:none;font-size:inherit;color:inherit}input,textarea,select{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--input-radius);padding:var(--space-4);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}input:focus,textarea:focus,select:focus{border-color:var(--color-accent-blue);box-shadow:0 0 0 3px var(--color-accent-glow)}textarea{resize:vertical;min-height:80px;line-height:var(--line-height-relaxed)}::selection{background:var(--color-accent-violet);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}:focus-visible{outline:2px solid var(--color-accent-blue);outline-offset:2px}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.text-center{text-align:center}.text-left{text-align:left}.text-muted{color:var(--color-muted)}.text-secondary{color:var(--color-text-secondary)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.w-full{width:100%}.mx-auto{margin-left:auto;margin-right:auto}.relative{position:relative}.overflow-hidden{overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--btn-radius);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);transition:all var(--transition-normal);white-space:nowrap;user-select:none}.btn-primary{background:var(--color-accent-gradient);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-accent-gradient-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-secondary{background:var(--color-elevated);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-surface);border-color:var(--color-muted)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-elevated);color:var(--color-text)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg);border-radius:var(--radius-md)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--card-radius);padding:var(--space-6);box-shadow:var(--card-shadow);transition:all var(--transition-normal)}.card-elevated{background:var(--color-elevated)}.card-interactive:hover{border-color:var(--color-muted);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.card-interactive:active{transform:translateY(0) scale(.99)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.section{padding:var(--space-20) 0}.section-lg{padding:var(--space-32) 0}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:var(--color-elevated);color:var(--color-muted);border:1px solid var(--color-border-subtle)}.badge-accent{background:var(--color-accent-glow);color:var(--color-accent-blue);border-color:transparent}.badge-pro{background:var(--color-accent-gradient);color:#fff;border:none;font-weight:var(--font-weight-semibold)}.chip{display:inline-flex;align-items:center;height:36px;padding:0 var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:var(--color-elevated);color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);user-select:none}.chip:hover{border-color:var(--color-accent-blue);color:var(--color-text)}.chip.selected{background:var(--color-accent-gradient);color:#fff;border-color:transparent}.divider{height:1px;background:var(--color-border);border:none;margin:var(--space-8) 0}.gradient-text{background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.code-block{background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:var(--card-radius);padding:var(--space-6);font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);white-space:pre-wrap;word-break:break-word;overflow-x:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px var(--color-accent-glow)}50%{box-shadow:0 0 20px var(--color-accent-glow-strong)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes confettiFall{0%{transform:translateY(-100%) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.animate-fadeIn{animation:fadeIn var(--transition-slow) ease forwards}.animate-slideUp{animation:slideUp var(--transition-slow) ease forwards}.animate-slideLeft{animation:slideLeft var(--transition-normal) ease forwards}.animate-slideRight{animation:slideRight var(--transition-normal) ease forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:768px){:root{--font-size-5xl: 2.25rem;--font-size-4xl: 1.875rem;--font-size-3xl: 1.5rem}.container{padding:0 var(--space-4)}.section{padding:var(--space-12) 0}.section-lg{padding:var(--space-16) 0}.hide-mobile{display:none!important}}@media(min-width:769px){.hide-desktop{display:none!important}}.achievement-badge{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-lg);transition:all var(--transition-normal);cursor:pointer}.achievement-badge:hover{background:var(--color-elevated);transform:translateY(-2px)}.achievement-badge--sm .achievement-badge__icon{width:36px;height:36px;font-size:1.2rem}.achievement-badge--md .achievement-badge__icon{width:52px;height:52px;font-size:1.6rem}.achievement-badge--lg .achievement-badge__icon{width:68px;height:68px;font-size:2rem}.achievement-badge__icon{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);border:2px solid var(--color-border);transition:all var(--transition-normal)}.achievement-badge--earned .achievement-badge__icon{border-color:var(--color-accent-violet);box-shadow:0 0 12px var(--color-accent-glow);background:#9b66ff14}.achievement-badge--earned:hover .achievement-badge__icon{box-shadow:0 0 20px var(--color-accent-glow-strong)}.achievement-badge--locked .achievement-badge__icon{opacity:.4;filter:grayscale(1)}.achievement-badge--locked:hover .achievement-badge__icon{opacity:.6;filter:grayscale(.5)}.achievement-badge__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-align:center;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.achievement-badge--locked .achievement-badge__label{color:var(--color-dim)}.achievement-overlay{position:fixed;inset:0;z-index:500;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease;padding:var(--space-4)}.achievement-panel{width:100%;max-width:560px;max-height:85vh;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg);animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}.achievement-panel__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-6)}.achievement-panel__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.achievement-panel__rank{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-muted);margin-top:var(--space-1)}.achievement-panel__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--color-muted);transition:all var(--transition-fast)}.achievement-panel__close:hover{background:var(--color-elevated);color:var(--color-text)}.achievement-panel__progress{margin-bottom:var(--space-6)}.achievement-panel__progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.achievement-panel__progress-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.achievement-panel__progress-pct{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-accent-violet)}.achievement-panel__progress-bar{height:6px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.achievement-panel__progress-fill{height:100%;background:var(--color-accent-gradient);border-radius:var(--radius-full);transition:width .6s ease}.achievement-panel__filters{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.achievement-panel__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--space-2);margin-bottom:var(--space-6)}.achievement-panel__detail{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-elevated);animation:slideUp .2s ease}.achievement-panel__detail.earned{border-color:var(--color-accent-violet);background:#9b66ff0d}.achievement-panel__detail-icon{font-size:2rem;flex-shrink:0}.achievement-panel__detail-name{font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:2px}.achievement-panel__detail-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.achievement-panel__detail-date{font-size:var(--font-size-xs);color:var(--color-accent-violet);margin-top:var(--space-1)}.achievement-panel__detail-hint{font-size:var(--font-size-xs);color:var(--color-dim);margin-top:var(--space-1)}@media(max-width:768px){.achievement-panel{max-height:90vh;padding:var(--space-6);border-radius:var(--radius-lg)}.achievement-panel__grid{grid-template-columns:repeat(auto-fill,minmax(68px,1fr))}}.header{position:sticky;top:0;z-index:100;height:var(--header-height);background:#050508d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border-subtle);transition:background var(--transition-normal)}[data-theme=light] .header{background:#fafafad9}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%}.header-logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--color-text);transition:all var(--transition-normal)}.header-logo:hover{color:var(--color-text)}.header-logo:hover .header-logo-icon{color:var(--color-accent-violet)}.header-logo:hover .header-logo-text{filter:brightness(1.2)}.header-logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;transition:all var(--transition-normal);background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-logo-wand{font-size:1.1rem;transition:transform var(--transition-normal)}.header-logo:hover .header-logo-wand{transform:rotate(-15deg) scale(1.15)}.header-nav{display:flex;align-items:center;gap:var(--space-4)}.header-theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--color-muted);transition:all var(--transition-fast)}.header-theme-toggle:hover{background:var(--color-elevated);color:var(--color-text)}.header-link{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none}.header-link:hover{color:var(--color-text);background:var(--color-elevated)}.header-pro-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--color-accent-gradient);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);animation:pulseGlow 3s ease-in-out infinite}.header-achievements-btn{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--color-muted);transition:all var(--transition-fast)}.header-achievements-btn:hover{background:var(--color-elevated);color:var(--color-accent-violet)}.header-achievements-count{position:absolute;top:2px;right:2px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 4px;border-radius:var(--radius-full);background:var(--color-accent-gradient);color:#fff;font-size:10px;font-weight:var(--font-weight-bold);line-height:1}@media(max-width:768px){.header-nav{gap:var(--space-2)}}.footer{margin-top:auto;padding:var(--space-12) 0 var(--space-8);border-top:1px solid var(--color-border-subtle);background:var(--color-surface)}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);text-align:center}.footer-brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.footer-logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text)}.footer-logo svg{color:var(--color-accent-blue)}.footer-tagline{font-size:var(--font-size-sm);color:var(--color-muted);max-width:360px}.footer-links{display:flex;align-items:center;gap:var(--space-6);flex-wrap:wrap;justify-content:center}.footer-links a{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-accent-blue)}.footer-legal{font-size:var(--font-size-xs);color:var(--color-dim)}@media(max-width:768px){.footer-links{gap:var(--space-4)}}.achievement-toast{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:1000;display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);min-width:320px;max-width:400px;background:#0e0e15eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),0 0 30px #9b66ff26;animation:toastSlideIn .4s cubic-bezier(.34,1.56,.64,1) forwards}[data-theme=light] .achievement-toast{background:#fffffff2;box-shadow:var(--shadow-lg),0 0 30px #4f75ff1a}.achievement-toast--exit{animation:toastSlideOut .3s ease forwards}.achievement-toast__icon{font-size:2rem;line-height:1;flex-shrink:0;animation:badgePop .6s cubic-bezier(.34,1.56,.64,1) .2s both}.achievement-toast__content{flex:1;min-width:0}.achievement-toast__header{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-accent-violet);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.achievement-toast__name{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:2px}.achievement-toast__desc{font-size:var(--font-size-sm);color:var(--color-muted);line-height:var(--line-height-normal)}.achievement-toast__progress{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3)}.achievement-toast__bar{flex:1;height:4px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.achievement-toast__bar-fill{height:100%;background:var(--color-accent-gradient);border-radius:var(--radius-full);transition:width .6s ease}.achievement-toast__count{font-size:var(--font-size-xs);color:var(--color-dim);white-space:nowrap}.achievement-toast__close{position:absolute;top:var(--space-2);right:var(--space-3);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--color-dim);font-size:var(--font-size-xs);transition:all var(--transition-fast)}.achievement-toast__close:hover{background:var(--color-elevated);color:var(--color-text)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(40px) translateY(10px) scale(.95)}to{opacity:1;transform:translate(0) translateY(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(40px) scale(.95)}}@keyframes badgePop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}@media(max-width:768px){.achievement-toast{bottom:var(--space-4);right:var(--space-4);left:var(--space-4);min-width:unset;max-width:unset}}.wand-animation-section{display:flex;justify-content:center;align-items:center;padding:0;margin:-24px 0 -32px}.hero-wand{width:300px;height:300px;position:relative;animation:wandFadeIn 1.6s cubic-bezier(.16,1,.3,1)}.hero-wand img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 20px rgba(139,92,246,.4));transform-origin:50% 90%;transition:filter .3s ease}.hero-wand.waving img{animation:wandWave 1.5s ease-in-out;filter:drop-shadow(0 0 35px rgba(139,92,246,.7))}@keyframes wandFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes wandWave{0%{transform:rotate(0)}15%{transform:rotate(-15deg)}30%{transform:rotate(10deg)}45%{transform:rotate(-10deg)}60%{transform:rotate(6deg)}75%{transform:rotate(-3deg)}to{transform:rotate(0)}}.wand-sparkle{position:absolute;pointer-events:none;width:8px;height:8px}.wand-sparkle svg{width:100%;height:100%}.wand-sparkle.animate{animation:wandSparkleBurst 1.2s ease-out forwards}@keyframes wandSparkleBurst{0%{opacity:0;transform:scale(0) translate(0)}30%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(.5) translate(var(--tx),var(--ty))}}.hero-sparkles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hero-sparkles .star{position:absolute;width:4px;height:4px;background:#8b5cf6;border-radius:50%;animation:starPulse 3s ease-in-out infinite}.hero-sparkles .star:nth-child(1){top:15%;left:10%;animation-delay:0s;width:3px;height:3px}.hero-sparkles .star:nth-child(2){top:25%;right:15%;animation-delay:.5s;width:5px;height:5px}.hero-sparkles .star:nth-child(3){top:60%;left:8%;animation-delay:1s;width:4px;height:4px}.hero-sparkles .star:nth-child(4){top:70%;right:12%;animation-delay:1.5s;width:3px;height:3px}.hero-sparkles .star:nth-child(5){top:40%;left:20%;animation-delay:2s;width:2px;height:2px}.hero-sparkles .star:nth-child(6){top:35%;right:22%;animation-delay:.8s;width:4px;height:4px}.hero-sparkles .star:nth-child(7){top:80%;left:25%;animation-delay:1.2s;width:3px;height:3px}.hero-sparkles .star:nth-child(8){top:10%;right:30%;animation-delay:2.2s;width:2px;height:2px}@keyframes starPulse{0%,to{opacity:.2;transform:scale(1);box-shadow:0 0 4px #8b5cf64d}50%{opacity:.8;transform:scale(1.8);box-shadow:0 0 12px #8b5cf699}}.star-shape{position:absolute;animation:starShapePulse 4s ease-in-out infinite}.star-shape:nth-child(9){top:20%;left:5%;animation-delay:.3s;width:16px;opacity:.3}.star-shape:nth-child(10){top:50%;right:6%;animation-delay:1.7s;width:12px;opacity:.25}.star-shape:nth-child(11){top:75%;left:15%;animation-delay:2.5s;width:14px;opacity:.2}.star-shape:nth-child(12){top:30%;right:8%;animation-delay:.9s;width:10px;opacity:.35}@keyframes starShapePulse{0%,to{opacity:.15;transform:scale(.8) rotate(0)}50%{opacity:.4;transform:scale(1.2) rotate(45deg)}}@media(max-width:768px){.hero-wand{width:220px;height:220px}}.hero{position:relative;padding:var(--space-20) 0 var(--space-16);overflow:hidden}.hero-glow{position:absolute;top:-200px;left:50%;transform:translate(-50%);width:800px;height:600px;background:radial-gradient(ellipse at center,var(--color-accent-glow-strong) 0%,transparent 70%);opacity:.4;pointer-events:none;z-index:0}.hero-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:720px}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6)}.hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:var(--font-weight-extrabold);line-height:1.1;margin-bottom:var(--space-6);letter-spacing:-.02em}.hero-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:560px;margin-bottom:var(--space-8)}.hero-cta{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap;justify-content:center;margin-bottom:var(--space-4)}.hero-note{opacity:.7}.section-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}.section-subtitle{font-size:var(--font-size-lg);margin-bottom:var(--space-10)}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}.step-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);position:relative}.step-number{position:absolute;top:var(--space-3);right:var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-dim);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-elevated);border:1px solid var(--color-border-subtle)}.step-icon{color:var(--color-accent-blue);width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--color-elevated);border:1px solid var(--color-border-subtle)}.step-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.step-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.value-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-8)}.value-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.value-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.value-icon{color:var(--color-accent-violet)}.comparison-table-wrapper{overflow-x:auto;margin:0 calc(-1 * var(--space-4));padding:0 var(--space-4)}.comparison-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);min-width:550px}.comparison-table th,.comparison-table td{padding:var(--space-4);text-align:left;border-bottom:1px solid var(--color-border-subtle)}.comparison-table th{font-weight:var(--font-weight-bold);color:var(--color-text);font-size:var(--font-size-base)}.comparison-table td{color:var(--color-text-secondary)}.comparison-feature{font-weight:var(--font-weight-semibold);color:var(--color-text)!important}.comparison-highlight{color:var(--color-accent-blue)!important;font-weight:var(--font-weight-semibold)}.faq-list{max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-3)}.faq-item{padding:0;overflow:hidden}.faq-question{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--space-5);text-align:left;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;transition:color var(--transition-fast)}.faq-question:hover{color:var(--color-accent-blue)}.faq-answer{padding:0 var(--space-5) var(--space-5);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.bottom-cta{padding:var(--space-16) 0}.bottom-cta-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-8);line-height:var(--line-height-tight)}@media(max-width:900px){.steps-grid{grid-template-columns:repeat(2,1fr)}.value-grid{grid-template-columns:1fr}}@media(max-width:600px){.hero{padding:var(--space-12) 0 var(--space-10)}.hero-title{font-size:2rem}.hero-cta{flex-direction:column;width:100%}.hero-cta .btn{width:100%;justify-content:center}.steps-grid{grid-template-columns:1fr}.section-title{font-size:var(--font-size-2xl)}}.build-page{max-width:900px}.build-header{margin-bottom:var(--space-10)}.build-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}.build-subtitle{font-size:var(--font-size-lg)}.goal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);margin-bottom:var(--space-10)}.build-footer{margin-top:var(--space-4)}.goal-card{display:flex;flex-direction:column;gap:var(--space-3);text-align:left;cursor:pointer;border-top:3px solid var(--card-accent, var(--color-border));transition:all var(--transition-normal);min-height:180px}.goal-card:hover{border-color:var(--card-accent, var(--color-accent-blue));box-shadow:var(--shadow-glow),0 0 20px color-mix(in srgb,var(--card-accent, var(--color-accent-blue)) 15%,transparent);transform:translateY(-3px)}.goal-card:active{transform:translateY(0) scale(.98)}.goal-card-header{display:flex;align-items:center;gap:var(--space-3)}.goal-card-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-elevated);flex-shrink:0}.goal-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.goal-card-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.goal-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:auto}.goal-card-tag{font-size:var(--font-size-xs);color:var(--color-muted);background:var(--color-elevated);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);border:1px solid var(--color-border-subtle)}.goal-card-cta{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-accent-blue);opacity:0;transition:opacity var(--transition-fast)}.goal-card:hover .goal-card-cta{opacity:1}@media(max-width:900px){.goal-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.goal-grid{grid-template-columns:1fr}.goal-card{min-height:auto}.goal-card-cta{opacity:1}}.step-indicator{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8)}.step-indicator-label{font-size:var(--font-size-sm);color:var(--color-muted);font-weight:var(--font-weight-medium)}.step-indicator-dots{display:flex;align-items:center;gap:var(--space-2)}.step-dot{width:10px;height:10px;border-radius:var(--radius-full);background:var(--color-border);transition:all var(--transition-normal)}.step-dot.completed{background:var(--color-accent-blue)}.step-dot.current{background:var(--color-accent-violet);box-shadow:0 0 8px var(--color-accent-glow-strong);animation:pulseGlow 2s ease-in-out infinite;width:12px;height:12px}.question-flow-page{max-width:640px;margin:0 auto;padding:var(--space-10) var(--space-6);min-height:calc(100vh - var(--header-height));display:flex;flex-direction:column}.question-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-6);flex:1}.question-label{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.question-helper{font-size:var(--font-size-sm);color:var(--color-muted);max-width:480px}.question-input-wrapper{width:100%;max-width:560px}.question-textarea{width:100%;min-height:100px;padding:var(--space-4);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.question-textarea:focus{border-color:var(--color-accent-blue);box-shadow:0 0 0 3px var(--color-accent-glow)}.question-select{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--input-radius);color:var(--color-text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%238888A0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px}.question-select:focus{border-color:var(--color-accent-blue);box-shadow:0 0 0 3px var(--color-accent-glow)}.question-chips{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.question-examples{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;justify-content:center;max-width:560px}.question-examples-label{font-size:var(--font-size-xs);color:var(--color-dim);font-weight:var(--font-weight-medium)}.question-example-btn{font-size:var(--font-size-xs);color:var(--color-muted);background:var(--color-elevated);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);cursor:pointer;transition:all var(--transition-fast)}.question-example-btn:hover{color:var(--color-text);border-color:var(--color-accent-blue);background:var(--color-accent-glow)}.nav-buttons{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:var(--space-8);gap:var(--space-4)}.btn-generate{background:var(--color-accent-gradient);color:#fff;box-shadow:var(--shadow-glow-strong);padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg);border-radius:var(--btn-radius);font-weight:var(--font-weight-semibold);display:inline-flex;align-items:center;gap:var(--space-2);transition:all var(--transition-normal)}.btn-generate:hover{box-shadow:var(--shadow-glow-strong),0 4px 20px #8b5cf64d;transform:translateY(-1px)}.btn-generate:active{transform:translateY(0) scale(.98)}.btn-generate:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none}.prompt-preview-container{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle)}.prompt-preview-toggle{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-muted);cursor:pointer;transition:color var(--transition-fast);margin:0 auto}.prompt-preview-toggle:hover{color:var(--color-text)}.prompt-preview-content{margin-top:var(--space-4);max-height:300px;overflow-y:auto;font-size:var(--font-size-sm)}.wand-suggestions{width:100%;margin-bottom:var(--space-4)}.wand-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-muted);margin-bottom:var(--space-3);justify-content:center}.wand-icon{font-size:var(--font-size-lg)}.wand-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.wand-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);user-select:none}.wand-chip:hover{border-color:var(--color-accent-blue);color:var(--color-text);background:var(--color-accent-glow);transform:translateY(-1px)}.wand-chip.selected{border-color:var(--color-primary);color:#fff;background:var(--gradient-primary);box-shadow:var(--shadow-glow)}.wand-chip-icon{font-size:var(--font-size-base);line-height:1}.wand-selected-preview{width:100%;margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface-raised, rgba(255, 255, 255, .03));border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);display:flex;align-items:flex-start;gap:var(--space-3)}.wand-selected-text{flex:1;font-size:var(--font-size-sm);color:var(--color-text);line-height:var(--line-height-relaxed)}.wand-edit-btn{flex-shrink:0;font-size:var(--font-size-xs);color:var(--color-muted);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.wand-edit-btn:hover{color:var(--color-text);background:var(--color-elevated)}.first-time-tooltip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--color-elevated);border:1px solid var(--color-accent-blue);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary);box-shadow:0 0 12px var(--color-accent-glow);max-width:420px}.pulse-nudge{animation:pulseGlow 1.5s ease-in-out infinite;color:var(--color-accent-blue)!important}@media(max-width:768px){.question-flow-page{padding:var(--space-6) var(--space-4)}.question-label{font-size:var(--font-size-xl)}.nav-buttons{padding-top:var(--space-6)}.btn-generate{padding:var(--space-3) var(--space-6);font-size:var(--font-size-base)}.wand-chip{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}}.result-page{max-width:760px;position:relative}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.confetti-particle{position:absolute;top:-10px;border-radius:2px;animation:confettiFall 2.5s ease-in forwards}.result-header{text-align:center;margin-bottom:var(--space-8)}.result-badge{display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-2) var(--space-4)}.result-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}.result-subtitle{font-size:var(--font-size-lg)}.model-rec-card{margin-bottom:var(--space-6);border-left:3px solid var(--color-accent-blue)}.model-rec-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.model-rec-left{display:flex;align-items:center;gap:var(--space-3)}.model-rec-emoji{font-size:var(--font-size-2xl)}.model-rec-label{font-size:var(--font-size-xs);color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-medium)}.model-rec-model{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text)}.model-rec-complexity{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.model-rec-score{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-accent-blue)}.model-rec-complexity-label{font-size:var(--font-size-xs);color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}.model-rec-reason{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.model-rec-tip{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic;margin-bottom:var(--space-3)}.model-rec-alts{font-size:var(--font-size-xs);color:var(--color-muted);padding-top:var(--space-3);border-top:1px solid var(--color-border-subtle)}.result-prompt-container{margin-bottom:var(--space-6)}.result-prompt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.result-prompt-label{font-weight:var(--font-weight-medium)}.btn-copy{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-accent-gradient);color:#fff;border-radius:var(--btn-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:all var(--transition-normal)}.btn-copy:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-copy.copied{background:var(--color-success)}.result-prompt-text{max-height:400px;overflow-y:auto}.result-open-in{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.result-open-links{display:flex;gap:var(--space-3);flex-wrap:wrap}.result-tips{margin-bottom:var(--space-8)}.result-tips-toggle{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-3) 0;transition:color var(--transition-fast)}.result-tips-toggle:hover{color:var(--color-text)}.result-tips-list{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3)}.result-tip-item{padding:var(--space-4)}.result-tip-model{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-accent-blue);margin-bottom:var(--space-1)}.result-tip-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.result-actions{display:flex;align-items:center;gap:var(--space-4);justify-content:center;padding-top:var(--space-6);border-top:1px solid var(--color-border-subtle)}.compiler-score-card{margin-bottom:var(--space-6);border-left:3px solid var(--color-primary);overflow:hidden}.compiler-score-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.compiler-score-left{display:flex;align-items:center;gap:var(--space-3);color:var(--color-primary)}.compiler-score-label{font-size:var(--font-size-xs);color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-medium)}.compiler-score-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:capitalize}.compiler-score-right{display:flex;align-items:baseline;gap:var(--space-2)}.compiler-grade{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1}.compiler-total{font-size:var(--font-size-sm);color:var(--color-muted)}.compiler-bar-track{width:100%;height:6px;background:var(--color-surface-raised, rgba(255, 255, 255, .05));border-radius:3px;margin-bottom:var(--space-4);overflow:hidden}.compiler-bar-fill{height:100%;border-radius:3px;transition:width .6s ease-out}.compiler-breakdown{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.compiler-dim{display:flex;align-items:center;gap:var(--space-3)}.compiler-dim-label{font-size:var(--font-size-xs);color:var(--color-muted);text-transform:capitalize;width:80px;flex-shrink:0}.compiler-dim-bar-track{flex:1;height:4px;background:var(--color-surface-raised, rgba(255, 255, 255, .05));border-radius:2px;overflow:hidden}.compiler-dim-bar-fill{height:100%;background:var(--gradient-primary);border-radius:2px;transition:width .6s ease-out}.compiler-dim-value{font-size:var(--font-size-xs);color:var(--color-text-secondary);width:24px;text-align:right;flex-shrink:0}.compiler-suggestions{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.compiler-suggestion{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);padding:var(--space-3);background:var(--color-surface-raised, rgba(255, 255, 255, .03));border-radius:var(--radius-md);border:none;text-align:left;width:100%}.compiler-suggestion svg{flex-shrink:0;margin-top:2px;color:var(--color-primary)}.compiler-suggestion--actionable{cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.compiler-suggestion--actionable:hover{background:var(--color-surface-hover, rgba(255, 255, 255, .06));border-color:var(--color-primary);transform:translateY(-1px)}.compiler-suggestion--actionable:active{transform:translateY(0)}.compiler-suggestion--applied{opacity:.5;cursor:default}.compiler-suggestion--applied:hover{transform:none;border-color:transparent;background:var(--color-surface-raised, rgba(255, 255, 255, .03))}.compiler-apply-badge{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:2px var(--space-2);border-radius:var(--radius-full, 9999px);font-size:10px;font-weight:var(--font-weight-semibold);white-space:nowrap;flex-shrink:0;background:#9b66ff1f;color:var(--color-primary);transition:all var(--transition-fast)}.compiler-suggestion--actionable:hover .compiler-apply-badge{background:#9b66ff40}.compiler-suggestion--applied .compiler-apply-badge{background:#34d39926;color:var(--color-success)}.compiler-gap-apply{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);padding:var(--space-1) var(--space-3);background:#9b66ff1a;border:1px solid rgba(155,102,255,.25);border-radius:var(--radius-full, 9999px);font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-primary);cursor:pointer;transition:all var(--transition-fast)}.compiler-gap-apply:hover{background:#9b66ff33;border-color:var(--color-primary);transform:translateY(-1px)}.compiler-gap-apply:active{transform:translateY(0)}.compiler-gap-apply--active{background:#9b66ff33;border-color:var(--color-primary)}.compiler-gap-applied-badge{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full, 9999px);font-size:11px;font-weight:var(--font-weight-semibold);background:#34d3991a;color:var(--color-success)}.gap--applied{opacity:.6}.gap-picker{margin-top:var(--space-3);padding:var(--space-4);background:var(--color-surface-raised, rgba(255, 255, 255, .03));border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);animation:gapPickerIn .2s ease-out}@keyframes gapPickerIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.gap-picker-question{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-3)}.gap-picker-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.gap-picker-chip{padding:var(--space-2) var(--space-3);background:var(--color-elevated, rgba(255, 255, 255, .06));border:1px solid var(--color-border-subtle);border-radius:var(--radius-full, 9999px);font-size:var(--font-size-xs);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);text-transform:capitalize}.gap-picker-chip:hover{background:#9b66ff26;border-color:var(--color-primary);color:var(--color-text);transform:translateY(-1px)}.gap-picker-chip:active{transform:translateY(0)}.gap-picker-custom{display:flex;gap:var(--space-2);align-items:center}.gap-picker-input{flex:1;padding:var(--space-2) var(--space-3);background:var(--color-surface, rgba(0, 0, 0, .2));border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text);outline:none;transition:border-color var(--transition-fast)}.gap-picker-input::placeholder{color:var(--color-dim)}.gap-picker-input:focus{border-color:var(--color-primary)}.gap-picker-submit{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-accent-gradient);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.gap-picker-submit:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow)}.compiler-stats{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.compiler-stat-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--color-surface-raised, rgba(255, 255, 255, .05));border:1px solid var(--color-border-subtle);border-radius:var(--radius-full, 9999px);font-size:var(--font-size-xs);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.compiler-stat-chip:hover{background:var(--color-surface-hover, rgba(255, 255, 255, .08));color:var(--color-text)}.compiler-stat-warn{border-color:var(--color-warning, #f59e0b);color:var(--color-warning, #f59e0b)}.compiler-detail-list{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border-subtle)}.compiler-detail-item{padding:var(--space-3);background:var(--color-surface-raised, rgba(255, 255, 255, .03));border-radius:var(--radius-md);border-left:2px solid var(--color-border-subtle)}.compiler-detail-item.enrichment{border-left-color:var(--color-primary)}.compiler-detail-item.fix{border-left-color:var(--color-success)}.compiler-detail-item.gap-critical{border-left-color:var(--color-error, #ef4444)}.compiler-detail-item.gap-warning{border-left-color:var(--color-warning, #f59e0b)}.compiler-detail-item.gap-suggestion{border-left-color:var(--color-accent-blue)}.compiler-detail-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-1)}.compiler-detail-badge{padding:1px var(--space-2);background:var(--color-surface-hover, rgba(255, 255, 255, .08));border-radius:var(--radius-full, 9999px);font-size:10px;text-transform:uppercase;letter-spacing:.03em;color:var(--color-muted)}.compiler-detail-value{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.compiler-removed{text-decoration:line-through;color:var(--color-error, #ef4444);opacity:.8}.compiler-added{color:var(--color-success)}.compiler-severity{display:inline-block;padding:1px var(--space-2);border-radius:var(--radius-full, 9999px);font-size:10px;text-transform:uppercase;letter-spacing:.03em;font-weight:var(--font-weight-bold)}.severity-critical{background:#ef444426;color:var(--color-error, #ef4444)}.severity-warning{background:#f59e0b26;color:var(--color-warning, #f59e0b)}.severity-suggestion{background:#6366f126;color:var(--color-accent-blue)}@media(max-width:768px){.result-title{font-size:var(--font-size-2xl)}.model-rec-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.model-rec-complexity{align-items:flex-start;flex-direction:row;gap:var(--space-3)}.result-open-in{flex-direction:column;align-items:flex-start}.result-actions{flex-direction:column}.compiler-score-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.compiler-score-right{align-self:flex-end}.compiler-dim-label{width:60px;font-size:10px}}.upgrade-toggle{display:flex;gap:2px;background:var(--color-elevated);border-radius:var(--radius-md);padding:2px;border:1px solid var(--color-border-subtle)}.upgrade-toggle-btn{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:calc(var(--radius-md) - 2px);color:var(--color-muted);cursor:pointer;transition:all var(--transition-fast);border:none;background:transparent}.upgrade-toggle-btn.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.upgrade-toggle-btn:not(.active):hover{color:var(--color-text);background:#ffffff0d}.upgrade-char-diff{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--font-size-xs);color:var(--color-muted);border-top:1px solid var(--color-border-subtle)}.upgrade-char-new{color:var(--color-success);font-weight:var(--font-weight-semibold)}.upgrade-char-delta{color:var(--color-primary);font-weight:var(--font-weight-medium)}.result-history{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle)}.result-history-toggle{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-3) 0;transition:color var(--transition-fast)}.result-history-toggle:hover{color:var(--color-text)}.result-history-list{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3)}.result-history-item{padding:var(--space-4);cursor:pointer;text-align:left;transition:all var(--transition-fast);border:1px solid var(--color-border-subtle)}.result-history-item:hover{border-color:var(--color-accent-blue);transform:translateY(-1px)}.result-history-item.current{border-left:3px solid var(--color-primary)}.result-history-meta{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.result-history-path{font-size:var(--font-size-xs);color:var(--color-primary);font-weight:var(--font-weight-semibold);text-transform:capitalize}.result-history-model{font-size:10px;color:var(--color-muted);padding:1px var(--space-2);background:var(--color-elevated);border-radius:var(--radius-full)}.result-history-snippet{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-history-time{font-size:10px;color:var(--color-dim);margin-top:var(--space-2)}.history-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-6)}.history-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:640px;width:100%;max-height:80vh;overflow-y:auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.history-modal-header{display:flex;justify-content:space-between;align-items:center;font-weight:var(--font-weight-semibold);color:var(--color-text)}.history-modal-header button{color:var(--color-muted);cursor:pointer;transition:color var(--transition-fast)}.history-modal-header button:hover{color:var(--color-text)}.history-modal-body{max-height:400px;overflow-y:auto;font-size:var(--font-size-sm)}.pricing-page{max-width:960px}.pricing-header{margin-bottom:var(--space-12)}.pricing-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-3)}.pricing-subtitle{font-size:var(--font-size-lg)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);margin-bottom:var(--space-10);align-items:start}.pricing-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-8);position:relative}.pricing-card-popular{border-color:var(--color-accent-blue);box-shadow:var(--shadow-glow);transform:scale(1.03)}.pricing-badge{position:absolute;top:calc(-1 * var(--space-3));right:var(--space-4)}.pricing-card-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.pricing-card-price{display:flex;align-items:baseline;gap:var(--space-2)}.pricing-price{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold)}.pricing-period{font-size:var(--font-size-sm);color:var(--color-muted)}.pricing-card-highlight{font-size:var(--font-size-xs);color:var(--color-accent-blue);font-weight:var(--font-weight-medium)}.pricing-features{list-style:none;display:flex;flex-direction:column;gap:var(--space-3);padding:0;margin:var(--space-2) 0}.pricing-features li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.pricing-check{color:var(--color-success);flex-shrink:0}.lifetime-card{margin-bottom:var(--space-10);border:1px solid var(--color-accent-violet);box-shadow:var(--shadow-glow-strong);padding:var(--space-8)}.lifetime-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.lifetime-badge{font-size:var(--font-size-sm);margin-bottom:var(--space-2);display:block}.lifetime-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.lifetime-price-block{display:flex;align-items:baseline;gap:var(--space-2)}.lifetime-highlight{font-size:var(--font-size-sm);color:var(--color-accent-violet);font-weight:var(--font-weight-medium);margin-bottom:var(--space-4)}.lifetime-remaining{margin-bottom:var(--space-4)}.lifetime-remaining-bar{width:100%;height:6px;background:var(--color-elevated);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-2)}.lifetime-remaining-fill{height:100%;background:var(--color-accent-gradient);border-radius:var(--radius-full);transition:width var(--transition-slow)}.pricing-faq{margin-top:var(--space-8)}@media(max-width:900px){.pricing-grid{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}.pricing-card-popular{transform:none}.lifetime-header{flex-direction:column;gap:var(--space-3)}}.auth-page{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - var(--header-height) - var(--space-20))}.auth-card{width:100%;max-width:420px;padding:var(--space-10)}.auth-header{margin-bottom:var(--space-8)}.auth-icon{color:var(--color-accent-blue);margin-bottom:var(--space-4)}.auth-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.auth-subtitle{font-size:var(--font-size-sm)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-input-group{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:var(--space-4);color:var(--color-muted);pointer-events:none}.auth-input{padding-left:calc(var(--space-4) + 18px + var(--space-3))}.auth-divider{display:flex;align-items:center;gap:var(--space-3);color:var(--color-dim);font-size:var(--font-size-sm)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.auth-google-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.auth-sent{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6) 0}.auth-sent-icon{color:var(--color-success)}.auth-sent h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.auth-footer{margin-top:var(--space-6)}