:root{--bg: #f4f6fa;--card: #ffffff;--text: #0f172a;--muted: #64748b;--border: #e2e8f0;--accent: #2563eb;--accent-soft: #dbeafe;--gruen: #16a34a;--orange: #ea580c;--rot: #dc2626;--blau: #2563eb;--grau: #94a3b8;--tab-h: calc(3.5rem + env(safe-area-inset-bottom)) }@media (prefers-color-scheme: dark){:root{--bg: #0f172a;--card: #1e293b;--text: #f8fafc;--muted: #94a3b8;--border: #334155;--accent: #60a5fa;--accent-soft: #1e3a8a;--gruen: #4ade80;--orange: #fb923c;--rot: #f87171;--blau: #60a5fa;--grau: #64748b}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent}.page{padding:calc(1rem + env(safe-area-inset-top)) 1rem calc(var(--tab-h) + 1rem);max-width:40rem;margin:0 auto}h1{font-size:1.35rem;margin:.5rem 0 1rem}h2{font-size:.85rem;margin:1.4rem 0 .5rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.card{background:var(--card);border:1px solid var(--border);border-radius:1rem;padding:1rem;margin-bottom:.75rem}.card.link{display:block;color:inherit;text-decoration:none}button,.btn{font:inherit;border:none;border-radius:.75rem;cursor:pointer;padding:.7rem 1rem;background:var(--accent);color:#fff;font-weight:600;text-decoration:none;display:inline-block;text-align:center}button.secondary,.btn.secondary{background:transparent;color:var(--accent);border:1.5px solid var(--accent)}button.ghost{background:transparent;color:var(--muted);padding:.4rem .6rem}button.danger{background:var(--rot)}button.small{padding:.4rem .8rem;font-size:.85rem}button.wide{width:100%}button:disabled{opacity:.5;cursor:default}input,select,textarea{font:inherit;width:100%;padding:.65rem .75rem;border:1px solid var(--border);border-radius:.7rem;background:var(--card);color:var(--text);margin:.25rem 0 .75rem}label{font-size:.85rem;color:var(--muted)}.row{display:flex;gap:.6rem;align-items:center}.row>*{flex:1}.spread{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.center{text-align:center}.muted{color:var(--muted);font-size:.85rem}.small{font-size:.8rem}.error{color:var(--rot)}.big{font-size:2.6rem;font-weight:800;letter-spacing:-.02em;line-height:1}.actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:.75rem 0 1rem}.actions .btn{padding:1rem;font-size:1.05rem;border-radius:1rem}.ampel{border-left:6px solid var(--grau)}.ampel.gruen{border-left-color:var(--gruen)}.ampel.orange{border-left-color:var(--orange)}.ampel.rot{border-left-color:var(--rot)}.ampel.blau{border-left-color:var(--blau)}.ampel.keine{border-left-color:var(--border)}.ampel .big.gruen{color:var(--gruen)}.ampel .big.orange{color:var(--orange)}.ampel .big.rot{color:var(--rot)}.ampel .big.blau{color:var(--blau)}.bar{height:.6rem;background:var(--border);border-radius:999px;overflow:hidden;margin:.3rem 0 .6rem}.bar>span{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width .3s}.bar.hit>span{background:var(--gruen)}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{display:inline-block;padding:.3rem .7rem;border-radius:999px;font-size:.8rem;font-weight:600;background:var(--accent-soft);color:var(--accent);border:none}.chip.neutral{background:var(--border);color:var(--muted)}.chip.selected{background:var(--accent);color:#fff}.chip.warn{background:#ea580c26;color:var(--orange)}.meal{display:flex;gap:.75rem;align-items:center}.meal .thumb{width:3.4rem;height:3.4rem;border-radius:.8rem;object-fit:cover;background:var(--border);flex:none;display:flex;align-items:center;justify-content:center;font-size:1.4rem}.meal .body{flex:1;min-width:0}.meal .title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item{display:grid;grid-template-columns:1fr auto;gap:.25rem .75rem;padding:.6rem 0;border-top:1px solid var(--border)}.item:first-child{border-top:none}.photo{width:100%;border-radius:1rem;margin-bottom:.75rem;max-height:60vh;object-fit:cover}.weekbars{display:grid;grid-template-columns:repeat(7,1fr);gap:.4rem;align-items:end;height:8rem;margin:.5rem 0}.weekbars .col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:.25rem;font-size:.7rem;color:var(--muted)}.weekbars .col .stick{width:60%;border-radius:.3rem .3rem 0 0;background:var(--grau);min-height:2px}.weekbars .col .stick.gruen{background:var(--gruen)}.weekbars .col .stick.orange{background:var(--orange)}.weekbars .col .stick.rot{background:var(--rot)}.weekbars .col .stick.blau{background:var(--blau)}.tabbar{position:fixed;bottom:0;left:0;right:0;height:var(--tab-h);padding-bottom:env(safe-area-inset-bottom);background:var(--card);border-top:1px solid var(--border);display:flex;z-index:10}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;text-decoration:none;color:var(--muted);font-size:.65rem}.tabbar a.active{color:var(--accent);font-weight:700}.tabbar .icon{font-size:1.3rem;line-height:1}.toast{position:fixed;left:50%;bottom:calc(var(--tab-h) + 1rem);transform:translate(-50%);background:var(--text);color:var(--bg);padding:.6rem 1rem;border-radius:.8rem;font-size:.9rem;z-index:20;max-width:90vw}.login{padding:calc(3rem + env(safe-area-inset-top)) 1.25rem;max-width:24rem;margin:0 auto}.login .logo{width:4.5rem;height:4.5rem;margin:0 auto .75rem;border-radius:1.2rem;background:#0f172a;color:#f8fafc;display:flex;align-items:center;justify-content:center;font-weight:800;border:4px solid var(--gruen)}.login h1{text-align:center}.datenav{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.datenav h1{margin:0;font-size:1.15rem}