:root{font-family:Iowan Old Style,Palatino,Bookman Old Style,Garamond,serif;color:#201b16;background:radial-gradient(circle at top left,#f7efe3,#f1d9b4 50%,#e7c29a);--surface: #fff6ec;--accent: #7b4f29;--accent-2: #2c2d2b;--muted: #6d6156;--border: #d5bda2;--shadow: 0 20px 60px rgba(38, 24, 10, .12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(130deg,#f4e8d4,#f8f3ea 40%,#f4d9b0)}.app-shell{max-width:1200px;margin:0 auto;padding:2rem 1.5rem 4rem}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.5rem 2rem;border-radius:24px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.app-header h1{margin:0;font-size:2rem;letter-spacing:.5px}.app-header p{margin:.3rem 0 0;color:var(--muted)}nav{display:flex;gap:1rem;flex-wrap:wrap}nav a{text-decoration:none;color:var(--accent-2);padding:.5rem 1rem;border-radius:999px;border:1px solid transparent;background:#ffffffb3}nav a.active{border-color:var(--accent);background:#f2e1cd}main{margin-top:2rem}.panel{background:var(--surface);border-radius:24px;padding:2rem;border:1px solid var(--border);box-shadow:var(--shadow)}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:1.5rem}.panel-header h2{margin:0;font-size:1.6rem}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:1.5rem}input,select,textarea,button{font-family:inherit;border-radius:10px;border:1px solid var(--border);padding:.6rem .8rem;background:#fffaf2;color:#2d2520}textarea{resize:vertical}button{cursor:pointer;background:#f3dfc8}button.primary{background:var(--accent);color:#fff7ed;border:none;padding:.8rem 1.4rem}.link-button{margin-top:.5rem;background:transparent;border:none;color:var(--accent);padding:0;text-align:left}button:disabled{opacity:.6;cursor:not-allowed}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.card{display:flex;flex-direction:column;gap:.6rem;padding:1.2rem;border-radius:18px;background:#fffaf1;border:1px solid var(--border);text-decoration:none;color:inherit;transition:transform .2s ease}.card:hover{transform:translateY(-4px)}.card-top{display:flex;justify-content:space-between;font-size:.85rem}.pill{background:#f1d1a6;border-radius:999px;padding:.2rem .6rem}.card-footer{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.8rem;color:var(--muted)}.muted{color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem}.form-card{background:#fffaf1;border-radius:18px;padding:1rem;border:1px solid var(--border);display:flex;flex-direction:column;gap:.8rem}.inline-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.6rem}.status{padding:.4rem .6rem;background:#fbe7c8;border-radius:8px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.detail-card{background:#fffaf1;border-radius:18px;padding:1rem;border:1px solid var(--border);margin-bottom:1rem}.preset-table{display:grid;gap:.6rem;margin-top:.8rem}.preset-row{display:grid;grid-template-columns:repeat(10,minmax(90px,1fr)) auto auto;gap:.4rem;align-items:center}.preset-row span{font-size:.9rem;color:var(--muted)}.header-actions{display:flex;gap:.75rem}.button{display:inline-block;text-decoration:none;padding:.5rem 1rem;border-radius:10px;background:#f3dfc8;border:1px solid var(--border);color:inherit}.cooking-mode{text-align:center}.step-card{padding:2rem;background:#fffaf1;border-radius:24px;border:1px solid var(--border);margin:2rem 0}.step-number{text-transform:uppercase;letter-spacing:3px;font-size:.8rem;color:var(--muted)}.step-text{font-size:1.4rem}.step-controls,.timer-actions{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.batch-form{display:grid;gap:.6rem;margin-bottom:1rem}pre{white-space:pre-wrap;background:#f9efdf;padding:1rem;border-radius:12px;border:1px dashed var(--border)}@media (max-width: 780px){.app-header,.panel-header{flex-direction:column;align-items:flex-start}}