:root{--primary-hue: 220;--primary-sat: 85%;--primary-light: 55%;--secondary-hue: 160;--secondary-sat: 70%;--secondary-light: 45%;--danger-hue: 350;--warning-hue: 35;--color-primary: hsl(var(--primary-hue), var(--primary-sat), var(--primary-light));--color-primary-dark: hsl(var(--primary-hue), var(--primary-sat), 40%);--color-primary-light: hsl(var(--primary-hue), var(--primary-sat), 90%);--color-secondary: hsl(var(--secondary-hue), var(--secondary-sat), var(--secondary-light));--color-danger: hsl(var(--danger-hue), 80%, 55%);--color-warning: hsl(var(--warning-hue), 90%, 50%);--color-success: hsl(150, 70%, 45%);--color-bg-base: hsl(220, 20%, 97%);--color-bg-surface: #ffffff;--color-text-main: hsl(220, 40%, 15%);--color-text-secondary: hsl(220, 20%, 45%);--color-border: hsl(220, 15%, 90%);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--color-bg-base);color:var(--color-text-main);line-height:1.5;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.card{background:var(--color-bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);padding:var(--space-6)}.suggestion-item:hover{background-color:var(--color-bg-subtle)!important}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-fast);border:none;gap:var(--space-2)}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-dark);box-shadow:0 0 0 4px var(--color-primary-light)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-bg-base);color:var(--color-text-main)}.label{display:block;font-size:.875rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.input{width:100%;padding:.75rem 1rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-bg-surface);color:var(--color-text-main);font-size:.95rem;transition:all var(--transition-fast);outline:none;min-height:48px}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-light);background-color:#fff}.input::placeholder{color:#b9bdc6}.input:disabled{background-color:var(--color-bg-base);cursor:not-allowed;opacity:.7}.heading-1{font-size:1.875rem;font-weight:700;letter-spacing:-.025em}.heading-2{font-size:1.5rem;font-weight:600;letter-spacing:-.025em}.heading-3{font-size:1.25rem;font-weight:600}.text-sm{font-size:.875rem}.text-muted{color:var(--color-text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}@keyframes pageEnter{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:pageEnter 1.2s cubic-bezier(.2,.8,.2,1) forwards;opacity:0;animation-fill-mode:both}@keyframes blink-soft{0%,to{opacity:1;background-color:#fef2f2;box-shadow:0 0 15px #ef44444d}50%{opacity:.6;background-color:#fee2e2;box-shadow:0 0 5px #ef44441a}}.animate-blink{animation:blink-soft 2s infinite ease-in-out;border:2px solid #ef4444!important}@keyframes icon-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.9)}}.animate-icon-pulse{animation:icon-pulse 1s infinite ease-in-out}.modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeInModal .2s ease-out}.modal-content{background:#fff;padding:var(--space-6);border-radius:var(--radius-lg);animation:slideUpModal .3s ease-out;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;max-height:90vh;overflow-y:auto}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}@keyframes slideUpModal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}