:root{--bg:#faf8f5;--surface:#fff;--text:#1f1d1a;--muted:#6b6560;--border:#e4dfd8;--accent:#b5532a;--accent-text:#fff;--accent-soft:#f6e6dc;--danger:#b42318;--success:#2f7d32;--radius:10px;--shadow:0 1px 2px #0000000f, 0 2px 8px #0000000a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#171513;--surface:#221f1c;--text:#eeeae5;--muted:#a39b93;--border:#3a3530;--accent:#e0835a;--accent-text:#1a1310;--accent-soft:#3b2a21;--danger:#f2766b;--success:#79c37d;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1{margin:.5rem 0 1rem;font-size:1.6rem;line-height:1.25}h2{margin:1.25rem 0 .5rem;font-size:1.2rem}h3{margin:1rem 0 .5rem;font-size:1rem}a{color:var(--accent)}.container{max-width:960px;margin:0 auto;padding:1rem 16px 3rem}.narrow{max-width:440px;margin-inline:auto}.center{text-align:center}.muted{color:var(--muted)}.small{font-size:.875rem}.topbar{background:var(--surface);border-bottom:1px solid var(--border);padding-top:env(safe-area-inset-top,0px)}.topbar-inner{flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;max-width:960px;margin:0 auto;padding:.5rem 16px;display:flex}.brand{font-weight:700}.mainnav,.usermenu{flex-wrap:wrap;align-items:center;gap:.25rem 1rem;display:flex}.usermenu{margin-left:auto;font-size:.9rem}.mainnav a,.usermenu a{color:var(--text);border-bottom:2px solid #0000;padding:.4rem 0;text-decoration:none}.mainnav a.active{border-bottom-color:var(--accent);font-weight:600}.usermenu{position:relative}.menu{z-index:10;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:12rem;box-shadow:var(--shadow);flex-direction:column;padding:.25rem 0;display:flex;position:absolute;top:100%;right:0}.usermenu .menu a,.menu button.link{text-align:left;border:0;justify-content:flex-start;min-height:44px;padding:.6rem 1rem;display:block}.menu a:hover,.menu button.link:hover{background:var(--accent-soft)}button,.button{border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);min-height:44px;color:var(--accent-text);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:.35rem;padding:.5rem 1rem;font-weight:600;text-decoration:none;display:inline-flex}button:disabled{opacity:.6;cursor:default}button.secondary,.button.secondary{color:var(--text);border-color:var(--border);background:0 0}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}.danger-text{color:var(--danger)!important}button.link{min-height:0;color:var(--text);background:0 0;border:none;padding:.4rem 0;font-weight:400}button.small{min-height:36px;padding:.25rem .7rem;font-size:.875rem}button.icon{border-color:var(--border);min-width:40px;min-height:40px;color:var(--muted);background:0 0;padding:0}button.round{border-radius:50%;min-width:44px;padding:0;font-size:1.3rem}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;min-height:44px;color:var(--text);font:inherit;padding:.5rem .7rem}textarea{resize:vertical}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=checkbox]{width:22px;height:22px;min-height:22px;accent-color:var(--accent);flex:none}.form{flex-direction:column;gap:.9rem;display:flex}.form label{flex-direction:column;gap:.3rem;font-weight:500;display:flex}.form label.check{flex-direction:row;align-items:center;gap:.5rem;font-weight:400}fieldset{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;align-items:stretch;gap:.5rem;margin:0;padding:.75rem;display:flex}fieldset>button{align-self:flex-start}fieldset.plain{border:0;gap:.9rem;padding:0}legend{padding:0 .3rem;font-weight:600}.grid3{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem}.error{color:var(--danger);margin:.5rem 0}.success{color:var(--success);margin:.5rem 0}.notice{background:var(--accent-soft);border-radius:var(--radius);margin:0;padding:.6rem .8rem}.actions{gap:.5rem;margin-top:1rem;display:flex}.actions.wrap{flex-wrap:wrap}.confirm{flex-wrap:wrap;align-items:center;gap:.5rem;display:inline-flex}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.row label{align-items:center;gap:.5rem;display:flex}.row select{width:auto}.recipe .source{margin-top:1.5rem}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.search{margin-bottom:.75rem}.chips{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.chip{background:var(--accent-soft);color:var(--text);border-radius:999px;padding:.1rem .6rem;font-size:.85rem;font-weight:500;display:inline-block}button.chip{border:1px solid #0000;min-height:36px;padding:.25rem .8rem}button.chip.active{background:var(--accent);color:var(--accent-text)}.cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.9rem;display:grid}.recipe-card{color:var(--text);flex-direction:column;gap:.25rem;text-decoration:none;display:flex}.recipe-card:hover{border-color:var(--accent)}.recipe-card h2{margin:0;font-size:1.1rem}.recipe-card p{margin:0}.clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.4rem .9rem;margin-top:.4rem;font-size:.9rem;display:flex}.lead{margin:0 0 .5rem;font-size:1.05rem}.recipe-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:2rem;display:grid}@media (width<=720px){.recipe-grid{grid-template-columns:minmax(0,1fr);gap:.5rem}}.servings{align-items:center;gap:.75rem;margin:.5rem 0 .75rem;display:flex}.ingredients{margin:0;padding:0;list-style:none}.ingredients li{border-bottom:1px solid var(--border);grid-template-columns:6.5rem 1fr;gap:.75rem;padding:.45rem 0;display:grid}.ingredients .amount{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.steps{margin:0;padding-left:1.4rem}.steps li{white-space:pre-line;padding:.35rem 0 .6rem}.recipe-form{max-width:760px}.ing-head,.ing-row{grid-template-columns:5.5rem 6rem minmax(0,2fr) minmax(0,1.5fr) auto;align-items:center;gap:.4rem;display:grid}.ing-head{font-size:.8rem}.ing-head span:last-child{grid-column:4}.row-tools{flex-wrap:wrap;gap:.3rem;display:flex}.step-row{grid-template-columns:2rem minmax(0,1fr) auto;align-items:start;gap:.4rem;display:grid}.step-no{color:var(--muted);padding-top:.6rem;font-weight:600}@media (width<=640px){.ing-head{display:none}.ing-row{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;padding-bottom:.6rem}.ing-row input:nth-child(3),.ing-row input:nth-child(4),.ing-row .row-tools{grid-column:1/-1}.step-row{grid-template-columns:1.5rem minmax(0,1fr)}.step-row .row-tools{grid-column:2}}.add-item{grid-template-columns:5.5rem 6rem minmax(0,1fr) auto;gap:.4rem;margin-bottom:1rem;display:grid}@media (width<=560px){.add-item{grid-template-columns:1fr 1fr}.add-item input:nth-child(3),.add-item button{grid-column:1/-1}}.shopping{margin:0;padding:0;list-style:none}.shopping li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;padding:.3rem 0;display:flex}.check{cursor:pointer;flex:1;align-items:center;gap:.75rem;min-height:44px;display:flex}.shopping li.checked .check span{color:var(--muted);text-decoration:line-through}.small-head{margin-top:1.5rem;font-size:.95rem}.users{margin:0 0 1.5rem;padding:0;list-style:none}.user-row{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.75rem 0;display:flex}.user-main{flex:180px}.user-row>select{width:auto}.inline-form{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:.5rem;display:flex}.inline-form input{flex:220px;width:auto}.modal-backdrop{z-index:10;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius);width:100%;max-width:520px;max-height:90vh;padding:1.25rem;overflow-y:auto}.modal h2{margin-top:0}.share-url{gap:.4rem;margin-top:.75rem;display:flex}.plain-list{margin:0;padding:0;list-style:none}.plain-list li{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem 0;display:flex}.toast{left:50%;bottom:calc(1rem + env(safe-area-inset-bottom,0px));background:var(--text);color:var(--bg);border-radius:var(--radius);max-width:calc(100% - 32px);padding:.7rem 1.1rem;position:fixed;transform:translate(-50%);box-shadow:0 4px 16px #0003}.footer-note{margin-top:2rem}