@font-face{font-family:Hanken Grotesk;font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/HankenGrotesk-Italic-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk;font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/HankenGrotesk-Italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/HankenGrotesk-Roman-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/HankenGrotesk-Roman-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--sand-50: #FBF9F5;--sand-100: #F6F2EB;--sand-200: #EFEAE1;--sand-300: #E7E1D6;--sand-400: #D8D0C2;--sand-500: #B7AE9D;--sand-600: #97928A;--sand-650: #6A665E;--sand-700: #5F5B54;--sand-800: #44413B;--sand-900: #2B2A27;--white: #FFFFFF;--sage-50: #E7F2EF;--sage-100: #D2E8E2;--sage-200: #A8C8B8;--sage-300: #78B0A3;--sage-400: #2F9387;--sage-500: #087873;--sage-600: #066A69;--sage-700: #055659;--blue-50: #E9EFF4;--blue-100: #DAE6EF;--blue-200: #B8CEDF;--blue-300: #8DAEC8;--blue-400: #5C84A6;--blue-500: #3C6E91;--blue-600: #335E7D;--honey-50: #F8EFD9;--honey-100: #F3E5C3;--honey-200: #E7CF96;--honey-500: #B07D26;--honey-600: #8F631A;--clay-50: #F5E5DE;--clay-100: #EFD7CC;--clay-200: #E0B7A6;--clay-500: #B05F46;--clay-600: #934931;--plum-50: #EFE9EE;--plum-500: #7A5A77;--bg-canvas: var(--sand-100);--surface-card: var(--white);--surface-raised: var(--white);--surface-sunken: var(--sand-50);--surface-inset: var(--sand-200);--text-strong: var(--sand-900);--text-body: var(--sand-800);--text-secondary: var(--sand-700);--text-muted: var(--sand-650);--text-on-brand: var(--white);--text-link: var(--sage-600);--border-subtle: var(--sand-200);--border-default: var(--sand-300);--border-strong: var(--sand-400);--border-focus: var(--sage-500);--brand: var(--sage-500);--brand-strong: var(--sage-600);--brand-pressed: var(--sage-700);--brand-tint: var(--sage-50);--brand-tint-2: var(--sage-100);--brand-soft: var(--sage-400);--brand-fg: var(--sage-600);--accent: var(--blue-500);--accent-tint: var(--blue-50);--status-good-fg: var(--sage-600);--status-good-bg: var(--sage-50);--status-good-border: var(--sage-200);--status-warn-fg: var(--honey-600);--status-warn-bg: var(--honey-50);--status-warn-border: var(--honey-200);--status-warn-solid: var(--honey-500);--status-over-fg: var(--clay-600);--status-over-bg: var(--clay-50);--status-over-border: var(--clay-200);--status-over-solid: var(--clay-500);--status-over-solid-hover: var(--clay-600);--status-info-fg: var(--blue-600);--status-info-bg: var(--blue-50);--status-info-border: var(--blue-200);--status-neutral-fg: var(--sand-700);--status-neutral-bg: var(--sand-200);--status-neutral-border: var(--sand-300);--overlay-scrim: rgba(29, 28, 26, .4);--shadow-sheet: 0 -8px 22px rgba(43, 42, 39, .06);--focus-ring: 0 0 0 3px rgba(8, 120, 115, .28);--focus-outline: 2px solid var(--sage-500);--focus-outline-offset: 2px;color-scheme:light}:root{--font-sans: "Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-numeric: "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--numeric-feat: "tnum" 1, "lnum" 1;--text-display: 2.125rem;--text-h1: 1.75rem;--text-h2: 1.375rem;--text-h3: 1.125rem;--text-base: 1rem;--text-sm: .875rem;--text-xs: .75rem;--text-amount: 1.5rem;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extra: 800;--lh-tight: 1.15;--lh-snug: 1.3;--lh-normal: 1.5;--lh-relaxed: 1.6;--ls-tight: -.02em;--ls-snug: -.01em;--ls-normal: 0;--ls-wide: .04em}:root{--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(43, 42, 39, .05);--shadow-sm: 0 1px 2px rgba(43, 42, 39, .04), 0 2px 6px rgba(43, 42, 39, .05);--shadow-md: 0 2px 4px rgba(43, 42, 39, .04), 0 6px 16px rgba(43, 42, 39, .07);--shadow-lg: 0 4px 8px rgba(43, 42, 39, .05), 0 16px 36px rgba(43, 42, 39, .1);--ring-card: inset 0 0 0 1px rgba(43, 42, 39, .04);--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-inout: cubic-bezier(.45, .05, .25, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s;--app-max-width: 420px;--tap-min: 44px;--page-pad: var(--space-5)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--lh-normal);color:var(--text-body);background:var(--bg-canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,p{margin:0}h1,h2,h3{color:var(--text-strong);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);font-weight:var(--fw-bold)}a{color:var(--text-link);text-decoration:none}.hb-amount{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:var(--numeric-feat);letter-spacing:var(--ls-snug)}.hb-eyebrow{font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--text-muted)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}:root[data-theme=dark]{color-scheme:dark;--bg-canvas: #1B1B19;--surface-card: #262522;--surface-raised: #2E2D29;--surface-sunken: #161614;--surface-inset: #383731;--text-strong: #F4F1EA;--text-body: #DCD8CF;--text-secondary: #B5B0A5;--text-muted: #A8A398;--text-on-brand: #FFFFFF;--text-link: #5CC1B7;--border-subtle: #33322D;--border-default: #42403A;--border-strong: #57544C;--border-focus: #3FB0A6;--brand: #087873;--brand-strong: #0A8A84;--brand-pressed: #066A69;--brand-tint: #14302D;--brand-tint-2: #1B3F3B;--brand-soft: #2F9387;--brand-fg: #5CC1B7;--accent: #8DAEC8;--accent-tint: #1C2A36;--status-good-fg: #7FD1C6;--status-good-bg: #14302D;--status-good-border: #245750;--status-warn-fg: #E3B663;--status-warn-bg: #332A14;--status-warn-border: #5C4A22;--status-warn-solid: #C9923A;--status-over-fg: #E8A08A;--status-over-bg: #3A221A;--status-over-border: #6A3F30;--status-over-solid: #B05F46;--status-over-solid-hover: #C36C52;--status-info-fg: #9CC0DD;--status-info-bg: #1C2A36;--status-info-border: #2F4659;--status-neutral-fg: #C2BDB2;--status-neutral-bg: #383731;--status-neutral-border: #4A4841;--overlay-scrim: rgba(0, 0, 0, .6);--shadow-sheet: 0 -8px 22px rgba(0, 0, 0, .35);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .35);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 6px rgba(0, 0, 0, .3);--shadow-md: 0 2px 4px rgba(0, 0, 0, .3), 0 6px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .35), 0 16px 36px rgba(0, 0, 0, .5);--ring-card: inset 0 0 0 1px rgba(255, 255, 255, .05);--focus-ring: 0 0 0 3px rgba(63, 176, 166, .4);--focus-outline: 2px solid #3FB0A6}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg-canvas: #1B1B19;--surface-card: #262522;--surface-raised: #2E2D29;--surface-sunken: #161614;--surface-inset: #383731;--text-strong: #F4F1EA;--text-body: #DCD8CF;--text-secondary: #B5B0A5;--text-muted: #A8A398;--text-on-brand: #FFFFFF;--text-link: #5CC1B7;--border-subtle: #33322D;--border-default: #42403A;--border-strong: #57544C;--border-focus: #3FB0A6;--brand: #087873;--brand-strong: #0A8A84;--brand-pressed: #066A69;--brand-tint: #14302D;--brand-tint-2: #1B3F3B;--brand-soft: #2F9387;--brand-fg: #5CC1B7;--accent: #8DAEC8;--accent-tint: #1C2A36;--status-good-fg: #7FD1C6;--status-good-bg: #14302D;--status-good-border: #245750;--status-warn-fg: #E3B663;--status-warn-bg: #332A14;--status-warn-border: #5C4A22;--status-warn-solid: #C9923A;--status-over-fg: #E8A08A;--status-over-bg: #3A221A;--status-over-border: #6A3F30;--status-over-solid: #B05F46;--status-over-solid-hover: #C36C52;--status-info-fg: #9CC0DD;--status-info-bg: #1C2A36;--status-info-border: #2F4659;--status-neutral-fg: #C2BDB2;--status-neutral-bg: #383731;--status-neutral-border: #4A4841;--overlay-scrim: rgba(0, 0, 0, .6);--shadow-sheet: 0 -8px 22px rgba(0, 0, 0, .35);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .35);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 6px rgba(0, 0, 0, .3);--shadow-md: 0 2px 4px rgba(0, 0, 0, .3), 0 6px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .35), 0 16px 36px rgba(0, 0, 0, .5);--ring-card: inset 0 0 0 1px rgba(255, 255, 255, .05);--focus-ring: 0 0 0 3px rgba(63, 176, 166, .4);--focus-outline: 2px solid #3FB0A6}}.hb-btn{font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--text-sm);line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);padding:0 var(--space-5);height:var(--tap-min);min-width:var(--tap-min);cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);-webkit-tap-highlight-color:transparent}.hb-btn:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset);box-shadow:var(--focus-ring)}.hb-btn:active{transform:translateY(.5px) scale(.99)}.hb-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.hb-btn--primary{background:var(--brand);color:var(--text-on-brand)}.hb-btn--primary:hover:not(:disabled){background:var(--brand-strong)}.hb-btn--primary:active:not(:disabled){background:var(--brand-pressed)}.hb-btn--secondary{background:var(--surface-card);color:var(--text-strong);border-color:var(--border-default);box-shadow:var(--shadow-xs)}.hb-btn--secondary:hover:not(:disabled){background:var(--surface-sunken);border-color:var(--border-strong)}.hb-btn--ghost{background:var(--brand-tint);color:var(--brand-fg)}.hb-btn--ghost:hover:not(:disabled){background:var(--brand-tint-2)}.hb-btn--quiet{background:transparent;color:var(--text-secondary);padding:0 var(--space-3)}.hb-btn--quiet:hover:not(:disabled){background:var(--surface-inset);color:var(--text-strong)}.hb-btn--danger{background:var(--status-over-solid);color:var(--text-on-brand)}.hb-btn--danger:hover:not(:disabled){background:var(--status-over-solid-hover)}.hb-btn--sm{height:36px;font-size:var(--text-xs);padding:0 var(--space-4);border-radius:var(--radius-sm)}.hb-btn--lg{height:52px;font-size:var(--text-base);padding:0 var(--space-6);border-radius:var(--radius-lg)}.hb-btn--block{display:flex;width:100%}.hb-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--tap-min);height:var(--tap-min);border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);-webkit-tap-highlight-color:transparent}.hb-icon-btn:hover{background:var(--surface-inset);color:var(--text-strong)}.hb-icon-btn:active{transform:scale(.94)}.hb-icon-btn:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset);box-shadow:var(--focus-ring)}.hb-icon-btn--solid{background:var(--surface-card);border-color:var(--border-default);box-shadow:var(--shadow-xs)}.hb-card{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm),var(--ring-card);padding:var(--space-5)}.hb-card--flat{box-shadow:var(--ring-card)}.hb-card--inset{background:var(--surface-sunken);box-shadow:none;border:1px solid var(--border-subtle)}.hb-card--tight{padding:var(--space-4)}.hb-card--interactive{cursor:pointer;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.hb-card--interactive:hover{box-shadow:var(--shadow-md),var(--ring-card);transform:translateY(-1px)}.hb-card__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.hb-card__title{font-size:var(--text-h3);font-weight:var(--fw-semibold);color:var(--text-strong);letter-spacing:var(--ls-snug)}.hb-status{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:var(--fw-semibold);padding:4px 10px 4px 9px;border-radius:var(--radius-pill);line-height:1.2;white-space:nowrap}.hb-status__dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.hb-status--good{color:var(--status-good-fg);background:var(--status-good-bg)}.hb-status--warn{color:var(--status-warn-fg);background:var(--status-warn-bg)}.hb-status--over{color:var(--status-over-fg);background:var(--status-over-bg)}.hb-status--info{color:var(--status-info-fg);background:var(--status-info-bg)}.hb-status--neutral{color:var(--status-neutral-fg);background:var(--status-neutral-bg)}.hb-status--solid.hb-status--good{color:var(--text-on-brand);background:var(--brand)}.hb-status--solid.hb-status--over{color:var(--text-on-brand);background:var(--status-over-solid)}.hb-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:var(--fw-bold);border-radius:var(--radius-pill);background:var(--status-over-solid);color:var(--text-on-brand)}.hb-badge--neutral{background:var(--border-default);color:var(--text-strong)}.hb-badge--brand{background:var(--brand);color:var(--text-on-brand)}.hb-avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-pill);font-weight:var(--fw-bold);font-size:var(--text-sm);color:var(--text-on-brand);background:var(--brand-soft);border:2px solid var(--surface-card);overflow:hidden;flex:none;-webkit-user-select:none;user-select:none}.hb-avatar img{width:100%;height:100%;object-fit:cover}.hb-avatar--sm{width:28px;height:28px;font-size:var(--text-xs)}.hb-avatar--lg{width:56px;height:56px;font-size:var(--text-h3)}.hb-avatar-stack{display:inline-flex}.hb-avatar-stack>.hb-avatar+.hb-avatar{margin-left:-10px}.hb-field{display:flex;flex-direction:column;gap:6px}.hb-field__label{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-strong)}.hb-field__hint{font-size:var(--text-xs);color:var(--text-muted)}.hb-field__error{font-size:var(--text-xs);color:var(--status-over-fg);font-weight:var(--fw-medium)}.hb-input{font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-strong);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:0 var(--space-4);height:var(--tap-min);width:100%;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.hb-input::placeholder{color:var(--text-muted)}.hb-input:hover{border-color:var(--border-strong)}.hb-input:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--focus-ring)}.hb-input--invalid{border-color:var(--status-over-fg)}textarea.hb-input{height:auto;padding:var(--space-3) var(--space-4);line-height:var(--lh-normal);resize:vertical}.hb-input-prefix{position:relative;display:flex;align-items:center}.hb-input-prefix>span{position:absolute;left:var(--space-4);color:var(--text-secondary);font-weight:var(--fw-medium);pointer-events:none}.hb-input-prefix>.hb-input{padding-left:calc(var(--space-4) + 16px)}.hb-check{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none}.hb-check input{position:absolute;opacity:0;width:0;height:0}.hb-check__box{width:24px;height:24px;border-radius:50%;border:2px solid var(--border-strong);display:inline-flex;align-items:center;justify-content:center;color:var(--text-on-brand);background:transparent;flex:none;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.hb-check__box svg{opacity:0;transform:scale(.6);transition:opacity var(--dur-fast),transform var(--dur-fast) var(--ease-out)}.hb-check input:checked+.hb-check__box{background:var(--brand);border-color:var(--brand)}.hb-check input:checked+.hb-check__box svg{opacity:1;transform:scale(1)}.hb-check input:focus-visible+.hb-check__box{box-shadow:var(--focus-ring)}.hb-check--square .hb-check__box{border-radius:7px}.hb-check__label{font-size:var(--text-base);color:var(--text-body)}.hb-check input:checked~.hb-check__label{color:var(--text-muted);text-decoration:line-through}.hb-switch{position:relative;display:inline-flex;cursor:pointer}.hb-switch input{position:absolute;opacity:0;width:0;height:0}.hb-switch__track{width:46px;height:28px;border-radius:var(--radius-pill);background:var(--border-strong);transition:background var(--dur-base) var(--ease-out)}.hb-switch__thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--surface-card);box-shadow:var(--shadow-sm);transition:transform var(--dur-base) var(--ease-out)}.hb-switch input:checked+.hb-switch__track{background:var(--brand)}.hb-switch input:checked~.hb-switch__thumb{transform:translate(18px)}.hb-switch input:focus-visible+.hb-switch__track{box-shadow:var(--focus-ring)}.hb-segmented{display:inline-flex;padding:3px;gap:2px;background:var(--surface-inset);border-radius:var(--radius-md)}.hb-segmented button{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--fw-medium);border:none;background:transparent;color:var(--text-secondary);padding:7px var(--space-4);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.hb-segmented button:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.hb-segmented button[aria-checked=true]{background:var(--surface-card);color:var(--text-strong);font-weight:var(--fw-semibold);box-shadow:var(--shadow-xs)}.hb-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;text-align:left;width:100%;background:transparent;border:none;cursor:pointer;font-family:var(--font-sans)}.hb-row+.hb-row{border-top:1px solid var(--border-subtle)}.hb-row__icon{width:40px;height:40px;border-radius:var(--radius-md);flex:none;display:inline-flex;align-items:center;justify-content:center;background:var(--brand-tint);color:var(--brand-fg)}.hb-row__body{flex:1;min-width:0}.hb-row__title{display:block;font-size:var(--text-base);font-weight:var(--fw-medium);color:var(--text-strong)}.hb-row__meta{display:block;font-size:var(--text-sm);color:var(--text-muted);margin-top:1px}.hb-row__trail{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:none}.hb-progress{height:8px;border-radius:var(--radius-pill);background:var(--surface-inset);overflow:hidden}.hb-progress__fill{height:100%;border-radius:var(--radius-pill);background:var(--brand);transition:width var(--dur-slow) var(--ease-out)}.hb-progress--warn .hb-progress__fill{background:var(--status-warn-solid)}.hb-money{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:var(--numeric-feat);font-weight:var(--fw-semibold);letter-spacing:var(--ls-snug);color:var(--text-strong)}.hb-money--pos{color:var(--status-good-fg)}.hb-money--neg{color:var(--status-over-fg)}.hb-money--muted{color:var(--text-muted)}.hb-section-label{font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--text-muted)}#root{min-height:100dvh}button,input,textarea{font:inherit}button{touch-action:manipulation}.app-shell{min-height:100dvh;background:var(--bg-canvas)}.app-main{min-height:100dvh;padding:var(--space-5) var(--space-5) calc(96px + env(safe-area-inset-bottom))}.page{width:min(100%,1180px);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-5)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-1)}.topbar h1{font-size:var(--text-h1);line-height:var(--lh-tight)}.topbar__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);flex:none}.section-label{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin:var(--space-1) var(--space-1) calc(var(--space-2) * -1)}.section-label button{min-height:36px;border:0;background:transparent;color:var(--text-link);font-weight:var(--fw-semibold);cursor:pointer}.screen-grid{display:grid;gap:var(--space-4)}.screen-grid--two,.screen-grid--three{grid-template-columns:1fr}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.row{display:flex;align-items:center;gap:var(--space-3)}.split-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.muted{color:var(--text-muted)}.secondary{color:var(--text-secondary)}.numeric{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:var(--numeric-feat)}.hero-card{background:var(--brand-strong);color:var(--text-on-brand);border:0;box-shadow:var(--shadow-md)}.hero-card h2,.hero-card p{color:inherit}.hero-card__icon{width:48px;height:48px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;background:#ffffff2e}.progress-on-brand{height:8px;border-radius:var(--radius-pill);overflow:hidden;background:#ffffff38}.progress-on-brand span{display:block;height:100%;border-radius:inherit;background:var(--surface-card)}.metric-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border-radius:var(--radius-md);background:var(--border-subtle)}.metric{padding:var(--space-4) var(--space-2);text-align:center;background:var(--surface-card)}.metric strong{display:block;color:var(--text-strong);font-size:var(--text-h2);line-height:var(--lh-tight);font-weight:var(--fw-extra);font-variant-numeric:tabular-nums lining-nums}.metric span{display:block;margin-top:var(--space-1);color:var(--text-muted);font-size:var(--text-xs)}.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.choice-chip{min-height:40px;display:inline-flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);border:1.5px solid var(--border-default);background:var(--surface-card);color:var(--text-secondary);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--fw-semibold);cursor:pointer}.choice-chip[aria-pressed=true]{border-color:var(--brand);background:var(--brand-tint);color:var(--brand-fg)}.choice-card{width:100%;display:flex;align-items:center;gap:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-card);color:var(--text-body);padding:var(--space-4);text-align:left;cursor:pointer}.choice-card--feature{border-color:var(--brand);background:var(--brand-tint)}.choice-card__icon{width:44px;height:44px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;flex:none;background:var(--brand-tint);color:var(--brand-fg)}.choice-card--feature .choice-card__icon{background:var(--brand);color:var(--text-on-brand)}.choice-card strong{display:block;color:var(--text-strong);font-size:var(--text-base)}.choice-card span{color:var(--text-muted);font-size:var(--text-sm)}.hb-block-seg{display:flex}.hb-block-seg button{flex:1}.summary-note{margin:0;color:var(--text-secondary);line-height:var(--lh-normal)}.onboarding{min-height:100dvh;display:grid;background:var(--bg-canvas)}.onboarding__panel{min-height:100dvh;display:flex;flex-direction:column;padding:var(--space-6) var(--space-5)}.onboarding__hero{background:var(--brand-strong);color:var(--text-on-brand)}.onboarding__hero h1,.onboarding__hero p{color:inherit}.onboarding__body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--space-4)}.onboarding__footer{display:flex;flex-direction:column;gap:var(--space-3)}.onboarding__logo{width:72px;height:72px;border-radius:0;background:transparent;display:flex;align-items:center;justify-content:center}.onboarding__logo img{width:72px;height:72px}.onboarding__body--top{justify-content:flex-start;padding-bottom:var(--space-4)}.setup-people{display:flex;flex-direction:column;gap:var(--space-2)}.setup-people__row{display:flex;align-items:flex-start;gap:var(--space-2)}.setup-people__row>:first-child{flex:1;min-width:0}.setup-people__remove{flex:none;width:44px;height:44px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.setup-own{display:flex;align-items:flex-start;gap:var(--space-2)}.setup-own>:first-child{flex:1;min-width:0}.choice-chip--sm{min-height:34px;padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.assign-row{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) var(--space-1)}.assign-row__title{font-weight:var(--fw-semibold);color:var(--text-strong)}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-1);border-bottom:1px solid var(--border-subtle)}.summary-row:last-child{border-bottom:0}.auth-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.auth-tabs button{min-height:42px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-secondary);font-weight:var(--fw-bold);cursor:pointer}.auth-tabs button[aria-pressed=true]{border-color:var(--brand);background:var(--brand-tint);color:var(--brand-fg)}.dots{display:flex;gap:6px;justify-content:center;padding:var(--space-3) 0 var(--space-5)}.dots span{width:6px;height:6px;border-radius:var(--radius-pill);background:var(--border-default);transition:width var(--dur-slow) var(--ease-out),background var(--dur-slow) var(--ease-out)}.dots span[aria-current=step]{width:22px;background:var(--brand)}.sheet-scrim{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;background:var(--overlay-scrim);animation:hbFade var(--dur-base) var(--ease-out)}.sheet{width:min(100%,560px);max-height:min(88dvh,760px);display:flex;flex-direction:column;background:var(--surface-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-lg);animation:hbSlideUp .28s var(--ease-out)}.sheet__header,.sheet__footer{flex:none;padding:var(--space-4) var(--space-5)}.sheet__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-2)}.sheet__header h2{font-size:var(--text-h2)}.sheet__body{overflow-y:auto;padding:0 var(--space-5) var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.sheet__footer{border-top:1px solid var(--border-subtle)}.sidebar-brand,.sidebar-nav,.sidebar-add,.app-sidebar{display:none}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) 60px;align-items:center;padding:var(--space-2) var(--space-1) calc(var(--space-2) + env(safe-area-inset-bottom));border-top:1px solid var(--border-subtle);background:var(--surface-card);box-shadow:var(--shadow-sheet)}.bottom-nav__item{min-height:58px;min-width:0;padding:0;border:0;background:transparent;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;font-size:10.5px;letter-spacing:-.01em;font-weight:var(--fw-medium)}.bottom-nav__item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav__item[aria-current=page]{color:var(--brand-fg);font-weight:var(--fw-bold)}.fab{grid-column:6;justify-self:center;width:52px;height:52px;border-radius:var(--radius-pill);border:4px solid var(--bg-canvas);background:var(--brand);color:var(--text-on-brand);box-shadow:var(--shadow-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.mobile-settings{display:none}.session-bar{width:min(100%,1180px);margin:0 auto var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.session-person{width:100%;display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;color:var(--text-secondary);font-size:var(--text-sm)}.session-person strong{color:var(--text-strong)}.session-person>.hb-btn{margin-left:auto}.hb-select{min-height:var(--tap-min);border:1.5px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-strong);padding:0 var(--space-4);font:inherit}.unread-link{min-height:40px;border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--surface-card);color:var(--brand-fg);display:inline-flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);font-weight:var(--fw-bold)}.notice{width:min(100%,1180px);margin:0 auto var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--surface-card);color:var(--text-secondary);padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);box-shadow:var(--shadow-xs)}.notice--success{border-color:var(--status-good-border);background:var(--status-good-bg);color:var(--status-good-fg)}.notice--error{border-color:var(--status-over-border);background:var(--status-over-bg);color:var(--status-over-fg)}.notice button{width:36px;height:36px;border:0;border-radius:var(--radius-pill);background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center}.card-title,.item-title{margin:0 0 var(--space-3);color:var(--text-strong);font-size:var(--text-h2);line-height:var(--lh-tight)}.item-title{margin-bottom:var(--space-1);font-size:var(--text-base)}.load-bar{height:12px;border-radius:var(--radius-pill);overflow:hidden;background:var(--surface-inset);display:flex}.load-bar span{min-width:0;transition:width var(--dur-slow) var(--ease-out)}.load-bar__open{background:repeating-linear-gradient(45deg,var(--surface-inset),var(--surface-inset) 5px,var(--border-default) 5px,var(--border-default) 10px)}.load-legend{margin-top:var(--space-3);display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);color:var(--text-secondary);font-size:var(--text-sm)}.load-legend span{display:inline-flex;align-items:center;gap:var(--space-1)}.load-legend i{width:9px;height:9px;border-radius:var(--radius-pill);flex:none}.load-legend__open{background:var(--border-default)}.commitment-card{width:100%;min-height:82px;border:0;border-bottom:1px solid var(--border-subtle);background:transparent;color:var(--text-body);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);text-align:left}.commitment-card:last-child{border-bottom:0}.commitment-card:hover,.commitment-card:focus-visible{background:var(--surface-sunken)}.commitment-card--attention{background:var(--status-warn-bg)}.commitment-card__main{min-width:0;display:flex;flex-direction:column;gap:4px}.commitment-card__title{color:var(--text-strong);font-weight:var(--fw-bold)}.commitment-card__meta,.commitment-card__done,.detail-head{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm)}.commitment-card__done{color:var(--text-muted)}.commitment-card__side{flex:none;display:flex;align-items:center;gap:var(--space-2);color:var(--text-muted)}.empty-state{padding:var(--space-5);text-align:center;color:var(--text-muted)}.member-list,.review-actions,.action-grid,.field-grid{display:flex;flex-direction:column;gap:var(--space-3)}.member-row,.invite-row,.notification-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle)}.member-row:last-child,.invite-row:last-child,.notification-row:last-child{border-bottom:0}.member-row>div,.invite-row>div,.notification-row>div{min-width:0;display:flex;flex-direction:column;gap:2px}.invite-row>.invite-row__actions{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:flex-end}.member-row span,.invite-row span,.notification-row span,.notification-row p{margin:0;color:var(--text-muted);font-size:var(--text-sm)}.notification-row{padding:var(--space-4)}.notification-row--unread{background:var(--brand-tint)}.generated-link{display:grid;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-sunken)}.generated-link span{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--fw-bold);text-transform:uppercase}.generated-link input{min-height:44px;border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:0 var(--space-3);color:var(--text-strong);background:var(--surface-card)}.review-status{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2) var(--space-3);margin-top:var(--space-4);color:var(--text-secondary)}.review-status strong{color:var(--text-strong);font-size:var(--text-h2);line-height:1}.review-actions{flex-direction:row;flex-wrap:wrap;margin-top:var(--space-4)}.exception-note{margin:var(--space-3) 0 0;padding:var(--space-3);border-radius:var(--radius-md);background:var(--status-warn-bg);color:var(--status-warn-fg);font-size:var(--text-sm)}.detail-head{padding-bottom:var(--space-2)}.action-grid{display:grid;grid-template-columns:1fr}.request-panel,.offer-list{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.offer-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card)}.offer-row>div{min-width:0;display:flex;flex-direction:column;gap:2px}.offer-row span{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--lh-normal)}.audit-row{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:2px}.audit-row:last-child{border-bottom:0}.audit-row span{color:var(--text-muted);font-size:var(--text-sm)}@keyframes hbFade{0%{opacity:0}to{opacity:1}}@keyframes hbSlideUp{0%{transform:translateY(18px)}to{transform:translateY(0)}}@media(min-width:760px){.app-main{padding:var(--space-8) var(--space-8) var(--space-10)}.screen-grid--two{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:start}.screen-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.onboarding{place-items:center;padding:var(--space-8)}.onboarding__panel{min-height:720px;width:min(100%,420px);border-radius:36px;box-shadow:var(--shadow-lg),var(--ring-card);overflow:hidden}.sheet{border-radius:var(--radius-xl);margin:var(--space-6)}.field-grid,.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media(min-width:1024px){.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr)}.app-sidebar{display:flex;position:sticky;top:0;height:100dvh;flex-direction:column;gap:var(--space-6);padding:var(--space-6);border-right:1px solid var(--border-subtle);background:var(--surface-sunken)}.sidebar-brand{display:flex;align-items:center;gap:var(--space-3)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-2)}.sidebar-link{min-height:var(--tap-min);border:0;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);cursor:pointer;font-weight:var(--fw-semibold);text-align:left}.sidebar-link:hover,.sidebar-link[aria-current=page]{background:var(--surface-card);color:var(--brand-fg);box-shadow:var(--shadow-xs)}.sidebar-add{margin-top:auto;min-height:48px;border:0;border-radius:var(--radius-lg);background:var(--brand);color:var(--text-on-brand);display:flex;align-items:center;justify-content:center;gap:var(--space-2);cursor:pointer;font-weight:var(--fw-bold)}.bottom-nav{display:none}}