:root{--font-family: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-primary: #f8fafc;--bg-surface: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--accent-primary: #6366f1;--accent-hover: #4f46e5;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--border-color: #e2e8f0;--radius-lg: 20px;--radius-md: 12px;--radius-sm: 8px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 10px 25px -5px rgba(0, 0, 0, .05), 0 8px 10px -6px rgba(0, 0, 0, .01);--shadow-lg: 0 20px 35px -10px rgba(0, 0, 0, .1)}:root[data-theme=dark]{--bg-primary: #0b0f19;--bg-surface: #151c2c;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: #27354a;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 10px 25px -5px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 35px -10px rgba(0, 0, 0, .6)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}a{color:inherit;text-decoration:none}button{font-family:inherit}.container{max-width:1280px;margin:0 auto;padding:32px 24px}.page-title{font-size:2.25rem;font-weight:800;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:8px}.page-subtitle{font-size:1.05rem;color:var(--text-secondary);margin-bottom:32px}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:28px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.form-group label{font-size:.875rem;font-weight:700;color:var(--text-secondary)}.form-control{width:100%;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-primary);font-size:.95rem;font-family:inherit;outline:none;transition:all .2s ease}.form-control:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f126}textarea.form-control{resize:vertical;min-height:90px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--radius-md);font-size:.95rem;font-weight:700;cursor:pointer;border:none;transition:all .2s ease}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 14px #6366f159}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f173}.btn-secondary{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-color);color:var(--text-primary)}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.empty-state{text-align:center;padding:60px 20px;background:var(--bg-surface);border-radius:var(--radius-lg);border:2px dashed var(--border-color)}.empty-state svg{width:64px;height:64px;color:var(--text-muted);margin-bottom:16px}.empty-state h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.empty-state p{color:var(--text-secondary);max-width:400px;margin:0 auto 20px}.theme-switcher{display:inline-flex;align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:9999px;padding:4px;gap:2px}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.theme-toggle-btn svg{width:16px;height:16px}.theme-toggle-btn.active{background:var(--bg-surface);color:var(--accent-primary);box-shadow:var(--shadow-sm)}.app-shell.svelte-12qhfyh{display:flex;flex-direction:column;min-height:100vh}.actions-wrapper.svelte-12qhfyh{display:flex;align-items:center;gap:12px}.main-content.svelte-12qhfyh{flex:1}.app-footer.svelte-12qhfyh{border-top:1px solid var(--border-color);background:var(--bg-surface);padding:24px 0;margin-top:60px;text-align:center;color:var(--text-muted);font-size:.875rem;transition:background-color .3s ease,border-color .3s ease}.toast-banner.svelte-12qhfyh{position:fixed;bottom:24px;right:24px;z-index:10000;display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:14px;background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);font-size:.92rem;font-weight:600;animation:svelte-12qhfyh-slideUp .3s ease-out}.toast-banner.success.svelte-12qhfyh{border-left:4px solid #10b981}.toast-banner.info.svelte-12qhfyh{border-left:4px solid #6366f1}.toast-icon.svelte-12qhfyh{width:22px;height:22px;border-radius:50%;background:#10b981;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.toast-close.svelte-12qhfyh{background:none;border:none;font-size:1.2rem;color:var(--text-muted);cursor:pointer;margin-left:8px}@keyframes svelte-12qhfyh-slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}