:root{--color-brand:#3370ff;--color-brand-strong:#245bdb;--color-brand-soft:#e8efff;--color-bg:#f5f6f8;--color-surface:#fff;--color-text:#1f2329;--color-text-secondary:#646a73;--color-text-tertiary:#8f959e;--color-border:#e5e6eb;--color-normal:#2ea121;--color-normal-soft:#e4f5e1;--color-attention:#b26a00;--color-attention-soft:#fff3db;--color-danger:#d83931;--color-danger-soft:#fde8e7;--color-done:#646a73;--color-done-soft:#eff0f1;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--font-size-xs:12px;--font-size-sm:13px;--font-size-md:15px;--font-size-lg:17px;--font-size-xl:22px;--font-size-metric:20px;--radius-sm:8px;--radius-md:12px;--touch-target:44px;--nav-height:56px;--header-height:56px;--content-max-width:1120px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Helvetica Neue,sans-serif;font-size:var(--font-size-md);margin:0;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
.app-shell{min-height:100dvh;padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + var(--space-4))}.app-header{z-index:20;align-items:center;gap:var(--space-3);height:var(--header-height);padding:0 var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;position:sticky;top:0}.app-header__brand{font-weight:600;font-size:var(--font-size-md);flex:none}.app-main{width:100%;max-width:var(--content-max-width);padding:var(--space-4);gap:var(--space-4);flex-direction:column;margin:0 auto;display:flex}.bottom-nav{z-index:20;height:calc(var(--nav-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--color-surface);border-top:1px solid var(--color-border);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav__link{min-height:var(--touch-target);color:var(--color-text-tertiary);font-size:var(--font-size-xs);flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.bottom-nav__link[aria-current=page]{color:var(--color-brand);font-weight:600}.search{flex:1;min-width:0;position:relative}.search__input{width:100%;height:36px;padding:0 var(--space-3);border:1px solid var(--color-border);background:var(--color-bg);border-radius:18px}.search__results{top:calc(100% + var(--space-2));max-height:60dvh;padding:var(--space-2) 0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin:0;list-style:none;position:absolute;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #1f23291f}.search__result{padding:var(--space-2) var(--space-4);min-height:var(--touch-target);display:block}.search__result:hover,.search__result:focus-visible{background:var(--color-bg)}.page-title{font-size:var(--font-size-xl);margin:0;font-weight:600}.section{gap:var(--space-3);flex-direction:column;display:flex}.section__title{font-size:var(--font-size-lg);margin:0;font-weight:600}.card{padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);display:block}a.card:hover{border-color:var(--color-brand)}.card__title{font-size:var(--font-size-md);overflow-wrap:anywhere;margin:0;font-weight:600}.card__meta{margin:var(--space-1) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-sm);overflow-wrap:anywhere}.card__row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.card-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}@media (min-width:900px){.card-list--grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.advice{padding:var(--space-4);background:var(--color-brand-soft);border-radius:var(--radius-md);font-size:var(--font-size-md)}.metrics{grid-template-columns:repeat(var(--metric-columns,3), minmax(0, 1fr));gap:var(--space-2);margin:0;display:grid}.metrics--four{--metric-columns:2}@media (min-width:900px){.metrics--four{--metric-columns:4}}.metric{padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);min-width:0}.metric dt{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.metric dd{margin:var(--space-1) 0 0;font-size:clamp(16px, 4.4vw, var(--font-size-metric));white-space:nowrap;font-weight:600}.pill{padding:2px var(--space-2);font-size:var(--font-size-xs);border-radius:999px;flex:none;align-items:center;font-weight:500;display:inline-flex}.pill--normal{color:var(--color-normal);background:var(--color-normal-soft)}.pill--attention{color:var(--color-attention);background:var(--color-attention-soft)}.pill--danger{color:var(--color-danger);background:var(--color-danger-soft)}.pill--done{color:var(--color-done);background:var(--color-done-soft)}.amount--danger{color:var(--color-danger)}.progress{height:6px;margin-top:var(--space-2);background:var(--color-bg);border-radius:3px;overflow:hidden}.progress__bar{background:var(--color-brand);height:100%}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-target);padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;display:inline-flex}.button--primary{border-color:var(--color-brand);background:var(--color-brand);color:#fff;font-weight:600}.button--primary:hover{background:var(--color-brand-strong)}.button--block{width:100%}.tabs{gap:var(--space-1);padding:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.tabs__tab{border-radius:var(--radius-sm);min-height:36px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;flex:1}.tabs__tab[aria-selected=true]{background:var(--color-brand-soft);color:var(--color-brand);font-weight:600}.chips{gap:var(--space-2);scrollbar-width:none;display:flex;overflow-x:auto}.chip{min-height:32px;padding:0 var(--space-3);border:1px solid var(--color-border);background:var(--color-surface);font-size:var(--font-size-sm);cursor:pointer;border-radius:16px;flex:none}.chip[aria-pressed=true]{border-color:var(--color-brand);color:var(--color-brand);background:var(--color-brand-soft)}.state{padding:var(--space-5) var(--space-4);text-align:center;color:var(--color-text-secondary)}.definition-list{gap:var(--space-2) var(--space-4);grid-template-columns:max-content 1fr;margin:0;display:grid}.definition-list dt{color:var(--color-text-secondary)}.definition-list dd{overflow-wrap:anywhere;margin:0}.timeline{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.timeline__item{padding-left:var(--space-3);border-left:2px solid var(--color-border)}.sheet-backdrop{z-index:30;background:#1f232966;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:640px;max-height:85dvh;padding:var(--space-4) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));background:var(--color-surface);border-radius:var(--radius-md) var(--radius-md) 0 0;overflow-y:auto}@media (min-width:900px){.sheet-backdrop{align-items:center}.sheet{border-radius:var(--radius-md)}}.trend{gap:var(--space-2);grid-template-columns:repeat(3,1fr);align-items:end;height:120px;display:grid}.trend__bar{text-align:center;height:100%;font-size:var(--font-size-xs);color:var(--color-text-secondary);flex-direction:column;justify-content:flex-end;display:flex}.trend__fill{min-height:2px;margin-top:var(--space-1);background:var(--color-brand);border-radius:4px 4px 0 0}.field{gap:var(--space-1);flex-direction:column;display:flex}.field__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.field__hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0}.input{width:100%;min-height:var(--touch-target);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.input--multiline{padding:var(--space-2) var(--space-3);resize:vertical}.field--error .input,.field--error .picked{border-color:var(--color-danger)}.picked{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-brand-soft);overflow-wrap:anywhere;display:flex}.picker-results{padding:var(--space-1) 0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);margin:0;list-style:none}.picker-result{width:100%;min-height:var(--touch-target);padding:var(--space-2) var(--space-3);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;display:flex}.picker-result:hover{background:var(--color-bg)}.button:disabled{opacity:.55;cursor:not-allowed}.change-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.change{gap:var(--space-2);overflow-wrap:anywhere;grid-template-columns:6em 1fr;display:grid}.change__before{color:var(--color-text-tertiary);text-decoration:line-through}.warning{padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-attention-soft);color:var(--color-attention)}.notice{padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-normal-soft);color:var(--color-normal)}.actions-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.actions-row>.button--primary{flex:100%}.actions-row>.button:not(.button--primary){flex:1}.chat{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.chat__message{max-width:92%;padding:var(--space-3);border-radius:var(--radius-md);overflow-wrap:anywhere}.chat__message--user{background:var(--color-brand);color:#fff;justify-self:end}.chat__message--assistant{background:var(--color-surface);border:1px solid var(--color-border);justify-self:start}.chat__message--assistant a{color:var(--color-brand);text-decoration:underline}.draft-card{margin-top:var(--space-2);border-color:var(--color-brand);background:var(--color-brand-soft);flex-direction:column;display:flex}.chat__composer{bottom:calc(var(--nav-height) + env(safe-area-inset-bottom));gap:var(--space-2);padding:var(--space-2) 0;background:var(--color-bg);align-items:flex-end;display:flex;position:sticky}.chat__composer .input{flex:1}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}