:root{color-scheme:light dark;--brand-mocha: #7a7257;--brand-cream: #f2f0e6;--brand-espresso: #483729;--brand-sand: #a7a089;--brand-sage: #899065;--green-50: #f2f4ec;--green-100: #e4e8d9;--green-200: #cdd4ba;--green-300: #b0ba93;--green-400: var(--brand-sage);--green-500: #7a8159;--green-600: #6f7550;--green-700: #565b3e;--green-800: #3b3f2b;--grey-0: #ffffff;--grey-50: #f5f5f7;--grey-100: #ebebed;--grey-200: #e5e5ea;--grey-300: #d1d1d6;--grey-400: #86868b;--grey-500: #636366;--grey-900: #1d1d1f;--red-50: #fdf0ee;--red-300: #e59b90;--red-500: #c0392b;--red-600: #a52c1f;--amber-50: #fdf3e3;--amber-300: #d9ab5c;--amber-600: #8a5c12;--bg: var(--grey-50);--bg-raised: var(--grey-0);--bg-sunken: var(--grey-100);--bg-hover: color-mix(in srgb, var(--grey-900) 4%, transparent);--bg-press: color-mix(in srgb, var(--grey-900) 8%, transparent);--bg-alarm: var(--red-50);--bg-warn: var(--amber-50);--bg-good: var(--green-50);--fg: var(--grey-900);--fg-soft: var(--grey-500);--fg-faint: var(--grey-500);--fg-accent: var(--green-700);--fg-accent-hover: var(--green-800);--fg-alarm: var(--red-600);--fg-warn: var(--amber-600);--fg-on-accent: var(--grey-0);--line: var(--grey-200);--line-strong: var(--grey-300);--line-control: var(--grey-400);--line-brand: color-mix(in srgb, var(--green-400) 55%, transparent);--hair: 1px;--fill-accent: var(--green-600);--fill-accent-hover: var(--green-700);--fill-accent-press: var(--green-800);--fill-alarm: var(--red-600);--ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--green-600);--ring-alarm: 0 0 0 2px var(--bg), 0 0 0 4px var(--red-500);--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--fs-display: 2.125rem;--fs-title: 1.75rem;--fs-heading: 1.1875rem;--fs-body: 1.0625rem;--fs-sub: .9375rem;--fs-caption: .8125rem;--fs-eyebrow: .8125rem;--fs-fig: 1.0625rem;--fs-fig-lg: 1.375rem;--fw-regular: 400;--fw-medium: 500;--fw-semi: 600;--fw-bold: 700;--lh-tight: 1.15;--lh-snug: 1.3;--lh-body: 1.45;--tr-display: -.022em;--tr-title: -.02em;--tr-tight: -.01em;--tr-eyebrow: 0;--tr-fig: -.01em;--sp-2: 2px;--sp-4: 4px;--sp-6: 6px;--sp-8: 8px;--sp-12: 12px;--sp-16: 16px;--sp-20: 20px;--sp-24: 24px;--sp-32: 32px;--sp-40: 40px;--sp-56: 56px;--r-sm: 10px;--r-md: 12px;--r-lg: 16px;--r-full: 999px;--sh-2: 0 1px 3px color-mix(in srgb, var(--grey-900) 8%, transparent), 0 8px 24px -12px color-mix(in srgb, var(--grey-900) 16%, transparent);--sh-bar: 0 -1px 0 var(--line);--tap: 44px;--ctl-h: clamp(48px, 3rem, 76px);--ctl-h-sm: clamp(44px, 2.75rem, 60px);--rail: clamp(80px, 5rem, 140px);--measure: 640px;--gutter: var(--sp-20);--z-bar: 10;--dur-1: .11s;--dur-2: .2s;--dur-3: .32s;--ease: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1)}@media(prefers-color-scheme:dark){:root{--bg: #000000;--bg-raised: #1c1c1e;--bg-sunken: #2c2c2e;--bg-hover: color-mix(in srgb, #ffffff 6%, transparent);--bg-press: color-mix(in srgb, #ffffff 12%, transparent);--bg-alarm: color-mix(in srgb, var(--red-500) 22%, #000000);--bg-warn: color-mix(in srgb, var(--amber-600) 26%, #000000);--bg-good: color-mix(in srgb, var(--green-600) 26%, #000000);--fg: #f5f5f7;--fg-soft: #98989d;--fg-faint: #98989d;--fg-accent: var(--green-300);--fg-accent-hover: var(--green-200);--fg-alarm: var(--red-300);--fg-warn: var(--amber-300);--fg-on-accent: #0b0b0c;--line: #38383a;--line-strong: #48484a;--line-control: #8e8e93;--line-brand: color-mix(in srgb, var(--green-300) 55%, transparent);--fill-accent: var(--green-300);--fill-accent-hover: var(--green-200);--fill-accent-press: var(--green-100);--fill-alarm: var(--red-500);--ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--green-300);--ring-alarm: 0 0 0 2px var(--bg), 0 0 0 4px var(--red-300);--sh-bar: 0 -1px 0 var(--line);--sh-2: 0 1px 2px rgb(0 0 0 / .5), 0 8px 24px -8px rgb(0 0 0 / .7)}}@media(prefers-reduced-motion:reduce){:root{--dur-1: 1ms;--dur-2: 1ms;--dur-3: 1ms}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-ui);font-size:var(--fs-body);font-weight:var(--fw-regular);line-height:var(--lh-body);letter-spacing:var(--tr-tight);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}h1,h2,h3{font-size:inherit;font-weight:inherit;line-height:inherit}button,input,select,textarea{font:inherit;letter-spacing:inherit;color:inherit;background:none;border:none;border-radius:0}button{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}button:disabled{cursor:default}input{-webkit-appearance:none;-moz-appearance:none;appearance:none}input,select,textarea{font-size:max(var(--fs-body),1rem)}::placeholder{color:var(--fg-soft);opacity:1}:disabled{opacity:.45}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}summary::-webkit-details-marker{display:none}summary{list-style:none}:focus{outline:none}:focus-visible{outline:none;box-shadow:var(--ring);position:relative;z-index:1}a:focus-visible{border-radius:var(--r-sm)}@media(forced-colors:active){:focus-visible{outline:3px solid Highlight;outline-offset:2px}}:is(h1,h2)[tabindex="-1"]:focus-visible{box-shadow:none}@media(forced-colors:active){:is(h1,h2)[tabindex="-1"]:focus-visible{outline:none}}@media(forced-colors:active){.field,.btn-primary,.btn-secondary,.pill,.banner,.confirm,.status{border:1px solid transparent}}.screen{max-width:var(--measure);margin-inline:auto;padding-inline:var(--gutter);padding-top:var(--sp-24);padding-bottom:calc(var(--sp-56) + env(safe-area-inset-bottom));padding-left:calc(var(--gutter) + env(safe-area-inset-left));padding-right:calc(var(--gutter) + env(safe-area-inset-right));min-height:100dvh}.head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-16);margin-bottom:var(--sp-24)}.head-title{font-size:var(--fs-title);font-weight:var(--fw-semi);line-height:var(--lh-tight);letter-spacing:var(--tr-title);min-width:0;overflow-wrap:break-word}.head-actions{display:flex;align-items:baseline;gap:var(--sp-16);flex:none}.head-sticky{position:sticky;top:0;z-index:var(--z-bar);margin-inline:calc(var(--gutter) * -1);padding:var(--sp-16) var(--gutter) var(--sp-12);margin-top:calc(var(--sp-24) * -1);background:var(--bg);border-bottom:var(--hair) solid var(--line);margin-bottom:var(--sp-16)}@supports (backdrop-filter: blur(1px)){.head-sticky{background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px)}}.eyebrow{font-size:var(--fs-eyebrow);font-weight:var(--fw-semi);line-height:var(--lh-snug);letter-spacing:var(--tr-eyebrow);color:var(--fg-soft)}.fig{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1;letter-spacing:var(--tr-fig)}.caption{font-size:var(--fs-caption);line-height:var(--lh-snug)}.alarm{color:var(--fg-alarm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.btn-primary,.btn-secondary{display:flex;align-items:center;justify-content:center;gap:var(--sp-8);width:100%;min-height:var(--ctl-h);padding:var(--sp-12) var(--sp-20);border-radius:var(--r-md);font-size:var(--fs-body);font-weight:var(--fw-semi);letter-spacing:var(--tr-tight);transition:background-color var(--dur-1) var(--ease-in-out),transform var(--dur-1) var(--ease)}.btn-primary{background:var(--fill-accent);color:var(--fg-on-accent)}.btn-secondary{background:var(--bg-sunken);color:var(--fg);box-shadow:inset 0 0 0 var(--hair) var(--line-control)}.btn-text{display:inline-flex;align-items:center;gap:var(--sp-6);min-height:var(--tap);margin-inline:calc(var(--sp-8) * -1);padding-inline:var(--sp-8);border-radius:var(--r-sm);color:var(--fg-accent);font-size:var(--fs-sub);font-weight:var(--fw-medium);transition:color var(--dur-1) var(--ease-in-out),background-color var(--dur-1) var(--ease-in-out)}.btn-danger{color:var(--fg-alarm)}.btn-danger:focus-visible{box-shadow:var(--ring-alarm)}@media(hover:hover)and (pointer:fine){.btn-primary:hover:not(:disabled){background:var(--fill-accent-hover)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.btn-text:hover:not(:disabled){background:var(--bg-hover);color:var(--fg-accent-hover)}}.btn-primary:active:not(:disabled){background:var(--fill-accent-press);transform:scale(.99)}.btn-primary[aria-busy=true]:disabled,.btn-secondary[aria-busy=true]:disabled{opacity:1;background:var(--fill-accent-press);color:var(--fg-on-accent)}.btn-text[aria-busy=true]:disabled{opacity:1;color:var(--fg-soft)}.btn-secondary:active:not(:disabled),.btn-text:active:not(:disabled){background:var(--bg-press)}.pill{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 var(--sp-12);border-radius:var(--r-full);background:var(--bg-sunken);box-shadow:inset 0 0 0 var(--hair) var(--line-control);font-size:var(--fs-caption);font-weight:var(--fw-semi);letter-spacing:var(--tr-eyebrow);color:var(--fg-soft);transition:background-color var(--dur-1) var(--ease-in-out),color var(--dur-1) var(--ease-in-out)}.pill[data-on=true]{background:var(--bg-good);box-shadow:inset 0 0 0 var(--hair) var(--line-brand);color:var(--fg-accent-hover)}span.pill{cursor:default}@media(hover:hover)and (pointer:fine){.pill:hover{background:var(--bg-press)}}.field{width:100%;min-height:var(--ctl-h);padding:var(--sp-8) var(--sp-12);border-radius:var(--r-sm);background:var(--bg-sunken);box-shadow:inset 0 0 0 var(--hair) var(--line-control);color:var(--fg);caret-color:var(--fg-accent);transition:box-shadow var(--dur-1) var(--ease-in-out),background-color var(--dur-1) var(--ease-in-out)}.field:focus-visible,.field:focus{background:var(--bg);box-shadow:var(--ring)}.field[aria-invalid=true]{box-shadow:inset 0 0 0 2px var(--fill-alarm);background:var(--bg-alarm)}.field[aria-invalid=true]:focus{box-shadow:var(--ring-alarm)}.field-fig{text-align:right;font-size:var(--fs-fig);font-variant-numeric:tabular-nums lining-nums;letter-spacing:var(--tr-fig)}.label{display:block;margin-bottom:var(--sp-6);font-size:var(--fs-caption);font-weight:var(--fw-medium);color:var(--fg-soft)}select.field{padding-right:var(--sp-32);background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:right var(--sp-16) center,right var(--sp-12) center;background-size:5px 5px,5px 5px;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none}.sheet{display:block;background:var(--bg-raised);border-radius:var(--r-lg);padding-inline:var(--sp-16)}.sheet-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-4) var(--sp-12);padding-bottom:var(--sp-8);border-bottom:var(--hair) solid var(--line);margin-bottom:var(--sp-4)}.row{display:grid;grid-template-columns:minmax(0,1fr) var(--rail);column-gap:var(--sp-16);align-items:center;min-height:var(--tap);padding-block:var(--sp-12);border-bottom:var(--hair) solid var(--line)}.row:last-child{border-bottom:none}.row-auto{grid-template-columns:minmax(0,1fr) auto}.row-auto>.row-rail{align-self:start}.row-main{grid-column:1;min-width:0;overflow-wrap:break-word}.row-meta{grid-column:1;margin-top:var(--sp-4);display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-4) var(--sp-8);font-size:var(--fs-caption);color:var(--fg-soft)}.row-rail{grid-column:2;grid-row:1 / -1;align-self:center;justify-self:end;width:100%;text-align:right}.row-sep{color:var(--line-strong)}.qty{display:block;font-size:var(--fs-fig-lg);font-weight:var(--fw-semi);line-height:var(--lh-tight);font-variant-numeric:tabular-nums lining-nums;letter-spacing:var(--tr-fig);white-space:nowrap}.qty-unit{display:block;font-size:var(--fs-caption);font-weight:var(--fw-medium);line-height:var(--lh-snug);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-soft)}.qty-quiet{font-size:var(--fs-fig);font-weight:var(--fw-regular);color:var(--fg-soft)}.row[data-out=true]{box-shadow:inset 2px 0 0 var(--fill-alarm);padding-left:var(--sp-12);margin-left:calc(var(--sp-12) * -1)}.badge{display:inline-flex;align-items:center;gap:var(--sp-4);padding:0 var(--sp-6);min-height:20px;border-radius:var(--r-sm);background:var(--bg-alarm);color:var(--fg-alarm);font-size:var(--fs-eyebrow);font-weight:var(--fw-semi);letter-spacing:var(--tr-eyebrow);white-space:nowrap}.state{display:grid;gap:var(--sp-16);justify-items:start;padding-block:var(--sp-40);max-width:34ch}.state-title{font-size:var(--fs-heading);font-weight:var(--fw-semi);letter-spacing:var(--tr-title)}.state-body{color:var(--fg-soft);font-size:var(--fs-sub)}.state .btn-primary,.state .btn-secondary{width:auto;min-width:160px}.banner{display:grid;gap:var(--sp-8);justify-items:start;padding:var(--sp-12) var(--sp-16);border-radius:var(--r-lg);background:var(--bg-sunken);box-shadow:inset 0 0 0 var(--hair) var(--line);font-size:var(--fs-sub);line-height:var(--lh-snug);color:var(--fg-soft)}.banner-alarm{background:var(--bg-alarm);box-shadow:inset 0 0 0 var(--hair) color-mix(in srgb,var(--fill-alarm) 30%,transparent);color:var(--fg-alarm)}.banner-warn{background:var(--bg-warn);box-shadow:inset 0 0 0 var(--hair) color-mix(in srgb,var(--fg-warn) 30%,transparent);color:var(--fg-warn)}.banner-warn strong{font-weight:var(--fw-semi)}.banner-warn .note{color:inherit;opacity:.9}.banner-actions{display:flex;flex-wrap:wrap;gap:var(--sp-16)}.note{font-size:var(--fs-caption);color:var(--fg-soft)}.note-alarm{color:var(--fg-alarm)}.note:empty{height:0;margin:0;overflow:hidden}.disclose{border-top:var(--hair) solid var(--line)}.disclose-summary{display:flex;align-items:center;gap:var(--sp-8);min-height:var(--tap);padding-block:var(--sp-12);cursor:pointer;color:var(--fg-soft);font-size:var(--fs-sub);font-weight:var(--fw-medium);border-radius:var(--r-sm)}.disclose-summary:focus-visible{box-shadow:var(--ring)}.disclose-summary:after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform var(--dur-2) var(--ease);opacity:.7}.disclose[open]>.disclose-summary:after{transform:rotate(225deg) translateY(-2px)}.disclose-count{margin-left:auto;font-variant-numeric:tabular-nums}.bar{position:sticky;bottom:0;z-index:var(--z-bar);margin-inline:calc(var(--gutter) * -1);margin-top:var(--sp-24);padding:var(--sp-12) var(--gutter);padding-bottom:calc(var(--sp-12) + env(safe-area-inset-bottom));background:var(--bg);box-shadow:var(--sh-bar);display:grid;gap:var(--sp-8)}@supports (backdrop-filter: blur(1px)){.bar{background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px)}}.account{margin-top:var(--sp-40);padding-top:var(--sp-20);border-top:var(--hair) solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-16);flex-wrap:wrap}.account-who{font-size:var(--fs-caption);color:var(--fg-soft)}.status{display:inline-flex;align-items:center;gap:var(--sp-6);padding:2px var(--sp-8);border-radius:var(--r-sm);background:var(--bg-sunken);color:var(--fg-soft);font-size:var(--fs-eyebrow);font-weight:var(--fw-semi);letter-spacing:var(--tr-eyebrow);line-height:var(--lh-snug);white-space:nowrap}.status-good{background:var(--bg-good);color:var(--fg-accent-hover)}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.confirm{display:grid;gap:var(--sp-12);padding:var(--sp-16);border-radius:var(--r-lg);background:var(--bg-sunken);box-shadow:inset 0 0 0 var(--hair) var(--line-control)}.confirm-alarm{background:var(--bg-alarm);box-shadow:inset 0 0 0 var(--hair) color-mix(in srgb,var(--fill-alarm) 40%,transparent)}.confirm-title{font-size:var(--fs-heading);font-weight:var(--fw-semi);line-height:var(--lh-snug);letter-spacing:var(--tr-title)}.confirm-body{font-size:var(--fs-sub);color:var(--fg-soft)}.confirm-body strong{color:var(--fg);font-weight:var(--fw-semi)}.confirm-undo{font-size:var(--fs-sub);font-weight:var(--fw-semi);color:var(--fg-alarm)}.confirm-actions{display:flex;flex-wrap:wrap;gap:var(--sp-12);align-items:center}.confirm-actions .btn-primary,.confirm-actions .btn-secondary{width:auto;min-width:160px;flex:0 1 auto}.meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-4) var(--sp-8);font-size:var(--fs-caption);color:var(--fg-soft)}.meta-strong{color:var(--fg);font-weight:var(--fw-medium)}.filters{display:flex;flex-wrap:wrap;gap:var(--sp-8) var(--sp-12);align-items:flex-end;padding-bottom:var(--sp-16)}.filter{display:grid;gap:var(--sp-4);flex:1 1 9rem;min-width:0}.filter .field{min-height:var(--ctl-h-sm)}.filters-clear{flex:none}.empty{padding:var(--sp-24) 0;font-size:var(--fs-sub);color:var(--fg-soft);max-width:44ch}@keyframes rise{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.pin{--pin-key-bg: color-mix(in srgb, var(--fg) 7%, transparent);--pin-key-bg-hover: color-mix(in srgb, var(--fg) 11%, transparent);--pin-key-bg-press: color-mix(in srgb, var(--fg) 16%, transparent);min-height:100dvh;background:var(--bg);color:var(--fg);display:grid;grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr);justify-items:center;gap:var(--sp-32);padding:calc(var(--sp-32) + env(safe-area-inset-top)) calc(var(--gutter) + env(safe-area-inset-right)) calc(var(--sp-32) + env(safe-area-inset-bottom)) calc(var(--gutter) + env(safe-area-inset-left))}.pin-brand{align-self:center;display:grid;justify-items:center;gap:var(--sp-20);max-width:100%;animation:rise var(--dur-3) var(--ease) both}.pin-plate{display:grid;place-items:center;max-width:100%}@media(prefers-color-scheme:dark){.pin-plate{background:var(--brand-cream);border-radius:var(--r-lg);padding:var(--sp-20) var(--sp-24)}}.pin-logo{display:block;width:clamp(220px,62vw,300px);height:auto;max-width:100%}.pin-eyebrow{text-indent:var(--tr-eyebrow)}.pin-bottom{align-self:end;display:grid;justify-items:center;gap:var(--sp-24);max-width:100%}.pin-entry{display:grid;justify-items:center;gap:var(--sp-16);max-width:100%}.pin-prompt{font-size:var(--fs-sub);color:var(--fg-soft)}.pin-dots{display:flex;gap:var(--sp-16)}.pin-dot{width:13px;height:13px;border-radius:var(--r-full);box-shadow:inset 0 0 0 1.5px var(--fg-faint);transition:background-color var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease),transform var(--dur-1) var(--ease)}.pin-dot[data-filled=true]{background:var(--fg);box-shadow:inset 0 0 0 1.5px var(--fg);transform:scale(1.08)}.pin-dots[data-error=true] .pin-dot{box-shadow:inset 0 0 0 1.5px var(--fg-alarm)}.pin-dots[data-shake=true]{animation:pin-shake .24s var(--ease-in-out)}@keyframes pin-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}50%{transform:translate(6px)}80%{transform:translate(-3px)}}.pin-status,.pin-countdown{min-height:1.3em;text-align:center;color:var(--fg-soft)}.pin-status-error{color:var(--fg-alarm);font-weight:var(--fw-medium)}.pin-countdown{margin-top:calc(var(--sp-8) * -1)}.pin-keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(var(--sp-12),3.5vw,var(--sp-20));width:min(100%,300px);max-width:100%}.pin-key{aspect-ratio:1;min-height:max(var(--tap),4.25rem);display:grid;place-items:center;border-radius:var(--r-full);font-size:var(--fs-title);font-weight:var(--fw-regular);color:var(--fg);background:var(--pin-key-bg);transition:background-color var(--dur-1) var(--ease-in-out),transform var(--dur-1) var(--ease)}@media(hover:hover)and (pointer:fine){.pin-key:hover:not(:disabled){background:var(--pin-key-bg-hover)}}.pin-key:active:not(:disabled){background:var(--pin-key-bg-press);transform:scale(.95)}.pin-key:focus-visible{box-shadow:var(--ring);border-radius:var(--r-full)}.pin-key:disabled{opacity:.35}.pin-key-blank{visibility:hidden}.pin-key-del{background:none}.pin-key-del svg{width:40%;height:auto;max-width:34px}@media(hover:hover)and (pointer:fine){.pin-key-del:hover:not(:disabled){background:var(--pin-key-bg-hover)}}@media(max-height:700px){.pin{gap:var(--sp-16);padding-top:calc(var(--sp-16) + env(safe-area-inset-top))}.pin-brand{gap:var(--sp-12)}.pin-logo{width:clamp(150px,30vw,200px)}.pin-bottom{gap:var(--sp-12)}.pin-key{min-height:max(var(--tap),3.4rem);font-size:var(--fs-heading)}}@media(max-height:700px)and (prefers-color-scheme:dark){.pin-plate{padding:var(--sp-12) var(--sp-16)}}.count-session{margin-bottom:var(--sp-24)}.count-session-line{font-size:var(--fs-body);line-height:var(--lh-snug);color:var(--fg-soft)}.count-session-name{color:var(--fg);font-weight:var(--fw-semi)}.count-session-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-4) var(--sp-20);margin-top:var(--sp-4)}.count-session-start{width:auto;min-width:180px;margin-top:var(--sp-16)}.dept-meta{font-size:var(--fs-caption);color:var(--fg-soft)}.dept{width:100%;text-align:left;padding-block:var(--sp-16);border-radius:0;transition:background-color var(--dur-1) var(--ease-in-out)}@media(hover:hover)and (pointer:fine){.dept:hover{background:var(--bg-hover)}}.dept:active{background:var(--bg-press)}.dept-name{font-weight:var(--fw-medium)}.count-head,.count-bar{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg)}.count-head{flex-wrap:wrap}.count-progress{flex:0 0 100%;display:flex;align-items:baseline;gap:var(--sp-8);margin-top:var(--sp-2);font-size:var(--fs-caption);color:var(--fg-soft)}.count-save{margin-left:auto}.count-save[data-state=failed]{color:var(--fg-warn)}.count-progress-track{position:absolute;left:0;right:0;bottom:-1px;height:var(--sp-2);background:var(--line);overflow:hidden}.count-progress-fill{height:100%;background:var(--fill-accent);transform-origin:left;transform:scaleX(var(--progress, 0));transition:transform var(--dur-2) var(--ease)}.count-zone-head{position:sticky;top:var(--count-head-h, 76px);z-index:calc(var(--z-bar) - 1);display:flex;align-items:baseline;justify-content:space-between;margin-inline:calc(var(--sp-16) * -1);padding:var(--sp-8) var(--sp-16);background:var(--bg-raised);border-bottom:var(--hair) solid var(--line)}.count-zone+.count-zone{margin-top:var(--sp-24)}.count-row{grid-template-columns:minmax(0,1fr) var(--rail-count, 160px);align-items:center;padding-inline:var(--sp-16);transition:background-color var(--dur-1) var(--ease-in-out);scroll-margin-top:calc(var(--count-head-h, 56px) + var(--sp-40));scroll-margin-bottom:160px}@media(max-width:359px){.count-row{--rail-count: 136px}.count-step{width:40px!important}}.count-main{display:grid;grid-template-columns:14px minmax(0,1fr);column-gap:var(--sp-8);align-items:baseline}.count-label{display:block;min-width:0;cursor:pointer}.count-name{display:block;font-weight:var(--fw-medium);line-height:var(--lh-snug);overflow-wrap:break-word}.count-unit{display:block;margin-top:var(--sp-2);font-size:var(--fs-caption);color:var(--fg-soft)}.count-meta{grid-column:1;padding-left:calc(14px + var(--sp-8));font-size:var(--fs-caption);color:var(--fg-soft);min-height:1.1em}.count-diff{color:var(--fg);font-weight:var(--fw-medium)}.count-invalid,.count-unsaved{color:var(--fg-alarm)}.count-rail{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-4);grid-row:1 / -1}.count-step{position:relative;width:44px;min-height:var(--tap);flex:none;display:flex;align-items:center;justify-content:center;font-size:var(--fs-heading);line-height:1;color:var(--fg);border-radius:var(--r-sm)}.count-step:before{content:"";position:absolute;width:30px;height:30px;border-radius:var(--r-sm);background:var(--bg-sunken);box-shadow:inset 0 0 0 var(--hair) var(--line-control)}.count-step>*{position:relative}@media(hover:hover)and (pointer:fine){.count-step:hover:before{background:var(--bg-press)}}.count-step:active:before{background:var(--bg-press)}.count-field{width:64px;min-height:var(--ctl-h);padding-inline:var(--sp-8);flex:none;caret-color:var(--fg-accent);transition:background-color var(--dur-1) var(--ease-in-out)}.count-row[data-current=true]{background:var(--bg-raised);box-shadow:inset 3px 0 0 var(--fill-accent)}.count-row[data-current=true] .count-name{font-weight:var(--fw-semi)}.count-row[data-done=true]{background:var(--bg-good)}.count-row[data-done=true] .count-field{background:transparent;font-weight:var(--fw-semi)}.count-row[data-done=true][data-current=true]{background:var(--bg-raised)}.count-check{width:14px;height:14px;align-self:center}.count-row[data-done=true] .count-check:after{content:"";display:block;width:10px;height:5px;margin-top:3px;border-left:2px solid var(--fg-accent);border-bottom:2px solid var(--fg-accent);transform:rotate(-45deg)}.count-row[data-save=failed] .count-check:after{border-color:var(--fg-alarm)}.count-sentback{margin-bottom:var(--sp-16);padding:var(--sp-12) var(--sp-16);border-radius:var(--r-lg);background:var(--bg-warn);color:var(--fg-warn);font-size:var(--fs-sub);line-height:var(--lh-snug)}.count-gate{display:grid;gap:var(--sp-12)}.count-gate-title{font-size:var(--fs-sub);color:var(--fg);text-align:center}.count-gate .confirm-actions{justify-content:center}.count-bar-note{font-size:var(--fs-caption);color:var(--fg-soft);text-align:center}.count-bar-note:empty{height:0;margin:0;overflow:hidden}.order-lines{margin-bottom:var(--sp-24);display:grid;gap:var(--sp-2)}.order-line{font-size:var(--fs-sub);color:var(--fg-soft)}.order-period{color:var(--fg);font-weight:var(--fw-semi);margin-right:var(--sp-6)}.order-stale{color:var(--fg-alarm)}.sup{margin-top:var(--sp-32)}[data-view=order] .sheet{padding-block:var(--sp-8)}.sup-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-4) var(--sp-12);padding:0 var(--sp-16) var(--sp-8)}.sup-id{min-width:0}.sup-name{font-size:var(--fs-sub);font-weight:var(--fw-semi);line-height:var(--lh-snug);color:var(--fg);min-width:0;overflow-wrap:break-word}.sup-name.alarm{color:var(--fg-alarm)}.sup-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--sp-4) var(--sp-8);margin-top:var(--sp-2);font-size:var(--fs-caption);color:var(--fg-soft)}.sup-phone{display:inline-flex;align-items:center;min-height:24px;padding-inline:var(--sp-2);margin-inline:calc(var(--sp-2) * -1);color:var(--fg-soft)}@media(hover:hover)and (pointer:fine){.sup-phone:hover{color:var(--fg-accent)}}.sup-fallback{margin:var(--sp-8) 0;padding:var(--sp-12);border-radius:var(--r-sm);background:var(--bg-sunken);box-shadow:inset 0 0 0 var(--hair) var(--line);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-caption);line-height:var(--lh-snug);white-space:pre-wrap;overflow-wrap:break-word;user-select:all;-webkit-user-select:all}.order-name{font-weight:var(--fw-medium)}.order-nothing,.order-prev{color:var(--fg-soft)}.order-prev .qty-unit,.order-have .qty-unit{text-transform:none;letter-spacing:0}.order-par{display:inline-flex;align-items:center;gap:var(--sp-6);color:var(--fg-soft)}.order-par-value{color:var(--fg);font-variant-numeric:tabular-nums lining-nums}.order-par-field{width:3.75rem;min-height:var(--ctl-h-sm);padding-inline:var(--sp-8);text-align:right;font-size:max(var(--fs-sub),1rem);font-variant-numeric:tabular-nums lining-nums}.order-par-field[data-empty=true]:not(:focus){box-shadow:inset 0 0 0 var(--hair) var(--line-strong);background:var(--bg)}.order-gaps{margin-top:var(--sp-40)}.order-gaps>.disclose-summary{padding-inline:var(--sp-16)}.order-gaps .sheet{margin-bottom:var(--sp-16)}.review-period{margin-bottom:var(--sp-20);padding-bottom:var(--sp-16);border-bottom:var(--hair) solid var(--line)}.review-item+.review-item{border-top:var(--hair) solid var(--line)}.review-open{display:block;text-align:left;font-size:var(--fs-body);font-weight:var(--fw-semi);letter-spacing:var(--tr-tight);color:var(--fg);border-radius:var(--r-sm);min-height:var(--tap);margin-inline:-8px;padding-inline:8px}.review-open:after{content:"";display:inline-block;width:7px;height:7px;margin-left:var(--sp-8);border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform var(--dur-1) var(--ease);color:var(--fg-faint)}.review-open[aria-expanded=true]:after{transform:translateY(1px) rotate(225deg)}.review-who{font-size:var(--fs-caption);color:var(--fg-soft)}.review-actions{display:flex;flex-wrap:wrap;gap:var(--sp-12);justify-content:flex-end}.review-note{font-size:var(--fs-caption);color:var(--fg-warn);padding-bottom:var(--sp-12);max-width:60ch}.review-detail{padding:var(--sp-8) 0 var(--sp-20);border-top:var(--hair) solid var(--line)}.review-detail .meta{padding-bottom:var(--sp-12)}.review-edit{font-size:var(--fs-caption);min-height:var(--tap)}.review-item button[aria-disabled=true]{color:var(--fg-soft);cursor:default}.review-item button[aria-disabled=true]:hover,.review-item button[aria-disabled=true]:active{background:none;color:var(--fg-soft)}.review-hint,.review-invalid{margin-top:calc(var(--sp-8) * -1);font-size:var(--fs-caption);line-height:var(--lh-snug)}.review-hint{color:var(--fg-soft)}.review-invalid{color:var(--fg-alarm)}.review-edit-box{grid-column:1 / -1;display:grid;gap:var(--sp-12);margin-top:var(--sp-12);padding:var(--sp-16);border-radius:var(--r-lg);background:var(--bg-sunken);box-shadow:inset 0 0 0 var(--hair) var(--line-control)}.history-item+.history-item{border-top:var(--hair) solid var(--line)}.history-receipt{padding-bottom:var(--sp-8)}.history-note{font-size:var(--fs-caption);color:var(--fg-faint);padding-bottom:var(--sp-12);max-width:60ch}.history-reason{margin-bottom:var(--sp-20)}.history-detail{padding:var(--sp-8) 0 var(--sp-24);border-top:var(--hair) solid var(--line)}.history-actions{display:flex;flex-wrap:wrap;gap:var(--sp-16);align-items:center;padding-top:var(--sp-16);margin-top:var(--sp-8);border-top:var(--hair) solid var(--line)}.audit{list-style:none;display:grid;gap:var(--sp-16);padding-top:var(--sp-12)}.audit-entry{max-width:62ch}.audit-what{font-size:var(--fs-sub);line-height:var(--lh-snug)}.audit-from{color:var(--fg-soft)}.audit-to{color:var(--fg);font-weight:var(--fw-semi)}.audit-arrow{color:var(--fg-faint)}.audit-reason{font-size:var(--fs-caption);color:var(--fg-soft);padding-top:var(--sp-2)}.audit-detail{font-size:var(--fs-caption);color:var(--fg-faint)}.emp-name{font-weight:var(--fw-medium)}.emp-count{font-size:var(--fs-caption);color:var(--fg-soft)}.row-meta.emp-actions{column-gap:var(--sp-20)}.emp-row-off .emp-name{color:var(--fg-soft)}.emp-hint{font-size:var(--fs-caption);color:var(--fg-soft);padding-bottom:var(--sp-8)}.emp-removed{margin-top:var(--sp-20)}.pin-reveal{margin-bottom:var(--sp-24);padding:var(--sp-24) var(--sp-20);border-radius:var(--r-lg);background:var(--bg-raised);box-shadow:var(--sh-2),inset 0 0 0 var(--hair) var(--line-brand);display:grid;justify-items:center;gap:var(--sp-12);text-align:center;animation:rise var(--dur-2) var(--ease) both}.pin-reveal:focus-visible{box-shadow:var(--ring),var(--sh-2)}.pin-reveal-digits{font-size:clamp(2.5rem,13vw,3.25rem);font-weight:var(--fw-bold);line-height:1;letter-spacing:.22em;text-indent:.22em;font-variant-numeric:tabular-nums lining-nums;color:var(--fg)}.pin-reveal-warn{font-size:var(--fs-sub);color:var(--fg-alarm);font-weight:var(--fw-medium);max-width:30ch}.pin-reveal-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-8);width:100%}.pin-reveal .btn-secondary{width:auto;min-width:150px;flex:1 1 auto;max-width:240px}.emp-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-12);align-items:end;margin-top:var(--sp-40);padding-top:var(--sp-24);border-top:var(--hair) solid var(--line)}.emp-add-head{grid-column:1 / -1}.emp-add-name{grid-column:1}.emp-add-role{grid-column:2}.emp-add-role .field{width:auto}.emp-add-submit{grid-column:1 / -1}.emp-add .btn-secondary{width:auto;min-width:160px}.emp-add-hint{grid-column:1 / -1;padding-bottom:0}@media(max-width:380px){.emp-add{grid-template-columns:minmax(0,1fr)}.emp-add-role{grid-column:1}.emp-add-role .field{width:100%}}.emp-about{margin-top:var(--sp-32);display:flex;align-items:center;justify-content:center;gap:var(--sp-8)}.emp-about-mark{width:22px;height:22px;border-radius:50%;flex:none}.emp-about-text{color:var(--fg-faint)}.settings-row{width:100%;text-align:left;border-radius:0;transition:background-color var(--dur-1) var(--ease-in-out)}@media(hover:hover)and (pointer:fine){.settings-row:hover{background:var(--bg-hover)}}.settings-row:active{background:var(--bg-press)}.prod-name{font-weight:var(--fw-medium)}.prod-actions{display:flex;gap:var(--sp-12);justify-content:flex-end}.prod-archived{margin-top:var(--sp-20)}.prod-form{display:grid;gap:var(--sp-16);padding-block:var(--sp-16)}.prod-field{display:grid;gap:var(--sp-4)}.prod-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-12)}@media(max-width:380px){.prod-row{grid-template-columns:minmax(0,1fr)}}.prod-form-actions{display:flex;flex-wrap:wrap;gap:var(--sp-12);align-items:center;margin-top:var(--sp-8)}.prod-form-actions .btn-primary{width:auto;min-width:160px}.prod-add{margin-bottom:var(--sp-20);width:auto;min-width:180px}.prod-par{display:flex;align-items:center;gap:var(--sp-8)}.prod-par-unit{color:var(--fg-soft)}.pass-confirm{text-align:left}.pass-add-confirm{margin-top:var(--sp-40);padding-top:var(--sp-24);border-top:var(--hair) solid var(--line)}.ctrl-sheet{display:grid;gap:var(--sp-16);padding-block:var(--sp-16)}.ctrl-sheet .btn-secondary{width:auto;min-width:200px}.ctrl-pin{display:grid;gap:var(--sp-12);max-width:22rem}.ctrl-pin-actions{display:flex;flex-wrap:wrap;gap:var(--sp-12);align-items:center}.ctrl-pin-actions .btn-secondary{width:auto;min-width:160px}.tabbar{position:sticky;bottom:0;z-index:var(--z-bar);display:grid;grid-auto-flow:column;grid-auto-columns:1fr;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);padding-bottom:env(safe-area-inset-bottom);background:var(--bg);box-shadow:var(--sh-bar)}.tabbar-tab{min-height:var(--tap);padding:var(--sp-12) var(--sp-4);font-size:var(--fs-caption);font-weight:var(--fw-medium);color:var(--fg-soft);transition:color var(--dur-1) var(--ease-in-out)}.tabbar-tab[data-on=true]{color:var(--fg-accent);font-weight:var(--fw-semi)}@media(hover:hover)and (pointer:fine){.tabbar-tab:hover{color:var(--fg)}}body:has(.tabbar) .screen{min-height:calc(100dvh - var(--tap));padding-bottom:var(--sp-24)}