:root{--bg-cream: #f8fafc;--bg-card: #ffffff;--bg-card-hover: #f1f5f9;--bg-soft-primary: #eff6ff;--bg-champagne: #e0f2fe;--border-primary: rgba(59, 130, 246, .35);--border-glow: rgba(59, 130, 246, .25);--text-main: #1e293b;--text-secondary: #475569;--text-muted: #94a3b8;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-light: rgba(59, 130, 246, .12);--color-secondary: #0284c7;--font-sans: "Inter", "Noto Sans TC", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--shadow-sm: 0 4px 15px rgba(59, 130, 246, .06);--shadow-card: 0 12px 35px rgba(30, 41, 59, .08);--shadow-hover: 0 20px 40px rgba(59, 130, 246, .2);--glass-bg: rgba(255, 255, 255, .94)}body.theme-blue{--bg-cream: #f8fafc;--bg-card-hover: #f1f5f9;--bg-soft-primary: #eff6ff;--border-primary: rgba(59, 130, 246, .35);--text-main: #1e293b;--text-secondary: #475569;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-light: rgba(59, 130, 246, .12);background-image:radial-gradient(circle at 15% 15%,rgba(224,242,254,.6) 0%,transparent 45%),radial-gradient(circle at 85% 85%,rgba(239,246,255,.7) 0%,transparent 50%)}body.theme-sage{--bg-cream: #f7f9f6;--bg-card-hover: #eef3ec;--bg-soft-primary: #ecfdf5;--border-primary: rgba(16, 185, 129, .35);--text-main: #1c3328;--text-secondary: #436354;--color-primary: #059669;--color-primary-hover: #047857;--color-primary-light: rgba(16, 185, 129, .12);background-image:radial-gradient(circle at 15% 15%,rgba(209,250,229,.5) 0%,transparent 45%),radial-gradient(circle at 85% 85%,rgba(236,253,245,.6) 0%,transparent 50%)}body.theme-lavender{--bg-cream: #faf8fc;--bg-card-hover: #f3edf7;--bg-soft-primary: #f5f3ff;--border-primary: rgba(139, 92, 246, .35);--text-main: #2e1065;--text-secondary: #5b21b6;--color-primary: #8b5cf6;--color-primary-hover: #7c3aed;--color-primary-light: rgba(139, 92, 246, .12);background-image:radial-gradient(circle at 15% 15%,rgba(237,233,254,.6) 0%,transparent 45%),radial-gradient(circle at 85% 85%,rgba(245,243,255,.7) 0%,transparent 50%)}body.theme-coral{--bg-cream: #fffbf7;--bg-card-hover: #fff3ec;--bg-soft-primary: #fff7ed;--border-primary: rgba(249, 115, 22, .35);--text-main: #431407;--text-secondary: #7c2d12;--color-primary: #ea580c;--color-primary-hover: #c2410c;--color-primary-light: rgba(249, 115, 22, .12);background-image:radial-gradient(circle at 15% 15%,rgba(255,237,213,.6) 0%,transparent 45%),radial-gradient(circle at 85% 85%,rgba(255,247,237,.7) 0%,transparent 50%)}body.theme-sand{--bg-cream: #fdfbf7;--bg-card-hover: #f5f0eb;--bg-soft-primary: #f7f2e7;--border-primary: rgba(168, 130, 80, .35);--text-main: #36291a;--text-secondary: #634d34;--color-primary: #a88250;--color-primary-hover: #8c6a3b;--color-primary-light: rgba(168, 130, 80, .12);background-image:radial-gradient(circle at 15% 15%,rgba(247,242,231,.6) 0%,transparent 45%),radial-gradient(circle at 85% 85%,rgba(245,240,235,.7) 0%,transparent 50%)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;overflow-x:hidden}body{font-family:var(--font-sans);background-color:var(--bg-cream);color:var(--text-main);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;transition:background-color .4s ease}.mono{font-family:var(--font-mono)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1.5px solid var(--border-primary);border-radius:24px;box-shadow:var(--shadow-card);transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-panel-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--color-primary)}.gradient-text{background:linear-gradient(135deg,var(--text-main) 30%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;font-size:.98rem;font-weight:700;border-radius:999px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);border:1.5px solid transparent;outline:none;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:#fff;box-shadow:0 8px 25px var(--border-primary)}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 30px var(--border-primary)}.btn-secondary{background:#fff;color:var(--text-main);border:1.5px solid var(--border-primary);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--bg-soft-primary);border-color:var(--color-primary);transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:700;border-radius:999px}.badge-primary{background:var(--bg-soft-primary);color:var(--color-primary);border:1px solid var(--border-primary)}.input-field{width:100%;background:#fff;border:1.5px solid var(--border-primary);border-radius:14px;padding:12px 16px;color:var(--text-main);font-family:var(--font-sans);font-size:.95rem;outline:none;transition:all .25s ease}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-light)}@keyframes pulseGlow{0%{box-shadow:0 0 0 0 var(--border-primary)}70%{box-shadow:0 0 0 12px #3b82f600}to{box-shadow:0 0 #3b82f600}}.pulse-glow{animation:pulseGlow 2.5s infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.animate-float{animation:float 4.5s ease-in-out infinite}@media (max-width: 768px){body{padding:12px 8px 40px!important}.header-container{padding:12px 16px!important;border-radius:20px!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important}.header-logo-row{justify-content:space-between!important;width:100%!important}.header-theme-selector{justify-content:center!important;width:100%!important}.hero-panel{padding:28px 18px!important;border-radius:20px!important}.hero-title{font-size:1.6rem!important;line-height:1.35!important}.hero-subtitle{font-size:.92rem!important;margin-bottom:20px!important}.step-switcher-grid{grid-template-columns:1fr!important;gap:10px!important}.step-btn{padding:10px 14px!important;justify-content:flex-start!important}.section-panel{padding:24px 16px!important;border-radius:20px!important}.step2-columns-grid{grid-template-columns:1fr!important;gap:18px!important}.step2-input-grid{grid-template-columns:1fr!important;gap:10px!important}.goals-card-grid{grid-template-columns:1fr!important}.cta-banner{padding:20px 18px!important;flex-direction:column!important;text-align:center!important}.cta-banner-buttons{width:100%!important;flex-direction:column!important}.modal-container{padding:24px 18px!important;max-height:88vh!important;border-radius:20px!important}}@media (max-width: 480px){.hero-title{font-size:1.4rem!important}.btn{width:100%!important;padding:12px 18px!important;font-size:.92rem!important}.stat-card-grid{grid-template-columns:1fr!important}}