:root{color-scheme:light;--hh-primary: #4f6ef7;--hh-primary-dark: #3a55d9;--hh-primary-soft: #eaefff;--hh-primary-contrast: #ffffff;--hh-accent: #ff8a3d;--hh-accent-dark: #e8701f;--hh-accent-soft: #fff1e6;--hh-purple: #8b5cf6;--hh-pink: #ec4899;--hh-teal: #14b8a6;--hh-success: #1f9d63;--hh-success-soft: #e3f6ec;--hh-warning: #b7830a;--hh-warning-soft: #fbf1d6;--hh-danger: #d93b3b;--hh-danger-soft: #fce9e9;--hh-info: #2e8fcc;--hh-info-soft: #e6f4fb;--hh-bg: #f5f7fd;--hh-surface: #ffffff;--hh-surface-alt: #eef1f9;--hh-border: #e3e8f2;--hh-border-strong: #cbd3e3;--hh-text: #1e2430;--hh-text-muted: #5a6474;--hh-text-soft: #8a93a5;--hh-font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--hh-font-size-xs: .8125rem;--hh-font-size-sm: .9375rem;--hh-font-size-base: 1rem;--hh-font-size-lg: 1.1875rem;--hh-font-size-xl: 1.5rem;--hh-font-size-2xl: 2rem;--hh-font-weight-regular: 400;--hh-font-weight-medium: 600;--hh-font-weight-bold: 800;--hh-line-height: 1.5;--hh-line-height-tight: 1.2;--hh-space-1: .25rem;--hh-space-2: .5rem;--hh-space-3: .75rem;--hh-space-4: 1rem;--hh-space-5: 1.5rem;--hh-space-6: 2rem;--hh-space-7: 3rem;--hh-radius-sm: 8px;--hh-radius-md: 12px;--hh-radius-lg: 18px;--hh-radius-pill: 999px;--hh-shadow-sm: 0 1px 2px rgba(30, 40, 70, .08);--hh-shadow-md: 0 4px 14px rgba(30, 40, 70, .1);--hh-shadow-lg: 0 12px 32px rgba(30, 40, 70, .16);--hh-focus-ring: 0 0 0 3px rgba(79, 110, 247, .4);--hh-transition: .15s ease}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--hh-font-family);font-size:var(--hh-font-size-base);line-height:var(--hh-line-height);color:var(--hh-text);background:var(--hh-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0 0 var(--hh-space-3);line-height:var(--hh-line-height-tight);font-weight:var(--hh-font-weight-bold)}h1{font-size:var(--hh-font-size-2xl)}h2{font-size:var(--hh-font-size-xl)}h3{font-size:var(--hh-font-size-lg)}h4{font-size:var(--hh-font-size-base)}p{margin:0 0 var(--hh-space-3)}a{color:var(--hh-primary);text-decoration:none}a:hover{text-decoration:underline}small{font-size:var(--hh-font-size-xs);color:var(--hh-text-muted)}code{font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,monospace}strong{font-weight:var(--hh-font-weight-bold)}:focus-visible{outline:none;box-shadow:var(--hh-focus-ring);border-radius:var(--hh-radius-sm)}[role=alert]{padding:var(--hh-space-3) var(--hh-space-4);border-radius:var(--hh-radius-md);background:var(--hh-danger-soft);color:var(--hh-danger);font-weight:var(--hh-font-weight-medium)}button{font:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--hh-space-2);min-height:2.5rem;padding:0 var(--hh-space-4);border:1px solid var(--hh-border-strong);border-radius:var(--hh-radius-pill);background:var(--hh-surface);color:var(--hh-text);font-weight:var(--hh-font-weight-medium);transition:background var(--hh-transition),border-color var(--hh-transition),color var(--hh-transition),transform var(--hh-transition)}button:hover{background:var(--hh-surface-alt)}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:default}input:not([type=checkbox]):not([type=radio]),select,textarea{font:inherit;min-height:2.5rem;padding:0 var(--hh-space-3);border:1px solid var(--hh-border-strong);border-radius:var(--hh-radius-md);background:var(--hh-surface);color:var(--hh-text);transition:border-color var(--hh-transition),box-shadow var(--hh-transition)}textarea{min-height:4rem;padding:var(--hh-space-2) var(--hh-space-3)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--hh-primary);box-shadow:var(--hh-focus-ring)}label{font-size:var(--hh-font-size-sm);color:var(--hh-text-muted)}progress{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:14px;border:none;border-radius:var(--hh-radius-pill);background:var(--hh-surface-alt);overflow:hidden}progress::-webkit-progress-bar{background:var(--hh-surface-alt);border-radius:var(--hh-radius-pill)}progress::-webkit-progress-value{background:linear-gradient(90deg,var(--hh-primary),var(--hh-accent));border-radius:var(--hh-radius-pill);transition:width var(--hh-transition)}progress::-moz-progress-bar{background:var(--hh-primary);border-radius:var(--hh-radius-pill)}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:var(--hh-space-2) var(--hh-space-3);border-bottom:1px solid var(--hh-border)}th{font-weight:var(--hh-font-weight-bold);color:var(--hh-text-muted)}.hh-app{min-height:100vh;display:flex;flex-direction:column}.hh-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--hh-space-3);padding:var(--hh-space-3) var(--hh-space-4);background:var(--hh-surface);border-bottom:1px solid var(--hh-border);box-shadow:var(--hh-shadow-sm)}.hh-header__brand{display:flex;align-items:center;gap:var(--hh-space-2);font-size:var(--hh-font-size-lg);font-weight:var(--hh-font-weight-bold);color:var(--hh-primary)}.hh-header__brand:before{content:"🏡";font-size:1.4em}.hh-container{width:100%;max-width:720px;margin:0 auto;padding:var(--hh-space-5) var(--hh-space-4) var(--hh-space-7)}.hh-stack{display:flex;flex-direction:column;gap:var(--hh-space-4)}.hh-stack--tight{gap:var(--hh-space-2)}.hh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--hh-space-2)}.hh-grid--wide{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.hh-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hh-space-2)}.hh-childcard{display:flex;flex-direction:column;gap:var(--hh-space-2);padding:var(--hh-space-4);background:var(--hh-surface);border:1px solid var(--hh-border);border-radius:var(--hh-radius-md)}.hh-hero{background:linear-gradient(120deg,var(--hh-primary-soft),var(--hh-accent-soft));border-color:transparent}.hh-hero h2{margin:0 0 var(--hh-space-1)}.hh-hero p{margin:0;color:var(--hh-text-muted)}.hh-section-title{display:flex;align-items:center;gap:var(--hh-space-2)}.hh-note{padding:var(--hh-space-3) var(--hh-space-4);border-radius:var(--hh-radius-md);font-weight:var(--hh-font-weight-medium)}.hh-note--success{background:var(--hh-success-soft);color:var(--hh-success)}.hh-quick{flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-height:3.5rem;padding:var(--hh-space-3);border-radius:var(--hh-radius-md);text-align:left;white-space:normal}.hh-quick small{color:inherit;opacity:.9}.hh-btn--primary{background:var(--hh-primary);border-color:var(--hh-primary);color:var(--hh-primary-contrast)}.hh-btn--primary:hover{background:var(--hh-primary-dark);border-color:var(--hh-primary-dark)}.hh-btn--accent{background:var(--hh-accent);border-color:var(--hh-accent);color:#fff}.hh-btn--accent:hover{background:var(--hh-accent-dark);border-color:var(--hh-accent-dark)}.hh-btn--danger{background:var(--hh-danger);border-color:var(--hh-danger);color:#fff}.hh-btn--danger:hover{background:#c02f2f;border-color:#c02f2f}.hh-btn--ghost{background:transparent;border-color:transparent;color:var(--hh-primary)}.hh-btn--ghost:hover{background:var(--hh-primary-soft)}.hh-btn--sm{min-height:2rem;padding:0 var(--hh-space-3);font-size:var(--hh-font-size-sm)}.hh-btn--block{display:flex;width:100%}.hh-card{background:var(--hh-surface);border:1px solid var(--hh-border);border-radius:var(--hh-radius-lg);box-shadow:var(--hh-shadow-sm);padding:var(--hh-space-5)}.hh-card--accent{border-left:4px solid var(--hh-accent)}.hh-card--flat{box-shadow:none}.hh-badge{display:inline-flex;align-items:center;gap:var(--hh-space-1);padding:3px var(--hh-space-3);border-radius:var(--hh-radius-pill);font-size:var(--hh-font-size-xs);font-weight:var(--hh-font-weight-bold);background:var(--hh-surface-alt);color:var(--hh-text-muted);white-space:nowrap}.hh-badge--primary{background:var(--hh-primary-soft);color:var(--hh-primary-dark)}.hh-badge--success{background:var(--hh-success-soft);color:var(--hh-success)}.hh-badge--warning{background:var(--hh-warning-soft);color:var(--hh-warning)}.hh-badge--danger{background:var(--hh-danger-soft);color:var(--hh-danger)}.hh-badge--info{background:var(--hh-info-soft);color:var(--hh-info)}.hh-field{display:flex;flex-direction:column;gap:var(--hh-space-1)}.hh-label{font-size:var(--hh-font-size-sm);font-weight:var(--hh-font-weight-medium);color:var(--hh-text-muted)}.hh-help{font-size:var(--hh-font-size-xs);color:var(--hh-text-soft)}.hh-muted{color:var(--hh-text-muted)}.hh-allowance-next{margin:0;color:var(--hh-accent-dark);font-weight:var(--hh-font-weight-medium)}.hh-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--hh-space-2)}.hh-list__item{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--hh-space-2);padding:var(--hh-space-3);background:var(--hh-surface);border:1px solid var(--hh-border);border-radius:var(--hh-radius-md)}.hh-list__item-main{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.hh-tabs{display:flex;flex-wrap:wrap;gap:var(--hh-space-2);margin-bottom:var(--hh-space-4)}.hh-tab{min-height:2.25rem}.hh-tab.is-active{background:var(--hh-primary);border-color:var(--hh-primary);color:var(--hh-primary-contrast);opacity:1}.hh-empty{text-align:center;padding:var(--hh-space-6) var(--hh-space-4);color:var(--hh-text-muted)}.hh-empty__icon{font-size:2rem;display:block;margin-bottom:var(--hh-space-2)}.hh-loading{display:inline-flex;align-items:center;gap:var(--hh-space-2);color:var(--hh-text-muted)}.hh-spinner{width:1.1rem;height:1.1rem;border:2.5px solid var(--hh-primary-soft);border-top-color:var(--hh-primary);border-radius:50%;animation:hh-spin .7s linear infinite}@keyframes hh-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.hh-spinner{animation-duration:2s}}body{overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}.hh-app{min-height:100dvh}.hh-header{padding-top:calc(var(--hh-space-3) + env(safe-area-inset-top,0px));padding-left:calc(var(--hh-space-4) + env(safe-area-inset-left,0px));padding-right:calc(var(--hh-space-4) + env(safe-area-inset-right,0px))}.hh-container{padding-left:calc(var(--hh-space-4) + env(safe-area-inset-left,0px));padding-right:calc(var(--hh-space-4) + env(safe-area-inset-right,0px));padding-bottom:calc(var(--hh-space-7) + env(safe-area-inset-bottom,0px))}@media (pointer: coarse){button,input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:2.75rem}}