:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-full:999px;--font-sans:"Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:2.375rem;--leading-tight:1.2;--leading-normal:1.5;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--shadow-1:0 1px 2px #14281e0d, 0 1px 1px #14281e08;--shadow-2:0 1px 2px #14281e0d, 0 4px 12px #14281e0f;--shadow-3:0 2px 4px #14281e0f, 0 12px 32px #14281e1f;--ease:cubic-bezier(.2, .7, .2, 1);--dur-fast:.12s;--dur-base:.2s;--content-max:1120px;--sidebar-w:248px;--bottom-nav-h:64px;--touch:44px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--bg:#f4f7f5;--bg-tint-a:#0f8a6a14;--bg-tint-b:#2a78d60d;--surface:#fff;--surface-2:#eff3f0;--surface-3:#e4eae6;--border:#dfe6e2;--border-strong:#c7d2cc;--text:#16211b;--text-muted:#5b6b62;--text-faint:#8a978f;--accent:#0f8a6a;--accent-strong:#0b6e55;--accent-soft:#d8f1ea;--accent-soft-text:#085c47;--on-accent:#fff;--focus:#2a78d6;--danger:#b3261e;--danger-soft:#fbe7e5;--info-soft:#e6eefb;--info-text:#1f4f8f;--note-soft:#fbf3df;--note-text:#6b4f00;--overlay:#10181473;--c-protein:#2a78d6;--c-carbs:#eb6834;--c-fat:#1baf7a;--c-fiber:#eda100;--c-breakfast:#eda100;--c-lunch:#1baf7a;--c-dinner:#4a3aa7;--c-snack:#e87ba4;--chart-grid:#e3e9e5;--chart-axis:#7d8a83;--chart-target:#16211b;--chart-track:#e8ede9;--chart-heat-0:#eef2ef;--chart-heat-1:#cdebe2;--chart-heat-2:#8fd3bf;--chart-heat-3:#3fb693;--chart-heat-4:#0f8a6a;--chart-heat-5:#085c47}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121715;--bg-tint-a:#3cc9a414;--bg-tint-b:#3987e50f;--surface:#1b211e;--surface-2:#232b27;--surface-3:#2c3531;--border:#2e3833;--border-strong:#3f4b45;--text:#eef2ef;--text-muted:#a5b1aa;--text-faint:#75827b;--accent:#3cc9a4;--accent-strong:#5ad7b7;--accent-soft:#163d34;--accent-soft-text:#8ee6cd;--on-accent:#0b1f1a;--focus:#6aa7f0;--danger:#f28b82;--danger-soft:#3d2320;--info-soft:#1d2d44;--info-text:#9cc4f5;--note-soft:#3a3120;--note-text:#f0d48a;--overlay:#0009;--shadow-1:0 1px 2px #0006;--shadow-2:0 1px 2px #0006, 0 4px 12px #00000059;--shadow-3:0 2px 4px #00000080, 0 12px 32px #00000080;--c-protein:#3987e5;--c-carbs:#d95926;--c-fat:#199e70;--c-fiber:#c98500;--c-breakfast:#c98500;--c-lunch:#199e70;--c-dinner:#9085e9;--c-snack:#d55181;--chart-grid:#29322d;--chart-axis:#8d9a93;--chart-target:#eef2ef;--chart-track:#2a332e;--chart-heat-0:#222a26;--chart-heat-1:#1c3d34;--chart-heat-2:#1d5c4c;--chart-heat-3:#23806a;--chart-heat-4:#34a888;--chart-heat-5:#5ad7b7}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;height:100%}body{min-height:100%;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11", "ss01";margin:0;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60% 40% at 10% 0%, var(--bg-tint-a), transparent 70%), radial-gradient(50% 40% at 100% 10%, var(--bg-tint-b), transparent 70%);position:fixed;top:0;bottom:0;left:0;right:0}#root{min-height:100dvh}h1,h2,h3,h4{line-height:var(--leading-tight);font-weight:var(--weight-semibold);letter-spacing:-.01em;margin:0}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-lg)}h3{font-size:var(--text-base)}p{margin:0}a{color:var(--accent-strong);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}img,svg{max-width:100%;display:block}svg{fill:none}.num,.tabular{font-variant-numeric:tabular-nums lining-nums}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-xs)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.small{font-size:var(--text-sm)}.xs{font-size:var(--text-xs)}.semibold{font-weight:var(--weight-semibold)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.shell{grid-template-columns:minmax(0,1fr);min-height:100dvh;display:grid}.sidebar{display:none}.main{width:100%;min-width:0;max-width:var(--content-max);padding:calc(var(--space-4) + var(--safe-top)) var(--space-4) calc(var(--bottom-nav-h) + var(--space-8) + var(--safe-bottom));padding-left:calc(var(--space-4) + var(--safe-left));padding-right:calc(var(--space-4) + var(--safe-right));margin:0 auto}.page{gap:var(--space-5);flex-direction:column;display:flex}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.page-header .eyebrow{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-1)}.page-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.bottom-nav{z-index:40;height:calc(var(--bottom-nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.nav-item{min-height:var(--touch);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted);border-radius:var(--radius-sm);transition:color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.nav-item svg{width:22px;height:22px}.nav-item[aria-current=page]{color:var(--accent-strong)}.nav-item.nav-add{color:var(--on-accent)}.nav-item.nav-add .nav-add-circle{border-radius:var(--radius-full);background:var(--accent);width:44px;height:44px;box-shadow:var(--shadow-2);place-items:center;display:grid;transform:translateY(-8px)}.nav-item.nav-add .nav-add-circle svg{width:24px;height:24px}.nav-item.nav-add span{color:var(--text-muted);margin-top:-6px}.fab{right:calc(var(--space-4) + var(--safe-right));bottom:calc(var(--bottom-nav-h) + var(--space-4) + var(--safe-bottom));z-index:35;position:fixed}@media (min-width:900px){.shell{grid-template-columns:var(--sidebar-w) minmax(0, 1fr)}.sidebar{gap:var(--space-2);height:100dvh;padding:var(--space-6) var(--space-4);padding-left:calc(var(--space-4) + var(--safe-left));border-right:1px solid var(--border);background:color-mix(in srgb, var(--surface) 70%, transparent);flex-direction:column;display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-5);font-weight:var(--weight-semibold);font-size:var(--text-md);display:flex}.brand-mark{border-radius:var(--radius-sm);background:var(--accent);width:36px;height:36px;color:var(--on-accent);place-items:center;display:grid}.brand-mark svg{width:20px;height:20px}.sidebar .nav-item{justify-content:flex-start;gap:var(--space-3);padding:0 var(--space-3);font-size:var(--text-sm);min-height:var(--touch);flex-direction:row}.sidebar .nav-item:hover{background:var(--surface-2);color:var(--text)}.sidebar .nav-item[aria-current=page]{background:var(--accent-soft);color:var(--accent-soft-text)}.sidebar-foot{font-size:var(--text-xs);color:var(--text-faint);padding:var(--space-3);margin-top:auto}.bottom-nav,.fab{display:none}.main{padding:var(--space-8) var(--space-7) var(--space-10)}}@media (min-width:1280px){.main{padding-inline:var(--space-9)}}.grid-tiles{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:640px){.grid-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}.grid-tiles-3{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.grid-charts{gap:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:1180px){.grid-charts{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-charts>.span-2{grid-column:span 2}}.stack{gap:var(--space-3);flex-direction:column;display:flex}.stack-sm{gap:var(--space-2);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.row-between{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.hero-grid{gap:var(--space-5);grid-template-columns:minmax(0,1fr);align-items:center;display:grid}@media (min-width:640px){.hero-grid{gap:var(--space-7);grid-template-columns:200px minmax(0,1fr)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding:var(--space-4);min-width:0}@media (min-width:640px){.card{padding:var(--space-5)}}.card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.card-header h2{font-size:var(--text-base)}.card-header .sub{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.card-flat{background:var(--surface-2);box-shadow:none;border-color:#0000}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-1);min-width:0}.tile-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:var(--weight-medium)}.tile-value{font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:-.02em;font-variant-numeric:tabular-nums lining-nums;align-items:baseline;gap:var(--space-1);flex-wrap:wrap;margin-top:2px;display:flex}.tile-value .unit{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--weight-regular)}.tile-foot{font-size:var(--text-xs);color:var(--text-faint);margin-top:2px}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch);padding:0 var(--space-4);border-radius:var(--radius-md);font-weight:var(--weight-medium);font-size:var(--text-sm);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);white-space:nowrap;-webkit-tap-highlight-color:transparent;border:1px solid #0000;line-height:1;display:inline-flex}.btn:active{transform:translateY(1px)}.btn svg{flex:none;width:18px;height:18px}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-strong)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--surface-2)}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-danger{background:var(--danger-soft);color:var(--danger)}.btn-danger:hover{filter:brightness(.97)}.btn-sm{min-height:36px;padding:0 var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn-lg{min-height:52px;font-size:var(--text-base);padding:0 var(--space-6)}.btn-block{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-icon{width:var(--touch);height:var(--touch);border-radius:var(--radius-md);color:var(--text-muted);padding:0}.btn-icon:hover{background:var(--surface-2);color:var(--text)}.btn-icon.btn-sm{width:36px;height:36px}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.field{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.field>label,.field-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted)}.input,.select,.textarea{width:100%;min-height:var(--touch);padding:0 var(--space-3);background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-sm);transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);font-variant-numeric:tabular-nums;font-size:16px}.textarea{padding:var(--space-3);resize:vertical;min-height:112px;line-height:1.45}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}.input[aria-invalid=true]{border-color:var(--danger)}.select{-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-muted) 50%), linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);padding-right:var(--space-7);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px}.field-hint{font-size:var(--text-xs);color:var(--text-faint)}.field-error{font-size:var(--text-xs);color:var(--danger)}.form-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-grid .span-2{grid-column:span 2}@media (min-width:640px){.form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid-3 .span-2{grid-column:span 1}}.input-suffix{position:relative}.input-suffix .input{padding-right:44px}.input-suffix>span{right:var(--space-3);font-size:var(--text-xs);color:var(--text-faint);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.segmented{border-radius:var(--radius-md);background:var(--surface-2);gap:2px;max-width:100%;padding:3px;display:inline-flex;overflow-x:auto}.segmented button{min-height:38px;padding:0 var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted);white-space:nowrap;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease)}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.segmented.segmented-block{display:flex}.segmented.segmented-block button{flex:1}.badge{border-radius:var(--radius-full);min-height:24px;font-size:var(--text-xs);font-weight:var(--weight-medium);background:var(--surface-2);color:var(--text-muted);white-space:nowrap;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.badge svg{width:14px;height:14px}.badge-accent{background:var(--accent-soft);color:var(--accent-soft-text)}.badge-info{background:var(--info-soft);color:var(--info-text)}.badge-dot:before{content:"";background:var(--dot,currentColor);border-radius:50%;width:8px;height:8px}.notice{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);align-items:flex-start;line-height:1.45;display:flex}.notice svg{flex:none;width:18px;height:18px;margin-top:2px}.notice-info{background:var(--info-soft);color:var(--info-text)}.notice-note{background:var(--note-soft);color:var(--note-text)}.notice-danger{background:var(--danger-soft);color:var(--danger)}.notice-neutral{background:var(--surface-2);color:var(--text-muted)}.notice .notice-body{flex:1;min-width:0}.notice strong{margin-bottom:2px;display:block}.empty{text-align:center;align-items:center;gap:var(--space-2);padding:var(--space-7) var(--space-4);color:var(--text-muted);flex-direction:column;display:flex}.empty svg{width:40px;height:40px;color:var(--text-faint)}.empty h3{color:var(--text)}.empty p{font-size:var(--text-sm);max-width:36ch}.empty .btn{margin-top:var(--space-2)}.empty-compact{padding:var(--space-5) var(--space-3)}.skeleton{background:var(--surface-2);border-radius:var(--radius-sm);min-height:14px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--surface) 60%, transparent), transparent);animation:shimmer 1.4s var(--ease) infinite;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.skeleton-text{width:60%;height:14px}.skeleton-title{width:40%;height:22px}.skeleton-block{width:100%;height:160px}.skeleton-ring{border-radius:50%;width:160px;height:160px;margin:0 auto}.skeleton-tile{height:78px}.meal-group{gap:var(--space-3);flex-direction:column;display:flex}.meal-group-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.meal-group-title{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-muted);display:flex}.meal-group-title svg{width:18px;height:18px}.meal-card{gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-1);grid-template-columns:minmax(0,1fr) auto;display:grid}.meal-card-main{min-width:0}.meal-card-title{font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.meal-card-sub{font-size:var(--text-xs);color:var(--text-muted);gap:var(--space-2);flex-wrap:wrap;margin-top:2px;display:flex}.meal-card-kcal{text-align:right;font-variant-numeric:tabular-nums}.meal-card-kcal .val{font-weight:var(--weight-semibold);font-size:var(--text-md)}.meal-card-kcal .unit{font-size:var(--text-xs);color:var(--text-muted);margin-left:2px}.meal-card-strip{grid-column:1/-1}.meal-card-actions{justify-content:flex-end;gap:var(--space-1);grid-column:1/-1;margin-top:-4px;display:flex}.meal-card-items{font-size:var(--text-xs);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;overflow:hidden}.meters{gap:var(--space-3);display:grid}.meter{gap:2px var(--space-3);font-size:var(--text-sm);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;display:grid}.meter-name{align-items:center;gap:var(--space-2);font-weight:var(--weight-medium);display:flex}.meter-name:before{content:"";background:var(--dot);border-radius:3px;width:10px;height:10px}.meter-vals{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.meter-vals strong{color:var(--text)}.meter-track{border-radius:var(--radius-full);background:var(--chart-track);grid-column:1/-1;height:8px;overflow:hidden}.meter-fill{border-radius:var(--radius-full);background:var(--dot);height:100%;transition:width var(--dur-base) var(--ease)}.item-editor{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--surface);gap:var(--space-3);flex-direction:column;display:flex}.item-editor-head{gap:var(--space-2);align-items:flex-start;display:flex}.item-editor-head .field{flex:1}.item-grid{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (min-width:640px){.item-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:900px){.item-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}.item-grid .field>label{font-size:var(--text-xs)}.item-grid .input,.item-grid .select{padding-inline:var(--space-2)}.item-meta{font-size:var(--text-xs);color:var(--text-faint);line-height:1.4}.sheet-backdrop{z-index:60;background:var(--overlay);animation:fade var(--dur-base) var(--ease);justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.sheet{background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-height:calc(100dvh - 32px);padding:var(--space-4) var(--space-4) calc(var(--space-6) + var(--safe-bottom));box-shadow:var(--shadow-3);animation:slide-up var(--dur-base) var(--ease);overflow:auto}.sheet-handle{border-radius:var(--radius-full);background:var(--border-strong);width:40px;height:4px;margin:0 auto var(--space-4)}.sheet-title{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.sheet-actions{gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap;justify-content:flex-end;display:flex}.sheet-actions .btn{flex:1}@media (min-width:640px){.sheet-backdrop{padding:var(--space-6);align-items:center}.sheet{border-radius:var(--radius-xl);max-width:520px;padding:var(--space-6)}.sheet-handle{display:none}.sheet-actions .btn{flex:none}}@keyframes fade{0%{opacity:0}}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}}.toast-region{left:50%;bottom:calc(var(--bottom-nav-h) + var(--space-4) + var(--safe-bottom));z-index:70;gap:var(--space-2);flex-direction:column;width:min(92vw,420px);display:flex;position:fixed;transform:translate(-50%)}@media (min-width:900px){.toast-region{bottom:var(--space-6)}}.toast{background:var(--text);color:var(--bg);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-3);font-size:var(--text-sm);animation:slide-up var(--dur-base) var(--ease)}.toast-danger{background:var(--danger);color:#fff}.dropzone{justify-content:center;align-items:center;gap:var(--space-2);min-height:180px;padding:var(--space-5);border:1.5px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-2);color:var(--text-muted);text-align:center;cursor:pointer;transition:border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);flex-direction:column;display:flex}.dropzone:hover,.dropzone.is-over{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-soft-text)}.dropzone svg{width:32px;height:32px}.photo-preview{border-radius:var(--radius-lg);background:var(--surface-2);place-items:center;max-height:360px;display:grid;position:relative;overflow:hidden}.photo-preview img{object-fit:contain;width:100%;max-height:360px}.photo-actions{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.photo-actions .btn{flex:1}.login-wrap{min-height:100dvh;padding:var(--space-6) var(--space-4);padding-top:calc(var(--space-6) + var(--safe-top));place-items:center;display:grid}.login-card{gap:var(--space-5);flex-direction:column;width:100%;max-width:400px;display:flex}.login-brand{align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;display:flex}.login-brand .brand-mark{border-radius:var(--radius-lg);background:var(--accent);width:56px;height:56px;color:var(--on-accent);box-shadow:var(--shadow-2);place-items:center;display:grid}.login-brand .brand-mark svg{width:30px;height:30px}.day-block{gap:var(--space-2);flex-direction:column;display:flex}.day-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:0 var(--space-1);display:flex}.day-head h3{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--weight-semibold)}.day-head .num{font-size:var(--text-sm);color:var(--text-muted)}.day-empty{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-faint);font-size:var(--text-sm)}.data-table{border-collapse:collapse;width:100%;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.data-table th,.data-table td{padding:var(--space-2) var(--space-2);text-align:right;border-bottom:1px solid var(--border)}.data-table th:first-child,.data-table td:first-child{text-align:left}.data-table th{color:var(--text-muted);font-weight:var(--weight-medium);font-size:var(--text-xs)}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}details.chart-table>summary{cursor:pointer;font-size:var(--text-xs);color:var(--text-muted);padding:var(--space-2) 0;list-style:none}details.chart-table>summary::-webkit-details-marker{display:none}.settings-section{gap:var(--space-4);flex-direction:column;display:flex}.divider{background:var(--border);height:1px;margin:var(--space-2) 0}.list{gap:var(--space-2);flex-direction:column;display:flex}.list-item{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);grid-template-columns:minmax(0,1fr) auto;display:grid}.list-item .val{font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.list-item .sub{font-size:var(--text-xs);color:var(--text-muted)}.list-item-actions{gap:2px;display:flex}.nav-item,.nav-item:hover,a.btn:hover{text-decoration:none}.item-grid .select{background-position:calc(100% - 12px),calc(100% - 7px);padding-right:22px}.chart{width:100%;max-width:720px;margin:0 auto}.chart svg{width:100%;height:auto;font-family:var(--font-sans);font-variant-numeric:tabular-nums;display:block}.chart-narrow{max-width:360px}.chart-wide{max-width:880px}.chart text{fill:var(--text-muted);font-size:12px}.chart .axis-label{fill:var(--chart-axis);font-size:11px}.chart .grid-line{stroke:var(--chart-grid);stroke-width:1px}.chart .baseline{stroke:var(--chart-axis);stroke-width:1px}.chart .target-line{stroke:var(--chart-target);stroke-width:1.5px;stroke-dasharray:5 4;opacity:.7}.chart .target-label{fill:var(--text);font-size:11px;font-weight:500}.chart .bar{transition:opacity var(--dur-fast) var(--ease)}.chart .bar-hit{fill:#0000;cursor:pointer}.chart .value-label{fill:var(--text);font-size:11px;font-weight:500}.chart .tooltip-box{fill:var(--text);opacity:.94}.chart .tooltip-text{fill:var(--bg);font-size:11px}.chart .tooltip-text.strong{font-weight:600}.chart .series-line{fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.chart .series-area{opacity:.16}.chart .series-dot{stroke:var(--surface);stroke-width:2px}.chart .crosshair{stroke:var(--chart-axis);stroke-width:1px;stroke-dasharray:3 3}.chart .donut-center-value{fill:var(--text);letter-spacing:-.02em;font-size:26px;font-weight:600}.chart .donut-center-caption{fill:var(--text-muted);font-size:12px}.chart .ring-track{stroke:var(--chart-track)}.chart .ring-value{fill:var(--text);letter-spacing:-.02em;font-size:30px;font-weight:600}.chart .ring-caption{fill:var(--text-muted);font-size:12px}.chart .heat-cell{rx:2.5}.chart .heat-label{fill:var(--text-faint);font-size:5.5px}.chart-legend{gap:var(--space-2) var(--space-4);margin-top:var(--space-3);font-size:var(--text-xs);color:var(--text-muted);flex-wrap:wrap;justify-content:center;display:flex}.legend-item{align-items:center;gap:6px;min-height:24px;display:inline-flex}.legend-swatch{border-radius:3px;flex:none;width:10px;height:10px}.legend-item strong{color:var(--text);font-variant-numeric:tabular-nums}.donut-layout{gap:var(--space-4);grid-template-columns:minmax(0,1fr);align-items:center;display:grid}@media (min-width:480px){.donut-layout{grid-template-columns:180px minmax(0,1fr)}}.donut-key{gap:var(--space-2);font-size:var(--text-sm);flex-direction:column;display:flex}.donut-key-row{gap:var(--space-2);grid-template-columns:12px minmax(0,1fr) auto auto;align-items:center;display:grid}.donut-key-row .pct{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:right;min-width:3.5ch}.donut-key-row .val{font-variant-numeric:tabular-nums;font-weight:var(--weight-medium);text-align:right;min-width:7ch}.macro-strip{border-radius:var(--radius-full);background:var(--chart-track);gap:2px;height:6px;display:flex;overflow:hidden}.macro-strip span{min-width:0;height:100%}.macro-strip-key{gap:var(--space-3);font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;margin-top:6px;display:flex}.macro-strip-key b{color:var(--text);font-weight:var(--weight-medium)}.chart-empty{justify-content:center;align-items:center;gap:var(--space-2);min-height:140px;padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-muted);text-align:center;font-size:var(--text-sm);flex-direction:column;display:flex}.chart-empty svg{width:28px;height:28px;color:var(--text-faint)}.heatmap-wrap{max-width:640px;margin:0 auto}.sparkline{width:100%;max-width:160px;height:auto}