*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{--navy-900: #081321;--navy-850: #0b1a2c;--navy-800: #102338;--navy-700: #17304a;--navy-600: #23415f;--cream: #f6f2e9;--cream-dim: #e6e0d3;--ink: #0d1e33;--ink-soft: #4a5a6e;--mint: #7ce7c1;--mint-strong: #5fdcb0;--mint-dim: rgba(124, 231, 193, .16);--coral: #ff6f5b;--coral-dim: rgba(255, 111, 91, .14);--on-navy: #eaf1f8;--on-navy-soft: #93a6bd;--radius-lg: 22px;--radius-md: 14px;--radius-sm: 10px;--shadow-card: 0 18px 40px -24px rgba(0, 0, 0, .7);--shadow-glow: 0 0 32px -6px rgba(124, 231, 193, .45);--gap: .875rem;--ease-snap: cubic-bezier(.16, .9, .28, 1);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:dark}@media(prefers-color-scheme:light){:root{--navy-900: #0c1c2f;--navy-850: #10233a;--navy-800: #152b45}}body{min-height:100dvh;background-color:var(--navy-900);color:var(--on-navy);-webkit-tap-highlight-color:transparent}.numerals,.amount,input{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.app{min-height:100dvh;padding:0 1rem 2.5rem;background:radial-gradient(120% 60% at 50% -10%,rgba(124,231,193,.09),transparent 60%),radial-gradient(80% 40% at 100% 0%,rgba(35,65,95,.4),transparent 70%)}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:.75rem;max-width:1060px;margin-inline:auto;padding:1rem 0 .75rem;background:linear-gradient(var(--navy-900) 65%,rgba(8,19,33,0))}.brand{display:flex;align-items:center;gap:.5rem;font-size:1.0625rem;font-weight:650;letter-spacing:-.02em}.brand__mark{width:.75rem;height:1.375rem;border-radius:3px;background:linear-gradient(160deg,var(--mint),var(--mint-strong));box-shadow:var(--shadow-glow)}.topbar__actions{display:flex;align-items:center;gap:.5rem}.icon-button{display:inline-flex;align-items:center;gap:.375rem;min-height:2.25rem;padding:0 .75rem;color:var(--on-navy);font-size:.8125rem;font-weight:600;letter-spacing:-.01em;background:#ffffff0f;border:1px solid rgba(255,255,255,.09);border-radius:999px;cursor:pointer}.icon-button[aria-pressed=true]{color:var(--mint);border-color:#7ce7c166;background:var(--mint-dim)}.badge{min-width:1.25rem;padding:0 .3rem;color:var(--navy-900);font-size:.6875rem;font-weight:700;line-height:1.25rem;text-align:center;background:var(--mint);border-radius:999px}.layout{display:grid;gap:var(--gap);max-width:1060px;margin-inline:auto}@media(min-width:900px){.layout--split{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start}}.calculator,.panel{display:grid;gap:var(--gap);align-content:start;min-width:0}.card{padding:1rem 1.125rem 1.125rem;color:var(--ink);background:var(--cream);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.card--ink,.card--breakdown{color:var(--on-navy);background:var(--navy-850);border:1px solid rgba(255,255,255,.07)}.card__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.card__title{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--on-navy-soft)}.card:not(.card--ink):not(.card--breakdown) .card__title{color:var(--ink-soft)}.card__head-actions{display:flex;gap:.375rem}.rule{height:1px;margin:.875rem 0;border:0;background:var(--cream-dim)}.hint{margin-top:.5rem;color:var(--ink-soft);font-size:.75rem}.card--hero{padding-bottom:.875rem;transition:box-shadow .26s var(--ease-snap)}.hero__totals{display:grid;grid-template-columns:1fr auto;gap:.5rem 1rem;margin-top:.875rem;padding:.75rem .9375rem;background:var(--navy-850);border-radius:var(--radius-md);color:var(--on-navy)}.hero__total{display:grid;gap:.125rem;min-width:0}.hero__total--right{text-align:right;justify-items:end}.hero__totals .field__label{color:var(--on-navy-soft)}.card--hero.is-balanced,.card--breakdown.is-balanced{box-shadow:var(--shadow-card),0 0 0 1px #7ce7c18c,var(--shadow-glow);animation:glow-in .62s var(--ease-snap)}@keyframes glow-in{0%{box-shadow:var(--shadow-card),0 0 0 1px #7ce7c100}45%{box-shadow:var(--shadow-card),0 0 0 2px #7ce7c1cc,0 0 46px -2px #7ce7c199}to{box-shadow:var(--shadow-card),0 0 0 1px #7ce7c18c,var(--shadow-glow)}}.field{display:grid;gap:.25rem;min-width:0}.field__label{font-size:.6875rem;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-soft)}.card--ink .field__label,.card--breakdown .field__label{color:var(--on-navy-soft)}.field__control{display:flex;align-items:baseline;gap:.25rem;min-width:0}.field__prefix,.field__suffix{color:var(--ink-soft);font-weight:600}.field__input{min-width:0;width:100%;padding:0;color:inherit;font-weight:650;letter-spacing:-.02em;background:none;border:0;border-bottom:1.5px solid var(--cream-dim);border-radius:0;outline-offset:3px}.field__input::placeholder{color:#4a5a6e73}.field__input:focus-visible{border-bottom-color:var(--mint-strong);outline:none}.field__input--boxed{padding:.5rem .625rem;background:#0d1e330d;border:1.5px solid var(--cream-dim);border-radius:var(--radius-sm);font-weight:550}.field--hero .field__control{gap:.375rem}.field--hero .field__prefix{font-size:1.5rem;font-weight:700;color:var(--ink-soft)}.field--hero .field__input{font-size:clamp(2.5rem,13vw,3.25rem);font-weight:750;letter-spacing:-.045em;line-height:1.1;border-bottom-width:2px}.field--inline .field__input{max-width:7ch;text-align:right}.field--percent .field__control{justify-content:flex-end}.amount{display:inline-flex;align-items:baseline;font-weight:700;letter-spacing:-.03em;white-space:nowrap}.amount__glyphs{display:inline-flex;align-items:baseline;transform-origin:left center}.hero__total--right .amount__glyphs,.ledger__row .amount__glyphs,.rate__result .amount__glyphs{transform-origin:right center}.amount__symbol{margin-right:.08em;font-size:.62em;font-weight:650;opacity:.72}.amount__fraction{font-size:.68em;font-weight:650;opacity:.82}.amount--hero{font-size:clamp(2.25rem,12vw,3rem)}.amount--large{font-size:1.5rem}.amount--medium{font-size:1.125rem}.amount--small{font-size:.9375rem}.amount--mint{color:var(--mint)}.amount--coral{color:var(--coral)}.amount--muted{color:var(--ink-soft)}.card--ink .amount--muted,.card--breakdown .amount--muted,.hero__totals .amount--muted{color:var(--on-navy-soft)}.amount.is-snapped .amount__glyphs{animation:snap .24s var(--ease-snap)}@keyframes snap{0%{transform:scale(1.055)}60%{transform:scale(.994)}to{transform:scale(1)}}.rate{display:grid;gap:.5rem}.rate__head{display:flex;align-items:center;gap:.625rem}.rate__result{margin-left:auto}.rate__row{display:flex;align-items:center;gap:.75rem}.slider{flex:1;min-width:0;height:1.5rem;margin:0;background:none;-webkit-appearance:none;appearance:none;cursor:grab}.slider::-webkit-slider-runnable-track{height:6px;background:var(--cream-dim);border-radius:999px}.slider::-moz-range-track{height:6px;background:var(--cream-dim);border-radius:999px}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.25rem;height:1.25rem;margin-top:-.4375rem;background:var(--ink);border:3px solid var(--mint);border-radius:999px;transition:transform .12s var(--ease-snap)}.slider::-moz-range-thumb{width:1.25rem;height:1.25rem;background:var(--ink);border:3px solid var(--mint);border-radius:999px}.slider:active::-webkit-slider-thumb{transform:scale(1.12)}.chips{display:flex;gap:.375rem}.chips--wrap{flex-wrap:wrap;margin-top:.5rem}.chip{padding:.3125rem .625rem;color:var(--ink);font-size:.8125rem;font-weight:650;letter-spacing:-.01em;background:#0d1e330d;border:1.5px solid transparent;border-radius:999px;cursor:pointer}.chip[aria-pressed=true]{color:var(--ink);background:var(--mint);border-color:var(--mint-strong)}.toggle-group{display:inline-flex;padding:2px;background:#0d1e330f;border-radius:999px}.toggle-group__option{min-width:1.875rem;padding:.1875rem .4375rem;color:var(--ink-soft);font-size:.75rem;font-weight:700;background:none;border:0;border-radius:999px;cursor:pointer}.toggle-group__option[aria-pressed=true]{color:var(--ink);background:var(--cream);box-shadow:0 1px 3px #0d1e332e}.people__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.875rem}.stepper{display:flex;align-items:center;gap:.25rem;padding:3px;background:#0d1e330f;border-radius:999px}.stepper__pad{width:2.25rem;height:2.25rem;color:var(--ink);font-size:1.25rem;font-weight:700;line-height:1;background:var(--cream);border:0;border-radius:999px;box-shadow:0 1px 3px #0d1e3329;cursor:pointer}.stepper__pad:disabled{opacity:.35;box-shadow:none;cursor:default}.stepper__readout{min-width:2.5rem;font-size:1.25rem;font-weight:750;letter-spacing:-.02em;text-align:center;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;padding:3px;background:#0d1e330f;border-radius:999px}.segmented__option{padding:.4375rem .5rem;color:var(--ink-soft);font-size:.8125rem;font-weight:650;letter-spacing:-.01em;background:none;border:0;border-radius:999px;cursor:pointer}.segmented__option[aria-pressed=true]{color:var(--navy-900);background:var(--mint);box-shadow:0 2px 8px -2px #7ce7c1b3}.breakdown{display:grid;gap:.5rem;padding:0;list-style:none}.person{display:grid;gap:.375rem;padding:.625rem .75rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md)}.person__main{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.person__name{min-width:0;flex:1;padding:.125rem 0;color:var(--on-navy);font-size:.9375rem;font-weight:600;letter-spacing:-.01em;background:none;border:0;border-bottom:1px solid transparent}.person__name:focus-visible{border-bottom-color:var(--mint-strong);outline:none}.person__due{display:grid;justify-items:end;gap:.0625rem;text-align:right}.person__rounded{color:var(--on-navy-soft);font-size:.6875rem;font-weight:600}.person__assign{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.person__assign .field__input{color:var(--on-navy);border-bottom-color:#ffffff2e}.person__assign .field__prefix,.person__assign .field__suffix{color:var(--on-navy-soft)}.person__assign .field__input::placeholder{color:#93a6bd80}.person__remove{width:1.75rem;height:1.75rem;color:var(--on-navy-soft);font-size:1rem;line-height:1;background:#ffffff0f;border:0;border-radius:999px;cursor:pointer}.person__remove:disabled{opacity:.3;cursor:default}.person__meta{display:flex;align-items:center;gap:.5rem}.person__bar{position:relative;flex:1;height:4px;background:#ffffff17;border-radius:999px;overflow:hidden}.person__bar:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--fill, 0%);background:linear-gradient(90deg,var(--mint-strong),var(--mint));border-radius:999px;transition:width .32s var(--ease-snap)}.person__pct{color:var(--on-navy-soft);font-size:.6875rem;font-weight:650;min-width:3ch;text-align:right}.warning,.balanced-note{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:600;border-radius:var(--radius-sm)}.warning{color:var(--coral);background:var(--coral-dim);border:1px solid rgba(255,111,91,.3)}.warning__dot{width:.4375rem;height:.4375rem;background:var(--coral);border-radius:999px;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}.balanced-note{color:var(--mint);background:var(--mint-dim);border:1px solid rgba(124,231,193,.28)}.ghost{padding:.3125rem .5625rem;color:var(--on-navy-soft);font-size:.75rem;font-weight:650;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:999px;cursor:pointer}.ghost:hover{color:var(--mint);border-color:#7ce7c159}.switch{display:flex;align-items:center;gap:.625rem;width:100%;margin-top:.875rem;padding:.5rem .125rem 0;color:var(--on-navy);font-size:.875rem;font-weight:600;text-align:left;background:none;border:0;border-top:1px solid rgba(255,255,255,.08);cursor:pointer}.switch__track{position:relative;flex:0 0 auto;width:2.625rem;height:1.5rem;background:#ffffff1f;border-radius:999px;transition:background .2s var(--ease-snap)}.switch__knob{position:absolute;top:3px;left:3px;width:1.125rem;height:1.125rem;background:var(--on-navy);border-radius:999px;transition:transform .22s var(--ease-snap),background .2s linear}.switch[aria-checked=true] .switch__track{background:var(--mint)}.switch[aria-checked=true] .switch__knob{background:var(--navy-900);transform:translate(1.125rem)}.switch__note{color:var(--mint);font-weight:650}.actions{display:flex;gap:.5rem}.button{flex:1;min-height:3rem;padding:0 1rem;color:var(--on-navy);font-size:.9375rem;font-weight:650;letter-spacing:-.01em;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);cursor:pointer}.button--primary{flex:2;color:var(--navy-900);font-weight:700;background:linear-gradient(170deg,var(--mint),var(--mint-strong));border-color:transparent;box-shadow:0 12px 28px -14px #7ce7c1e6}.button:disabled{opacity:.45;box-shadow:none;cursor:default}.press{transition:transform .11s var(--ease-snap),filter .11s linear}.press:active:not(:disabled){transform:scale(.955);filter:brightness(1.04)}.ledger{display:grid;gap:.4375rem}.ledger__row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;font-size:.875rem}.ledger__row dt{color:var(--on-navy-soft);font-weight:600}.ledger__note{color:var(--on-navy-soft);font-size:.75rem;opacity:.8}.ledger__row--total{margin-top:.25rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.ledger__row--total dt{color:var(--on-navy);font-weight:700}.table{width:100%;border-collapse:collapse;font-size:.8125rem}.table th,.table td{padding:.375rem .25rem;text-align:right}.table thead th{color:var(--on-navy-soft);font-size:.625rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.1)}.table__name{text-align:left;font-weight:600;max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table tbody tr+tr th,.table tbody tr+tr td{border-top:1px solid rgba(255,255,255,.06)}.table__due{color:var(--mint);font-weight:700}.drawer-layer{position:fixed;inset:0;z-index:20;display:flex;align-items:flex-end;justify-content:center}.drawer-scrim{position:absolute;inset:0;padding:0;background:#040a12ad;border:0;cursor:pointer;animation:fade-in .18s ease-out}@keyframes fade-in{0%{opacity:0}}.drawer{position:relative;width:min(100%,30rem);max-height:82dvh;overflow-y:auto;padding:1rem 1.125rem calc(1.25rem + env(safe-area-inset-bottom));background:var(--navy-850);border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -20px 60px -20px #000c;animation:slide-up .28s var(--ease-snap)}@keyframes slide-up{0%{transform:translateY(14%);opacity:.4}}@media(min-width:900px){.drawer-layer{align-items:stretch;justify-content:flex-end}.drawer{max-height:none;border-radius:var(--radius-lg) 0 0 var(--radius-lg);animation:slide-in .28s var(--ease-snap)}@keyframes slide-in{0%{transform:translate(6%);opacity:.4}}}.drawer__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.875rem}.drawer__title{font-size:1.125rem;font-weight:700;letter-spacing:-.02em}.drawer__close{padding:.375rem .75rem;color:var(--navy-900);font-size:.8125rem;font-weight:700;background:var(--mint);border:0;border-radius:999px;cursor:pointer}.drawer__empty{color:var(--on-navy-soft);font-size:.875rem}.drawer__empty strong{color:var(--mint)}.history{display:grid;gap:.5rem;padding:0;list-style:none}.history__item{display:flex;align-items:stretch;gap:.375rem}.history__open{display:grid;gap:.125rem;flex:1;padding:.625rem .75rem;color:var(--on-navy);text-align:left;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-md);cursor:pointer}.history__open:hover{border-color:#7ce7c159}.history__name{font-size:.9375rem;font-weight:650;letter-spacing:-.01em}.history__meta{color:var(--mint);font-size:.8125rem;font-weight:600}.history__when{color:var(--on-navy-soft);font-size:.6875rem}.history__delete{width:2.25rem;color:var(--on-navy-soft);font-size:1.125rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-md);cursor:pointer}.history__delete:hover{color:var(--coral);border-color:#ff6f5b66}.drawer__clear{width:100%;margin-top:.875rem;padding:.5rem;color:var(--on-navy-soft);font-size:.8125rem;font-weight:600;background:none;border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-md);cursor:pointer}.drawer__clear:hover{color:var(--coral);border-color:#ff6f5b59}.page{max-width:34rem;margin-inline:auto;padding:3rem 1.5rem}.page h1{font-size:1.5rem;font-weight:750;letter-spacing:-.03em}.page p{margin-top:.5rem;color:var(--on-navy-soft)}.page a{display:inline-block;margin-top:1.25rem;color:var(--mint);font-weight:650}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.press:active:not(:disabled){transform:none}}