:root{--ground:#0b0a09;--surface:#121110;--card:#1b1a17;--line:#2e2c27;--track:#242320;--ink:#f2efe8;--muted:#918d82;--accent:#5cb8f0;--on-accent:#161410;--danger:#e86a5c;--nav-h:64px;--pad:16px;--sans:"Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;border-radius:0;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--ground);color:var(--ink);font-family:var(--sans);font-feature-settings:"tnum" 1;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button,input,select{font:inherit;color:inherit;background:0 0;border:none}button{cursor:pointer;text-align:inherit}ul{list-style:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.screen{background:var(--ground);max-width:520px;height:100%;padding-top:max(env(safe-area-inset-top,0px), 8px);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.screen__scroll{-webkit-overflow-scrolling:touch;min-height:0;padding:var(--pad);padding-bottom:calc(var(--pad) + env(safe-area-inset-bottom,0px));gap:var(--pad);flex-direction:column;flex:1;display:flex;overflow-y:auto}.mast{padding:10px var(--pad) 12px;flex:none;justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.mast__main{min-width:0}.mast__kicker{font-family:var(--mono);letter-spacing:2.5px;color:var(--muted);text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;display:block;overflow:hidden}.mast__title{letter-spacing:-1px;text-transform:uppercase;font-size:32px;font-weight:900;line-height:.95}.mast__title--wrap{text-wrap:balance;font-size:26px}.mast__action{align-items:center;gap:8px;padding-bottom:2px;display:flex}.linkbtn{letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);flex:none;padding:8px 0;font-size:12px;font-weight:800}.linkbtn--accent{color:var(--accent)}.nav{height:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));padding:0 var(--pad) env(safe-area-inset-bottom,0px);background:var(--ground);flex:none;gap:2px;display:flex}.nav__tab{letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-top:2px solid #0000;border-bottom:none;flex:1;justify-content:center;align-items:center;margin-top:10px;font-size:10px;font-weight:800;display:flex}.nav__tab--on{color:var(--ink);border-top-color:var(--accent)}.card{border:1px solid var(--line);background:var(--surface)}.secbar{color:var(--muted);letter-spacing:2px;text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px 8px;font-size:10px;font-weight:800;display:flex}.secbar__meta{color:var(--muted);min-width:0}.card .secbar{border-bottom:1px solid var(--line)}.row{border-bottom:1px solid var(--line);width:100%;color:inherit;text-align:left;background:0 0;align-items:center;gap:10px;padding:12px;display:flex}.row--top{align-items:flex-start}.row:last-child{border-bottom:none}.row__main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.row__name{letter-spacing:.3px;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800;overflow:hidden}.row__sub{font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.5px;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:700;overflow:hidden}.row__value{font-family:var(--mono);white-space:nowrap;font-size:13px;font-weight:800}.row--empty{color:var(--muted);text-align:center;text-transform:none;text-wrap:pretty;justify-content:center;padding:22px 12px;font-size:13px;font-weight:700}.tiles{gap:8px;display:flex}.tile{border:1px solid var(--line);background:var(--surface);flex:1;min-width:0;padding:9px 10px 7px}.tile__k{letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:800;display:block}.tile__v{letter-spacing:-.5px;font-size:22px;font-weight:900}.tile__v small{color:var(--muted);margin-left:1px;font-size:11px;font-weight:800}.btn{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);letter-spacing:1.5px;text-transform:uppercase;text-align:center;padding:14px 12px;font-size:12px;font-weight:800;display:block}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn--danger{color:var(--danger);border-color:var(--danger)}.btn--ghost{color:var(--muted);background:0 0;border-color:#0000}.btn:disabled{color:var(--muted);border-color:var(--line);background:var(--track);cursor:not-allowed}.btn:active,.row:active,.chip:active,.ingr:active,.step:active{transform:translateY(1px)}.searchbox{border:1px solid var(--line);background:var(--surface);align-items:center;gap:8px;padding:0 12px;display:flex}.searchbox__input{flex:1;min-width:0;padding:13px 0;font-size:16px;font-weight:700}.searchbox__input::placeholder{color:var(--muted);font-weight:600}.searchbox__input::-webkit-search-cancel-button{display:none}.chips{scrollbar-width:none;margin:0 calc(-1 * var(--pad));padding:0 var(--pad);gap:6px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chips--tight{margin:0;padding:0}.chip{border:1px solid var(--line);background:var(--surface);color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;flex:none;padding:8px 12px;font-size:10px;font-weight:800}.chips--tight .chip{letter-spacing:1px;padding:5px 8px}.chip--on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.badge{letter-spacing:1px;background:var(--accent);color:var(--on-accent);text-transform:uppercase;flex:none;padding:3px 6px;font-size:9px;font-weight:900}.field__label{letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:800}.field__input{border:1px solid var(--line);background:var(--card);width:100%;padding:13px;font-size:16px;font-weight:700}.field__input::placeholder{color:var(--muted);font-weight:600}.field__help{font-family:var(--mono);letter-spacing:.5px;color:var(--muted);text-transform:uppercase;font-size:10.5px;font-weight:700}textarea.field__input{resize:vertical;min-height:90px;font-family:var(--sans)}input[type=date].field__input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.stack{flex-direction:column;gap:12px;display:flex}.stack--tight{gap:8px}.center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.wordmark{letter-spacing:-2px;text-transform:uppercase;font-size:52px;font-weight:900;line-height:.88}.lede{color:var(--muted);text-wrap:pretty;max-width:32ch;font-size:14px;font-weight:700}.lede--full{max-width:none;font-weight:600}.toast{left:50%;bottom:calc(var(--nav-h) + 18px);z-index:30;background:var(--ink);color:var(--ground);letter-spacing:1px;text-transform:uppercase;text-align:center;max-width:88%;padding:11px 18px;font-size:12px;font-weight:800;position:fixed;transform:translate(-50%)}.err{border:1px solid var(--danger);color:var(--danger);text-wrap:pretty;padding:12px;font-size:13px;font-weight:700}.prose{white-space:pre-wrap;text-wrap:pretty;padding:12px;font-size:14px;line-height:1.45}.prose--small{color:var(--ink);padding:0;font-size:13px}.prose--accent{color:var(--accent)}.meta{font-family:var(--mono);letter-spacing:.5px;color:var(--muted);text-transform:uppercase;flex-direction:column;gap:4px;font-size:10.5px;font-weight:700;display:flex}.star{color:var(--accent);letter-spacing:1px}.stepper{align-items:center;gap:2px;margin:-6px 0;display:inline-flex}.stepper__btn{border:1px solid var(--line);background:var(--card);width:30px;height:30px;color:var(--ink);justify-content:center;align-items:center;font-size:16px;font-weight:900;display:flex}.stepper__v{text-align:center;min-width:78px;color:var(--ink)}.ingr{border-bottom:1px solid var(--line);width:100%;color:inherit;text-align:left;align-items:baseline;gap:12px;padding:11px 12px;display:flex}.ingr:last-child{border-bottom:none}.ingr__amt{font-family:var(--mono);color:var(--accent);white-space:nowrap;flex:0 0 72px;font-size:13px;font-weight:800}.ingr__item{text-wrap:pretty;flex:1;font-size:15px;font-weight:600}.ingr--done .ingr__amt,.ingr--done .ingr__item{color:var(--muted);text-decoration:line-through}.step{border-bottom:1px solid var(--line);width:100%;color:inherit;text-align:left;align-items:flex-start;gap:12px;padding:12px;display:flex}.step:last-child{border-bottom:none}.step__n{border:1px solid var(--line);background:var(--card);height:28px;font-family:var(--mono);color:var(--accent);flex:0 0 28px;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.step__text{text-wrap:pretty;flex:1;padding-top:3px;font-size:15px;font-weight:500;line-height:1.45}.step--done .step__n{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.step--done .step__text{color:var(--muted)}.cookmode .ingr__item,.cookmode .step__text{font-size:19px;line-height:1.4}.cookmode .ingr__amt{flex-basis:88px;font-size:16px}.cookmode .step{padding:16px 12px}.starrow{gap:6px;display:flex}.starbtn{border:1px solid var(--line);background:var(--card);height:56px;color:var(--track);flex:1;justify-content:center;align-items:center;font-size:26px;display:flex}.starbtn--on{color:var(--accent);border-color:var(--accent)}