:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6f8;--surface:#fff;--surface-subtle:#f6f8f9;--text:#182b32;--muted:#61747c;--line:#e1e8e9;--green:#087f61;--green-soft:#e9f5ef;--blue:#1869b5;--blue-soft:#edf4fc;--refill:#ad4800;--refill-soft:#fff0e0;--refill-fill:#f58a32;--refill-ink:#3e2109;--pickup:#176385;--pickup-soft:#e5f6fe;--pickup-fill:#8bd8f7;--pickup-ink:#12394c;--amber:#986016;--amber-soft:#fff5e6;--danger:#b7353d;--danger-soft:#fff0f0;--hero:#103e35;--hero-text:#f4fff8;--hero-muted:#bdd9cb;--focus:#1869b5;--nav-bg:#ffffffeb;--shadow:0 3px 18px #122a2208;--radius:20px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Noto Sans JP", sans-serif;--motion-fast:.14s;--motion-standard:.24s;--motion-view:.34s;--motion-emphasis:.42s;--motion-ease-out:cubic-bezier(.16, 1, .3, 1);--motion-ease-press:cubic-bezier(.2, 0, 0, 1)}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101917;--surface:#1a2623;--surface-subtle:#222f2b;--text:#eef7f2;--muted:#acbeb5;--line:#34463e;--green:#75d9b1;--green-soft:#203e31;--blue:#8dc6ff;--blue-soft:#213549;--refill:#ffb66e;--refill-soft:#412f20;--refill-fill:#ffa552;--refill-ink:#34200b;--pickup:#90daf7;--pickup-soft:#163b4a;--pickup-fill:#8bd8f7;--pickup-ink:#12394c;--amber:#f1c276;--amber-soft:#3c3121;--danger:#ffadb2;--danger-soft:#422b2d;--hero:#134a3b;--focus:#8dc6ff;--nav-bg:#1a2623f0;--shadow:0 3px 20px #00000014}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-bottom:7rem;font-size:16px}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:.875rem;line-height:1.65}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0}button,a,input,select,textarea,summary{outline-offset:4px}:is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--focus)}button:disabled{opacity:.48;cursor:not-allowed}button:not(:disabled):active{transition-duration:60ms;transform:scale(.97)}button{transition:background-color var(--motion-fast), border-color var(--motion-fast), color var(--motion-fast), box-shadow var(--motion-fast), transform var(--motion-fast) var(--motion-ease-press)}a{color:var(--blue);text-underline-offset:3px}h1,h2,h3,p,dl{margin:0}h1{letter-spacing:-.04em;font-size:clamp(1.5rem,4.8vw,2rem);font-weight:750;line-height:1.35}h2{letter-spacing:-.025em;font-size:1rem;font-weight:700;line-height:1.5}h3{font-size:.9375rem;font-weight:700;line-height:1.5}small{font-size:.75rem}strong,b{font-weight:700}svg{stroke-width:1.8px;flex:none}img{max-width:100%;display:block}fieldset{border:0;min-width:0;margin:0;padding:0}legend{margin-bottom:.75rem;padding:0;font-size:.875rem;font-weight:700}input,select,textarea{min-width:0;max-width:100%}input[type=number]{appearance:textfield}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=checkbox]{accent-color:var(--green)}::selection{color:#14382a;background:#b7ead2}[hidden]{display:none!important}.kinetic-readable{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.view-motion-stage{animation:view-enter var(--motion-view) var(--motion-ease-out) both;transform-origin:50% 0}.view-motion-stage>.page-heading{animation:content-enter .32s 30ms var(--motion-ease-out) both}.view-motion-stage>:not(.page-heading){animation:content-enter .38s 80ms var(--motion-ease-out) both}.view-motion-stage[data-view=home] .home-grid>*{animation:card-enter var(--motion-emphasis) var(--motion-ease-out) both}.view-motion-stage[data-view=home] .home-grid>:nth-child(2){animation-delay:45ms}.view-motion-stage[data-view=home] .home-grid>:nth-child(3){animation-delay:90ms}.view-motion-stage[data-view=home] .home-grid>:nth-child(4){animation-delay:.135s}.view-motion-stage[data-view=home] .home-grid>:nth-child(5){animation-delay:.18s}.view-motion-stage[data-view=home] .home-grid>:nth-child(6){animation-delay:.225s}.view-motion-stage[data-view=home] .home-grid>:nth-child(7){animation-delay:.27s}.view-motion-stage[data-view=home] .home-grid>:nth-child(8){animation-delay:.315s}.metric-motion{animation:metric-update var(--motion-emphasis) var(--motion-ease-out) both;transform-origin:50% 65%}@keyframes view-enter{0%{opacity:.15;transform:translateY(22px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes content-enter{0%{opacity:.12;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes card-enter{0%{opacity:.08;transform:translateY(24px)scale(.965)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes metric-update{0%{opacity:.18;transform:translateY(12px)scale(.86)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sheet-enter{0%{opacity:0;transform:translateY(72px)scale(.97)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-pop-enter{0%{opacity:0;transform:translateY(28px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sheet-content-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes toast-enter{0%{opacity:0;transform:translateY(52px)scale(.92);box-shadow:0 8px 36px #0000001f}72%{opacity:1;transform:translateY(0)scale(1);box-shadow:0 12px 42px #00000038,0 0 0 8px #49d6961f}to{opacity:1;transform:translateY(0)scale(1);box-shadow:0 8px 36px #0000002e}}@keyframes toast-error-enter{0%{opacity:0;transform:translateY(52px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-check-pop{0%{opacity:0;transform:scale(.35)rotate(-14deg)}72%{opacity:1;transform:scale(1.12)rotate(0)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes nav-pill-activate{0%{opacity:.25;transform:translateY(6px)scale(.72)}to{opacity:1;transform:translateY(-3px)scale(1.1)}}@keyframes sidebar-item-activate{0%{opacity:.35;transform:translate(-12px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes result-update{0%{opacity:.2;box-shadow:0 0 0 0 color-mix(in srgb, var(--green) 0%, transparent);transform:translateY(18px)scale(.95)}68%{opacity:1;box-shadow:0 10px 30px #122a2214, 0 0 0 7px color-mix(in srgb, var(--green) 12%, transparent);transform:translateY(0)scale(1)}to{opacity:1;box-shadow:var(--shadow);transform:translateY(0)scale(1)}}@keyframes result-detail-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes infographic-segment-grow{0%{opacity:.22;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes infographic-progress-grow{0%{opacity:.3;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes infographic-marker-enter{0%{opacity:0;transform:scale(.25)}to{opacity:1;transform:scale(1)}}@keyframes infographic-bar-grow{0%{opacity:.16;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes infographic-bar-grow-empty{0%{opacity:.1;transform:scaleY(0)}to{opacity:.38;transform:scaleY(1)}}@keyframes infographic-value-enter{0%{opacity:0;transform:translateY(8px)scale(.82)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes kinetic-glyph-enter{0%{opacity:.08;transform:translateY(.82em)rotateX(-62deg)scale(.82)}to{opacity:1;transform:translateY(0)rotateX(0)scale(1)}}@keyframes kinetic-prefix-enter{0%{opacity:.12;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes kinetic-suffix-enter{0%{opacity:.12;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes loading-mark-enter{0%{opacity:0;transform:translateY(5px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.app-shell,.main-shell{min-width:0;min-height:100dvh}.main-shell{transform-origin:50% 0;transition:transform var(--motion-emphasis) var(--motion-ease-out)}body:has(.sheet[open]) .main-shell{transform:scale(.985)}.desktop-sidebar,.desktop-header{display:none}.kinetic-glyphs{font-optical-sizing:auto;min-width:0;max-width:100%}.kinetic-glyph{transform-origin:50% 100%;backface-visibility:hidden;animation:kinetic-glyph-enter .56s var(--kinetic-delay,30ms) var(--motion-ease-out) both;display:inline-block}.kinetic-glyph.space{width:.28em}.page-heading h1 .kinetic-glyph{animation-duration:.46s}.kinetic-affix{display:inline-block}.kinetic-prefix{animation:kinetic-prefix-enter .4s 40ms var(--motion-ease-out) both}.kinetic-suffix{animation:kinetic-suffix-enter .4s .22s var(--motion-ease-out) both}.app-header{min-height:calc(78px + env(safe-area-inset-top));padding:calc(.875rem + env(safe-area-inset-top)) calc(1rem + env(safe-area-inset-right)) .875rem calc(1rem + env(safe-area-inset-left));background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;display:flex}.brand{letter-spacing:-.025em;white-space:nowrap;align-items:center;gap:.625rem;font-size:1.125rem;font-weight:800;line-height:1.15;display:flex}.brand small{letter-spacing:.025em;margin-top:5px;font-size:.625rem;font-weight:600;display:block}.app-mark{border-radius:11px;flex:none;width:37px;height:37px;overflow:hidden}.app-mark img{width:100%;height:100%}.connection-status{color:var(--green);white-space:nowrap;align-items:center;gap:.3rem;font-size:.625rem;font-weight:650;display:flex}.connection-status.offline{color:var(--amber)}.header-actions{flex-direction:column;flex:none;align-items:flex-end;gap:.25rem;display:flex}.official-service-link{border:1px solid var(--line);background:var(--surface-subtle);min-height:44px;color:var(--text);white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color var(--motion-fast), border-color var(--motion-fast), transform var(--motion-fast) var(--motion-ease-press);border-radius:12px;justify-content:center;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.6875rem;font-weight:700;line-height:1.4;text-decoration:none;display:inline-flex}.official-service-link:active{background:var(--green-soft);transition-duration:60ms;transform:scale(.97)}main{max-width:76rem;padding:1.5rem calc(1rem + env(safe-area-inset-right)) calc(7rem + env(safe-area-inset-bottom)) calc(1rem + env(safe-area-inset-left));margin:0 auto}.page-heading{justify-content:space-between;align-items:flex-end;gap:.75rem;margin:0 0 1.25rem;display:flex}.page-heading>div{min-width:0}.page-heading>span{color:var(--muted);white-space:nowrap;padding-bottom:.2rem;font-size:.75rem;font-weight:550}.back-link{margin:-.5rem 0 .4rem}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow);padding:1.25rem}.panel>h2{margin-bottom:1rem}.section-heading{align-items:center;gap:.625rem;min-width:0;margin-bottom:1.25rem;display:flex}.section-heading h2{flex:1;min-width:0}.section-heading>div{min-width:0}.section-heading>strong{white-space:nowrap;font-size:.875rem}.section-heading>svg{color:var(--green)}.section-heading>.text-button{margin-left:auto;padding:0;font-size:.6875rem}.muted,.field-hint{color:var(--muted)}.muted{line-height:1.85}.field-hint{overflow-wrap:anywhere;margin-top:.75rem;font-size:.75rem;line-height:1.8}.pill{background:var(--surface-subtle);color:var(--muted);white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;padding:.3rem .55rem;font-size:.625rem;font-weight:650;display:inline-flex}.eyebrow{letter-spacing:.19em;font-size:.625rem;font-weight:650;display:block}.green-text{color:var(--green);align-items:center;gap:.25rem;display:inline-flex}.warning-text{color:var(--amber)!important}.danger{color:var(--danger)!important}.button{text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:.6rem;min-height:48px;padding:.8rem 1rem;font-size:.875rem;font-weight:650;line-height:1.5;display:inline-flex}.button-primary{background:var(--green);color:#fff}.button-primary.refill{background:var(--refill-fill);color:var(--refill-ink)}.button-primary.pickup{background:var(--pickup-fill);color:var(--pickup-ink)}.button-primary.adjustment{background:var(--amber)}.button-secondary{background:var(--surface-subtle);border:1px solid var(--line);color:var(--text)}.button-danger{background:var(--danger);color:#fff}html[data-theme=dark] :is(.button-primary,.button-danger){color:#102a20}html[data-theme=dark] .button-primary.refill{color:var(--refill-ink)}html[data-theme=dark] .button-primary.pickup{color:var(--pickup-ink)}html[data-theme=dark] .button-primary.adjustment{color:#352510}.icon-button{border-radius:12px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.icon-button:hover{background:var(--surface-subtle)}.text-button{min-height:44px;color:var(--green);text-align:left;justify-content:flex-start;align-items:center;gap:.35rem;padding:.5rem 0;font-size:.75rem;font-weight:650;display:inline-flex}.round-icon{width:40px;height:40px;color:var(--green);background:var(--green-soft);border-radius:12px;flex:none;justify-content:center;align-items:center;display:inline-flex}.round-icon.refill{color:var(--refill);background:var(--refill-soft)}.round-icon.pickup{color:var(--pickup);background:var(--pickup-soft)}.round-icon.amber,.round-icon.adjustment{color:var(--amber);background:var(--amber-soft)}.home-grid{gap:1rem;display:grid}.reward-hero{background:var(--hero);color:var(--hero-text);border-radius:22px;min-width:0;padding:1.5rem;position:relative;overflow:hidden}.hero-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.hero-top .eyebrow{color:var(--hero-muted);margin-bottom:.35rem}.hero-top h2{color:var(--hero-text);font-size:.9375rem;font-weight:600}.hero-tag{color:#def3e9;background:#ffffff1a;border:1px solid #ffffff24;border-radius:20px;align-self:flex-start;padding:.25rem .65rem;font-size:.6875rem}.hero-amount{letter-spacing:-.055em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;align-items:baseline;gap:.35rem;min-width:0;max-width:100%;margin-top:1.375rem;font-size:clamp(2.75rem,12vw,4.75rem);font-weight:750;line-height:1.2;display:flex}.hero-amount>.hero-currency{letter-spacing:-.02em;flex:none;font-size:.58em;font-weight:450}.hero-amount>.kinetic-glyphs:not(.hero-currency){min-width:0}.hero-period{color:var(--hero-muted);margin-top:.55rem;font-size:.75rem}.reward-composition{background:color-mix(in srgb, var(--line) 78%, transparent);width:100%;min-width:0;height:12px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--line) 80%, transparent);border-radius:20px;margin:1.15rem 0 .15rem;display:flex;overflow:hidden}.reward-composition.empty{justify-content:center;align-items:center;height:30px}.reward-segment{transform-origin:0;height:100%;animation:infographic-segment-grow .68s var(--infographic-delay,.1s) var(--motion-ease-out) both;flex:none;display:block}.reward-segment.base{background:#59bd8b}.reward-segment.early{background:var(--refill-fill)}.reward-segment.bonus{background:#a996ee}.reward-composition-empty{color:var(--muted);font-size:.625rem;font-weight:600}.reward-hero .reward-composition{background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff21}.reward-hero .reward-composition-empty{color:var(--hero-muted)}.hero-breakdown{border-top:1px solid #ffffff2b;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:1.25rem;padding:1.25rem 0;display:grid}.hero-breakdown>div{min-width:0}.hero-breakdown>div+div{border-left:1px solid #ffffff26;padding-left:.75rem}.hero-breakdown span{color:var(--hero-muted);margin-bottom:.3rem;font-size:.625rem;display:block}.hero-breakdown strong{letter-spacing:-.025em;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:1rem}.hero-share-action{color:#0f1419;text-align:left;touch-action:manipulation;-webkit-tap-highlight-color:transparent;width:100%;min-height:58px;transition:background-color var(--motion-fast), box-shadow var(--motion-fast), transform var(--motion-fast) var(--motion-ease-press);background:#fff;border-radius:14px;align-items:center;gap:.7rem;padding:.7rem .875rem;display:flex;box-shadow:0 5px 18px #00000026}.hero-share-action>span{flex:1;min-width:0;font-size:.8125rem;font-weight:750;line-height:1.35}.hero-share-action small{color:#5f6b70;margin-top:.15rem;font-size:.625rem;font-weight:500;display:block}.hero-share-action>svg:first-child{flex:none}.hero-share-action>svg:last-child{color:#5f6b70;flex:none}.hero-share-action:active{transform:scale(.985)}.hero-share-action+.hero-link{margin-top:.65rem}.hero-link{color:var(--hero-text);border-top:1px solid #ffffff2b;justify-content:space-between;align-items:center;gap:.5rem;width:100%;min-height:44px;padding:.85rem 0 0;font-size:.75rem;font-weight:600;display:flex}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.quick-actions .button{text-align:left;border:1px solid #0000;border-radius:16px;justify-content:flex-start;gap:.5rem;min-height:79px;padding:1rem .875rem}.quick-actions .button:active{transform:scale(.965)}.quick-actions .refill{background:var(--refill-fill);color:var(--refill-ink)}.quick-actions .pickup{background:var(--pickup-fill);color:var(--pickup-ink)}.quick-actions .button>span{white-space:nowrap;flex:1;min-width:0;font-size:.8125rem}.quick-actions .button small{margin-top:.15rem;font-size:.5625rem;font-weight:450;display:block}.quick-actions .button>svg:last-child{display:none}html[data-theme=dark] .quick-actions .refill{color:var(--refill-ink)}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.stat{background:var(--surface);border:1px solid var(--line);text-align:left;min-width:0;box-shadow:var(--shadow);border-radius:15px;padding:.9rem .55rem}.stat>span{color:var(--muted);white-space:nowrap;align-items:center;gap:.25rem;font-size:.625rem;font-weight:550;display:flex}.stat>span svg{display:none}.stat>strong{letter-spacing:-.04em;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin-top:.5rem;font-size:clamp(1.375rem,6vw,2rem);font-weight:750;line-height:1.3;display:block}.stat strong small{letter-spacing:0;color:var(--muted);padding-left:.2rem;font-size:.625rem;font-weight:500}.refill-stat>span,.refill-stat>strong,.refill-label{color:var(--refill)}.pickup-stat>span,.pickup-stat>strong,.pickup-label{color:var(--pickup)}.refill-stat{border-top:3px solid var(--refill-fill)}.pickup-stat{border-top:3px solid var(--pickup-fill)}.stock-stat{background:var(--green-soft);border-color:color-mix(in srgb, var(--green) 15%, transparent)}.stock-stat>span,.stock-stat>strong,.stock-stat strong small{color:var(--green)}.next-tier{border-color:color-mix(in srgb, var(--green) 23%, var(--line))}.next-tier .section-heading{gap:.5rem;margin-bottom:1rem}.next-tier .section-heading h2{font-size:.9375rem}.next-tier .section-heading .round-icon{border-radius:10px;width:34px;height:34px}.next-number{color:var(--muted);justify-content:center;align-items:baseline;gap:.65rem;padding:.65rem 0 .25rem;font-size:.875rem;display:flex}.next-number strong{color:var(--green);letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:clamp(3.4rem,13vw,4.5rem);font-weight:750;line-height:1.1}.next-number .kinetic-suffix{animation-delay:.25s}.next-caption{text-align:center;color:var(--muted);margin:.6rem 0 1.25rem;font-size:.75rem}.next-caption strong{color:var(--green)}progress{appearance:none;background:var(--line);width:100%;height:7px;accent-color:var(--green);border:0;border-radius:20px;display:block;overflow:hidden}progress::-webkit-progress-bar{background:var(--line);border-radius:20px}progress::-webkit-progress-value{background:var(--green);border-radius:20px}progress::-moz-progress-bar{background:var(--green);border-radius:20px}.infographic-progress{background:var(--line);border-radius:20px;width:100%;height:11px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #122a2212}.infographic-progress-fill{border-radius:inherit;background:var(--green);transform-origin:0;min-width:0;height:100%;animation:infographic-progress-grow .78s 90ms var(--motion-ease-out) both;display:block;position:relative}.infographic-progress.refill .infographic-progress-fill{background:var(--refill-fill)}.infographic-progress-fill:after{content:"";width:7px;height:7px;animation:infographic-marker-enter .34s .69s var(--motion-ease-out) both;background:#ffffffe0;border-radius:50%;position:absolute;top:2px;right:2px;box-shadow:0 0 0 2px #ffffff2e}.infographic-progress.empty .infographic-progress-fill:after{display:none}.progress-labels{color:var(--muted);justify-content:space-between;gap:.5rem;margin-top:.5rem;font-size:.625rem;display:flex}.compare-reward{background:var(--surface-subtle);border-radius:12px;grid-template-columns:minmax(0,1fr) 20px minmax(0,1.1fr);align-items:center;gap:.75rem;margin-top:1.25rem;padding:1rem;display:grid}.compare-reward>div{min-width:0}.compare-reward span{color:var(--muted);margin-bottom:.25rem;font-size:.625rem;display:block}.compare-reward strong{letter-spacing:-.035em;overflow-wrap:anywhere;font-size:1.15rem}.compare-reward>svg{color:var(--muted)}.compare-reward>b{color:var(--green);background:var(--green-soft);border-radius:6px;grid-column:1/-1;justify-self:end;padding:.25rem .6rem;font-size:.8125rem}.next-tier>.text-button{justify-content:space-between;width:100%;margin-top:.5rem}.achieved{min-height:190px;color:var(--green);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex}.goal-panel .section-heading{gap:.5rem;margin-bottom:1rem}.goal-main{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem;display:flex}.goal-main>strong{letter-spacing:-.05em;font-size:2rem;line-height:1.3}.goal-main>strong small{margin-left:.15rem;font-size:1rem}.goal-main>strong .kinetic-glyph{animation-duration:.5s}.goal-main>strong .kinetic-suffix{animation-delay:.24s}.goal-main>div{color:var(--muted);font-size:.75rem}.goal-main b{color:var(--text);margin-left:.25rem;font-size:1rem}.goal-estimate{background:var(--surface-subtle);text-align:left;border-radius:10px;justify-content:space-between;align-items:center;gap:.5rem;width:100%;min-height:48px;margin-top:1rem;padding:.7rem .875rem;font-size:.75rem;display:flex}.goal-estimate b{color:var(--green);font-size:1rem}.weekly-mini .section-heading{justify-content:space-between;gap:.5rem}.weekly-mini .section-heading h2{font-size:.8125rem}.week-picker{align-items:center;gap:0;min-width:0;display:inline-flex}.week-picker .icon-button{border-radius:9px;width:33px;height:44px}.week-label{white-space:nowrap;flex-direction:column;justify-content:center;min-height:44px;padding:0 .1rem;font-size:.6875rem;font-weight:650;line-height:1.5;display:flex}.week-label span{color:var(--muted);font-size:.5625rem;font-weight:400}.week-chart{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:.375rem;padding:.25rem 0 .5rem;display:grid}.week-chart>div{border-radius:9px;flex-direction:column;align-items:center;min-width:0;padding:.6rem .15rem;display:flex}.week-chart>div.today{background:var(--refill-soft)}.week-chart>div>span{color:var(--muted);margin-bottom:.45rem;font-size:.75rem;font-weight:550}.week-chart-value{animation:infographic-value-enter .42s var(--infographic-delay,.18s) var(--motion-ease-out) both}.chart-space{border-bottom:1px solid var(--line);justify-content:center;align-items:flex-end;width:100%;height:84px;display:flex}.chart-space i{background:color-mix(in srgb, var(--refill-fill) 70%, var(--surface));transform-origin:50% 100%;width:56%;max-width:28px;animation:infographic-bar-grow .66s var(--infographic-delay,.12s) var(--motion-ease-out) both;border-radius:5px 5px 1px 1px;display:block}.chart-space i.empty{opacity:.38;animation-name:infographic-bar-grow-empty}.today .chart-space i{background:var(--refill-fill)}.week-chart b{margin-top:.6rem;font-size:.75rem;font-weight:550}.week-chart small{color:var(--muted);font-size:.5625rem}.inventory-preview .section-heading{flex-wrap:wrap;gap:.5rem}.inventory-preview .section-heading h2{font-size:.8125rem}.inventory-message{align-items:center;gap:.75rem;display:flex}.inventory-message>div{min-width:0}.inventory-message strong{font-size:.8125rem}.inventory-message p{color:var(--muted);margin-top:.25rem;font-size:.6875rem}.inventory-edit-shortcut{text-align:left;justify-content:flex-start;width:100%;margin-top:1rem}.inventory-edit-shortcut>svg:first-child{color:var(--amber)}.inventory-edit-shortcut>svg:last-child{color:var(--muted);margin-left:auto}.inventory-edit-shortcut>span{flex-direction:column;gap:.15rem;font-size:.8125rem;display:flex}.inventory-edit-shortcut small{color:var(--muted);font-size:.625rem;font-weight:450}.welcome-panel{text-align:center;padding:1.75rem 1.25rem}.welcome-panel>p{color:var(--muted);font-size:.8125rem}.welcome-panel>.button{margin-top:1.25rem}.home-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.home-tools button{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:14px;justify-content:flex-start;align-items:center;gap:.5rem;min-height:64px;padding:.85rem;font-size:.6875rem;font-weight:650;display:flex}.home-tools button>svg{color:var(--green)}.home-tools button>svg:last-child{width:14px;margin-left:auto}.entry-layout,.simulator-grid,.view-stack{gap:1rem;min-width:0;display:grid}.entry-panel{width:100%;max-width:540px}.record-form{flex-direction:column;gap:1.25rem;min-width:0;display:flex}.record-form.refill{--green:var(--refill);--green-soft:var(--refill-soft);--focus:var(--refill)}.record-form.pickup{--green:var(--pickup);--green-soft:var(--pickup-soft);--focus:var(--pickup)}.record-form.refill .quick-amounts button{color:var(--refill);background:var(--refill-soft);border-color:color-mix(in srgb, var(--refill) 25%, var(--line))}.record-form.pickup .quick-amounts button{color:var(--pickup);background:var(--pickup-soft);border-color:color-mix(in srgb, var(--pickup) 25%, var(--line))}.form-intro{align-items:center;gap:.75rem;display:flex}.form-intro h2{font-size:1rem}.form-intro p{color:var(--muted);margin-top:.2rem;font-size:.6875rem}.field{flex-direction:column;gap:.5rem;min-width:0;font-size:.8125rem;font-weight:600;line-height:1.5;display:flex}.field :is(input,select,textarea){border:1px solid var(--line);background:var(--surface);width:100%;min-height:48px;transition:background-color var(--motion-fast), border-color var(--motion-fast), box-shadow var(--motion-fast);border-radius:10px;padding:.7rem .875rem;font-size:16px;font-weight:450;line-height:1.5}.field :is(input,select,textarea):focus{border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb, var(--green) 13%, transparent)}.field input[readonly]{background:var(--surface-subtle);color:var(--muted)}.field textarea{resize:vertical;min-height:85px}.field input::placeholder,.field textarea::placeholder{color:var(--muted);opacity:.85}.field input[type=date]{appearance:auto;min-inline-size:0}.field-grid{grid-template-columns:minmax(0,1fr);gap:.875rem;display:grid}.date-field{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.date-field>span{color:var(--muted);font-size:.6875rem;font-weight:450}.date-field input{grid-column:1/-1}.quantity-label{text-align:center;color:var(--muted);margin-top:.1rem;margin-bottom:-.9rem;font-size:.8125rem;font-weight:600}.quantity-stepper{grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:.4rem;display:grid}.step-button{background:var(--surface-subtle);border:1px solid var(--line);width:48px;height:48px;color:var(--green);border-radius:50%;place-items:center;display:grid}.step-button:active,.quick-amounts button:active{filter:brightness(.92);transform:scale(.86)}.quantity-stepper>div{justify-content:center;align-items:baseline;min-width:0;display:flex}.quantity-stepper input{text-align:center;letter-spacing:-.07em;font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:8px;width:100%;min-width:0;padding:0;font-size:60px;font-weight:720;line-height:1.35}.quantity-stepper>div>span{color:var(--muted);flex:none;margin-left:.2rem;font-size:.875rem;font-weight:500}.quick-amounts{grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;display:grid}.quick-amounts button{background:var(--surface-subtle);border:1px solid var(--line);min-height:44px;color:var(--text);border-radius:10px;font-size:.875rem;font-weight:600}.area-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.area-options button{border:1px solid var(--line);background:var(--surface);min-width:0;min-height:65px;transition:background-color var(--motion-fast), border-color var(--motion-fast), box-shadow var(--motion-fast), color var(--motion-fast), transform var(--motion-fast) var(--motion-ease-press);border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.65rem .3rem;display:flex}.area-options button strong{overflow-wrap:anywhere;font-size:.75rem;font-weight:550}.area-options button span{color:var(--muted);font-size:.6875rem}.area-options button.selected{color:var(--green);background:var(--green-soft);border:2px solid var(--green);box-shadow:0 4px 12px color-mix(in srgb, var(--green) 10%, transparent);padding:calc(.65rem - 1px) calc(.3rem - 1px)}.area-options button.selected strong,.area-options button.selected span{color:var(--green);font-weight:700}.area-guide{border:1px solid var(--line);background:var(--surface-subtle);border-radius:12px;margin-top:.75rem;padding:.875rem}.area-guide-title{margin-bottom:.5rem;font-size:.75rem;font-weight:650}.area-guide dl{gap:.25rem;display:grid}.area-guide dl>div{border-radius:6px;grid-template-columns:minmax(2.5rem,1fr) minmax(0,4fr);gap:.75rem;padding:.25rem .5rem;font-size:.75rem;line-height:1.6;display:grid}.area-guide dt{overflow-wrap:anywhere;font-weight:650}.area-guide dd{overflow-wrap:anywhere;margin:0}.area-guide .selected{color:var(--refill);background:var(--refill-soft)}.area-guide .field-hint{margin-top:.625rem}.segmented{background:var(--surface-subtle);border:1px solid var(--line);border-radius:11px;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:3px;display:grid}.segmented button{white-space:nowrap;min-height:44px;color:var(--muted);transition:background-color var(--motion-fast), box-shadow var(--motion-fast), color var(--motion-fast), transform var(--motion-fast) var(--motion-ease-press);border-radius:8px;padding:.5rem .15rem;font-size:.6875rem;font-weight:600}.segmented button.selected{color:var(--green);background:var(--surface);box-shadow:0 1px 5px #00000014}.early-field>.field{margin-top:.875rem}.form-details{border-top:1px solid var(--line);padding-top:.4rem}.form-details summary{cursor:pointer;justify-content:space-between;align-items:center;gap:.5rem;min-height:44px;font-size:.8125rem;font-weight:550;list-style:none;display:flex}.form-details summary::-webkit-details-marker{display:none}.form-details[open] summary{margin-bottom:.75rem}.form-details summary svg{transition:transform var(--motion-standard) var(--motion-ease-out)}.form-details[open] summary svg{transform:rotate(180deg)}.entry-estimate{background:var(--green-soft);border-radius:12px;padding:1rem}.entry-estimate>div{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.entry-estimate>div>span{color:var(--muted);font-size:.6875rem}.entry-estimate strong{letter-spacing:-.04em;color:var(--green);font-variant-numeric:tabular-nums;font-size:1.4rem}.entry-estimate>small{color:var(--muted);margin-top:.35rem;font-size:.6875rem;display:block}.entry-estimate>p{margin-top:.5rem;font-size:.75rem}.record-form.pickup .entry-estimate{background:var(--pickup-soft)}.record-form.pickup .entry-estimate strong,.record-form.pickup .step-button{color:var(--pickup)}.save-record{width:100%;min-height:54px;font-size:.9375rem}.entry-side{align-content:start;gap:1rem;display:grid}.entry-side>.panel{flex-direction:column;align-items:flex-start;gap:.6rem;display:flex}.entry-side>.panel>svg{color:var(--green)}.entry-side h2{margin:0;font-size:.875rem}.side-number{letter-spacing:-.045em;font-size:2.5rem;line-height:1.25}.side-number small{color:var(--muted);margin-left:.3rem;font-size:.875rem}.entry-side p{color:var(--muted);font-size:.75rem}.check-field{cursor:pointer;align-items:flex-start;gap:.6rem;min-height:44px;padding:.55rem 0;font-size:.8125rem;line-height:1.7;display:flex}.check-field input{flex:none;width:20px;height:20px;margin:.1rem 0 0}.stocktake-preview{background:var(--amber-soft);border-radius:12px;padding:1rem}.stocktake-preview>div{justify-content:space-between;gap:.75rem;padding:.45rem 0;display:flex}.stocktake-preview>div>span{color:var(--muted);font-size:.8125rem}.stocktake-preview>.check-field{border-top:1px solid color-mix(in srgb, var(--amber) 20%, transparent);margin-top:.5rem;padding-top:.875rem}.inventory-edit-date{border:1px solid var(--line);background:var(--surface-subtle);border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;min-height:48px;padding:.75rem .875rem;font-size:.8125rem;display:flex}.inventory-edit-date span{color:var(--muted)}.inventory-edit-preview>.field-hint{border-top:1px solid color-mix(in srgb, var(--amber) 20%, transparent);margin-top:.5rem;padding-top:.75rem}.reward-total{padding:.5rem 0 1.25rem}.reward-total>span{color:var(--muted);font-size:.8125rem}.reward-total>strong{letter-spacing:-.05em;overflow-wrap:anywhere;margin-top:.4rem;font-size:clamp(2.5rem,10vw,3.5rem);line-height:1.35;display:block}.breakdown-list{gap:0;display:grid}.breakdown-list>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:1rem;padding:.875rem 0;display:flex}.breakdown-list dt{color:var(--muted);font-size:.8125rem}.breakdown-list dt small{margin-top:.2rem;font-size:.625rem;display:block}.breakdown-list dd{text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;min-width:0;margin:0;font-size:.9375rem;font-weight:600}.table-wrap{width:100%;max-width:100%;margin-top:1rem}table{border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums;width:100%;font-size:.75rem}th,td{text-align:right;border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding:.875rem .2rem}thead th{background:var(--surface-subtle);color:var(--muted);padding-top:.6rem;padding-bottom:.6rem;font-size:.6875rem;font-weight:550}th:first-child{text-align:left;padding-left:.35rem}th:last-child,td:last-child{padding-right:.35rem}tbody th{font-weight:550}tfoot th,tfoot td{border-bottom:0;font-weight:750}.weekly-table th:first-child{width:27%}.weekly-table th:last-child{width:29%}.weekly-table td:last-child{font-weight:650}.area-table th:first-child{width:15%}.inventory-table th:first-child{width:25%}.inventory-table th small{color:var(--muted);font-size:.625rem;display:block}.simulator-input{flex-direction:column;gap:1.25rem;display:flex}.simulator-input>.section-heading{margin-bottom:.25rem}.simulator-number{justify-content:center;align-items:baseline;gap:.5rem;display:flex}.simulator-number input{text-align:center;border:0;border-bottom:2px solid var(--line);letter-spacing:-.055em;background:0 0;border-radius:0;max-width:220px;min-height:90px;padding:.25rem;font-size:60px;font-weight:700;line-height:1.2}.simulator-number>span{color:var(--muted)}.simulation-result{background:var(--green-soft);border-color:color-mix(in srgb, var(--green) 20%, var(--line))}.simulation-result.result-motion{animation:result-update .46s var(--motion-ease-out) both;transform-origin:50% 35%}.simulation-result.result-motion .result-amount{animation:metric-update .48s 45ms var(--motion-ease-out) both}.simulation-result.result-motion .difference-pill{animation:result-detail-enter .36s .12s var(--motion-ease-out) both}.simulation-result.result-motion .breakdown-list{animation:result-detail-enter .38s .17s var(--motion-ease-out) both}.simulation-result .eyebrow{color:var(--green);margin-bottom:.65rem}.result-amount{color:var(--green);letter-spacing:-.05em;overflow-wrap:anywhere;margin:1rem 0 .75rem;font-size:clamp(2.5rem,10vw,3.5rem);font-weight:750;line-height:1.35}.difference-pill{color:var(--green);background:var(--surface);border-radius:7px;margin-bottom:.875rem;padding:.3rem .65rem;font-size:.75rem;font-weight:650;display:inline-flex}.tier-list{margin-top:1rem}.tier-list>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding:1rem 0;display:flex}.tier-list>div:last-child{border-bottom:0;padding-bottom:0}.tier-list>div>div{flex-direction:column;gap:.3rem;display:flex}.tier-list>div>div:last-child{text-align:right}.tier-list strong{font-size:.9375rem}.tier-list strong small{color:var(--muted);font-size:.625rem;font-weight:500}.tier-list span{color:var(--muted);font-size:.6875rem}.simulator-grid .goal-panel>.next-number{margin:.5rem 0}.simulator-grid .goal-panel>p{font-size:.8125rem}.inventory-hero{text-align:center}.inventory-hero .section-heading{text-align:left}.inventory-count{letter-spacing:-.06em;color:var(--green);margin:1rem 0 1.25rem;font-size:clamp(3.5rem,13vw,5rem);font-weight:750;line-height:1.2}.inventory-count small{color:var(--muted);margin-left:.5rem;font-size:1rem}.inventory-numbers{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1.25rem;padding:1rem 0;display:grid}.inventory-numbers span{color:var(--muted);margin-bottom:.3rem;font-size:.6875rem;display:block}.inventory-numbers b{font-size:1.25rem}.inventory-actions{gap:.625rem;display:grid}.inventory-actions .button{width:100%}.inventory-actions>p{color:var(--muted);margin:-.125rem 0 .25rem;font-size:.6875rem;line-height:1.65}.stocktake-list,.batch-list{display:grid}.stocktake-list>button,.batch-list>div{text-align:left;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;display:flex}.stocktake-list>button>div,.batch-list>div>div{flex-direction:column;gap:.2rem;min-width:0;display:flex}.stocktake-list strong,.batch-list strong{overflow-wrap:anywhere;font-size:.8125rem}.stocktake-list span,.batch-list span{color:var(--muted);font-size:.6875rem}.stocktake-list button>svg{color:var(--muted)}.batch-list>div>b{white-space:nowrap;font-size:1rem}.stocktake-list>button:last-child,.batch-list>div:last-child{border-bottom:0}.history-types{margin-bottom:1.25rem}.history-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.history-filters .field{font-size:.6875rem}.history-filters .field :is(input,select){padding:.65rem .5rem}.record-list{margin-top:.5rem}.record-row{text-align:left;border-bottom:1px solid var(--line);grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:.6rem;width:100%;min-height:91px;padding:1rem 0;display:grid}.record-row:last-child{border-bottom:0}.record-row>.round-icon{border-radius:10px;width:36px;height:36px}.record-description{flex-direction:column;gap:.2rem;min-width:0;display:flex}.record-description>strong{font-size:.8125rem}.record-description>strong>span{color:var(--muted);margin-left:.15rem;font-size:.625rem;font-weight:450}.record-description>small{color:var(--muted);overflow-wrap:anywhere;font-size:.625rem;line-height:1.65}.record-note{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.record-value{text-align:right;flex-direction:column;gap:.2rem;display:flex}.record-value>strong{font-variant-numeric:tabular-nums;letter-spacing:-.035em;font-size:1.25rem;line-height:1.3}.record-value strong small{color:var(--muted);padding-left:.2rem;font-size:.625rem}.record-value>small{color:var(--muted);font-size:.625rem}.record-row>svg:last-child{color:var(--muted);display:none}.empty-state{color:var(--muted);text-align:center;padding:2.75rem .5rem;font-size:.8125rem;line-height:1.9}.notice,.warning,.form-error{overflow-wrap:anywhere;border-radius:11px;align-items:flex-start;gap:.625rem;padding:.875rem 1rem;font-size:.75rem;line-height:1.8;display:flex}.notice{background:var(--surface-subtle);color:var(--muted);border:1px solid var(--line)}.warning{background:var(--amber-soft);color:var(--amber);border:1px solid color-mix(in srgb, var(--amber) 20%, transparent)}.warning>svg,.notice>svg{margin-top:.2rem}.warning strong{margin-bottom:.2rem;display:block}.warning p+p{margin-top:.4rem}.form-error,.notice[role=alert]{background:var(--danger-soft);color:var(--danger);border:1px solid color-mix(in srgb, var(--danger) 25%, transparent)}.inventory-preview .warning{margin-top:1rem}.demo-banner{background:var(--blue-soft);color:var(--blue);border:1px solid color-mix(in srgb, var(--blue) 18%, transparent);border-radius:12px;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.7rem .875rem;display:flex}.demo-banner>div{flex-direction:column;gap:.15rem;display:flex}.demo-banner strong{font-size:.75rem}.demo-banner span{font-size:.625rem}.demo-banner>button{min-height:44px;color:var(--blue);align-items:center;gap:.3rem;font-size:.75rem;font-weight:650;display:flex}.pwa-panel{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.pwa-panel .section-heading{margin-bottom:0}.pwa-panel>p{font-size:.8125rem}.pwa-panel>.field-hint{margin-top:0;font-size:.75rem}.settings-section{gap:1.25rem;min-width:0;display:grid}.settings-section>.section-heading{margin-bottom:0}form.settings-section>fieldset{border-top:1px solid var(--line);padding-top:1.5rem}form.settings-section>fieldset>legend{float:left;width:100%;margin-bottom:.875rem;font-size:.9375rem}form.settings-section>fieldset>legend+*{clear:both}fieldset.settings-section>fieldset.settings-section{background:var(--surface-subtle);border:1px solid var(--line);border-radius:12px;gap:1rem;padding:1rem}fieldset.settings-section>fieldset>legend{background:var(--surface-subtle);border:1px solid var(--line);border-radius:7px;margin:0;padding:.15rem .55rem;font-size:.75rem}.settings-section .muted{font-size:.75rem}.settings-section .field-grid{gap:1rem}.settings-section>.button-primary{justify-self:stretch}.settings-section [role=group]{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.settings-section [role=group]>.button{flex-direction:column;gap:.35rem;padding:.7rem .2rem;font-size:.6875rem}fieldset.settings-section>div.settings-section{border-bottom:1px solid var(--line);gap:.65rem;padding:1rem 0}fieldset.settings-section>div.settings-section>.button-secondary{color:var(--muted);background:0 0;border:0;justify-self:start;padding:.5rem 0;font-size:.6875rem}.app-footer{text-align:center;color:var(--muted);padding:2rem .25rem 0;font-size:.625rem;line-height:1.8}.app-footer p+p{margin-top:.55rem}.bottom-nav{z-index:30;padding:.45rem calc(.45rem + env(safe-area-inset-right)) calc(.5rem + env(safe-area-inset-bottom)) calc(.45rem + env(safe-area-inset-left));background:var(--nav-bg);-webkit-backdrop-filter:blur(20px)saturate(160%);border-top:1px solid color-mix(in srgb, var(--line) 75%, transparent);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -1px 20px #14281e0f}.bottom-nav button{min-height:56px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:.25rem .1rem;font-size:.625rem;font-weight:600;display:flex}.bottom-nav button>span{width:44px;height:30px;transition:background-color var(--motion-fast), box-shadow var(--motion-fast), transform var(--motion-standard) var(--motion-ease-out);border-radius:10px;place-items:center;display:grid;position:relative}.bottom-nav button>span:after{content:"";opacity:0;width:16px;height:3px;transition:opacity var(--motion-standard), transform var(--motion-view) var(--motion-ease-out);background:currentColor;border-radius:4px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)scaleX(.2)}.bottom-nav button.active{color:var(--green);font-weight:750}.bottom-nav button.active>span{background:var(--green-soft);box-shadow:0 6px 16px color-mix(in srgb, var(--green) 14%, transparent);animation:nav-pill-activate var(--motion-view) var(--motion-ease-out) both;transform:translateY(-3px)scale(1.1)}.bottom-nav button.active>span:after{opacity:1;transform:translate(-50%)scaleX(1)}.bottom-nav button.refill,.bottom-nav button.active.refill{color:var(--refill)}.bottom-nav button.active.refill>span{background:var(--refill-soft);box-shadow:0 4px 12px color-mix(in srgb, var(--refill) 11%, transparent)}.bottom-nav button.pickup,.bottom-nav button.active.pickup{color:var(--pickup)}.bottom-nav button.active.pickup>span{background:var(--pickup-soft);box-shadow:0 4px 12px color-mix(in srgb, var(--pickup) 11%, transparent)}.history-types button.selected.refill{color:var(--refill);background:var(--refill-soft)}.history-types button.selected.pickup{color:var(--pickup);background:var(--pickup-soft)}.record-row.refill .record-description>strong{color:var(--refill)}.record-row.pickup .record-description>strong{color:var(--pickup)}.sheet{border:1px solid var(--line);width:100%;max-width:none;max-height:calc(100dvh - 24px);color:var(--text);background:var(--surface);overscroll-behavior:contain;border-bottom:0;border-radius:24px 24px 0 0;margin:0;padding:0;position:fixed;inset:auto 0 0;overflow:auto;box-shadow:0 -12px 60px #00000029}.sheet[open]{animation:sheet-enter var(--motion-emphasis) var(--motion-ease-out) both}.sheet::backdrop{-webkit-backdrop-filter:blur(3px);background:#0917127a}.sheet[open]::backdrop{animation:backdrop-enter var(--motion-standard) ease-out both}.sheet-handle{background:var(--line);border-radius:4px;width:36px;height:4px;margin:10px auto 2px}.sheet-header{z-index:2;border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem 1.25rem;display:flex;position:sticky;top:0}.sheet[open] .sheet-header{animation:sheet-content-enter .32s .11s var(--motion-ease-out) both}.sheet-header h2{font-size:1rem}.sheet-header .icon-button{margin-right:-.5rem}.sheet-body{padding:1.25rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom));flex-direction:column;gap:1.25rem;display:flex}.sheet[open] .sheet-body>*{animation:sheet-content-enter .36s .15s var(--motion-ease-out) both}.sheet[open] .sheet-body>:nth-child(2){animation-delay:.19s}.sheet[open] .sheet-body>:nth-child(3){animation-delay:.23s}.sheet[open] .sheet-body>:nth-child(n+4){animation-delay:.27s}.sheet-body>p{font-size:.8125rem}.sheet-body>.button{width:100%}.sheet-body .record-form{gap:1.15rem}.dialog-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.65rem;width:100%;display:grid}.dialog-actions .button{padding:.75rem .5rem;font-size:.75rem}.delete-section{border-top:1px solid var(--line);gap:1rem;padding-top:1rem;font-size:.8125rem;display:grid}.csv-import{flex-direction:column;gap:1.25rem;min-width:0;display:flex}.screenshot-home-action{grid-column:1/-1}.share-panel{gap:1rem;min-width:0;display:grid}.share-period{grid-template-columns:repeat(2,minmax(0,1fr))}.share-preview{border:1px solid var(--line);background:var(--surface-subtle);border-radius:14px;min-width:0;padding:1rem}.share-preview>span{color:var(--muted);margin-bottom:.625rem;font-size:.6875rem;font-weight:650;display:block}.share-preview p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8125rem;line-height:1.8}.share-privacy{color:var(--green);align-items:flex-start;gap:.625rem;font-size:.75rem;line-height:1.8;display:flex}.share-privacy>svg{margin-top:.2rem}.x-share-button{color:#fff;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#0f1419;width:100%;min-height:54px;text-decoration:none}.x-share-button:active{transform:scale(.975)}.share-offline-button{border:1px solid var(--line);background:var(--surface-subtle);width:100%;min-height:54px}html[data-theme=dark] .x-share-button{color:#0f1419;background:#f5f5f5}.screenshot-entry-action{width:100%;margin-bottom:1.25rem}.screenshot-import{flex-direction:column;gap:1rem;min-width:0;display:flex}.screenshot-intro{align-items:center;gap:.75rem;display:flex}.screenshot-intro p,.screenshot-review-heading p{color:var(--muted);margin-top:.3rem;font-size:.75rem}.screenshot-privacy{color:var(--green);gap:.5rem;font-size:.75rem;display:flex}.screenshot-pick{border-style:dashed;width:100%;min-height:56px}.ocr-progress{background:var(--surface-subtle);border-radius:14px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.ocr-progress progress{width:100%;height:12px;accent-color:var(--green)}.screenshot-sources{border:1px solid var(--line);border-radius:14px;padding:.5rem .875rem}.screenshot-sources summary,.candidate-raw summary{cursor:pointer;align-content:center;min-height:44px;font-size:.75rem;font-weight:650}.screenshot-sources>div{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;display:grid}.screenshot-sources figure{min-width:0;margin:0}.screenshot-sources img{border:1px solid var(--line);border-radius:10px;width:100%;height:auto}.screenshot-sources figcaption{color:var(--muted);overflow-wrap:anywhere;padding:.35rem 0;font-size:.6875rem}.screenshot-review-heading{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.screenshot-review-heading>button{flex:none}.screenshot-candidates{gap:1rem;display:grid}.screenshot-candidate{border:1px solid var(--line);border-top:3px solid var(--muted);border-radius:16px;min-width:0;padding:.875rem}.screenshot-candidate.refill{border-top-color:var(--refill-fill)}.screenshot-candidate.pickup{border-top-color:var(--pickup-fill)}.screenshot-candidate.duplicate{background:var(--surface-subtle)}.candidate-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.candidate-heading .check-field{min-height:44px;margin:0}.candidate-fields{gap:.875rem;display:grid}.candidate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;display:grid}.candidate-grid input{width:100%;min-height:48px}.candidate-fields input,.candidate-fields select{min-height:48px;font-size:1rem}.candidate-raw{border-top:1px solid var(--line);margin-top:.75rem}.candidate-raw pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;color:var(--muted);font-size:.75rem}.candidate-raw small{overflow-wrap:anywhere;color:var(--muted);display:block}.screenshot-save-summary{background:var(--surface-subtle);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.screenshot-save-summary>span{color:var(--muted);font-size:.8125rem}.screenshot-save-summary .check-field{align-items:flex-start;min-height:44px;font-size:.8125rem}.screenshot-import .notice,.screenshot-import .warning,.screenshot-candidate .form-error,.screenshot-candidate .warning-text{overflow-wrap:anywhere}.screenshot-import .notice{display:block}.screenshot-import .notice>strong{margin-bottom:.375rem;display:block}@media (max-width:480px){.candidate-datetime{grid-template-columns:minmax(0,1fr)}}.csv-import>.field-hint{margin-top:-.6rem}.import-preview-list{border:1px solid var(--line);border-radius:10px;max-height:280px;overflow:auto}.import-preview-list:empty{display:none}.import-preview-list>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:.2rem .75rem;padding:.8rem .875rem;font-size:.8125rem;display:grid}.import-preview-list>div:last-child{border-bottom:0}.import-preview-list small{color:var(--muted);grid-column:1/-1;font-size:.6875rem}.toast{z-index:100;left:calc(1rem + env(safe-area-inset-left));right:calc(1rem + env(safe-area-inset-right));bottom:calc(88px + env(safe-area-inset-bottom));color:#f4fff9;max-width:600px;animation:toast-enter var(--motion-emphasis) var(--motion-ease-out) both;background:#193c31;border-radius:15px;flex-wrap:wrap;align-items:center;gap:.35rem 1rem;margin:0 auto;padding:.875rem 2.8rem .875rem 1rem;font-size:.8125rem;line-height:1.7;display:flex;position:fixed;box-shadow:0 8px 36px #0000002e}.toast>span{align-items:flex-start;gap:.55rem;min-width:0;display:flex}.toast-check{color:#a5edc7;width:30px;height:30px;animation:toast-check-pop .36s .11s var(--motion-ease-out) both;background:#a5edc729;border-radius:50%;flex:none;place-items:center;margin-top:-.15rem;display:grid}.toast>button:not(.toast-close){color:#b9f2d1;align-items:center;gap:.3rem;min-height:44px;padding:0;font-size:.75rem;font-weight:650;display:flex}.toast-close{place-items:center;width:44px;height:44px;display:grid;position:absolute;top:.3rem;right:.2rem}.toast.error{color:#fff5f5;background:#61292e;animation-name:toast-error-enter}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:100dvh;display:flex}.loading-screen .brand{animation:loading-mark-enter var(--motion-emphasis) var(--motion-ease-out) both}.loading-screen>p{color:var(--muted);font-size:.8125rem}@media (hover:hover){.button-primary:not(:disabled):hover,.quick-actions .refill:hover{filter:brightness(.96)}.button-secondary:not(:disabled):hover,.home-tools button:hover,.quick-amounts button:hover{border-color:color-mix(in srgb, var(--green) 55%, var(--line))}.hero-share-action:hover{background:#f3f7f5}.record-row:hover,.stocktake-list button:hover{background:var(--surface-subtle)}.text-button:hover{text-underline-offset:4px;text-decoration:underline}.official-service-link:hover{background:var(--green-soft);border-color:var(--green)}}@media (max-width:359px){.app-header{gap:.5rem}.brand{gap:.5rem;font-size:1rem}.brand small{font-size:.5625rem}.app-mark{border-radius:9px;width:33px;height:33px}.connection-status{gap:.2rem;font-size:.5625rem}.connection-status>svg{width:14px}.panel{padding:1rem}.reward-hero{padding:1.25rem}.hero-breakdown>div+div{padding-left:.5rem}.hero-breakdown strong{font-size:.9rem}.hero-breakdown span{font-size:.5625rem}.quick-actions{gap:.5rem}.quick-actions .button{gap:.35rem;padding:.875rem .625rem}.quick-actions .button>svg:first-child{width:20px}.quick-actions .button>span{font-size:.75rem}.stat{padding-left:.45rem;padding-right:.45rem}.stat>span{font-size:.5625rem}.next-tier .section-heading h2{font-size:.8125rem}.next-tier .section-heading .round-icon{width:28px;height:28px}.next-tier .pill{padding:.3rem .35rem;font-size:.5625rem}.home-tools button{gap:.35rem;padding:.8rem .625rem;font-size:.625rem}.home-tools button>svg:first-child{width:18px}.record-row{grid-template-columns:30px minmax(0,1fr) auto;gap:.45rem}.record-row>.round-icon{width:30px;height:34px}.record-description>strong>span{margin-left:0;display:block}.record-value>strong{font-size:1.1rem}.quantity-stepper{grid-template-columns:44px minmax(0,1fr) 44px}.step-button{width:44px;height:44px}.quantity-stepper input{font-size:52px}.section-heading{gap:.4rem}.goal-panel .section-heading h2{font-size:.875rem}}@media (min-width:600px){.app-header,main{padding-left:1.75rem;padding-right:1.75rem}.home-grid{gap:1.25rem}.panel{padding:1.5rem}.reward-hero{padding:1.75rem}.hero-amount{font-size:4.5rem}.quick-actions .button{padding:1.125rem}.quick-actions .button>span{font-size:.9375rem}.quick-actions .button small{font-size:.6875rem}.quick-actions .button>svg:last-child{display:block}.stat{padding:1.1rem}.stat>span{font-size:.6875rem}.stat>span svg{display:block}.stat>strong{font-size:2rem}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.area-options{grid-template-columns:repeat(5,minmax(0,1fr))}.settings-section [role=group]>.button{flex-direction:row;font-size:.75rem}.record-row{grid-template-columns:40px minmax(0,1fr) auto 16px;gap:.875rem}.record-row>.round-icon{width:40px;height:40px}.record-row>svg:last-child{display:block}.record-description>strong{font-size:.9375rem}.record-description>small{font-size:.75rem}.record-description>strong>span{margin-left:.5rem;font-size:.75rem}.record-value>strong{font-size:1.5rem}.record-value>small{font-size:.75rem}.history-filters{max-width:560px}.history-types{max-width:420px}.history-types button,.early-options button{font-size:.75rem}.inventory-preview .section-heading h2{font-size:.9375rem}.inventory-message strong{font-size:.875rem}.weekly-mini .section-heading h2{font-size:.9375rem}.week-picker .icon-button{width:40px}.week-label{font-size:.75rem}.week-label span{font-size:.625rem}.sheet{border:1px solid var(--line);border-radius:24px;width:min(540px,100vw - 48px);max-height:calc(100dvh - 64px);margin:auto;inset:0;box-shadow:0 20px 100px #0000003d}.sheet[open]{animation-name:sheet-pop-enter}.sheet.wide{width:min(760px,100vw - 48px)}.sheet-handle{display:none}.sheet-header{padding:.875rem 1.5rem}.sheet-body{padding:1.5rem}.home-tools button{padding:1.125rem;font-size:.8125rem}table{font-size:.875rem}thead th{font-size:.75rem}th,td{padding:1rem .75rem}.weekly-table th:first-child{width:22%}.weekly-table th:last-child{width:26%}.settings-section>.button-primary{justify-self:start;min-width:200px}}@media (min-width:1000px){.desktop-sidebar{z-index:40;color:#dce9e4;background:#132e2b;flex-direction:column;width:248px;padding:2rem 1.125rem;display:flex;position:fixed;inset:0 auto 0 0}.desktop-sidebar .brand{color:#f1faf5;gap:.75rem;margin-left:.625rem;font-size:1.4rem}.desktop-sidebar .brand small{color:#b7cec2;font-size:.6875rem;font-weight:500}.desktop-sidebar .app-mark{border-radius:12px;width:43px;height:43px}.sidebar-caption{color:#afc4b9;margin:1.4rem .75rem 2.1rem;font-size:.6875rem}.desktop-sidebar nav{flex-direction:column;gap:.4rem;display:flex}.desktop-sidebar nav>button{text-align:left;color:#bdd1c7;width:100%;min-height:48px;transition:background-color var(--motion-fast), box-shadow var(--motion-fast), color var(--motion-fast), transform var(--motion-fast) var(--motion-ease-press);border-radius:11px;align-items:center;gap:.85rem;padding:.75rem 1rem;font-size:.8125rem;font-weight:550;display:flex}.desktop-sidebar nav>button:hover{background:#ffffff0d}.desktop-sidebar nav>button.active{color:#f1fff6;animation:sidebar-item-activate var(--motion-view) var(--motion-ease-out) both;background:#284b3f;box-shadow:inset 3px 0 #74d4a7}.desktop-sidebar nav>button.active svg{color:#91e3b9}.desktop-sidebar nav>button.refill svg{color:#ffb66e}.desktop-sidebar nav>button.pickup svg{color:#90daf7}.desktop-sidebar nav>button.active.refill{color:#ffce9c;background:#49321f;box-shadow:inset 3px 0 #ffa552}.desktop-sidebar nav>button.active.pickup{color:#b8e9ff;background:#173e4e;box-shadow:inset 3px 0 #8bd8f7}.nav-divider{background:#315048;height:1px;margin:.9rem .875rem}.sidebar-bottom{color:#b9cfc3;margin:auto .875rem 0;padding-top:2rem;font-size:.75rem}.sidebar-bottom>svg{color:#80c5a2;margin-bottom:.9rem;display:block}.sidebar-bottom strong{color:#f0f8f3;margin-bottom:.45rem;font-size:.8125rem;display:block}.sidebar-bottom p{font-size:.6875rem;line-height:1.9}.sidebar-bottom .pill{color:#bfd8c9;background:#26473c;margin-top:1rem;font-size:.5625rem}.main-shell{margin-left:248px}.app-header{background:var(--surface);min-height:76px;padding:1rem 2.25rem}.mobile-brand,.bottom-nav,.mobile-only{display:none}.desktop-header{color:var(--muted);font-size:.75rem;display:block}.header-actions{flex-direction:row;align-items:center;gap:1rem}.official-service-link{font-size:.75rem}.connection-status{gap:.4rem;font-size:.6875rem}main{padding:2.1rem 2.25rem 2rem}.page-heading{margin-bottom:1.6rem}.page-heading>span{font-size:.8125rem}.home-grid{grid-template-rows:auto auto auto auto auto;grid-template-columns:minmax(0,1.14fr) minmax(0,1fr);align-items:stretch;gap:1.25rem}.reward-hero{flex-direction:column;grid-area:1/1/3;padding:1.75rem;display:flex}.hero-amount{margin-top:1.75rem;font-size:clamp(3rem,5vw,4.75rem)}.hero-breakdown{margin-top:auto;padding-top:1.25rem}.hero-period{margin-bottom:1.75rem}.hero-breakdown strong{font-size:1rem}.quick-actions{grid-area:1/2;gap:.75rem}.quick-actions .button{gap:.5rem;padding:1rem .875rem}.quick-actions .button>svg:last-child{display:none}.quick-actions .button>span{font-size:.8125rem}.quick-actions .button small{font-size:.5625rem}.stats-grid{grid-area:2/2;grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem}.stat{padding:1rem 1.15rem}.stat>span{font-size:.6875rem}.stat>strong{margin-top:.45rem;font-size:2rem}.next-tier{grid-area:3/1/5}.home-grid>.goal-panel{grid-area:3/2}.weekly-mini{grid-area:5/1}.inventory-preview{grid-area:4/2/6}.welcome-panel{grid-column:1/-1}.panel{padding:1.5rem}.next-tier .section-heading h2{font-size:.9375rem}.next-tier .section-heading .round-icon{width:36px;height:36px}.next-number{padding-top:1rem}.next-number strong{font-size:4.5rem}.compare-reward{margin-top:1.4rem}.compare-reward strong{font-size:1.25rem}.goal-panel .section-heading{flex-wrap:wrap}.goal-panel .section-heading>strong{margin-left:auto}.inventory-preview .section-heading{flex-wrap:wrap}.inventory-preview .section-heading .text-button{margin-left:0}.inventory-message{align-items:flex-start;margin-top:1.7rem}.inventory-message strong{font-size:.9375rem}.inventory-message p{margin-top:.5rem;font-size:.75rem}.home-tools{gap:1.25rem;margin-top:1.25rem}.entry-layout{grid-template-columns:minmax(0,540px) minmax(220px,1fr);align-items:start;gap:1.5rem}.entry-panel{padding:1.75rem}.entry-side{position:sticky;top:1.5rem}.entry-side>.panel{padding:1.5rem}.entry-side>.muted{padding:0 .5rem}.form-intro p{font-size:.75rem}.area-options{grid-template-columns:repeat(3,minmax(0,1fr))}.simulator-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1.5rem}.simulator-grid>.simulation-result{align-self:stretch}.view-stack{gap:1.5rem}.view-stack>.panel{padding:1.75rem}.view-stack .inventory-hero{width:100%;max-width:640px}.settings-section{gap:1.5rem}form.settings-section{max-width:900px}.settings-section .field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-section [role=group]{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-section>.panel{max-width:900px}.pwa-panel{max-width:900px;margin-bottom:1.5rem;padding:1.5rem}.settings-section .muted{font-size:.8125rem}.toast{bottom:1.5rem;left:calc(248px + 1rem)}.app-footer{padding-top:2.75rem}}@media (min-width:1280px){.home-grid{gap:1.5rem}.quick-actions .button{padding:1.125rem}.quick-actions .button>svg:last-child{display:block}.quick-actions .button>span{font-size:.875rem}.quick-actions .button small{font-size:.625rem}.hero-breakdown strong{font-size:1.1875rem}.hero-breakdown span{font-size:.6875rem}.stat>strong{font-size:2.25rem}.compare-reward{grid-template-columns:minmax(0,1fr) 20px minmax(0,1.2fr)}.inventory-preview .section-heading .text-button{margin-left:auto}.entry-layout .area-options{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:999px){.app-header{min-height:68px;padding-top:.625rem;padding-bottom:.625rem}main{padding-top:1rem}.page-heading{margin-bottom:1rem}.demo-banner{min-height:48px;margin-bottom:.75rem;padding:.125rem .75rem}.demo-banner>div>span{display:none}.demo-banner>button{flex:none}.home-grid{gap:.875rem}.home-grid>.reward-hero{order:1}.home-grid>.stats-grid{order:2}.home-grid>.next-tier{order:3}.home-grid>.quick-actions{order:4}.home-grid>.goal-panel{order:5}.home-grid>.weekly-mini{order:6}.home-grid>.inventory-preview{order:7}.home-grid>.welcome-panel{order:8}.reward-hero{border-radius:20px;padding:1rem}.hero-top .eyebrow{display:none}.hero-top h2{font-size:.875rem;line-height:1.4}.hero-tag{padding:.15rem .55rem;font-size:.625rem}.hero-amount{margin-top:.5rem;font-size:3rem;line-height:1.1}.hero-period{margin-top:.25rem;font-size:.625rem;line-height:1.5}.hero-breakdown{margin-top:.5rem;padding:.5rem 0}.hero-breakdown span{margin-bottom:.125rem;font-size:.625rem;line-height:1.4}.hero-breakdown strong{font-size:.875rem;line-height:1.3;display:block}.hero-link{min-height:44px;padding-top:0;font-size:.6875rem}.hero-share-action{min-height:54px}.stats-grid{gap:.5rem}.stat{padding-top:.75rem;padding-bottom:.75rem}.stat>strong{margin-top:.3rem}.next-tier{padding-top:1rem;padding-bottom:1rem}.next-tier .section-heading{margin-bottom:.5rem}.next-tier .next-number{padding-top:.35rem;padding-bottom:.125rem}.next-tier .next-number strong{font-size:3.5rem}.next-caption{margin-top:.4rem;margin-bottom:1rem}.next-tier .compare-reward{margin-top:.875rem}.quick-actions .button{min-height:72px}.area-options{grid-template-columns:repeat(5,minmax(44px,1fr));gap:.25rem}.area-options button{min-height:58px;padding:.5rem .2rem}.area-options button.selected{padding:calc(.5rem - 1px) calc(.2rem - 1px)}.area-options button strong{font-size:.75rem;line-height:1.4}.area-options button span{font-size:.625rem;line-height:1.4}.entry-panel{padding-bottom:6.5rem}.entry-panel .save-record{z-index:19;left:calc(1rem + env(safe-area-inset-left));right:calc(1rem + env(safe-area-inset-right));bottom:calc(5.15rem + env(safe-area-inset-bottom));width:auto;min-height:54px;position:fixed;box-shadow:0 7px 26px #0f322433}.app-shell:has(.entry-panel) .toast{bottom:calc(9.25rem + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}button:not(:disabled):active,.x-share-button:active,.official-service-link:active,.bottom-nav button.active>span{transform:none}body:has(.sheet[open]) .main-shell{transform:none}}@media (prefers-reduced-transparency:reduce){.bottom-nav{background:var(--surface);-webkit-backdrop-filter:none}.sheet::backdrop{-webkit-backdrop-filter:none;background:#091712b3}}@media (prefers-contrast:more){.panel,.stat,.field :is(input,select,textarea),.area-options button,.button-secondary{border-color:var(--muted)}.bottom-nav{background:var(--surface);border-top-color:var(--muted)}}.app-footer nav{flex-wrap:wrap;justify-content:center;gap:.25rem 1rem;margin-bottom:.55rem;display:flex}.app-footer nav a{min-height:44px;color:var(--green);align-items:center;font-weight:650;display:inline-flex}