:root{font-family:system-ui,Arial,sans-serif;--bg: #fff8f2;--card: #ffffff;--text: #2d2d2d;--muted: #6b7280;--border: #f0e4d7;--primary: #e67e22;--primary-dark: #c75c12;--danger: #d64545;--danger-dark: #b83232;--shadow: 0 8px 24px rgba(0, 0, 0, .06)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{text-decoration:none;color:var(--primary-dark);transition:color .2s ease}a:hover{color:var(--primary)}.container{max-width:1000px;margin:0 auto;padding:24px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:var(--shadow)}.label{display:block;margin-top:12px;margin-bottom:6px;font-weight:600;color:var(--text)}.input,.textarea,select{width:100%;padding:11px 13px;border:1px solid #e3d5c8;border-radius:12px;outline:none;font-size:15px;background:#fff;color:var(--text)}.input:focus,.textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #e67e221f}.btn{padding:10px 16px;border-radius:12px;border:1px solid var(--primary);background:var(--primary);color:#fff;cursor:pointer;font-weight:600;transition:background .2s ease,transform .15s ease}.btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.btnSecondary{padding:10px 16px;border-radius:12px;border:1px solid #e3d5c8;background:#fff;color:var(--text);cursor:pointer;font-weight:600;transition:background .2s ease,transform .15s ease}.btnSecondary:hover{background:#fff3e8;transform:translateY(-1px)}.btnSmall{display:inline-block;padding:8px 12px;border-radius:12px;border:1px solid #e3d5c8;background:#fff;color:var(--text);cursor:pointer;text-decoration:none;font-weight:600;transition:background .2s ease,transform .15s ease,border-color .2s ease}.btnSmall:hover{background:#fff3e8;border-color:var(--primary);color:var(--primary-dark);transform:translateY(-1px)}.btnDanger{padding:8px 12px;border-radius:12px;border:1px solid var(--danger);background:var(--danger);color:#fff;cursor:pointer;font-weight:600;transition:background .2s ease,transform .15s ease}.btnDanger:hover{background:var(--danger-dark);transform:translateY(-1px)}.link{text-decoration:none;color:var(--text);font-weight:700}.link:hover{color:var(--primary-dark)}.list{display:grid;gap:12px}.listItem{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px 14px;box-shadow:0 4px 16px #0000000a}.navbar{display:flex;justify-content:space-between;align-items:center;padding:16px 28px;border-bottom:1px solid var(--border);background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:100}.navLeft{display:flex;align-items:center;gap:28px}.logo{font-size:22px;font-weight:800;text-decoration:none;color:var(--primary-dark);letter-spacing:.2px}.navLinks{display:flex;gap:18px}.navLinks a{text-decoration:none;color:#4b5563;font-weight:600;transition:color .2s ease}.navLinks a:hover{color:var(--primary-dark)}.pageTitle{font-size:2rem;font-weight:800;margin:0 0 8px;color:var(--text)}.pageSubtitle{margin:0;color:var(--muted);font-size:.98rem}.recipeGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.recipeCard{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.recipeCard:hover{transform:translateY(-4px);box-shadow:0 14px 28px #00000014;border-color:#e7c8a8}.recipeMeta{margin:0 0 8px;color:#5f6368;font-size:.95rem}.recipeDesc{margin:0 0 16px;color:#666;line-height:1.5}.badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#fff1e6;color:var(--primary-dark);font-size:.85rem;font-weight:700;border:1px solid #f2d2b6}.topBar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.topActions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:768px){.navbar{padding:12px 16px;flex-wrap:wrap;gap:8px}.navLeft{gap:12px}.navLinks{gap:10px}.navLinks a{font-size:.85rem}.logo{font-size:18px}.container{padding:16px}.pageTitle{font-size:1.5rem}.recipeGrid{grid-template-columns:1fr}.card{padding:14px}.listItem{flex-direction:column;align-items:flex-start;gap:10px}}@media(max-width:480px){.navbar{padding:10px 12px}.navLinks{display:none}.logo{font-size:16px}.btn,.btnSmall,.btnDanger{font-size:.85rem;padding:8px 10px}.pageTitle{font-size:1.3rem}}