@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root{--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-900:#1e3a8a;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-500:#64748b;--slate-700:#334155;--slate-800:#1e293b;--white:#fff;--green-500:#10b981;--green-50:#ecfdf5;--red-500:#ef4444;--bg-color:var(--slate-50);--panel-bg:var(--white);--text-main:var(--slate-800);--text-muted:var(--slate-500);--border-color:var(--slate-200);--accent:var(--blue-500);--accent-hover:var(--blue-600);--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -4px #0000000d;--shadow-blue:0 4px 14px 0 #3b82f663;--radius:16px;--radius-sm:8px;--font:"Inter", system-ui, sans-serif}[data-theme=dark]{--blue-50:#172554;--blue-100:#1e3a8a;--blue-500:#3b82f6;--blue-600:#60a5fa;--blue-900:#bfdbfe;--slate-50:#020617;--slate-100:#0f172a;--slate-200:#1e293b;--slate-300:#334155;--slate-500:#94a3b8;--slate-700:#cbd5e1;--slate-800:#f1f5f9;--white:#0b1121;--green-500:#34d399;--green-50:#064e3b;--red-500:#f87171;--bg-color:var(--slate-50);--panel-bg:var(--white);--text-main:var(--slate-800);--text-muted:var(--slate-500);--border-color:var(--slate-200);--accent:var(--blue-500);--accent-hover:var(--blue-600);--shadow-sm:0 1px 2px 0 #00000080;--shadow:0 4px 6px -1px #0006, 0 2px 4px -2px #0006;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #0006}body{font-family:var(--font);background:var(--bg-color);color:var(--text-main);min-height:100vh;line-height:1.6;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-in{animation:.4s ease-out forwards fadeIn}.animate-spin{animation:.75s linear infinite spin}.text-gradient{background:linear-gradient(135deg, var(--blue-600), var(--blue-400));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.card{background:var(--panel-bg);border-radius:var(--radius);border:1px solid var(--border-color);box-shadow:var(--shadow);transition:all .3s}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--slate-300)}.input-field{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--slate-50);width:100%;color:var(--text-main);font-family:var(--font);resize:vertical;padding:16px;font-size:15px;transition:all .2s}.input-field:focus{border-color:var(--accent);background:var(--white);outline:none;box-shadow:0 0 0 3px #3b82f61a}.btn-primary{background:var(--accent);color:var(--white);border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-weight:600;transition:all .2s;display:flex}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-blue);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.badge{background:var(--blue-50);color:var(--blue-600);border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge.cheapest{background:var(--green-50);color:var(--green-500)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--slate-50)}::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--slate-500)}