:root{--paper:#fbf8ef;--sheet:#fffdf6;--ink:#22396b;--ink-pressed:#182a52;--ink-soft:#4e6290;--muted:#5d6f94;--rule:#cfdcea;--red:#c2412d;--green:#3f7a55;--kraft:#e9e2d2;--hand:"Caveat", cursive;--body:"Kalam", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--kraft);color:var(--ink);font-family:var(--body);margin:0;font-size:16px;line-height:1.5}h1,h2,h3{font-family:var(--hand);margin:0 0 .5rem;font-weight:700;line-height:1.1}h1{font-size:2.6rem}h2{font-size:1.9rem}h3{font-size:1.5rem}a{color:var(--ink)}input,select,textarea,button{font:inherit;color:inherit}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{border:1.5px solid var(--rule);background:#fff;border-radius:8px;width:100%;padding:.55rem .7rem}textarea{resize:vertical}:focus-visible{outline:3px solid var(--red);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--muted)}.kicker{font-family:var(--hand);color:var(--red);margin:0;font-size:1.3rem}.brand{margin:0;font-size:3.4rem}.brand--small{font-size:2.2rem}.btn{border:2px solid var(--ink);background:var(--ink);min-height:44px;color:var(--paper);font-family:var(--hand);cursor:pointer;box-shadow:3px 3px 0 var(--red);border-radius:12px 16px 10px 18px;justify-content:center;align-items:center;gap:.4rem;padding:0 1.1rem;font-size:1.4rem;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{background:var(--ink-pressed)}.btn:disabled{opacity:.6;cursor:progress}.btn--ghost{background:var(--sheet);color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.btn--ghost:hover{background:#e3eaf4}.btn--small{min-height:36px;padding:0 .8rem;font-size:1.15rem}.btn--block{width:100%}.link{color:var(--red);cursor:pointer;background:0 0;border:none;min-height:32px;padding:0;text-decoration:underline}.icon-btn{border:1.5px solid var(--rule);cursor:pointer;background:#fff;border-radius:8px;width:36px;height:36px}.icon-btn:disabled{opacity:.35;cursor:default}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.login__card{gap:.8rem;width:min(420px,100%);display:grid}.login__lead{color:var(--ink-soft);margin:0 0 .5rem}.card{background-color:var(--sheet);background-image:repeating-linear-gradient(to bottom, transparent 0 31px, var(--rule) 31px 32px);border-top:5px solid var(--red);padding:1.4rem 1.5rem;box-shadow:0 3px 10px #3c2d1426}.card--inset{background-image:none;border-top-width:3px;margin-top:.8rem}.topbar{z-index:5;background:var(--paper);border-bottom:2px solid var(--ink);flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;padding:.6rem 16px;display:flex;position:sticky;top:0}.topbar__brand{font-family:var(--hand);font-size:1.9rem;font-weight:700;text-decoration:none}.topbar__brand span{color:var(--red);font-size:1.4rem;font-weight:500}.topbar nav{gap:1rem;display:flex}.topbar nav a{font-family:var(--hand);color:var(--muted);padding:0 .2rem;font-size:1.5rem;text-decoration:none}.topbar nav a[aria-current=page]{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);font-weight:700}.topbar__user{align-items:center;gap:.8rem;min-width:0;margin-left:auto;display:flex}.topbar__user .muted{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.page{max-width:920px;margin:0 auto;padding:1.5rem 16px 6rem}.page__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.back{font-family:var(--hand);color:var(--muted);font-size:1.3rem;text-decoration:none}.notice{color:var(--green);border-left:4px solid var(--green);background:#e6f2ea;border-radius:6px;padding:.6rem .9rem}.toolbar{flex-wrap:wrap;align-items:center;gap:.8rem 1.5rem;margin:1rem 0;display:flex}.search{flex:260px}.search--clearable{position:relative}.search--clearable input{padding-right:2.6rem!important}.search--clearable input::-webkit-search-cancel-button{appearance:none}.search__clear{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.empty{justify-items:start;gap:.6rem;margin-top:1rem;display:grid}.empty p{font-family:var(--hand);margin:0;font-size:1.4rem}.check{cursor:pointer;align-items:center;gap:.5rem;display:inline-flex}.check input{width:18px;height:18px;accent-color:var(--ink)}.tag{font-family:var(--hand);color:var(--muted);border:2px solid var(--muted);border-radius:6px;padding:0 .4rem;font-size:1.1rem;display:inline-block;transform:rotate(-3deg)}.recipe-list{gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.recipe-row{background:var(--sheet);border-top:4px solid var(--red);grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.8rem 1rem;display:grid;box-shadow:0 2px 6px #3c2d141f}.recipe-row--archived{opacity:.65;border-top-color:var(--muted)}.recipe-row__photo{object-fit:cover;background:#e8dfcb;width:72px;height:72px}.recipe-row__photo--empty{background:repeating-linear-gradient(45deg,#efe7d6 0 8px,#e8dfcb 8px 16px)}.recipe-row__name{font-family:var(--hand);font-size:1.7rem;font-weight:700;text-decoration:none}.recipe-row__body p{margin:0;font-size:.92rem}.recipe-row__actions{gap:.5rem;display:flex}.section{gap:1rem;margin-bottom:1.4rem;display:grid}.summary:focus{outline:none}.field{align-content:start;gap:.25rem;display:grid}.field>label,.field__label,.choices legend{font-weight:700}.field__hint{color:var(--muted);margin:0;font-size:.9rem}.field__error{color:var(--red);margin:0;font-size:.95rem;font-weight:700}.field--error input,.field--error select,.field--error textarea,[aria-invalid=true]{border-color:var(--red)!important}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:1rem;display:grid}.choices{border:none;gap:.35rem;margin:0;padding:0;display:grid}.choices__options{flex-wrap:wrap;gap:.5rem;display:flex}.pill{border:2px solid var(--rule);cursor:pointer;background:#fff;border-radius:18px 14px 20px 12px;align-items:center;gap:.4rem;min-height:40px;padding:0 .8rem;display:inline-flex}.pill input{accent-color:var(--ink)}.pill--on{border-color:var(--red);color:var(--red);font-weight:700}.lines{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.line__row{grid-template-columns:minmax(0,1fr) 130px 36px;align-items:center;gap:.5rem;display:grid}.line__row--step{grid-template-columns:32px minmax(0,1fr) auto;align-items:start}.qty{position:relative}.qty input{text-align:right;padding-right:2.4rem!important}.qty__unit{color:var(--muted);pointer-events:none;position:absolute;top:50%;right:.7rem;transform:translateY(-50%)}.step-num{border:2px solid var(--red);width:30px;height:30px;font-family:var(--hand);color:var(--red);border-radius:50%;place-items:center;margin-top:6px;font-size:1.3rem;font-weight:700;display:grid}.line__error--step{margin-left:calc(32px + .5rem)}.step-actions{gap:.3rem;display:flex}.photo__row{flex-wrap:wrap;align-items:flex-start;gap:1rem;display:flex}.photo__preview{aspect-ratio:4/3;object-fit:cover;background:#e8dfcb;border:6px solid #fff;width:180px;transform:rotate(-1.5deg);box-shadow:0 2px 8px #22396b33}.photo__preview--empty{color:var(--muted);font-family:var(--hand);place-items:center;font-size:1.3rem;display:grid}.photo__controls{justify-items:start;gap:.4rem;display:grid}.savebar{background:linear-gradient(to top, var(--kraft) 70%, transparent);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:1rem;padding:.9rem 0;display:flex;position:sticky;bottom:0}.savebar__status{font-family:var(--hand);color:var(--green);margin:0 auto 0 0;font-size:1.3rem}.savebar__status--error{color:var(--red);font-weight:700}.ingredient-form{gap:.8rem;display:grid}.actions{justify-content:flex-end;gap:.8rem;display:flex}.login__form{gap:.8rem;display:grid}.login__switch{text-align:center;margin:.4rem 0 0}.rules{color:var(--muted);margin:.2rem 0 0;padding:0;font-size:.88rem;list-style:none}.rules__ok{color:var(--green)}.segmented{flex-wrap:wrap;gap:.5rem;display:flex}.segmented .pill input{opacity:0;pointer-events:none;position:absolute}.segmented .pill:focus-within{outline:3px solid var(--red);outline-offset:2px}.profile-list{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.profile-row{background:var(--sheet);border-top:4px solid var(--red);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1rem;padding:.8rem 1rem;display:grid;box-shadow:0 2px 6px #3c2d141f}.profile-row p{margin:0}.profile-row__name{font-family:var(--hand);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:1.6rem;font-weight:700;display:flex}.profile-row__dates{font-size:.85rem}.tag--admin{color:var(--ink);border-color:var(--ink)}.status{font-family:var(--hand);border:2px solid;border-radius:8px;padding:0 .5rem;font-size:1.25rem;font-weight:700;transform:rotate(-3deg)}.status--ok{color:var(--green)}.status--pending{color:var(--red)}.table{border-collapse:collapse;background:var(--sheet);width:100%;margin-top:1rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--rule);padding:.55rem .7rem}.table th{font-family:var(--hand);font-size:1.3rem}@media (width<=640px){.grid-3{grid-template-columns:minmax(0,1fr)}.recipe-row{grid-template-columns:56px minmax(0,1fr)}.recipe-row__photo{width:56px;height:56px}.recipe-row__actions{grid-column:1/-1}.profile-row{grid-template-columns:minmax(0,1fr) auto}.profile-row__actions{grid-column:1/-1}.topbar{gap:.2rem 1rem;padding:.5rem 16px;position:static}.topbar__brand{font-size:1.6rem}.topbar__brand span{display:none}.topbar__user{width:100%;margin-left:0;font-size:.85rem}h1{font-size:2.2rem}.page{padding-top:1rem}.line__row:not(.line__row--step){grid-template-columns:minmax(0,1fr) 96px 36px}.line__row--step{grid-template-columns:32px minmax(0,1fr)}.line__row--step .step-actions{grid-column:2;justify-self:end}.step-actions .icon-btn{width:40px;height:40px}.savebar{gap:.6rem}.savebar__status{flex-basis:100%}.savebar .btn{flex:auto;padding:0 .7rem}.card{padding:1.1rem 1rem}.table thead{display:none}.table tr{border-bottom:1px solid var(--rule);grid-template-columns:1fr auto;padding:.4rem 0;display:grid}.table td{border:none;padding:.1rem .7rem}}.picker{min-width:0;position:relative}.picker__list{z-index:10;border:1.5px solid var(--ink);background:#fff;border-radius:8px;max-height:280px;margin:0;padding:.3rem 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 20px #22396b2e}.picker__option{cursor:pointer;justify-content:space-between;align-items:baseline;gap:.8rem;padding:.45rem .8rem;display:flex}.picker__option.is-active{background:#e3eaf4}.picker__option.is-used{cursor:not-allowed;color:var(--muted)}.picker__meta{color:var(--muted);flex-shrink:0;font-size:.85rem}.picker__option--create{color:var(--red);border-top:1px solid var(--rule);font-weight:700}.picker__empty{color:var(--muted);padding:.45rem .8rem}