:root{--cream: #f7f1e1;--cream-card: #fffcf5;--ink: #2b2620;--ink-soft: #6b6255;--rust: #c1502e;--rust-dark: #8f3a20;--sage: #7a8b5e;--sage-dark: #55613f;--mustard: #d9a441;--mustard-dark: #9c7526;--line: #e4d9c0;--radius: 4px;--gap: 1rem;--max-width: 1180px;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Karla,sans-serif}h1,h2,h3,.display{font-family:Fraunces,serif}.app-shell{max-width:var(--max-width);margin:0 auto;padding:32px 16px 80px}a{color:inherit;text-decoration:none}.top-nav{display:flex;align-items:baseline;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:16px;margin-bottom:28px;flex-wrap:wrap;gap:12px}.top-nav .brand{display:flex;align-items:baseline;gap:10px}.top-nav .brand h1{font-size:28px;font-weight:600;margin:0;letter-spacing:.2px}.top-nav .brand span{font-size:13px;color:var(--ink-soft);font-style:italic}.top-nav .links{display:flex;gap:16px;font-size:13.5px;font-weight:500;color:var(--ink-soft)}.top-nav .links a:hover{color:var(--rust-dark)}.btn-primary,.btn-secondary,.icon-btn{font-family:Karla,sans-serif;cursor:pointer}.btn-primary{display:inline-flex;align-items:center;gap:6px;background:var(--rust);color:var(--cream-card);border:none;border-radius:20px;padding:9px 20px;font-size:14px;font-weight:700;white-space:nowrap}.btn-secondary{background:var(--cream-card);border:1px solid var(--line);border-radius:20px;padding:9px 20px;font-size:14px;font-weight:500;color:var(--ink)}.icon-btn{background:var(--cream-card);border:1px solid var(--line);border-radius:20px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink)}.icon-btn.primary{background:var(--sage);border-color:var(--sage);color:#fff}.search-box{flex:1;display:flex;align-items:center;gap:8px;background:var(--cream-card);border:1px solid var(--line);border-radius:20px;padding:8px 16px;max-width:460px}.search-box input{border:none;background:none;outline:none;font-family:Karla;font-size:14px;color:var(--ink);width:100%}.search-box svg{color:var(--ink-soft);flex-shrink:0}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.tag-pill{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:5px 12px;border-radius:3px;border:1px solid transparent;cursor:pointer;background:none;font-family:Karla}.tag-pill.all{background:var(--ink);color:var(--cream)}.tag-pill.sage{background:#eaeedf;color:var(--sage-dark);border-color:#d3dcc0}.tag-pill.rust{background:#f6e1d8;color:var(--rust-dark);border-color:#eec7b5}.tag-pill.mustard{background:#f7ead1;color:var(--mustard-dark);border-color:#efd9a3}.tag-pill.active{outline:2px solid var(--ink);outline-offset:1px}.recipe-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (min-width: 600px){.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}}.card{background:var(--cream-card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;position:relative;box-shadow:3px 3px #2b26200f;display:block}.card .photo{height:140px;background:linear-gradient(135deg,#e8c9a0,#d9a441 55%,#c1502e);display:flex;align-items:center;justify-content:center;color:#ffffffd9}.card .body{padding:14px 16px 16px}.card .cat{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--sage-dark);margin-bottom:6px}.card h3{font-size:18px;font-weight:500;margin:0 0 6px;line-height:1.25}.card .meta{display:flex;gap:12px;font-size:12px;color:var(--ink-soft)}.card .meta span{display:flex;align-items:center;gap:4px}.back-link{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-soft);margin-bottom:18px;cursor:pointer;background:none;border:none;padding:0}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px;flex-wrap:wrap}.detail-header h2{font-size:30px;font-weight:600;margin:0 0 8px}.detail-header .src{font-size:13px;color:var(--ink-soft);font-style:italic}.detail-actions{display:flex;gap:8px}.servings-row{display:flex;align-items:center;gap:12px;background:var(--cream-card);border:1px solid var(--line);border-radius:var(--radius);padding:10px 16px;margin-bottom:24px;width:fit-content}.servings-row span{font-size:13px;color:var(--ink-soft)}.stepper{display:flex;align-items:center;gap:10px}.stepper button{width:26px;height:26px;border-radius:50%;border:1px solid var(--line);background:var(--cream);cursor:pointer;font-size:15px;line-height:1}.stepper strong{font-size:16px;min-width:18px;text-align:center}.detail-columns{display:grid;grid-template-columns:1fr;gap:28px}@media (min-width: 768px){.detail-columns{grid-template-columns:320px 1fr;gap:40px;align-items:start}}.panel-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--rust-dark);border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:14px}.ingredient-list{list-style:none;margin:0;padding:0}.ingredient-list li{display:flex;gap:10px;padding:9px 0;border-bottom:1px dashed var(--line);font-size:14.5px}.ingredient-list li .amt{font-weight:700;min-width:64px;color:var(--rust-dark)}.steps-list{list-style:none;margin:0;padding:0;counter-reset:step}.steps-list li{counter-increment:step;padding:14px 0 14px 44px;position:relative;font-size:15px;line-height:1.6;border-bottom:1px solid var(--line)}.steps-list li:last-child{border-bottom:none}.steps-list li:before{content:counter(step);position:absolute;left:0;top:12px;width:28px;height:28px;background:var(--sage);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Fraunces,serif;font-weight:600;font-size:14px}.nutrition-strip{display:flex;gap:20px;margin-top:24px;padding:14px 18px;background:var(--cream-card);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap}.nutrition-strip div{text-align:center}.nutrition-strip strong{display:block;font-size:18px;font-family:Fraunces,serif}.nutrition-strip span{font-size:11px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.4px}.import-tabs{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}.import-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius);border:1px solid var(--line);background:var(--cream-card);font-size:13.5px;font-weight:500;cursor:pointer;font-family:Karla;color:var(--ink)}.import-tab.active{border-color:var(--rust);background:#f6e1d8;color:var(--rust-dark)}.dropzone{border:2px dashed var(--line);border-radius:var(--radius);padding:36px 20px;text-align:center;color:var(--ink-soft);font-size:13.5px;margin-bottom:28px;background:var(--cream-card)}.dropzone svg{color:var(--rust);display:block;margin:0 auto 8px}.dropzone strong{color:var(--ink)}.dropzone input[type=file]{display:block;margin:12px auto 0;font-size:13px}.field{margin-bottom:16px}.field label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--ink-soft);margin-bottom:6px}.field input,.field select,.field textarea{width:100%;font-family:Karla;font-size:14.5px;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:9px 12px;background:var(--cream-card)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--rust)}.field-row{display:flex;gap:12px}.field-row .field{flex:1}.add-columns{display:grid;grid-template-columns:1fr;gap:28px;margin-top:8px}@media (min-width: 768px){.add-columns{grid-template-columns:1fr 1fr;gap:40px;align-items:start}}.ing-row,.step-row{display:flex;gap:8px;margin-bottom:8px;align-items:center}.ing-row .qty{max-width:64px}.ing-row .unit{max-width:108px}.ing-row .name{flex:1}.ing-row input,.ing-row select{font-family:Karla;font-size:14.5px;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:9px 10px;background:var(--cream-card)}.ing-row input:focus,.ing-row select:focus{outline:none;border-color:var(--rust)}.step-row .step-num{width:28px;height:28px;min-width:28px;border-radius:50%;background:var(--sage);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Fraunces;font-weight:600;font-size:13px}.step-row textarea{flex:1;font-family:Karla;font-size:14.5px;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:9px 10px;background:var(--cream-card);resize:vertical}.add-row-btn{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--rust-dark);font-weight:500;background:none;border:none;cursor:pointer;padding:6px 0;font-family:Karla}.remove-row{background:none;border:none;color:var(--ink-soft);cursor:pointer;padding:4px;display:flex}.save-row{display:flex;justify-content:flex-end;gap:10px;margin-top:28px;border-top:1px solid var(--line);padding-top:20px}@media print{.top-nav,.no-print{display:none!important}}