@charset "UTF-8";.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors:active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-popover{background:none;border:none;padding:0;outline:0;overflow:visible;position:fixed;pointer-events:none;white-space:normal;color:inherit;text-decoration:none;width:100%;height:100%;inset:0 auto auto 0}.cdk-overlay-popover::backdrop{display:none}.cdk-overlay-popover .cdk-overlay-backdrop{position:fixed;z-index:auto}:root{color-scheme:light;--brand: oklch(.46 .1 352);--brand-deep: oklch(.36 .085 352);--on-brand: oklch(.985 .008 80);--on-brand-soft: oklch(.87 .035 352);--ground: oklch(.968 .012 75);--surface: oklch(.995 .004 80);--ink: oklch(.26 .02 40);--ink-soft: oklch(.42 .02 40);--muted: oklch(.52 .015 50);--line: oklch(.9 .012 70);--on-ink: var(--surface);--accent: oklch(.48 .1 155);--accent-soft: oklch(.5 .1 155 / .13);--warn: oklch(.5 .1 65);--warn-soft: oklch(.78 .14 75 / .22);--on-warn: oklch(.985 .008 80);--danger: oklch(.5 .15 28);--danger-soft: oklch(.52 .15 28 / .11);--on-danger: oklch(.985 .008 80);--scrim: oklch(0 0 0 / .45);--cat-1: oklch(.48 .12 250);--cat-1-soft: oklch(.5 .12 250 / .14);--cat-2: oklch(.48 .12 35);--cat-2-soft: oklch(.5 .12 35 / .14);--cat-3: oklch(.48 .12 150);--cat-3-soft: oklch(.5 .12 150 / .14);--cat-4: oklch(.48 .12 295);--cat-4-soft: oklch(.5 .12 295 / .14);--cat-5: oklch(.48 .11 70);--cat-5-soft: oklch(.5 .11 70 / .14);--cat-6: oklch(.48 .1 195);--cat-6-soft: oklch(.5 .1 195 / .14);--cat-7: oklch(.48 .12 345);--cat-7-soft: oklch(.5 .12 345 / .14);--cat-8: oklch(.48 .1 115);--cat-8-soft: oklch(.5 .1 115 / .14);--kind-food: oklch(.5 .12 55);--kind-groceries: oklch(.58 .14 125);--kind-transport: oklch(.74 .12 255);--kind-lodging: oklch(.58 .16 295);--kind-fun: oklch(.5 .16 340);--kind-shopping: oklch(.74 .12 185);--kind-health: oklch(.58 .105 225);--kind-fees: oklch(.74 .14 90);--kind-other: oklch(.72 .012 60);--coin-back: oklch(.62 .12 58);--coin-back-rim: oklch(.5 .11 55);--coin-front: oklch(.72 .12 60);--coin-front-rim: oklch(.6 .11 58);--radius-sm: 12px;--radius-md: 18px;--radius-lg: 26px;--radius-pill: 999px;--motion-fast: .15s;--motion-calm: .2s;--motion-sheet: .26s;--motion-fast-out: .1s;--motion-calm-out: .13s;--motion-sheet-out: .18s;--ease: cubic-bezier(.32, .72, .24, 1);--ease-out: cubic-bezier(.4, 0, 1, 1);--shadow-card: 0 1px 2px oklch(.3 .03 40 / .06), 0 2px 8px oklch(.3 .03 40 / .04);--shadow-sheet: 0 -8px 32px oklch(.3 .03 40 / .16);--shadow-float: 0 6px 20px oklch(.36 .085 352 / .3);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--tabbar-height: 4rem;--stage-gutter: 2rem;--stage-width: 80rem;--side-width: clamp(18rem, 30vw, 23.75rem);--hover: color-mix(in oklch, var(--ink) 5%, transparent);font-family:Onest,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}html[data-theme=dark]{color-scheme:dark;--brand: oklch(.72 .1 352);--brand-deep: oklch(.62 .1 352);--on-brand: oklch(.2 .03 352);--on-brand-soft: oklch(.32 .05 352);--ground: oklch(.19 .012 40);--surface: oklch(.245 .014 40);--ink: oklch(.94 .01 75);--ink-soft: oklch(.8 .012 70);--muted: oklch(.68 .012 60);--line: oklch(.33 .014 40);--accent: oklch(.76 .11 155);--accent-soft: oklch(.76 .11 155 / .16);--warn: oklch(.8 .11 75);--warn-soft: oklch(.8 .11 75 / .16);--on-warn: oklch(.2 .03 75);--danger: oklch(.72 .14 28);--danger-soft: oklch(.72 .14 28 / .16);--on-danger: oklch(.2 .03 28);--cat-1: oklch(.74 .1 250);--cat-1-soft: oklch(.74 .1 250 / .16);--cat-2: oklch(.74 .1 35);--cat-2-soft: oklch(.74 .1 35 / .16);--cat-3: oklch(.74 .1 150);--cat-3-soft: oklch(.74 .1 150 / .16);--cat-4: oklch(.74 .1 295);--cat-4-soft: oklch(.74 .1 295 / .16);--cat-5: oklch(.74 .1 70);--cat-5-soft: oklch(.74 .1 70 / .16);--cat-6: oklch(.74 .09 195);--cat-6-soft: oklch(.74 .09 195 / .16);--cat-7: oklch(.74 .1 345);--cat-7-soft: oklch(.74 .1 345 / .16);--cat-8: oklch(.74 .09 115);--cat-8-soft: oklch(.74 .09 115 / .16);--kind-food: oklch(.52 .12 55);--kind-groceries: oklch(.58 .14 125);--kind-transport: oklch(.67 .16 255);--kind-lodging: oklch(.52 .16 295);--kind-fun: oklch(.52 .16 340);--kind-shopping: oklch(.66 .105 185);--kind-health: oklch(.58 .105 225);--kind-fees: oklch(.67 .12 90);--kind-other: oklch(.5 .012 60);--coin-back: oklch(.68 .12 58);--coin-back-rim: oklch(.54 .11 55);--coin-front: oklch(.8 .12 62);--coin-front-rim: oklch(.66 .11 58);--shadow-card: 0 1px 2px oklch(0 0 0 / .3);--shadow-sheet: 0 -8px 32px oklch(0 0 0 / .5);--shadow-float: 0 6px 20px oklch(0 0 0 / .45)}@media(prefers-color-scheme:dark){html:not([data-theme=light]){color-scheme:dark;--brand: oklch(.72 .1 352);--brand-deep: oklch(.62 .1 352);--on-brand: oklch(.2 .03 352);--on-brand-soft: oklch(.32 .05 352);--ground: oklch(.19 .012 40);--surface: oklch(.245 .014 40);--ink: oklch(.94 .01 75);--ink-soft: oklch(.8 .012 70);--muted: oklch(.68 .012 60);--line: oklch(.33 .014 40);--accent: oklch(.76 .11 155);--accent-soft: oklch(.76 .11 155 / .16);--warn: oklch(.8 .11 75);--warn-soft: oklch(.8 .11 75 / .16);--on-warn: oklch(.2 .03 75);--danger: oklch(.72 .14 28);--danger-soft: oklch(.72 .14 28 / .16);--on-danger: oklch(.2 .03 28);--cat-1: oklch(.74 .1 250);--cat-1-soft: oklch(.74 .1 250 / .16);--cat-2: oklch(.74 .1 35);--cat-2-soft: oklch(.74 .1 35 / .16);--cat-3: oklch(.74 .1 150);--cat-3-soft: oklch(.74 .1 150 / .16);--cat-4: oklch(.74 .1 295);--cat-4-soft: oklch(.74 .1 295 / .16);--cat-5: oklch(.74 .1 70);--cat-5-soft: oklch(.74 .1 70 / .16);--cat-6: oklch(.74 .09 195);--cat-6-soft: oklch(.74 .09 195 / .16);--cat-7: oklch(.74 .1 345);--cat-7-soft: oklch(.74 .1 345 / .16);--cat-8: oklch(.74 .09 115);--cat-8-soft: oklch(.74 .09 115 / .16);--kind-food: oklch(.52 .12 55);--kind-groceries: oklch(.58 .14 125);--kind-transport: oklch(.67 .16 255);--kind-lodging: oklch(.52 .16 295);--kind-fun: oklch(.52 .16 340);--kind-shopping: oklch(.66 .105 185);--kind-health: oklch(.58 .105 225);--kind-fees: oklch(.67 .12 90);--kind-other: oklch(.5 .012 60);--coin-back: oklch(.68 .12 58);--coin-back-rim: oklch(.54 .11 55);--coin-front: oklch(.8 .12 62);--coin-front-rim: oklch(.66 .11 58);--shadow-card: 0 1px 2px oklch(0 0 0 / .3);--shadow-sheet: 0 -8px 32px oklch(0 0 0 / .5);--shadow-float: 0 6px 20px oklch(0 0 0 / .45)}}@media(prefers-reduced-motion:reduce){:root{--motion-fast: .01ms;--motion-fast-out: .01ms}}*{box-sizing:border-box}html{height:100%}body{min-height:100dvh;margin:0;background:var(--ground);color:var(--ink);font-size:1rem;line-height:1.4;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}body.sheet-open{overflow:hidden}h1,h2,h3,p{margin:0}h1{font-size:1.75rem;line-height:1.15;font-weight:700;letter-spacing:-.02em;text-wrap:pretty}h2{font-size:1.25rem;font-weight:700}a{color:var(--brand)}button,input,select,textarea{font:inherit;color:inherit}button{min-height:2.75rem;border:0;padding:0;background:none;cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:3px solid color-mix(in oklch,var(--brand) 55%,transparent);outline-offset:2px}.btn,.fab,.icon-btn,.pressable{position:relative;transition:transform var(--motion-fast-out) var(--ease-out),filter var(--motion-fast-out) var(--ease-out),opacity var(--motion-fast-out) var(--ease-out)}:is(.btn,.fab,.icon-btn,.pressable):active:not(:disabled){filter:brightness(.94);transition-duration:var(--motion-fast);transition-timing-function:var(--ease)}@media(prefers-reduced-motion:no-preference){:is(.btn,.fab,.icon-btn,.pressable):active:not(:disabled){transform:scale(.97)}}@media(hover:hover){:is(.pressable,.icon-btn,.btn.secondary,.btn.text):hover:not(:disabled,[aria-disabled=true]){background-image:linear-gradient(var(--hover),var(--hover))}.btn.primary:hover:not(:disabled,[aria-disabled=true]),.fab:hover{background:var(--brand-deep)}.btn.danger:hover:not(:disabled){filter:brightness(.92)}a:not([class]):hover{color:var(--brand-deep)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3.25rem;padding:.25rem 1.25rem;border-radius:var(--radius-md);color:var(--brand);font-size:1rem;font-weight:600;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer}.btn.primary{background:var(--brand);color:var(--on-brand)}.btn.primary:active:not(:disabled){background:var(--brand-deep);filter:none}.btn.secondary{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line)}.btn.text{min-height:3rem}.btn.danger{background:var(--danger);color:var(--on-danger)}.btn.lg{min-height:3.5rem;font-size:1.0625rem}.btn.sm{min-height:3rem;padding-inline:.75rem;border-radius:var(--radius-sm);font-size:.9375rem}.btn.float{box-shadow:var(--shadow-float)}.btn.block{display:flex;width:100%}.btn:disabled,.btn[aria-disabled=true]{background:var(--line);box-shadow:none;color:var(--muted);cursor:default}.btn.text:disabled{background:none}.fab{display:inline-flex;align-items:center;gap:.375rem;min-height:3.625rem;padding:0 2rem 0 1.5rem;border-radius:var(--radius-pill);background:var(--brand);box-shadow:var(--shadow-float);color:var(--on-brand);font-size:1.125rem;font-weight:600;text-decoration:none}.icon-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;width:2.75rem;height:2.75rem;border-radius:var(--radius-pill);color:inherit;text-decoration:none}.card{border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-card)}.field{display:flex;flex-direction:column;gap:.375rem;min-width:0}.field-label{padding-left:.25rem;color:var(--ink-soft);font-size:.875rem;font-weight:500}.field-hint{padding-left:.25rem;color:var(--muted);font-size:.8125rem}.field-error{display:flex;align-items:center;gap:.375rem;padding-left:.25rem;color:var(--danger);font-size:.9375rem;font-weight:500}input,textarea,select{min-height:3.375rem;width:100%;border:0;border-radius:var(--radius-sm);padding:0 1rem;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);font-size:1.0625rem;transition:box-shadow var(--motion-fast) var(--ease)}input::placeholder{color:var(--muted)}input:focus,textarea:focus,select:focus{outline:none;box-shadow:inset 0 0 0 2px var(--brand)}input[aria-invalid=true]{box-shadow:inset 0 0 0 1.5px var(--danger)}select{appearance:none;padding-right:2.5rem}.select{position:relative;display:block}.select>app-icon{position:absolute;right:.75rem;top:50%;margin-top:-.625rem;color:var(--muted);pointer-events:none}.chip{display:inline-flex;align-items:center;gap:.5rem;min-height:2.5rem;max-width:100%;padding:0 .75rem 0 .25rem;border-radius:var(--radius-pill);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font-size:.9375rem}.chip.plain{background:var(--ground);box-shadow:none}.chip>.chip-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:var(--radius-md);background:var(--warn-soft);color:var(--ink);text-decoration:none}.banner[data-tone=conflict]{background:var(--danger-soft)}.banner[data-tone=offline]{padding:.75rem 1.25rem;border-radius:0;font-size:.875rem}.banner-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:2rem;height:2rem;border-radius:var(--radius-pill);background:var(--surface);color:var(--warn)}.banner[data-tone=conflict] .banner-icon{color:var(--danger)}.banner[data-tone=offline] .banner-icon{width:auto;height:auto;background:none}.banner-body{display:flex;flex:1;flex-direction:column;gap:.125rem;min-width:0;font-size:.8125rem;color:var(--ink-soft)}.banner-body>strong{color:var(--ink);font-size:.9375rem;font-weight:600}.banner-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;width:100%}.banner-actions .btn{background:var(--surface)}.skeleton{animation:skeleton-pulse 1.4s ease-in-out infinite}.bone{display:block;border-radius:.5rem;background:var(--line)}@keyframes skeleton-pulse{50%{opacity:.55}}.rise-in{animation:rise-in var(--motion-calm) var(--ease) both}.row-in{animation:row-in var(--motion-calm) var(--ease) both;animation-delay:calc(var(--i, 0) * 30ms)}.fade-in{animation:fade-in var(--motion-calm) var(--ease) both}.fade-out{animation:fade-out var(--motion-calm-out) var(--ease-out) both}.pop-in{animation:pop-in var(--motion-fast) var(--ease) both}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes rise-in{0%{opacity:0;transform:translateY(-8px)}}@keyframes row-in{0%{opacity:0;transform:translateY(8px)}}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}}.swap{display:inline-grid}.swap>*{grid-area:1/1}.swap-in{animation:fade-in var(--motion-calm) var(--ease) both}.swap-out{animation:fade-out var(--motion-calm) var(--ease-out) both}.is-fresh{position:relative}.is-fresh:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--accent-soft);pointer-events:none;animation:fade-out 1.2s ease-out both}::view-transition-old(root),::view-transition-new(root){animation-duration:var(--motion-fast)}@media(prefers-reduced-motion:reduce){.rise-in,.row-in,.pop-in{animation-name:fade-in;animation-delay:0s}.swap-in,.swap-out,.skeleton{animation:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}.sheet-backdrop{background:var(--scrim);transition:opacity var(--motion-calm) var(--ease)}.screen{display:flex;flex-direction:column;min-height:100dvh;max-width:30rem;margin:0 auto;padding:var(--safe-top) var(--safe-right) calc(var(--safe-bottom) + 1.5rem) var(--safe-left)}.screen-foot{display:flex;flex-direction:column;gap:.5rem;margin-top:auto;padding:1.5rem 1.25rem 0}@media(min-width:64rem){:is(app-login-page,app-new-room-page,app-join-page)>.screen{min-height:0;margin-block:clamp(1.5rem,9vh,6rem) 2rem;padding:.75rem .75rem 2rem;border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card)}:is(app-login-page,app-new-room-page,app-join-page) .screen-foot{margin-top:.5rem}}.amount{white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}