@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-app:#faf9f6;--bg-surface:#fff;--bg-surface-subtle:#f5f3ef;--bg-surface-hover:#ebe8e1;--border-subtle:#e7e4dc;--border-strong:#d6d1c4;--border-focus:#4338ca;--text-primary:#1c1917;--text-secondary:#57534e;--text-tertiary:#8c857b;--text-on-accent:#fff;--accent-primary:#4338ca;--accent-primary-hover:#3730a3;--accent-subtle:#eef2ff;--accent-subtle-text:#3730a3;--accent-success:#15803d;--accent-success-bg:#f0fdf4;--accent-success-border:#bbf7d0;--accent-warning:#b45309;--accent-warning-bg:#fffbeb;--accent-warning-border:#fde68a;--accent-error:#b91c1c;--accent-error-bg:#fef2f2;--accent-error-border:#fecaca;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #1c19170d;--shadow-md:0 4px 12px -2px #1c19170f, 0 2px 4px -2px #1c191708;--shadow-lg:0 12px 28px -4px #1c191714, 0 4px 8px -2px #1c191708;--skeleton-shimmer:linear-gradient(90deg, #f0eee9 25%, #e6e2da 50%, #f0eee9 75%)}[data-theme=dark]{--bg-app:#121316;--bg-surface:#1c1e24;--bg-surface-subtle:#262930;--bg-surface-hover:#2f333d;--border-subtle:#2c303a;--border-strong:#3f4554;--border-focus:#6366f1;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-tertiary:#6b7280;--text-on-accent:#fff;--accent-primary:#6366f1;--accent-primary-hover:#4f46e5;--accent-subtle:#6366f124;--accent-subtle-text:#818cf8;--accent-success:#4ade80;--accent-success-bg:#4ade801a;--accent-success-border:#4ade8040;--accent-warning:#fbbf24;--accent-warning-bg:#fbbf241a;--accent-warning-border:#fbbf2440;--accent-error:#f87171;--accent-error-bg:#f871711f;--accent-error-border:#f8717140;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 12px -2px #00000073;--shadow-lg:0 12px 28px -4px #0009;--skeleton-shimmer:linear-gradient(90deg, #1c1e24 25%, #2a2d36 50%, #1c1e24 75%)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:15px;line-height:1.6;transition:background-color .25s,color .25s}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.02em;font-weight:700}.container{max-width:920px;margin:0 auto;padding:2.5rem 1.25rem 4rem}.card-surface{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:background-color .25s,border-color .2s,box-shadow .2s,transform .15s}.btn-primary{background-color:var(--accent-primary);color:var(--text-on-accent);border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;box-shadow:var(--shadow-sm);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.25rem;font-size:.95rem;font-weight:600;transition:background-color .2s,transform .15s,box-shadow .2s;display:inline-flex}.btn-primary .cta-arrow{transition:transform .2s}.btn-primary:hover:not(:disabled){background-color:var(--accent-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:hover:not(:disabled) .cta-arrow{transform:translate(4px)}.btn-primary:active:not(:disabled){transform:scale(.99)}.btn-primary:focus-visible{outline:none;box-shadow:0 0 0 3px #6366f159}.btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-secondary{background-color:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.88rem;font-weight:500;transition:background-color .2s,border-color .2s,color .2s,transform .15s;display:inline-flex}.btn-secondary:hover:not(:disabled){background-color:var(--bg-surface-subtle);border-color:var(--border-strong);color:var(--text-primary);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:scale(.99)}.btn-secondary:focus-visible{outline:none;box-shadow:0 0 0 3px #6366f140}.btn-secondary:disabled{opacity:.55;cursor:not-allowed}.profile-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;padding:1rem 1.15rem;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative}.profile-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.profile-card:active{transform:scale(.99)}.profile-card.selected{border-color:var(--accent-primary);background-color:var(--accent-subtle);box-shadow:0 0 0 1px var(--accent-primary), var(--shadow-sm)}.input-field{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-sans);box-shadow:var(--shadow-sm);outline:none;padding:.75rem 1rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s,background-color .25s}.input-field::placeholder{color:var(--text-tertiary)}.input-field:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f133}.suggestion-chip{background-color:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;white-space:nowrap;padding:.35rem .85rem;font-size:.83rem;font-weight:500;transition:all .18s}.suggestion-chip:hover:not(:disabled){background-color:var(--bg-surface-hover);border-color:var(--border-strong);color:var(--text-primary);transform:translateY(-2px)}.suggestion-chip:active:not(:disabled){transform:scale(.97)}.suggestion-chip:focus-visible{box-shadow:0 0 0 2px var(--accent-primary);outline:none}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-reveal{animation:.35s cubic-bezier(.16,1,.3,1) forwards fadeInSlideUp}.skeleton{background:var(--skeleton-shimmer);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite loading-shimmer}@keyframes loading-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.animate-reveal,.btn-primary .cta-arrow,.profile-card,.suggestion-chip{animation:none!important;transform:none!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}