:root{--bg:#fff8f0;--surface:#fff;--text:#2b2420;--muted:#7a6c63;--accent:#b5532f;--accent-text:#fff;--border:#e8dccf;--danger:#b3261e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:18px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1d1916;--surface:#2a2420;--text:#f2e9e1;--muted:#b3a59a;--accent:#e07a52;--accent-text:#1d1916;--border:#40362f;--danger:#f2867d}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}main{max-width:1100px;margin:0 auto;padding:16px}h1,h2{line-height:1.2}a{color:var(--accent)}button,.button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);border-radius:10px;padding:.5em 1em;text-decoration:none;display:inline-block}button.primary,.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}button.big,.button.big{padding:.7em 1.6em;font-size:1.1rem}button.link{color:var(--accent);background:0 0;border:none}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}.danger-text{color:var(--danger)!important}.topbar{z-index:1;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:8px 16px;display:flex;position:sticky;top:0}.brand{margin-right:auto;font-size:1.2rem;font-weight:700;text-decoration:none}.sync{color:var(--muted);background:0 0;border:none;font-size:.85rem}.search,input,textarea{font:inherit;border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:10px;padding:.6em .8em}.chips{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.chip{border-radius:999px;min-height:40px;padding:.3em .9em}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;padding:0;list-style:none;display:grid}.card{height:100%;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;text-decoration:none;display:block}.card h2{margin:0 0 4px;font-size:1.15rem}.card p{color:var(--muted);margin:0 0 6px}.card small,.meta{color:var(--muted)}.star{color:var(--accent)}.recipe h1{margin-bottom:4px}.lead{color:var(--muted);margin-top:0;font-size:1.1rem}.actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.columns{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=800px){.columns{grid-template-columns:2fr 3fr}}.ingredients{padding:0;list-style:none}.ingredients li{border-bottom:1px solid var(--border);cursor:pointer;padding:8px 0}.ingredients li:before{content:"○ ";color:var(--accent)}.ingredients li.done{color:var(--muted);text-decoration:line-through}.ingredients li.done:before{content:"● "}.steps li{margin-bottom:12px}.notes{white-space:pre-wrap}.edit{gap:14px;max-width:800px;display:grid}.edit label{gap:4px;font-weight:600;display:grid}.edit label small{color:var(--muted);font-weight:400}.edit .row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.edit .actions{justify-content:flex-start}.center,.empty{text-align:center;padding:48px 16px}.signin h1{color:var(--accent)}.error{color:var(--danger)}.fatal{color:var(--danger);padding:24px}.footer{text-align:center;max-width:1100px;color:var(--muted);border-top:1px solid var(--border);margin:32px auto 0;padding:16px}button.link.muted{color:var(--muted);font-size:.85rem}.drafts{background:var(--surface);border:1px dashed var(--accent);border-radius:14px;margin-bottom:16px;padding:12px 16px}.drafts h2{color:var(--accent);margin:0 0 4px;font-size:1rem}.drafts ul{margin:0;padding-left:1.2em}.drafts li{padding:4px 0}.drafts small{color:var(--muted)}.notice{background:var(--surface);border-left:4px solid var(--accent);border-radius:10px;margin:0;padding:8px 12px}.hint{color:var(--muted);margin:0;font-size:.85rem}button:disabled{opacity:.6;cursor:wait}.batch{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.ingredients li.scaled{font-weight:600}.ingredients li.scaled.done{font-weight:400}.source-link{padding:6px 0;font-weight:600;text-decoration:none;display:inline-block}