@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/sora-latin-ext-wght-normal-CawQDOvP.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/sora-latin-wght-normal-DdqRvwsR.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.make-page{display:grid;gap:var(--s4);padding-bottom:var(--s5)}.make-page h1{font-size:var(--fs-6);margin:0}.make-head{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:var(--s3)}.make-close{min-height:var(--control-h)}.make-context{margin:var(--s1) 0 0;color:var(--muted);font-size:var(--fs-2)}.make-controls{display:flex;flex-wrap:wrap;align-items:end;gap:var(--s3) var(--s5)}.make-wake{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1) var(--s3);color:var(--muted);font-size:var(--fs-2)}.make-wake button{min-height:var(--control-h)}.make-section{display:grid;gap:var(--s3);border-top:1px solid var(--line);padding-top:var(--s4)}.make-section h2{margin:0;font-size:var(--fs-5)}.make-section h3{margin:var(--s3) 0 0;font-size:var(--fs-4)}.make-section-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--s2)}.make-lines{list-style:none;margin:0;padding:0;display:grid;gap:var(--s2)}.make-line{display:grid;grid-template-columns:28px minmax(5.5rem,auto) 1fr;align-items:center;gap:var(--s3);min-height:56px;padding:var(--s2) var(--s3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-panel);cursor:pointer}.make-line:focus-within{outline:2px solid var(--focus);outline-offset:2px}.make-line input,.make-step-done input,.make-check input{width:24px;height:24px;margin:0;accent-color:var(--brass)}.make-line .make-qty{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.5rem;line-height:1.2;color:var(--text-strong);overflow-wrap:anywhere}.make-line-body{display:grid;gap:2px;min-width:0}.make-name{font-size:var(--fs-5);color:var(--text-strong);overflow-wrap:anywhere}.make-small{font-size:var(--fs-2);color:var(--muted)}.make-line.is-done{background:var(--good-bg);border-color:var(--good-line)}.make-line.is-done .make-qty,.make-line.is-done .make-name{color:var(--good)}.make-vessel{margin:0;color:var(--muted)}.make-steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--s3)}.make-step{display:grid;grid-template-columns:auto 1fr;gap:var(--s2) var(--s3);scroll-margin-top:var(--s4);scroll-margin-bottom:calc(56px + 2 * var(--s3) + 1px + env(safe-area-inset-bottom) + var(--s4));padding:var(--s3);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:var(--r-panel);background:var(--surface)}.make-steps.is-prose .make-step{grid-template-columns:1fr}.make-step.is-current{border-left-color:var(--brass);background:var(--surface-2)}.make-step-number{font-family:var(--font-mono);font-size:var(--fs-5);color:var(--brass);min-width:1.5rem}.make-step-text{margin:0;font-size:1.25rem;line-height:1.55;color:var(--text-strong);overflow-wrap:anywhere}.make-step.is-done .make-step-text{color:var(--muted)}.make-step-done{grid-column:1 / -1;display:inline-flex;align-items:center;gap:var(--s2);min-height:var(--control-h);width:fit-content;padding-right:var(--s3);cursor:pointer;color:var(--muted)}.make-step.is-current .make-step-done{color:var(--text)}.make-timer-form{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s3)}.make-timer-form input{width:10rem;min-height:var(--control-h);font-size:var(--fs-3)}.make-timer-form .field-error{flex-basis:100%;margin:0}.make-timer .make-timer-time{margin:0;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:2.5rem;color:var(--text-strong)}.make-stop{display:grid;justify-items:start;gap:var(--s2)}.make-bar{position:sticky;bottom:0;z-index:5;margin:0 calc(-1 * var(--s4));padding:var(--s3) var(--s4) calc(var(--s3) + env(safe-area-inset-bottom));background:var(--ink);border-top:1px solid var(--line-strong)}.make-finish-button{width:100%;min-height:56px;font-size:var(--fs-4)}.make-bar.has-timer{display:flex;flex-wrap:wrap;gap:var(--s3)}.make-bar.has-timer .make-finish-button{flex:1 1 auto;width:auto;min-width:max-content}.make-timer-chip{flex:0 1 auto;flex-wrap:wrap;min-height:56px;padding-left:var(--s3);padding-right:var(--s3);font-size:var(--fs-3)}.make-timer-chip-time{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-5);color:var(--text-strong)}.make-timer-chip-word{color:var(--muted)}.make-timer-chip.is-ended{background:var(--warn-bg);border-color:var(--warn-line);color:var(--warn)}@media(hover:hover){.make-bar .make-timer-chip.is-ended:hover:not(:disabled){background:var(--warn-bg);border-color:var(--warn-line);color:var(--warn)}}.make-finish form{display:grid;gap:var(--s4)}.make-field{display:grid;gap:var(--s2)}.make-field span{font-weight:600}.make-field textarea{font-size:var(--fs-3);min-height:7rem;resize:vertical}.make-field textarea:read-only{color:var(--muted);background:var(--surface)}.make-field small{color:var(--muted)}.make-check{display:inline-flex;align-items:center;gap:var(--s3);min-height:56px;width:fit-content;cursor:pointer;font-size:var(--fs-4)}.make-finish-actions button[type=submit]{min-height:56px;min-width:12rem}.make-saved-note{margin:0;padding:var(--s3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-panel)}.make-banner{display:grid;gap:var(--s2);margin:0;border-radius:0;border-left:0;border-right:0;padding:var(--s3) max(var(--s4),calc((100vw - var(--content-w)) / 2))}.make-banner p,.make-banner .actions{margin:0}@media(max-width:720px){.app-shell.is-making .app-header nav{display:none}.app-shell.is-making .main-content{padding-bottom:0}.app-shell.is-making .app-footer{padding-bottom:calc(var(--s5) + env(safe-area-inset-bottom))}.make-line{grid-template-columns:28px minmax(4.75rem,auto) 1fr}.make-line .make-qty{max-width:7.5rem}.make-controls .segmented button{flex:1 0 auto;min-width:var(--control-h)}}@media(min-width:900px){.make-page:not(.make-finish){grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);column-gap:var(--s6);align-items:start}.make-page>.make-head,.make-page>.make-controls,.make-page>.status-line,.make-page>.make-wake,.make-page>.note,.make-page>.make-timer,.make-page>.make-stop,.make-page>.make-bar{grid-column:1 / -1}.make-bar{margin:0;border:1px solid var(--line-strong);border-radius:var(--r-panel)}}@media(prefers-reduced-motion:reduce){.make-page *{transition:none!important}}.make-step-text>p{margin:0}.make-step-text>p+p{margin-top:var(--s3)}:root{--bg: #11171e;--surface: #19222c;--surface-2: #202c37;--line: #34404c;--line-strong: #6b7783;--text: #eeeae2;--text-strong: #f6f2e9;--muted: #b1bbc4;--brass: #dfbd80;--brass-hover: #f0d7a7;--ink: #151c24;--focus: #e5c585;--good: #a7d3b4;--good-bg: #1b2b24;--good-line: #4f7a60;--warn: #f0c38a;--warn-bg: #302a20;--warn-line: #8a7449;--bad: #ffc1b6;--bad-bg: #342322;--bad-line: #a5645a;--info-bg: #302d25;--info-line: #857451;--font-display: "Sora Variable", "Avenir Next", "Segoe UI", sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--fs-1: .75rem;--fs-2: .875rem;--fs-3: 1rem;--fs-4: 1.1rem;--fs-5: 1.25rem;--fs-6: 1.5rem;--fs-7: clamp(2rem, 4vw, 2.5rem);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--r-chip: 4px;--r-control: 6px;--r-panel: 8px;--control-h: 44px;--nav-h: 66px;--header-h: 72px;--content-w: 1040px;color-scheme:dark;font-family:var(--font-body);font-size:16px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:0;background:var(--bg)}[hidden]{display:none!important}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}a{color:var(--brass);text-underline-offset:4px}@media(hover:hover){a:hover{color:var(--brass-hover)}}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--text-strong);text-wrap:balance}h1{font-size:var(--fs-7);margin-bottom:var(--s3)}h2{font-size:var(--fs-6);margin-bottom:var(--s4)}h3{font-size:var(--fs-5);margin-bottom:var(--s2)}h4{font-size:var(--fs-3);margin-bottom:var(--s1)}p{margin:0 0 var(--s4);line-height:1.6}small,.small{font-size:var(--fs-2);line-height:1.5}strong{font-weight:600}ul,ol{padding-left:22px}pre{font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--fs-2);line-height:1.5;background:var(--surface);border-radius:var(--r-control);padding:var(--s4);max-height:420px;overflow:auto}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-weight:600}hr{border:0;border-top:1px solid var(--line);margin:var(--s5) 0}.muted{color:var(--muted)}.mono,.quantity,.count{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.preserve-lines{white-space:pre-line}.note{color:var(--muted);font-size:var(--fs-2);font-style:italic}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.phone-hidden{display:initial}.stack{display:flex;flex-direction:column;gap:var(--s3)}.row{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap}.actions{display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:var(--control-h);border:1px solid var(--brass);background:var(--brass);color:var(--ink);border-radius:var(--r-control);padding:10px 16px;font-size:var(--fs-3);font-weight:600;line-height:1.3;text-decoration:none;cursor:pointer;transition:background .12s,border-color .12s,transform .08s}@media(hover:hover){button:hover:not(:disabled):not([aria-disabled=true]),.button:hover{background:var(--brass-hover);border-color:var(--brass-hover);color:var(--ink)}}button:active:not(:disabled):not([aria-disabled=true]),.button:active{transform:translateY(1px);filter:brightness(.92)}button:disabled,button[aria-disabled=true],.button[aria-disabled=true]{cursor:not-allowed;opacity:.55}.secondary{background:transparent;color:var(--brass);border-color:var(--line-strong)}@media(hover:hover){.secondary:hover:not(:disabled):not([aria-disabled=true]){background:var(--surface-2);color:var(--brass-hover);border-color:var(--brass)}}.quiet{background:transparent;color:var(--muted);border-color:transparent;padding-left:10px;padding-right:10px}@media(hover:hover){.quiet:hover:not(:disabled):not([aria-disabled=true]){background:var(--surface-2);color:var(--text-strong);border-color:transparent}}.danger{background:transparent;border-color:var(--bad-line);color:var(--bad)}@media(hover:hover){.danger:hover:not(:disabled):not([aria-disabled=true]){background:var(--bad-bg);color:var(--text-strong);border-color:var(--bad-line)}}.text-link{font-size:var(--fs-2);font-weight:600;text-decoration:none}.back-link{display:inline-flex;align-items:center;min-height:var(--control-h);margin-bottom:var(--s2);text-decoration:none;font-size:var(--fs-2);color:var(--muted)}@media(hover:hover){.back-link:hover{color:var(--brass)}}.field{display:flex;flex-direction:column;gap:var(--s2);margin:0 0 var(--s4);min-width:0;font-size:var(--fs-2)}.field>label:first-child,.field-required{color:var(--muted);font-weight:400;margin-left:var(--s1)}.field small,.field-hint{color:var(--muted);font-weight:400}.field-error{color:var(--bad);font-weight:500}.field input,.field textarea,.field select,.input{width:100%;min-height:var(--control-h);border:1px solid var(--line-strong);border-radius:var(--r-control);background:var(--bg);padding:10px 12px;color:var(--text-strong);font-size:var(--fs-3);line-height:1.4}.field input[aria-invalid=true],.field textarea[aria-invalid=true],.field select[aria-invalid=true]{border-color:var(--bad-line)}.field select{padding-right:32px}.field select[multiple]{padding:5px;min-height:135px}.field textarea{resize:vertical}.field input::placeholder,.field textarea::placeholder{color:var(--muted);opacity:.8}.field input:read-only,.field textarea:read-only{color:var(--muted);background:var(--surface)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--s5)}.span-2{grid-column:1 / -1}.check{display:inline-flex;align-items:center;gap:var(--s3);font-size:var(--fs-2);min-height:var(--control-h);cursor:pointer}.check input{accent-color:var(--brass);width:22px;height:22px;flex-shrink:0;margin:0}.check input[aria-disabled=true]{opacity:.55}.check-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s1) var(--s5);margin:0 0 var(--s4)}.segmented{display:inline-flex;border:1px solid var(--line-strong);border-radius:var(--r-control);padding:3px;gap:3px;max-width:100%}.segmented button{border:0;background:transparent;color:var(--muted);min-height:38px;padding:8px 16px;white-space:nowrap;font-size:var(--fs-2)}.segmented button[aria-pressed=true]{background:var(--brass);color:var(--ink)}@media(hover:hover){.segmented button:hover:not([aria-pressed=true]){background:var(--surface-2);color:var(--text-strong)}}.chip-wrap{display:inline-flex;align-items:stretch}.chip{display:inline-flex;align-items:center;gap:var(--s1);min-height:40px;padding:6px 12px;border-radius:999px;border:1px solid var(--line-strong);background:transparent;color:var(--text);font-size:var(--fs-2);font-weight:500;white-space:nowrap}@media(hover:hover){.chip:hover:not([aria-disabled=true]){background:var(--surface-2);border-color:var(--brass);color:var(--text-strong)}}.chip[aria-pressed=true],.chip[aria-checked=true]{background:var(--brass);border-color:var(--brass);color:var(--ink)}.chip.good[aria-checked=true]{background:var(--good-bg);border-color:var(--good-line);color:var(--good)}.chip.warn[aria-checked=true]{background:var(--warn-bg);border-color:var(--warn-line);color:var(--warn)}.chip.bad[aria-checked=true]{background:var(--bad-bg);border-color:var(--bad-line);color:var(--bad)}.chip-static{cursor:default}.chip-has-remove{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0;padding-right:var(--s2)}.chip-remove{min-height:40px;min-width:36px;padding:0 var(--s2);border:1px solid var(--line-strong);border-radius:0 999px 999px 0;background:transparent;color:var(--muted);font-size:var(--fs-4);line-height:1}@media(hover:hover){.chip-remove:hover:not([aria-disabled=true]){background:var(--surface-2);color:var(--text-strong);border-color:var(--brass)}}.chip-group{display:flex;flex-wrap:wrap;gap:var(--s2);margin:0 0 var(--s4)}.chip-group-label{flex-basis:100%;font-size:var(--fs-2);font-weight:600;color:var(--text)}.chip-row{display:flex;gap:var(--s2);overflow-x:auto;padding:var(--s1) 0 var(--s2);scrollbar-width:thin;-webkit-overflow-scrolling:touch}.chip-row>*{flex-shrink:0}.stepper{display:flex;flex-direction:column;gap:var(--s2);font-size:var(--fs-2)}.stepper-label{font-weight:600}.stepper-controls{display:inline-flex;align-items:stretch;border:1px solid var(--line-strong);border-radius:var(--r-control);overflow:hidden;width:max-content}.stepper-controls button{border:0;border-radius:0;background:var(--surface-2);color:var(--text-strong);min-width:var(--control-h);padding:0;font-size:var(--fs-5);font-weight:500}.stepper-controls input{width:72px;border:0;border-left:1px solid var(--line-strong);border-right:1px solid var(--line-strong);background:var(--bg);text-align:center;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-4);color:var(--text-strong);min-height:var(--control-h)}.stepper-presets{display:flex;gap:var(--s2);flex-wrap:wrap}.stepper-presets .chip{min-width:var(--control-h);justify-content:center}.badge{display:inline-flex;align-items:center;gap:var(--s1);font-size:var(--fs-1);font-weight:600;letter-spacing:.02em;border:1px solid var(--line-strong);border-radius:var(--r-chip);padding:4px 8px;line-height:1.2;white-space:nowrap;color:var(--muted)}.badge.good{border-color:var(--good-line);color:var(--good);background:var(--good-bg)}.badge.warn,.badge.missing{border-color:var(--warn-line);color:var(--warn);background:var(--warn-bg)}.badge.draft{border-color:var(--line-strong);color:var(--muted);background:var(--surface-2)}.switch{display:inline-flex;align-items:center;gap:var(--s3);min-height:var(--control-h);padding:6px 0;border:0;background:transparent;color:var(--text);font-weight:500;text-align:left;border-radius:var(--r-control)}@media(hover:hover){.switch:hover:not([aria-disabled=true]){background:transparent;color:var(--text-strong)}}.switch-track{position:relative;width:44px;height:26px;border-radius:13px;background:var(--surface-2);border:1px solid var(--line-strong);flex-shrink:0;transition:background .15s}.switch-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--muted);transition:transform .15s,background .15s}.switch[aria-checked=true] .switch-track{background:var(--brass);border-color:var(--brass)}.switch[aria-checked=true] .switch-thumb{background:var(--ink);transform:translate(18px)}.switch-label small{display:block;color:var(--muted);font-weight:400}.confirm-inline{display:flex;gap:var(--s2);flex-wrap:wrap;align-items:center;font-size:var(--fs-2);padding:var(--s2) 0}.status-line{margin:var(--s2) 0 0;min-height:1.2em;font-size:var(--fs-2);color:var(--good)}.status-line.is-empty{margin:0;min-height:0}.notice{padding:var(--s3) var(--s4);background:var(--info-bg);border:1px solid var(--info-line);border-radius:var(--r-control);color:var(--warn);margin:var(--s4) 0;font-size:var(--fs-2);line-height:1.55}.notice p{margin:var(--s2) 0 0}.notice p:last-child{margin-bottom:0}.notice strong{display:block;color:var(--text-strong)}.notice .actions{margin-top:var(--s3)}.notice.error{background:var(--bad-bg);border-color:var(--bad-line);color:var(--bad)}.notice.success{background:var(--good-bg);border-color:var(--good-line);color:var(--good)}.notice.quiet{background:transparent;border-color:var(--line);color:var(--muted)}.notice.update{border-radius:0;margin:0;display:flex;align-items:center;justify-content:center;gap:var(--s4)}.connection{margin:0;border-radius:0;text-align:center}.loading{padding:var(--s6) 0;color:var(--muted)}.empty{border-top:1px solid var(--line);padding:var(--s7) var(--s5);text-align:center;color:var(--muted)}.empty h2{color:var(--text);font-size:var(--fs-5)}.empty p{max-width:560px;margin:0 auto var(--s4)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-panel);padding:var(--s5);margin:var(--s5) 0}.panel h2{margin-bottom:var(--s4)}.panel summary{cursor:pointer}summary{font-size:var(--fs-2);font-weight:600;color:var(--brass);cursor:pointer;line-height:1.5;min-height:var(--control-h);display:flex;align-items:center;gap:var(--s2)}summary{list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:"";flex-shrink:0;width:.5em;height:.5em;margin-left:var(--s1);border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-.15em) rotate(45deg);transition:transform .12s}details[open]>summary:after{transform:translateY(.15em) rotate(-135deg)}.fy-preference-menu summary:after{content:none}.disclosure{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:var(--s5) 0}.disclosure>*:not(summary){padding-bottom:var(--s4)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s5);margin-bottom:var(--s5)}.page-header p{margin:0;color:var(--muted);max-width:640px}.page-header .actions{flex-shrink:0}.section-heading{display:flex;gap:var(--s4);align-items:center;justify-content:space-between;margin:var(--s6) 0 var(--s4)}.section-heading h2,.section-heading .field{margin:0}.load-more{display:flex;justify-content:center;padding:var(--s5) 0 var(--s2)}.skip-link{position:absolute;left:var(--s4);top:-80px;z-index:20;background:var(--brass);color:var(--ink);padding:var(--s3);border-radius:var(--r-control)}.skip-link:focus{top:var(--s3)}.app-header{min-height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:var(--s6);border-bottom:1px solid var(--line);padding:env(safe-area-inset-top) max(24px,calc((100vw - var(--content-w)) / 2)) 0;background:var(--ink)}.brand{font-family:var(--font-display);font-size:var(--fs-5);letter-spacing:-.03em;color:var(--text-strong);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:var(--s2);white-space:nowrap;min-height:var(--control-h)}.brand span{color:var(--brass)}.app-header nav{display:flex;align-self:stretch;gap:var(--s5)}.app-header nav a{display:flex;align-items:center;color:var(--muted);border-bottom:3px solid transparent;text-decoration:none;font-size:var(--fs-2);font-weight:500;padding:3px var(--s1) 0;min-height:var(--control-h)}@media(hover:hover){.app-header nav a:hover{color:var(--text-strong)}}.app-header nav a:active{color:var(--brass)}.app-header nav a[aria-current=page]{border-color:var(--brass);color:var(--brass)}.environment-banner{font-size:var(--fs-1);padding:6px 20px;text-align:center;background:var(--surface);color:var(--muted);border-bottom:1px solid var(--line)}.main-content{width:min(var(--content-w),100% - 48px);margin:0 auto;padding:var(--s6) 0 var(--s7);min-height:calc(100vh - 200px)}.main-content:focus{outline:none}.app-footer{padding:var(--s5) max(24px,calc((100vw - var(--content-w)) / 2));display:flex;justify-content:space-between;gap:var(--s4);border-top:1px solid var(--line);color:var(--muted);font-size:var(--fs-1)}.signin{max-width:var(--content-w);margin:0 auto;padding:var(--s7) var(--s6);min-height:100svh}.signin-content{max-width:640px;margin:12vh 0}.signin h1{font-size:clamp(2.4rem,6vw,4.5rem);line-height:1.1;font-weight:500;margin-bottom:var(--s5)}.signin-content>p{font-size:var(--fs-4);color:var(--muted);max-width:520px;margin-bottom:var(--s5)}.signin-content>small{display:block;max-width:500px;color:var(--muted);margin-top:var(--s4)}.signin>.notice{max-width:640px}.recovery-screen .signin-content{max-width:700px}.recovery-screen h1{font-size:clamp(2rem,5vw,3.5rem)}.filters{border-bottom:1px solid var(--line);padding:0 0 var(--s5)}.filters[open]>.form-grid{margin-top:var(--s5)}.filter-checks{display:flex;gap:var(--s1) var(--s5);flex-wrap:wrap;margin-top:var(--s4)}.filter-checks legend{font-size:var(--fs-2);color:var(--muted);margin-bottom:var(--s2)}.favorite{color:var(--brass);font-size:var(--fs-5)}.rating{color:var(--brass)}.hint{font-size:var(--fs-2);color:var(--warn);margin-top:var(--s2);margin-bottom:0}.ingredient-picker{min-width:0}.quantity{font-size:var(--fs-4);color:var(--brass)}.bar-picker{position:relative;min-width:0}.bar-picker-list{list-style:none;margin:calc(-1 * var(--s1)) 0 var(--s2);padding:var(--s1);background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--r-control);max-height:320px;overflow-y:auto}.bar-picker-list li{display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:var(--control-h);padding:var(--s2) var(--s3);border-radius:var(--r-chip);cursor:pointer}.bar-picker-list li.is-active{background:var(--brass);color:var(--ink)}.bar-picker-list li.is-active .muted{color:var(--ink)}.bar-picker .field{margin-bottom:var(--s2)}.bar-picker-selected{margin:0 0 var(--s2)}.bar-picker-note{display:block;margin-bottom:var(--s2)}@media(max-width:1000px){.app-header{gap:var(--s4);padding-left:var(--s5);padding-right:var(--s5)}}@media(max-width:720px){:root{--header-h: 60px}.phone-hidden{display:none}.app-header{padding-left:var(--s4);padding-right:var(--s4)}.app-header nav{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;justify-content:space-around;gap:0;background:var(--ink);border-top:1px solid var(--line-strong);min-height:var(--nav-h);padding-bottom:env(safe-area-inset-bottom)}.app-header nav a{display:flex;justify-content:center;padding:0 var(--s2);flex:1;font-size:var(--fs-2);border-bottom:0;border-top:3px solid transparent;min-height:var(--nav-h)}.app-header nav a:active{background:var(--surface-2)}.app-header nav a[aria-current=page]{border-top-color:var(--brass);background:var(--surface)}.main-content{width:calc(100% - 32px);padding-top:var(--s5);padding-bottom:calc(var(--nav-h) + var(--s6) + env(safe-area-inset-bottom))}.app-footer{padding:var(--s4) var(--s4) calc(var(--nav-h) + var(--s5) + env(safe-area-inset-bottom));flex-direction:column;gap:var(--s2)}.page-header{align-items:center;flex-wrap:wrap;gap:var(--s3);margin-bottom:var(--s4)}.page-header h1{margin-bottom:0}.page-header p{margin-top:var(--s3)}.segmented{display:flex}.segmented button{flex:1;min-width:0;min-height:var(--control-h);padding:8px 10px}.chip,.chip-remove{min-height:var(--control-h)}.chip-remove{min-width:var(--control-h)}.form-grid{grid-template-columns:1fr;gap:0}.span-2{grid-column:auto}.panel{padding:var(--s4);margin:var(--s4) 0}.notice.update{font-size:var(--fs-2);gap:var(--s2);padding:var(--s3);flex-wrap:wrap}.notice.update span{flex-basis:100%}.signin{padding:var(--s6) var(--s5)}.signin-content{margin-top:12vh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}@media(max-width:720px){.main-content{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.app-header{padding-left:max(var(--s4),env(safe-area-inset-left));padding-right:max(var(--s4),env(safe-area-inset-right))}.app-header nav{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.chip{max-width:100%;white-space:normal;text-align:left}.chip-wrap{max-width:100%}}