.login{place-items:center;min-height:100vh;padding:1rem;display:grid}.login__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.75rem;width:100%;max-width:320px;padding:2rem 1.5rem;display:flex}.login__card h1{text-align:center;margin:0 0 .5rem}.login__card label{color:var(--text-muted);font-size:.85rem}.login__card input{color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .7rem;font-size:1rem}.login__card button{color:var(--on-accent);background:var(--accent);border-radius:var(--radius);cursor:pointer;border:none;margin-top:.5rem;padding:.6rem;font-size:1rem}.login__card button:disabled{opacity:.6;cursor:not-allowed}.editor{flex-direction:column;gap:.6rem;max-width:900px;display:flex}.editor label{color:var(--text-muted);flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.editor__import{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.8rem}.editor__import label{font-weight:600}.editor__import-row{gap:.5rem;margin:.35rem 0;display:flex}.editor__import-row input{flex:1}.editor__import-row button{white-space:nowrap;cursor:pointer;background:var(--accent);color:var(--on-accent);border-radius:var(--radius);border:none;padding:.45rem .9rem}.editor__import-row button:disabled{opacity:.5;cursor:not-allowed}.editor__image{flex-direction:column;align-items:flex-start;gap:.4rem;display:flex}.editor__image-label{color:var(--text-muted);font-size:.85rem;font-weight:600}.editor label.editor__upload{white-space:nowrap;cursor:pointer;background:var(--accent);color:var(--on-accent);border-radius:var(--radius);font-size:inherit;border:none;flex-direction:row;align-items:center;padding:.45rem .9rem;display:inline-flex}.editor label.editor__upload:has(input:disabled){opacity:.5;cursor:progress}.editor__image-preview-wrap{flex-direction:column;align-items:flex-start;gap:.4rem;margin:0;display:flex}.editor__image-preview{border-radius:var(--radius);border:1px solid var(--border);object-fit:cover;max-width:260px;max-height:180px}.editor__image-clear{font:inherit;white-space:nowrap;cursor:pointer;background:var(--surface);color:var(--accent-danger);border:1px solid var(--border);border-radius:var(--radius);padding:.4rem .8rem}.editor label.checkbox{flex-direction:row;align-items:center;gap:.4rem}.editor input,.editor textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.45rem .55rem}.editor .grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:end;gap:.6rem;display:grid}.editor h3{margin:1rem 0 .25rem}.editor__error{color:var(--accent-danger)}.editor__actions{gap:.6rem;margin-top:1.25rem;display:flex}.editor__actions button,.tagadd button,.ingredients>button{font:inherit;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;padding:.5rem .9rem}.editor__actions button.primary{background:var(--accent-positive);color:var(--on-accent);border-color:#0000}.editor__actions button.danger,button.danger{color:var(--accent-danger)}.editor__actions button:disabled{opacity:.6;cursor:not-allowed}.ingredients{overflow-x:auto}.ingredients table{border-collapse:collapse;width:100%;font-size:.85rem}.ingredients th{text-align:left;color:var(--text-muted);padding:0 .25rem .25rem;font-weight:500}.ingredients td{padding:.15rem .25rem}.ingredients input{width:100%;min-width:60px;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:.3rem .4rem}.ingredients input.wide{min-width:180px}.rowactions{white-space:nowrap}.rowactions button{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:4px;padding:.2rem .4rem}.tagpicker{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem;display:grid}.taggroup{border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .7rem}.taggroup legend{color:var(--text-muted);padding:0 .3rem;font-size:.8rem}.chips{flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem;display:flex}.chip{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;padding:.2rem .6rem;font-size:.85rem}.tagadd{gap:.35rem;display:flex}.tagadd input{flex:1}.recipelist__head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.primary-link{background:var(--accent);color:var(--on-accent);border-radius:var(--radius);padding:.45rem .8rem;font-size:.9rem;text-decoration:none}.recipelist__controls{flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-top:1rem;display:flex}.recipelist__search{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex:16rem;padding:.5rem .6rem}.recipelist__sort,.recipelist__starred{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.9rem;display:flex}.recipelist__sort select{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.4rem .5rem}.recipelist__tags{flex-wrap:wrap;gap:.4rem;margin-top:.7rem;display:flex}.chip{font:inherit;cursor:pointer;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:.15rem .7rem;font-size:.85rem}.chip--on{background:var(--accent);color:var(--on-accent);border-color:#0000}.recipelist__error{color:var(--accent-danger)}.recipelist__count{margin:.8rem 0 0;font-size:.85rem}.cards{gap:.75rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem}.card__title{color:var(--text);font-size:1.05rem;font-weight:600;text-decoration:none}.card__meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.4rem;font-size:.85rem;display:flex}.chip--static{background:var(--bg);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:.1rem .55rem}.rv{max-width:42rem;margin:0 auto}.rv__titlerow{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.rv__title{margin:0}.rv__star{cursor:pointer;color:var(--accent);background:0 0;border:none;padding:.1rem .3rem;font-size:1.6rem;line-height:1}.rv__desc{color:var(--text-muted);margin:.4rem 0 0}.rv__meta{color:var(--text-muted);flex-wrap:wrap;gap:.75rem;margin-top:.6rem;font-size:.9rem;display:flex}.rv__tags{flex-wrap:wrap;gap:.4rem;margin-top:.6rem;display:flex}.chip--static{background:var(--bg);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:.1rem .55rem;font-size:.85rem}.rv__tag-link{cursor:pointer;text-decoration:none}.rv__tag-link:hover{border-color:var(--accent);color:var(--accent)}.rv__source{margin-top:.6rem;font-size:.9rem}.rv__image{border-radius:var(--radius);width:100%;height:auto;margin-top:1rem}.rv__controls{z-index:1;background:var(--bg);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:flex-start;gap:.75rem 1rem;margin:1rem 0;padding:.6rem 0;display:flex;position:sticky;top:0}.rv__servings,.rv__units,.rv__wake{flex-direction:column;gap:.35rem;display:flex}.rv__servings{align-items:flex-start}.rv__units,.rv__wake{align-items:center}.rv__control-head{align-items:center;gap:.4rem;min-height:1.7rem;display:flex}.rv__servings-label,.rv__units-label,.rv__wake-label{font-weight:600}.rv__reset{padding:0 .3rem;font-size:1.5rem;line-height:1}.rv__reset--hidden{visibility:hidden}.rv__servings input{text-align:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:4rem;min-height:2.5rem;color:var(--text);font-size:1rem}.rv__segmented{border:1px solid var(--border);border-radius:var(--radius);display:inline-flex;overflow:hidden}.rv__segmented button{background:var(--surface);min-height:2.5rem;color:var(--text);cursor:pointer;font:inherit;border:none;padding:0 .8rem}.rv__segmented button+button{border-left:1px solid var(--border)}.rv__segmented button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.rv__wakelock{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;padding:.55rem .8rem;font-size:.9rem}.rv__wakelock[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.rv__section{margin-top:1.5rem}.rv__group-label{margin:.8rem 0 .3rem;font-size:1rem}.rv__ingredients{margin:0;padding-left:0;list-style:none}.rv__ingredients li{margin:.3rem 0}.rv__ing{cursor:pointer;align-items:baseline;gap:.6rem;display:flex}.rv__ing input{width:1.1rem;height:1.1rem;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.rv__ing--done span{color:var(--text-muted)}.rv__steps{margin:0;padding-left:1.4rem}.rv__steps li{margin:.6rem 0}.rv__notes{white-space:pre-wrap}.rv__cooked{border-top:1px solid var(--border);margin-top:2rem;padding-top:1rem}.rv__cooked-info{color:var(--text-muted);margin-top:.8rem;font-size:.9rem}.rv__actions{flex-wrap:wrap;gap:.6rem;display:flex}.rv__action{font:inherit;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;padding:.7rem 1.1rem;font-size:1rem}.rv__action--cook{background:var(--accent-positive);color:var(--on-accent);border-color:var(--accent-positive)}.rv__error{color:var(--accent-danger)}button:disabled{opacity:.5;cursor:not-allowed}.settings{max-width:42rem}.settings__error{color:var(--accent-danger)}.settings__add,.settings__row{grid-template-columns:1fr 6rem auto;align-items:center;gap:.5rem;margin:.4rem 0;display:grid}.settings__row{grid-template-columns:1fr 6rem auto auto}.settings__list{margin:.6rem 0 0;padding:0;list-style:none}.settings input{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.45rem .55rem}.settings button{font:inherit;cursor:pointer;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:.45rem .7rem}.settings__add button{background:var(--accent);color:var(--on-accent);border-color:#0000}.settings button.danger{color:var(--accent-danger)}.settings button:disabled{opacity:.5;cursor:not-allowed}.settings__clip{flex-wrap:wrap;align-items:center;gap:.75rem;margin:.6rem 0;display:flex}.settings__bookmarklet{border-radius:var(--radius);background:var(--accent);color:var(--on-accent);cursor:grab;padding:.55rem .9rem;font-weight:600;text-decoration:none;display:inline-block}.app{max-width:960px;margin:0 auto;padding:0 1rem}.topbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.nav{flex:1;align-items:center;gap:1rem;display:flex}.nav a{text-decoration:none}.nav__icon{font-size:1.25rem;line-height:1}button.nav__icon{color:inherit}.linkbtn{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0}.splash{min-height:100vh;color:var(--text-muted);place-items:center;display:grid}.content{padding:1.5rem 0}.placeholder h2{margin-top:0}.muted{color:var(--text-muted)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f7f7f7;--surface:#fff;--border:#e3e3e3;--text:#1a1a1a;--text-muted:#6b6b6b;--accent:#3a5a8c;--accent-positive:#2e7d4f;--accent-danger:#b3261e;--on-accent:#fff;--radius:8px;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1a1a1a;--surface:#262626;--border:#363636;--text:#ededed;--text-muted:#9a9a9a;--accent:#8fb0e0;--accent-positive:#5cc78a;--accent-danger:#f0867d;--on-accent:#1a1a1a}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.5}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}