.screen-header{background:var(--deep);color:var(--on-deep);padding:24px var(--gutter) 20px;padding-top:max(24px, env(safe-area-inset-top));border-radius:0 0 24px 24px}.screen-header__inner{max-width:var(--content-max);grid-template-columns:minmax(0,1fr);gap:16px;margin:0 auto;display:grid}.screen-header__title{letter-spacing:-.01em;margin:0;font-size:1.625rem;font-weight:800}.segmented{background:#ffffff1f;border-radius:14px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.segmented__option{min-height:var(--tap);color:var(--on-deep);cursor:pointer;background:0 0;border:0;border-radius:11px;padding:8px 10px;font-size:.875rem;font-weight:700;line-height:1.2}.segmented__option[aria-checked=true]{background:var(--gold);color:var(--deep)}.chips{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}@media (min-width:560px){.chips{flex-wrap:wrap;display:flex}.chip{flex:auto;padding-inline:16px}}.chip{min-width:0;min-height:var(--tap);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);text-align:center;overflow-wrap:anywhere;cursor:pointer;border:1px solid #0000;padding:8px 6px;font-size:clamp(.8125rem,3.8vw,.9375rem);font-weight:700;line-height:1.2}.chip[aria-checked=true]{background:var(--green);color:var(--on-deep)}.weight-input{border:1.5px solid var(--green);border-radius:var(--radius);background:var(--surface);padding:14px 16px 12px}.weight-input:focus-within{box-shadow:0 0 0 3px var(--gold)}.weight-input__field:focus-visible{outline:none}.weight-input--active{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold)}.weight-input--error{border-color:var(--error)}.weight-input__label{color:var(--green);font-size:.8125rem;font-weight:600;display:block}.weight-input__row{align-items:baseline;gap:6px;display:flex}.weight-input__field{letter-spacing:-.02em;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;flex:1;width:100%;min-width:0;min-height:56px;padding:0;font-size:2.5rem;font-weight:800}.weight-input__field--pad{caret-color:#0000;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.weight-input__field::placeholder{color:#b9c7c2}.weight-input__unit{color:var(--muted);font-size:1.125rem;font-weight:600}.weight-input__error{background:var(--error-bg);color:var(--error);border-radius:8px;margin:6px 0 0;padding:6px 10px;font-size:.875rem;font-weight:600}.result-card{border-radius:var(--radius);background:var(--deep);color:var(--on-deep);padding:4px 16px}.result-card__rows{margin:0}.result-card__row{justify-content:space-between;align-items:baseline;gap:12px;padding:16px 0;display:flex}.result-card__row+.result-card__row{border-top:1px solid #ffffff24}.result-card__label{font-size:1rem;font-weight:600}.result-card__value{text-align:right;white-space:nowrap;margin:0}.result-card__number{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:2.25rem;font-weight:800}.result-card__value--highlight .result-card__number{color:var(--gold)}.result-card__unit{color:var(--on-deep-muted);font-size:1rem;font-weight:600}@media (max-width:400px){.result-card__number{font-size:clamp(1.5rem,9vw,2.25rem)}}.bottom-nav{background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);flex:none;position:relative}.bottom-nav__list{max-width:var(--content-max);grid-auto-columns:1fr;grid-auto-flow:column;margin:0 auto;padding:0;list-style:none;display:grid}.bottom-nav__cell{display:flex}.bottom-nav__item{min-height:var(--nav-height);color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:6px 2px;font-size:.75rem;font-weight:600;display:flex}.bottom-nav__item[aria-current=page]{color:var(--green)}.bottom-nav__item[aria-disabled=true]{opacity:.45;cursor:not-allowed}.bottom-nav__item--primary .bottom-nav__icon{background:var(--gold);width:52px;height:52px;color:var(--deep);border-radius:50%;place-items:center;margin-top:-26px;display:grid;box-shadow:0 4px 12px #0b3d3640}.bottom-nav__item--primary .bottom-nav__label{color:var(--deep)}.number-pad{z-index:5;padding:8px max(8px, calc((100% - var(--content-max)) / 2 + 8px)) calc(12px + env(safe-area-inset-bottom));background:var(--pad-bg);border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:auto;display:grid;position:sticky;bottom:0}.number-pad__key{min-height:var(--pad-key);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:0;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.number-pad__key:active{background:var(--ok-bg)}.number-pad__key--clear{font-size:1rem}.number-pad__key--done{background:var(--green);color:var(--on-deep);grid-row:span 2;font-size:1.125rem}.number-pad__key--done:active{background:var(--ok-text)}.calculator{width:100%;max-width:var(--content-max);padding:16px var(--gutter) 24px;grid-template-columns:minmax(0,1fr);gap:16px;margin:0 auto;display:grid}.app{flex-direction:column;display:flex;position:fixed;inset:0}.app__main{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;min-height:0;padding-bottom:16px;display:flex;overflow-y:auto}.app:has(.number-pad) .bottom-nav{display:none}.app__main:has(.number-pad){padding-bottom:0}.app__main>*{flex-shrink:0}@font-face{font-family:Plus Jakarta Sans;src:url(./PlusJakartaSans-VariableFont_wght-BBNPXI38.ttf)format("truetype");font-weight:200 800;font-style:normal;font-display:swap}:root{--ground:#f1f5f3;--deep:#0b3d36;--green:#0f6b5c;--gold:#f6c453;--ok-bg:#ddf5ea;--ok-text:#0b4f37;--surface:#fff;--text:#0b3d36;--muted:#5d716c;--line:#d9e3df;--error:#b42318;--error-bg:#fdecea;--on-deep:#fff;--on-deep-muted:#ffffffc7;--font:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--tap:44px;--gutter:16px;--radius:16px;--radius-sm:12px;--content-max:520px;--nav-height:68px;--pad-bg:#e3eae7;--pad-key:56px}*,:before,:after{box-sizing:border-box}html,body{background:var(--ground);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;margin:0}html,body,#root{overscroll-behavior:none;height:100%;overflow:hidden}button,input{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}