:root{--bg-primary:#f8f9fb;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#fafbff;--bg-glass:#2563eb0a;--bg-glass-hover:#2563eb12;--bg-input:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-accent:#2563eb;--accent-1:#2563eb;--accent-2:#1d4ed8;--accent-3:#1e40af;--accent-gradient:linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--accent-gradient-hover:linear-gradient(135deg, #1e40af 0%, #1e3a8a 100%);--accent-glow:#2563eb2e;--accent-glow-sm:#2563eb1a;--success:#10b981;--success-bg:#10b98114;--warning:#f59e0b;--error:#ef4444;--border-subtle:#e2e8f0;--border-muted:#f1f5f9;--border-accent:#2563eb40;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 1px 4px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-md:0 4px 16px #0f172a12, 0 1px 4px #0f172a0a;--shadow-lg:0 12px 40px #0f172a1a, 0 4px 12px #0f172a0d;--shadow-glow:0 0 24px #2563eb2e;--shadow-card:0 1px 3px #0f172a0f, 0 4px 16px #0f172a0d;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4.5rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:.875rem;--radius-xl:1.25rem;--radius-2xl:1.75rem;--radius-full:9999px;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Outfit", "Inter", sans-serif;--text-xs:.72rem;--text-sm:.85rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.75rem;--transition-fast:.14s cubic-bezier(.4, 0, .2, 1);--transition-base:.24s cubic-bezier(.4, 0, .2, 1);--transition-slow:.38s cubic-bezier(.4, 0, .2, 1);--transition-spring:.46s cubic-bezier(.34, 1.56, .64, 1);--header-h:56px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);color:var(--text-primary);background:#f7f8ff;min-height:100vh;line-height:1.6;overflow-x:hidden}#app{flex-direction:column;min-height:100vh;display:flex}.icon{vertical-align:middle;flex-shrink:0;display:inline-block}svg{display:block}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;line-height:1.2}.app-header{z-index:50;height:var(--header-h);padding:0 var(--space-xl);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);border-bottom:1px solid var(--border-subtle);background:#ffffffd9;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.app-header-brand{align-items:center;gap:var(--space-sm);display:flex}.brand-icon{border-radius:var(--radius-md);background:var(--accent-gradient);color:#fff;justify-content:center;align-items:center;width:30px;height:30px;display:flex;box-shadow:0 2px 8px #2563eb4d}.brand-name{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--text-primary);letter-spacing:-.02em;font-weight:700}.app-header-actions{align-items:center;gap:var(--space-sm);display:flex}.api-link-btn{align-items:center;gap:var(--space-xs);font-size:var(--text-xs);color:var(--text-muted);display:flex}.api-link-btn:hover{color:var(--text-secondary)}.landing-screen{flex-direction:column;min-height:100vh;animation:.7s ease-out fadeInUp;display:flex}.hero-section{padding:var(--space-3xl) var(--space-xl) var(--space-2xl);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.hero-badge{padding:5px var(--space-md);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--accent-1);letter-spacing:.02em;margin-bottom:var(--space-xl);background:#2563eb0f;border:1px solid #2563eb2e;align-items:center;gap:6px;font-weight:600;display:inline-flex}.landing-title{font-size:clamp(2rem, 5vw, var(--text-4xl));letter-spacing:-.035em;color:var(--text-primary);margin-bottom:var(--space-lg);font-weight:800;line-height:1.1}.landing-title span{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-subtitle{font-size:var(--text-lg);color:var(--text-secondary);max-width:480px;margin-bottom:var(--space-2xl);line-height:1.7}.persist-banner{padding:10px var(--space-lg);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--accent-1);cursor:pointer;margin-bottom:var(--space-lg);transition:background var(--transition-fast);background:#2563eb0f;border:1px solid #2563eb33;align-items:center;gap:6px;display:inline-flex}.persist-banner:hover{background:#2563eb1a}.how-it-works{padding:var(--space-2xl) var(--space-xl) var(--space-3xl);text-align:center}.how-it-works-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:var(--space-xl);font-weight:700}.how-steps{justify-content:center;align-items:flex-start;gap:var(--space-md);flex-wrap:wrap;max-width:760px;margin:0 auto;display:flex}.how-step{align-items:center;gap:var(--space-sm);min-width:170px;max-width:210px;padding:var(--space-lg) var(--space-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-muted);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base), transform var(--transition-base);background:#ffffffb3;flex-direction:column;flex:1;display:flex}.how-step:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.how-step-number{border-radius:var(--radius-full);width:26px;height:26px;color:var(--accent-1);font-size:var(--text-xs);background:#2563eb14;border:1.5px solid #2563eb38;justify-content:center;align-items:center;font-weight:700;display:flex}.how-step-icon{color:var(--accent-1);margin:var(--space-xs) 0;justify-content:center;align-items:center;display:flex}.how-step-label{font-size:var(--text-sm);color:var(--text-primary);text-align:center;font-weight:600}.how-step-desc{font-size:var(--text-xs);color:var(--text-muted);text-align:center;line-height:1.5}.how-step-arrow{color:var(--border-subtle);flex-shrink:0;align-items:center;padding-top:52px;display:flex}.landing-features{background:var(--border-subtle);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.landing-feature-card{align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);background:var(--bg-secondary);transition:background var(--transition-base);display:flex}.landing-feature-card:hover{background:#fafbff}.landing-feature-icon-wrap{border-radius:var(--radius-md);width:38px;height:38px;color:var(--accent-1);transition:all var(--transition-base);background:#2563eb0f;border:1px solid #2563eb24;flex-shrink:0;justify-content:center;align-items:center;display:flex}.landing-feature-card:hover .landing-feature-icon-wrap{background:#2563eb1a;border-color:#2563eb40}.landing-feature-body{flex-direction:column;gap:2px;display:flex}.landing-feature-title{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.landing-feature-desc{font-size:var(--text-xs);color:var(--text-muted)}.form-shell{flex-direction:column;min-height:100vh;display:flex}.category-breadcrumb{padding:var(--space-sm) var(--space-xl);background:var(--bg-secondary);border-bottom:1px solid var(--border-muted);scrollbar-width:none;align-items:center;gap:0;display:flex;overflow-x:auto}.category-breadcrumb::-webkit-scrollbar{display:none}.cat-crumb{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;padding:4px var(--space-sm);border-radius:var(--radius-sm);transition:color var(--transition-fast);align-items:center;gap:5px;font-weight:600;display:flex}.cat-crumb.active{color:var(--accent-1)}.cat-crumb.done{color:var(--success)}.cat-crumb-sep{background:var(--border-subtle);flex-shrink:0;width:20px;height:1px;margin:0 2px}.progress-container{padding:var(--space-lg) var(--space-xl) var(--space-md);width:100%;max-width:720px;margin:0 auto;animation:.4s ease-out fadeIn}.progress-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.progress-category{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--accent-1);font-weight:700}.progress-count{font-size:var(--text-xs);color:var(--text-muted);font-weight:500}.progress-track{background:var(--border-muted);border-radius:var(--radius-full);height:3px;overflow:hidden}.progress-fill{background:var(--accent-gradient);border-radius:var(--radius-full);height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.step-container{width:100%;max-width:720px;padding:0 var(--space-xl);flex-direction:column;flex:1;margin:0 auto;display:flex}.step-content-wrapper{flex:1}.step-content{padding-bottom:var(--space-xl);flex:1;animation:.3s ease-out fadeInUp}.step-question{font-family:var(--font-heading);font-size:var(--text-2xl);margin-bottom:var(--space-sm);color:var(--text-primary);letter-spacing:-.025em;font-weight:700;line-height:1.25}.step-hint{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-xl)}.options-grid{gap:var(--space-sm);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(210px,1fr));display:grid}.option-pill{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);color:var(--text-secondary);font-size:var(--text-sm);-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-xs);font-weight:500;display:flex}.option-pill:hover{color:var(--text-primary);box-shadow:var(--shadow-sm);background:#fafbff;border-color:#2563eb4d;transform:translateY(-1px)}.option-pill.selected{border-color:var(--accent-1);color:var(--text-primary);box-shadow:0 0 0 1px #2563eb33, var(--shadow-sm);background:#2563eb0d}.option-pill.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.option-pill-icon{border-radius:var(--radius-sm);background:var(--bg-primary);width:28px;height:28px;color:var(--text-muted);transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.option-pill:hover .option-pill-icon,.option-pill.selected .option-pill-icon{color:var(--accent-1);background:#2563eb12}.option-pill-text{flex:1;line-height:1.3}.option-pill-check{border-radius:var(--radius-full);border:1.5px solid var(--border-subtle);width:18px;height:18px;transition:all var(--transition-base);color:#0000;flex-shrink:0;justify-content:center;align-items:center;display:flex}.option-pill.selected .option-pill-check{background:var(--accent-1);border-color:var(--accent-1);color:#fff}.option-pill.more-options{color:var(--text-muted);box-shadow:none;background:0 0;border-style:dashed;justify-content:center}.option-pill.more-options:hover{color:var(--accent-1);border-color:var(--accent-1);background:#2563eb0a;border-style:solid}.option-pill-body{flex-direction:column;flex:1;gap:2px;display:flex}.option-pill-desc{font-size:var(--text-xs);color:var(--text-muted);font-weight:400}.option-pill.selected .option-pill-desc{color:var(--text-secondary)}.visual-cards-grid{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(170px,1fr));display:grid}.visual-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-lg) var(--space-md);cursor:pointer;transition:all var(--transition-base);text-align:center;box-shadow:var(--shadow-xs)}.visual-card:hover{box-shadow:var(--shadow-md);border-color:#2563eb4d;transform:translateY(-2px)}.visual-card.selected{border-color:var(--accent-1);box-shadow:0 0 0 1px #2563eb33, var(--shadow-md);background:#2563eb0a}.visual-card-icon{border-radius:var(--radius-lg);background:var(--bg-primary);border:1px solid var(--border-subtle);width:44px;height:44px;margin:0 auto var(--space-md);color:var(--text-muted);transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.visual-card:hover .visual-card-icon,.visual-card.selected .visual-card-icon{color:var(--accent-1);background:#2563eb12;border-color:#2563eb33}.visual-card-title{font-weight:600;font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-xs);line-height:1.3}.visual-card-desc{font-size:var(--text-xs);color:var(--text-muted);line-height:1.5}.outro-input-wrapper{margin-top:var(--space-md);animation:.25s ease-out fadeInUp}.outro-input{width:100%;padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border:1.5px solid var(--border-accent);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);transition:all var(--transition-base);box-shadow:var(--shadow-xs);outline:none}.outro-input:focus{border-color:var(--accent-1);box-shadow:0 0 0 3px var(--accent-glow-sm)}.outro-input::placeholder{color:var(--text-muted)}.sub-questions{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--border-muted);animation:.3s ease-out fadeInUp}.sub-question-label{font-size:var(--text-sm);margin-bottom:var(--space-sm);color:var(--text-primary);font-weight:600;display:block}.sub-question-input{width:100%;padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);transition:all var(--transition-base);margin-bottom:var(--space-lg);box-shadow:var(--shadow-xs);outline:none}.sub-question-input:focus{border-color:var(--accent-1);box-shadow:0 0 0 3px var(--accent-glow-sm)}.sub-question-input::placeholder{color:var(--text-muted)}.name-input-section{margin-bottom:var(--space-xl)}.name-large-input{width:100%;padding:var(--space-lg) var(--space-xl);background:var(--bg-secondary);border:1.5px solid var(--border-subtle);border-radius:var(--radius-xl);color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-2xl);text-align:center;transition:all var(--transition-base);box-shadow:var(--shadow-sm);outline:none;font-weight:600}.name-large-input:focus{border-color:var(--accent-1);box-shadow:0 0 0 3px var(--accent-glow-sm), var(--shadow-sm)}.name-large-input::placeholder{color:var(--text-muted);font-weight:400}.name-divider{align-items:center;gap:var(--space-md);margin:var(--space-xl) 0;color:var(--text-muted);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:600;display:flex}.name-divider:before,.name-divider:after{content:"";background:var(--border-subtle);flex:1;height:1px}.name-suggestions-container{min-height:80px}.name-suggestions-grid{gap:var(--space-sm);margin-bottom:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));animation:.3s ease-out fadeInUp;display:grid}.name-suggestion{padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:center;font-size:var(--text-sm);color:var(--text-secondary);box-shadow:var(--shadow-xs);font-weight:500}.name-suggestion:hover{color:var(--text-primary);border-color:#2563eb4d;transform:translateY(-1px)}.name-suggestion.selected{border-color:var(--accent-1);color:var(--text-primary);background:#2563eb0d}.nav-bar{padding:var(--space-lg) 0 var(--space-2xl);justify-content:space-between;align-items:center;gap:var(--space-md);border-top:1px solid var(--border-muted);margin-top:auto;display:flex}.nav-back{color:var(--text-muted);gap:var(--space-xs)}.nav-back:hover{color:var(--text-secondary)}.btn{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);letter-spacing:.01em;border:none;outline:none;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 1px 3px #2563eb40,0 4px 12px #2563eb33}.btn-primary:hover{background:var(--accent-gradient-hover);transform:translateY(-1px);box-shadow:0 2px 6px #2563eb4d,0 8px 20px #2563eb38}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn-generate{padding:var(--space-md) var(--space-2xl);font-size:var(--text-base)}.btn-secondary{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs)}.btn-secondary:hover{color:var(--text-primary);box-shadow:var(--shadow-sm);background:#fafbff;border-color:#2563eb40}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{color:var(--text-secondary);background:var(--bg-primary)}.btn-sm{padding:6px var(--space-md);font-size:var(--text-xs);border-radius:var(--radius-md)}.btn-lg{padding:var(--space-md) var(--space-2xl);font-size:var(--text-base);border-radius:var(--radius-full)}.skeleton{background:linear-gradient(90deg, var(--border-muted) 25%, var(--border-subtle) 50%, var(--border-muted) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-spinner{align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:var(--text-sm);display:inline-flex}.loading-spinner:before{content:"";border:2px solid var(--border-subtle);border-top-color:var(--accent-1);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.generating-screen{min-height:100vh;padding:var(--space-xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.generating-orb{background:var(--accent-gradient);width:84px;height:84px;margin-bottom:var(--space-2xl);border-radius:50%;justify-content:center;align-items:center;animation:2.2s ease-in-out infinite pulse-orb;display:flex;box-shadow:0 4px 24px #2563eb4d}.generating-orb-inner{color:#fff;opacity:.95}@keyframes pulse-orb{0%,to{transform:scale(1);box-shadow:0 4px 24px #2563eb47}50%{transform:scale(1.08);box-shadow:0 8px 36px #2563eb61}}.generating-title{font-size:var(--text-xl);margin-bottom:var(--space-sm);letter-spacing:-.015em;color:var(--text-primary);font-weight:700}.generating-subtitle{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-2xl);min-height:1.2em}.generating-steps{gap:var(--space-sm);flex-direction:column;width:100%;max-width:340px;display:flex}.generating-step{align-items:center;gap:var(--space-md);font-size:var(--text-sm);color:var(--text-muted);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);transition:all var(--transition-base);border:1px solid #0000;display:flex}.generating-step em{color:var(--text-muted);font-style:normal;font-weight:400}.generating-step-icon{border-radius:var(--radius-md);background:var(--border-muted);width:28px;height:28px;color:var(--text-muted);transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.generating-step-check{color:#0000;transition:color var(--transition-base);margin-left:auto}.generating-step.active{color:var(--text-primary);background:var(--bg-secondary);border-color:var(--border-subtle);box-shadow:var(--shadow-xs)}.generating-step.active .generating-step-icon{color:var(--accent-1);background:#2563eb14;animation:1.2s ease-in-out infinite pulse-icon}@keyframes pulse-icon{0%,to{opacity:1}50%{opacity:.5}}.generating-step.done{color:var(--success)}.generating-step.done .generating-step-icon{color:var(--success);background:var(--success-bg)}.generating-step.done .generating-step-check{color:var(--success)}.result-screen{width:100%;max-width:900px;padding:0 var(--space-xl) var(--space-3xl);flex-direction:column;margin:0 auto;animation:.5s ease-out fadeInUp;display:flex}.result-header{text-align:center;padding:var(--space-2xl) 0 var(--space-xl)}.result-badge{padding:5px var(--space-md);background:var(--success-bg);color:var(--success);border-radius:var(--radius-full);font-size:var(--text-xs);margin-bottom:var(--space-md);letter-spacing:.02em;align-items:center;gap:6px;font-weight:600;display:inline-flex}.result-title{font-size:var(--text-3xl);letter-spacing:-.03em;color:var(--text-primary);margin-bottom:var(--space-xs);font-weight:800}.result-subtitle{color:var(--text-muted);font-size:var(--text-sm)}.result-tabs{background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);margin-bottom:var(--space-xl);box-shadow:var(--shadow-xs);gap:1px;display:flex;overflow:hidden}.result-tab{padding:var(--space-md);background:var(--bg-secondary);cursor:pointer;transition:all var(--transition-base);color:var(--text-muted);font-family:var(--font-body);white-space:nowrap;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;min-width:0;display:flex}.result-tab:hover{color:var(--text-secondary);background:#fafbff}.result-tab.active{color:var(--text-primary);background:#2563eb0d}.result-tab-icon{color:inherit;transition:color var(--transition-base);margin-bottom:2px}.result-tab.active .result-tab-icon{color:var(--accent-1)}.result-tab-label{font-size:var(--text-xs);font-weight:600}.result-tab-count{color:var(--text-muted);font-size:10px}.result-tab.active .result-tab-count{color:var(--accent-1)}.result-tab-content{animation:.25s ease-out fadeInUp}.tab-actions{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.result-body{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-card)}.result-body h1{font-size:var(--text-xl);color:var(--text-primary);margin:var(--space-2xl) 0 var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-muted);letter-spacing:-.02em}.result-body h1:first-child{margin-top:0}.result-body h2{font-size:var(--text-lg);color:var(--text-primary);margin:var(--space-xl) 0 var(--space-sm);letter-spacing:-.01em}.result-body h3{font-size:var(--text-base);color:var(--accent-1);margin:var(--space-lg) 0 var(--space-xs);font-weight:600}.result-body p{color:var(--text-secondary);margin-bottom:var(--space-md);line-height:1.8}.result-body ul,.result-body ol{color:var(--text-secondary);margin-bottom:var(--space-md);padding-left:var(--space-xl);line-height:1.8}.result-body li{margin-bottom:var(--space-xs)}.result-body strong{color:var(--text-primary)}.result-body table{border-collapse:collapse;width:100%;margin:var(--space-lg) 0;font-size:var(--text-sm)}.result-body th,.result-body td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--border-muted)}.result-body th{color:var(--accent-1);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;background:var(--bg-primary)}.result-body td{color:var(--text-secondary)}.result-body hr{border:none;border-top:1px solid var(--border-muted);margin:var(--space-xl) 0}.result-body code{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--accent-1);padding:2px 6px;font-size:.9em}.result-body pre{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);margin:var(--space-md) 0;overflow-x:auto}.result-body pre code{color:var(--text-secondary);background:0 0;border:none;padding:0}.result-bottom-actions{gap:var(--space-sm);margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--border-muted);justify-content:center;display:flex}.names-grid{gap:var(--space-sm);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.name-card{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-base);box-shadow:var(--shadow-xs);display:flex}.name-card:hover{box-shadow:var(--shadow-sm);background:#fafbff;border-color:#2563eb40}.name-number{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:20px;font-weight:700}.name-text{font-size:var(--text-base);color:var(--text-primary);flex:1;font-weight:600}.name-copy-btn{cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition-fast);opacity:0;background:0 0;border:none;align-items:center;display:flex}.name-card:hover .name-copy-btn{opacity:1}.name-copy-btn:hover{color:var(--accent-1)}.names-hint{font-size:var(--text-xs);color:var(--text-muted);justify-content:center;align-items:center;gap:4px;font-style:italic;display:flex}.names-empty{text-align:center;padding:var(--space-3xl);color:var(--text-secondary)}.names-empty-icon{color:var(--text-muted);margin:0 auto var(--space-md);opacity:.4}.names-empty-hint{color:var(--text-muted);font-size:var(--text-sm);margin-top:var(--space-sm)}.deck-container{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.deck-slide{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-xl) var(--space-xl) var(--space-lg);transition:all var(--transition-base);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.deck-slide:before{content:"";background:var(--accent-gradient);height:2px;position:absolute;top:0;left:0;right:0}.deck-slide:hover{box-shadow:var(--shadow-md);border-color:#2563eb33;transform:translateY(-2px)}.deck-slide-number{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--space-md);font-weight:700}.deck-slide-icon{border-radius:var(--radius-lg);width:44px;height:44px;color:var(--accent-1);margin-bottom:var(--space-md);background:#2563eb12;border:1px solid #2563eb26;justify-content:center;align-items:center;display:flex}.deck-slide-title{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-sm);letter-spacing:-.01em;font-weight:700;line-height:1.25}.deck-slide-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-md);font-style:italic}.deck-slide-highlight{padding:4px var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--accent-1);margin-bottom:var(--space-md);background:#2563eb12;border:1px solid #2563eb2e;font-weight:700;display:inline-block}.deck-slide-points{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.deck-slide-points li{align-items:flex-start;gap:var(--space-sm);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;display:flex}.deck-point-bullet{color:var(--accent-1);flex-shrink:0;margin-top:2px}.api-modal-overlay{-webkit-backdrop-filter:blur(12px)saturate(1.2);backdrop-filter:blur(12px)saturate(1.2);z-index:1000;padding:var(--space-lg);background:#0f172a59;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.api-modal{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:var(--space-2xl);width:100%;max-width:460px;box-shadow:var(--shadow-lg);animation:.22s ease-out scaleIn}.api-modal-header{gap:var(--space-md);margin-bottom:var(--space-xl);align-items:flex-start;display:flex}.api-modal-icon{border-radius:var(--radius-lg);width:40px;height:40px;color:var(--accent-1);background:#2563eb12;border:1px solid #2563eb2e;flex-shrink:0;justify-content:center;align-items:center;display:flex}.api-modal h2{font-size:var(--text-lg);margin-bottom:var(--space-xs);font-weight:700}.api-modal p{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6}.api-modal-link{color:var(--accent-1);text-decoration:none}.api-modal-link:hover{text-decoration:underline}.api-modal-input{width:100%;padding:var(--space-md) var(--space-lg);background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);margin-bottom:var(--space-lg);transition:border-color var(--transition-base);outline:none}.api-modal-input:focus{border-color:var(--accent-1);box-shadow:0 0 0 3px var(--accent-glow-sm)}.api-modal-input::placeholder{color:var(--text-muted)}.api-modal-label{color:var(--text-primary);margin-bottom:4px;margin-top:var(--space-md);font-size:.85rem;font-weight:600;display:block}.api-modal-label:first-of-type{margin-top:0}.api-modal-label-hint{color:var(--text-muted);font-size:.78rem;font-weight:400}.api-modal-actions{gap:var(--space-sm);margin-top:var(--space-md);display:flex}.settings-btn{border-radius:var(--radius-md);border:1px solid var(--border-subtle);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);background:0 0;justify-content:center;align-items:center;display:flex}.settings-btn:hover{background:var(--bg-primary);color:var(--text-secondary);border-color:#2563eb40;transform:rotate(45deg)}.logo-image-section{margin-bottom:var(--space-xl);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-xl);text-align:center;box-shadow:var(--shadow-card)}.logo-image-title{justify-content:center;align-items:center;gap:var(--space-sm);font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-lg);font-weight:600;display:flex}.logo-image-wrap{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-xl);margin:0 auto var(--space-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle);width:100%;max-width:400px}.logo-image{object-fit:contain;max-width:100%;height:auto;max-height:300px;margin:0 auto;display:block}.logo-image-actions{justify-content:center;gap:var(--space-md);display:flex}.logo-image-missing{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-lg);background:var(--bg-primary);border:1px dashed var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-lg);display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.landing-features{grid-template-columns:repeat(2,1fr)}.how-step-arrow{display:none}.how-steps{gap:var(--space-sm)}.app-header{padding:0 var(--space-md)}.result-screen{padding:0 var(--space-md) var(--space-2xl)}}@media (width<=640px){:root{--header-h:50px}.landing-features{grid-template-columns:1fr 1fr}.hero-section{padding:var(--space-2xl) var(--space-md) var(--space-xl)}.landing-title{font-size:1.75rem}.landing-subtitle{font-size:var(--text-base)}.step-container{padding:0 var(--space-md)}.progress-container{padding:var(--space-md) var(--space-md) var(--space-sm)}.category-breadcrumb{padding:var(--space-sm) var(--space-md)}.step-question{font-size:var(--text-xl)}.options-grid{grid-template-columns:1fr}.visual-cards-grid,.name-suggestions-grid{grid-template-columns:repeat(2,1fr)}.name-large-input{font-size:var(--text-xl);padding:var(--space-md)}.result-body{padding:var(--space-lg)}.result-title{font-size:var(--text-2xl)}.result-tabs{border-radius:var(--radius-lg)}.result-tab{padding:var(--space-sm)}.deck-container,.names-grid{grid-template-columns:1fr}}@media (width<=400px){.landing-features,.visual-cards-grid{grid-template-columns:1fr}.cat-crumb span{display:none}.cat-crumb.active span{display:block}}@media print{body:before{display:none}.app-header,.result-tabs,.tab-actions,.nav-bar,.result-bottom-actions,.settings-btn{display:none!important}.deck-container{grid-template-columns:repeat(2,1fr)}.deck-slide{break-inside:avoid}.result-body{box-shadow:none;border:none;padding:0}}