*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fafaf7;--bg2:#fff;--border:#e2e0db;--text1:#1a1a1a;--text2:#5c5c5c;--text3:#999;--green:#3d7a4e;--green-light:#e8f3eb;--green-dark:#2d5a3a;--red:#c0392b;--red-light:#fdecea;--yellow:#e8a817;--yellow-light:#fef9e7;--radius:8px;--shadow:0 1px 3px #00000014}html{font-size:16px}body{background:var(--bg);color:var(--text1);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,system-ui,sans-serif;line-height:1.5}h1,h2,h3{font-weight:600;line-height:1.2}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}.app-header{border-bottom:1px solid var(--border);background:var(--bg2);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.app-header h1{color:var(--green-dark);font-size:1.25rem;font-weight:700}.app-layout{grid-template-columns:380px 1fr;gap:0;min-height:calc(100vh - 105px);display:grid}.panel-left{border-right:1px solid var(--border);background:var(--bg2);padding:24px;overflow-y:auto}.panel-right{padding:24px;overflow-y:auto}.app-footer{text-align:center;color:var(--text3);border-top:1px solid var(--border);padding:14px;font-size:.8rem}.input,.textarea{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text1);background:var(--bg2);padding:10px 12px;font-family:inherit;font-size:.9rem;transition:border-color .15s}.input:focus,.textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-light);outline:none}.textarea{resize:vertical;min-height:120px;line-height:1.5}label{color:var(--text2);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:.8rem;font-weight:600;display:block}.btn{border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover:not(:disabled){background:var(--green-dark)}.btn-secondary{background:var(--green-light);color:var(--green-dark)}.btn-secondary:hover:not(:disabled){background:#d4eada}.btn-ghost{color:var(--text2);background:0 0;padding:8px 12px}.btn-ghost:hover:not(:disabled){background:var(--green-light);color:var(--green-dark)}.btn-danger{color:var(--red);background:0 0;padding:6px 10px;font-size:.8rem}.btn-danger:hover:not(:disabled){background:var(--red-light)}.btn-small{padding:6px 12px;font-size:.8rem}.tabs{border-bottom:2px solid var(--border);gap:0;margin-bottom:20px;display:flex}.tab{color:var(--text3);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:color .15s,border-color .15s}.tab:hover{color:var(--text2)}.tab.active{color:var(--green);border-bottom-color:var(--green)}.mode-pills{background:var(--bg);border-radius:var(--radius);gap:0;padding:3px;display:flex}.mode-pill{color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:7px 12px;font-family:inherit;font-size:.82rem;font-weight:600;transition:background .15s,color .15s}.mode-pill:hover{color:var(--text2)}.mode-pill.active{background:var(--green);color:#fff;box-shadow:0 1px 3px #0000001a}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.recipe-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.recipe-item:last-child{border-bottom:none}.recipe-item-name{font-size:.9rem;font-weight:500}.recipe-item-meta{color:var(--text3);font-size:.8rem}.category-group{margin-bottom:20px}.category-title{text-transform:uppercase;letter-spacing:.06em;color:var(--green);border-bottom:1px solid var(--green-light);margin-bottom:8px;padding-bottom:4px;font-size:.75rem;font-weight:700}.ingredient-row{align-items:center;gap:10px;padding:6px 0;font-size:.9rem;display:flex}.ingredient-row input[type=checkbox]{accent-color:var(--green);flex-shrink:0;width:18px;height:18px}.ingredient-row.checked{color:var(--text3);text-decoration:line-through}.timeline-event{border-bottom:1px solid var(--border);gap:16px;padding:12px 0;font-size:.9rem;display:flex}.timeline-event:last-child{border-bottom:none}.timeline-time{color:var(--green-dark);white-space:nowrap;min-width:80px;font-weight:700}.timeline-desc{flex:1}.timeline-recipe{color:var(--text3);font-size:.8rem}.timeline-parallel{color:var(--yellow);background:var(--yellow-light);white-space:nowrap;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:600}.timeline-critical{border-left:3px solid var(--green);padding-left:13px}.modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--bg2);border-radius:12px;width:100%;max-width:400px;padding:32px;box-shadow:0 8px 30px #00000026}.modal h2{margin-bottom:16px;font-size:1.2rem}.spinner{border:2px solid var(--border);border-top-color:var(--green);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:var(--text3);padding:48px 24px}.empty-state p{margin-top:8px;font-size:.9rem}.mealset-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (width<=768px){.app-layout{grid-template-columns:1fr}.panel-left{border-right:none;border-bottom:1px solid var(--border)}.app-header{padding:12px 16px}.panel-left,.panel-right{padding:16px}}