:root{--bg: #f8fafc;--surface: #ffffff;--text: #1e293b;--muted: #64748b;--border: #e2e8f0;--primary: #4f46e5;--primary-hover: #4338ca;--danger: #dc2626;--success: #16a34a;--radius: .75rem}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}.container{max-width:52rem;margin:0 auto;padding:1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:1rem;box-shadow:0 1px 2px #0000000a}h1{font-size:1.35rem}h2{font-size:1.05rem;margin-bottom:.75rem}.row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.grid{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:.25rem}input,select,textarea{width:100%;padding:.5rem .7rem;border:1px solid var(--border);border-radius:.5rem;font-size:.95rem;background:#fff}input:focus,select:focus{outline:2px solid var(--primary);outline-offset:-1px}button{border:none;border-radius:.5rem;padding:.55rem 1rem;font-weight:500;cursor:pointer;font-size:.9rem}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-sm{padding:.3rem .7rem;font-size:.8rem}.btn-danger{background:var(--danger);color:#fff}.muted{color:var(--muted)}.pill{display:inline-block;font-size:.72rem;padding:.1rem .5rem;border-radius:999px;background:#eef2ff;color:var(--primary);text-transform:capitalize}.pill.done{background:#dcfce7;color:var(--success)}.pill.todo{background:#fef3c7;color:#b45309}.error{color:var(--danger);font-size:.85rem}.topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:.6rem 0;position:sticky;top:0;z-index:10}.topbar .container{display:flex;justify-content:space-between;align-items:center;padding-top:0;padding-bottom:0}.lang-switch{display:inline-flex;gap:.25rem}.lang-switch button.active{border-color:var(--primary);color:var(--primary);font-weight:600}.stars{display:inline-flex;gap:.1rem}.star{background:transparent;border:none;padding:0 .05rem;font-size:1.15rem;line-height:1;color:var(--border);cursor:pointer}.star.on{color:#eab308}.star:hover{color:#f59e0b}.meal-info{cursor:pointer;flex:1;border-radius:.5rem;padding:.15rem .4rem;transition:background .12s ease}.meal-info:hover{background:#f1f5f9}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100}.modal{background:#fff;border-radius:var(--radius);padding:1.25rem;max-width:34rem;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.modal-h{font-size:.95rem;margin:.75rem 0 .25rem}.modal-list{margin:0 0 .5rem 1.2rem}.modal-list li{margin:.15rem 0}.burger{background:transparent;border:none;font-size:1.35rem;line-height:1;cursor:pointer;padding:0 .2rem;color:var(--text)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:110;display:flex}.drawer{background:var(--surface);width:min(82vw,18rem);height:100%;padding:1rem;display:flex;flex-direction:column;gap:.15rem;box-shadow:2px 0 16px #00000026;overflow-y:auto}.drawer-item{text-align:left;background:transparent;border:none;padding:.6rem;border-radius:.5rem;font-size:.95rem;color:var(--text);cursor:pointer}.drawer-item:hover{background:#f1f5f9}.drawer-item.active{background:#eef2ff;color:var(--primary);font-weight:600}.drawer-sep{border-top:1px solid var(--border);margin:.5rem 0}