:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0d0d;--fg:#e6e6e6;--border:#3a3a3a;--accent:#4caf50;--accent-contrast:#0d0d0d;--muted:#9a9a9a;--font-mono:"JetBrains Mono", "Fira Code", "Courier New", monospace}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-mono);margin:0;padding:0}#app{justify-content:center;display:flex}.app-shell{border-inline:1px solid var(--border);grid-template-rows:auto auto 1fr;width:100%;max-width:480px;min-height:100dvh;display:grid}.app-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.app-title{font-weight:700}.settings-btn{color:var(--fg);cursor:pointer;background:0 0;border:none;font-size:1.1rem}.tab-bar{border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid}.tab-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.75rem .5rem;font-family:inherit;font-size:.9rem}.tab-btn.active{color:var(--accent);font-weight:700}.view-container{flex-direction:column;gap:1rem;padding:1rem;display:flex}.view-heading{margin:0;font-size:1rem}.recipe-list{flex-direction:column;gap:1rem;display:flex}.recipe-row{border-bottom:1px dashed var(--border);flex-direction:column;gap:.5rem;padding-bottom:.75rem;display:flex}.recipe-header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.recipe-info{flex-direction:column;display:flex}.recipe-name{font-weight:700}.recipe-desc{color:var(--muted);font-size:.85rem}.btn-icon-remove{color:#ff6b6b;cursor:pointer;background:#241414;border:1px solid #732222;border-radius:.25rem;justify-content:center;align-items:center;width:2rem;height:2rem;font-family:inherit;font-size:1.1rem;font-weight:700;line-height:1;display:inline-flex}.btn-icon-remove:hover{background:#3b1919;border-color:#ff6b6b}.stepper{grid-template-columns:auto 1fr auto auto;align-items:center;gap:.75rem;display:grid}.stepper-btn{border:1px solid var(--border);width:2.5rem;height:2.5rem;color:var(--fg);cursor:pointer;background:#1a1a1a;border-radius:.25rem;font-size:1.2rem}.stepper-count,.stepper-input{text-align:center;color:var(--fg);border:1px solid var(--border);background:#1a1a1a;border-radius:.25rem;width:100%;max-width:5rem;margin:0 auto;padding:.35rem .5rem;font-family:inherit;font-size:1.1rem}.stepper-unit{color:var(--muted);font-size:.85rem}.empty-note{color:var(--muted);border:1px dashed var(--border);text-align:center;border-radius:.25rem;margin:0;padding:1rem;font-size:.9rem}.add-recipe-section{flex-direction:column;gap:.75rem;padding-top:.5rem;display:flex}.add-dropdown-container{align-items:center;gap:.5rem;display:flex}.recipe-select{border:1px solid var(--border);color:var(--fg);background:#1a1a1a;border-radius:.25rem;flex:1;padding:.5rem;font-family:inherit}.all-added-label{color:var(--muted);text-align:center;font-size:.85rem;font-style:italic}.status-message{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem;display:flex}.error-text{color:#ff6b6b;margin:0}.btn-sm{padding:.5rem .8rem;font-size:.85rem}.hidden{display:none!important}.summary-bar{border-top:1px solid var(--border);padding-top:.75rem;font-size:1rem}.shopping-list{flex-direction:column;gap:.5rem;display:flex}.shopping-row{cursor:pointer;grid-template-columns:auto auto 1fr;align-items:center;gap:.75rem;padding:.4rem 0;display:grid}.shopping-checkbox{width:1.2rem;height:1.2rem;accent-color:var(--accent)}.shopping-amount{color:var(--accent);text-align:right;min-width:5.5rem}.shopping-row.checked .shopping-name{color:var(--muted);text-decoration:line-through}.action-list{flex-direction:column;gap:.5rem;display:flex}.belegt-row{flex-wrap:wrap;gap:.75rem 1.5rem;display:flex}.belegt-field{align-items:center;gap:.5rem;display:flex}.belegt-input,.verbrauch-input{border:1px solid var(--border);width:4.5rem;color:var(--fg);background:#1a1a1a;border-radius:.25rem;padding:.3rem .4rem;font-family:inherit}.verbrauch-table{flex-direction:column;gap:.5rem;display:flex}.verbrauch-row{grid-template-columns:1fr auto auto;align-items:center;gap:.75rem;display:grid}.verbrauch-header{color:var(--muted);font-size:.85rem}.verbrauch-plan{text-align:right;min-width:3.5rem;color:var(--muted)}.btn{border:1px solid var(--border);cursor:pointer;border-radius:.25rem;padding:.75rem 1rem;font-family:inherit;font-size:.95rem}.btn-primary{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);font-weight:700}.btn-secondary{color:var(--fg);background:#1a1a1a}.btn-ghost{color:var(--muted);background:0 0;border-style:dashed}@media (width>=480px){.app-shell{border:1px solid var(--border);border-radius:.5rem;margin:2rem 0;overflow:hidden}}