:root{--teal: #14606e;--teal-dark: #0d4a56;--teal-soft: #e6f0f2;--app-bg: #f5f8f9;--card: #ffffff;--ink: #14232b;--body: #40565f;--muted: #5c7481;--faint: #8aa0ab;--chevron: #b6c6cc;--line-card: #e2eaec;--line-control: #dde5e8;--line-header: #e6ecee;--line-row: #f1f5f6;--line-split: #eef2f4;--fresh-bg: #e3f0e9;--fresh-fg: #1d6b4b;--fresh-dot: #2e9c6b;--aging-bg: #f7efdd;--aging-fg: #8a5c12;--aging-dot: #d09b2c;--soon-bg: #f9e8e4;--soon-fg: #98362a;--soon-dot: #cf5a45;--shadow-card: 0 1px 3px rgba(20, 35, 43, .04);--shadow-tile: 0 1px 2px rgba(20, 35, 43, .03);--sans: -apple-system, "SF Pro Text", system-ui, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, monospace;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--app-bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}input,textarea,button,select{font-family:inherit;color:inherit}button{border:0;background:none;padding:0;cursor:pointer}input:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px #14606e24}a{color:var(--teal);text-decoration:none}::-webkit-scrollbar{width:0;height:0}.app-shell{height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--app-bg);position:relative;max-width:520px;margin:0 auto}.screen{height:100%;display:flex;flex-direction:column;overflow:hidden;flex:1;min-width:0}.sidebar{display:none}.screen-body{flex:1;overflow:auto;-webkit-overflow-scrolling:touch}.content-narrow{width:100%}.dock-row{display:flex;gap:10px;width:100%}@media (min-width: 700px){.app-shell{max-width:none;margin:0;flex-direction:row}.sidebar{display:flex;flex-direction:column;flex:none;width:236px;gap:18px;padding:24px 16px;background:var(--card);border-right:1px solid var(--line-card)}.sidebar-brand{font-size:17px;font-weight:700;letter-spacing:-.2px;padding:0 6px}select.sidebar-household-switcher{font-family:inherit;border:none;background:transparent;color:inherit;cursor:pointer;width:100%}.sidebar-add{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:13px;background:var(--teal);color:#fff;font-size:13.5px;font-weight:600}.sidebar-add:hover{background:var(--teal-dark)}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.sidebar-link{display:flex;align-items:center;gap:12px;height:42px;padding:0 10px;border-radius:12px;font-size:14px;font-weight:600;color:var(--muted);text-align:left}.sidebar-link:hover{background:var(--app-bg)}.sidebar-link.is-active{background:var(--teal-soft);color:var(--teal)}.tab-dock{display:none}.content-narrow,.dock-row{max-width:640px;margin:0 auto}}.centered-loader{height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.header-large{padding:calc(22px + var(--safe-top)) 20px 10px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.header-title{font-size:30px;font-weight:700;letter-spacing:-.6px;line-height:1.1}.header-sub{font-family:var(--mono);font-size:11.5px;color:var(--muted);margin-top:6px;letter-spacing:.02em}.icon-btn{width:40px;height:40px;border-radius:14px;background:var(--card);border:1px solid var(--line-card);display:flex;align-items:center;justify-content:center;flex:none}.icon-btn:hover{border-color:#c9d6db}.header-bar{padding:calc(22px + var(--safe-top)) 16px 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line-header);background:#f5f8f9eb}.back-btn{width:38px;height:38px;border-radius:13px;background:var(--card);border:1px solid var(--line-card);display:flex;align-items:center;justify-content:center;flex:none}.header-bar-title{font-size:18px;font-weight:600;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-bar-meta{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:3px}.header-form{padding:calc(22px + var(--safe-top)) 20px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line-header)}.header-form-title{font-size:16px;font-weight:600}.link-btn{font-size:14.5px;font-weight:600;color:var(--teal);padding:0 4px}.link-btn-plain{font-size:14.5px;color:var(--muted)}.eyebrow{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.mono{font-family:var(--mono)}.btn-primary{height:52px;border-radius:16px;background:var(--teal);color:#fff;font-size:15.5px;font-weight:600;width:100%}.btn-primary:hover{background:var(--teal-dark)}.btn-primary:disabled,.btn-primary.is-disabled{background:#7c929b}.btn-teal-sm{height:38px;padding:0 14px;border-radius:13px;background:var(--teal);color:#fff;display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;flex:none}.btn-teal-sm:hover{background:var(--teal-dark)}.btn-dashed{display:flex;align-items:center;justify-content:center;gap:9px;height:54px;border-radius:18px;border:1.5px dashed #c3d3d8;background:#ffffff8c;color:var(--teal);font-size:14.5px;font-weight:600;width:100%}.btn-dashed:hover{border-color:var(--teal);background:var(--card)}.btn-plus{font-size:19px;font-weight:400;line-height:1}.btn-outline{height:42px;padding:0 18px;border-radius:14px;background:var(--card);border:1px solid var(--line-control);font-size:13.5px;font-weight:600;color:var(--teal)}.btn-square{width:52px;height:52px;border-radius:16px;background:var(--card);border:1px solid var(--line-control);display:flex;align-items:center;justify-content:center;font-size:19px;color:var(--body);flex:none}.btn-square:hover{border-color:#7c929b}.chip{border:1px solid var(--line-control);background:var(--card);color:var(--body);font-weight:600;transition:none}.chip.is-active{background:var(--teal);border-color:var(--teal);color:#fff}.chip-lg{height:46px;border-radius:14px;font-size:13.5px;flex:1}.chip-md{height:40px;padding:0 14px;border-radius:13px;font-size:13px}.chip-sm{height:36px;padding:0 12px;border-radius:11px;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}.chip-filter{height:34px;padding:0 12px;border-radius:11px;font-size:12.5px}.chip-filter-mono{height:32px;padding:0 11px;border-radius:10px;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em}.chip-cat{display:flex;flex-direction:row;align-items:center;gap:6px;padding:7px 11px 7px 8px;border-radius:12px;width:100%}.chip-cat-ab{display:flex;align-items:center;justify-content:center}.chip-cat-label{font-size:12px;white-space:nowrap}.chip-unit{flex:1;height:50px;border-radius:15px;font-family:var(--mono);font-size:11.5px}.chip-row{display:flex;gap:7px;flex-wrap:wrap}.card{background:var(--card);border:1px solid var(--line-card);border-radius:20px;box-shadow:var(--shadow-card)}.card-flush{background:var(--card);border:1px solid var(--line-card);border-radius:20px;overflow:hidden}.card-pad{padding:16px}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 9px;font-family:var(--mono);font-size:11px;font-weight:600;flex:none}.badge-dot{width:6px;height:6px;border-radius:99px;flex:none}.dist-bar{display:flex;gap:3px;height:6px}.dist-bar>span{border-radius:99px}.dist-label{font-family:var(--mono);font-size:10.5px;color:var(--muted);letter-spacing:.02em}.input-hero{width:100%;height:58px;border-radius:18px;border:1px solid var(--line-control);background:var(--card);padding:0 18px;font-size:19px;font-weight:600;letter-spacing:-.2px}.input-std{width:100%;height:50px;border-radius:15px;border:1px solid var(--line-control);background:var(--card);padding:0 16px;font-size:14.5px}.input-soft{border-radius:14px;border:1px solid var(--line-control);background:var(--card);padding:0 14px;font-size:13.5px;min-height:38px;width:100%}.search-field{display:flex;align-items:center;gap:10px;height:46px;border-radius:15px;background:var(--card);border:1px solid var(--line-control);padding:0 14px}.search-field input{flex:1;border:0;background:none;font-size:15px;min-width:0}.search-field input:focus{box-shadow:none}.field-hint{font-family:var(--mono);font-size:10.5px;color:var(--muted);margin-top:8px;padding-left:4px;letter-spacing:.04em}.stepper{display:flex;align-items:center;height:50px;border-radius:15px;border:1px solid var(--line-control);background:var(--card);padding:0 6px}.stepper button{width:38px;height:38px;border-radius:11px;font-size:20px;color:var(--body)}.stepper button:hover{background:#f0f5f6}.stepper-value{flex:1;text-align:center;font-family:var(--mono);font-size:16px;font-weight:600}.stepper-value-editable{display:flex;align-items:center;justify-content:center;gap:3px}.stepper-input{width:56px;border:0;background:none;padding:0;text-align:right;font-family:var(--mono);font-size:16px;font-weight:600;color:var(--ink)}.stepper-input:focus{outline:none}.stepper-input::-webkit-inner-spin-button,.stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.photo-tile{border-radius:16px;border:1px solid var(--line-control);background:repeating-linear-gradient(135deg,#eef3f5 0,#eef3f5 7px,#f7fafb 7px,#f7fafb 14px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.tab-dock{position:absolute;left:0;right:0;bottom:0}.tab-bar{padding:10px 12px calc(14px + var(--safe-bottom));background:#ffffffdb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line-header)}.tab-row{display:flex;width:100%}@media (min-width: 700px){.tab-row{max-width:640px;margin:0 auto}}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:6px 0}.tab-label{font-size:10.5px;font-weight:600;letter-spacing:.01em}.fab{position:absolute;right:20px;bottom:calc(84px + var(--safe-bottom));width:58px;height:58px;border-radius:20px;background:var(--teal);color:#fff;font-size:27px;font-weight:300;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px #14606e52}.fab:hover{background:var(--teal-dark)}.action-dock{position:absolute;left:0;right:0;bottom:0;padding:14px 20px calc(20px + var(--safe-bottom));background:linear-gradient(rgba(245,248,249,0),var(--app-bg) 32%);display:flex;justify-content:center}.toast{position:absolute;left:20px;right:20px;bottom:calc(98px + var(--safe-bottom));background:var(--ink);color:#fff;border-radius:16px;padding:14px 16px;display:flex;align-items:center;gap:11px;box-shadow:0 12px 30px #14232b47;z-index:40}.toast-dot{width:7px;height:7px;border-radius:99px;background:#5fd0a6;flex:none}.toast-text{flex:1;font-size:13.5px;line-height:1.4;text-wrap:pretty}.empty-art{border-radius:18px;border:1px solid #dae4e7;background:repeating-linear-gradient(135deg,#eef3f5 0,#eef3f5 7px,#f7fafb 7px,#f7fafb 14px);display:flex;align-items:flex-end;justify-content:center}.empty-dash{border:1.5px dashed #dae4e7;border-radius:16px;padding:16px;text-align:center;font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.06em}.empty-title{font-size:18px;font-weight:600;letter-spacing:-.2px}.empty-copy{font-size:13.5px;line-height:1.5;color:var(--muted);margin-top:7px;max-width:250px;text-wrap:pretty}.note-teal{display:flex;gap:11px;background:var(--teal-soft);border-radius:16px;padding:14px;font-size:12.5px;line-height:1.55;color:var(--teal);text-wrap:pretty}.error-text{font-size:13px;color:var(--soon-fg);background:var(--soon-bg);border-radius:12px;padding:11px 13px;line-height:1.45}.stack{display:flex;flex-direction:column}