:root{--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Space Grotesk", "Inter", system-ui, sans-serif;--font-prose: "Lora", Georgia, "Iowan Old Style", serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-md: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 32px;--text-display: 40px;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.7;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--z-base: 0;--z-dropdown: 5;--z-sticky: 10;--z-overlay: 20;--z-modal: 30;--z-toast: 40;--duration-fast: .15s;--duration-base: .2s;--duration-slow: .3s;--ease-out: cubic-bezier(.4, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .6, 1);--transition-fast: var(--duration-fast) var(--ease-out);--transition-base: var(--duration-base) var(--ease-out);--bg-base: #faf9f6;--bg-surface: #ffffff;--bg-muted: #f3f1ec;--border-subtle: #ebe7dd;--border-default: #d8d3c5;--text-primary: #1a1a17;--text-secondary: #595650;--text-tertiary: #8b8780;--text-on-brand: #ffffff;--brand-50: #ecf6f1;--brand-100: #c8e6d8;--brand-200: #9bd1ba;--brand-500: #1e7a5f;--brand-600: #155f4a;--brand-700: #0e4a39;--accent-50: #fff1eb;--accent-100: #ffd9c7;--accent-500: #e5563c;--accent-600: #c84526;--success: #2d8659;--warning: #d18b1c;--danger: #c53030;--info: #1e6fb5;--sport-run: #e5563c;--sport-bike: #1e7a5f;--sport-swim: #1e6fb5;--sport-hike: #8b6b3e;--sport-climb: #b43a3a;--sport-kayak: #2ba39a;--sport-tri: #6d4fa8;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 2px 8px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-lg: 0 8px 24px rgba(15, 23, 42, .08), 0 2px 6px rgba(15, 23, 42, .04);--shadow-brand: 0 8px 24px rgba(30, 122, 95, .18), 0 2px 6px rgba(30, 122, 95, .12);--shadow-focus: 0 0 0 4px rgba(30, 122, 95, .15);--shadow-focus-danger: 0 0 0 4px rgba(197, 48, 48, .15)}:root{--__dark-bg-base: #0e1311;--__dark-bg-surface: #181d1a;--__dark-bg-muted: #242a26;--__dark-border-subtle: #2a322d;--__dark-border-default: #3a4540;--__dark-text-primary: #f0efea;--__dark-text-secondary: #b3b4ae;--__dark-text-tertiary: #7a7c76;--__dark-text-on-brand: #062418;--__dark-brand-50: rgba(78, 172, 142, .12);--__dark-brand-100: rgba(78, 172, 142, .22);--__dark-brand-200: #6ec2a8;--__dark-brand-500: #4eac8e;--__dark-brand-600: #6ec2a8;--__dark-brand-700: #9bd1ba;--__dark-accent-50: rgba(255, 138, 110, .14);--__dark-accent-100: rgba(255, 138, 110, .26);--__dark-accent-500: #ff8a6e;--__dark-accent-600: #ffa48b;--__dark-success: #5fb98a;--__dark-warning: #f0b04c;--__dark-danger: #e26b6b;--__dark-info: #5fa9d8;--__dark-sport-run: #ff8a6e;--__dark-sport-bike: #5fb98a;--__dark-sport-swim: #5fa9d8;--__dark-sport-hike: #c89a6c;--__dark-sport-climb: #e26b6b;--__dark-sport-kayak: #5fc4ba;--__dark-sport-tri: #9078c4;--__dark-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--__dark-shadow-md: 0 4px 12px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .2);--__dark-shadow-lg: 0 12px 32px rgba(0, 0, 0, .5), 0 2px 6px rgba(0, 0, 0, .3);--__dark-shadow-brand: 0 8px 24px rgba(78, 172, 142, .25);--__dark-shadow-focus: 0 0 0 4px rgba(78, 172, 142, .28);--__dark-shadow-focus-danger: 0 0 0 4px rgba(226, 107, 107, .28)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-base: var(--__dark-bg-base);--bg-surface: var(--__dark-bg-surface);--bg-muted: var(--__dark-bg-muted);--border-subtle: var(--__dark-border-subtle);--border-default: var(--__dark-border-default);--text-primary: var(--__dark-text-primary);--text-secondary: var(--__dark-text-secondary);--text-tertiary: var(--__dark-text-tertiary);--text-on-brand: var(--__dark-text-on-brand);--brand-50: var(--__dark-brand-50);--brand-100: var(--__dark-brand-100);--brand-200: var(--__dark-brand-200);--brand-500: var(--__dark-brand-500);--brand-600: var(--__dark-brand-600);--brand-700: var(--__dark-brand-700);--accent-50: var(--__dark-accent-50);--accent-100: var(--__dark-accent-100);--accent-500: var(--__dark-accent-500);--accent-600: var(--__dark-accent-600);--success: var(--__dark-success);--warning: var(--__dark-warning);--danger: var(--__dark-danger);--info: var(--__dark-info);--sport-run: var(--__dark-sport-run);--sport-bike: var(--__dark-sport-bike);--sport-swim: var(--__dark-sport-swim);--sport-hike: var(--__dark-sport-hike);--sport-climb: var(--__dark-sport-climb);--sport-kayak: var(--__dark-sport-kayak);--sport-tri: var(--__dark-sport-tri);--shadow-sm: var(--__dark-shadow-sm);--shadow-md: var(--__dark-shadow-md);--shadow-lg: var(--__dark-shadow-lg);--shadow-brand: var(--__dark-shadow-brand);--shadow-focus: var(--__dark-shadow-focus);--shadow-focus-danger: var(--__dark-shadow-focus-danger);color-scheme:dark}}:root[data-theme=dark]{--bg-base: var(--__dark-bg-base);--bg-surface: var(--__dark-bg-surface);--bg-muted: var(--__dark-bg-muted);--border-subtle: var(--__dark-border-subtle);--border-default: var(--__dark-border-default);--text-primary: var(--__dark-text-primary);--text-secondary: var(--__dark-text-secondary);--text-tertiary: var(--__dark-text-tertiary);--text-on-brand: var(--__dark-text-on-brand);--brand-50: var(--__dark-brand-50);--brand-100: var(--__dark-brand-100);--brand-200: var(--__dark-brand-200);--brand-500: var(--__dark-brand-500);--brand-600: var(--__dark-brand-600);--brand-700: var(--__dark-brand-700);--accent-50: var(--__dark-accent-50);--accent-100: var(--__dark-accent-100);--accent-500: var(--__dark-accent-500);--accent-600: var(--__dark-accent-600);--success: var(--__dark-success);--warning: var(--__dark-warning);--danger: var(--__dark-danger);--info: var(--__dark-info);--sport-run: var(--__dark-sport-run);--sport-bike: var(--__dark-sport-bike);--sport-swim: var(--__dark-sport-swim);--sport-hike: var(--__dark-sport-hike);--sport-climb: var(--__dark-sport-climb);--sport-kayak: var(--__dark-sport-kayak);--sport-tri: var(--__dark-sport-tri);--shadow-sm: var(--__dark-shadow-sm);--shadow-md: var(--__dark-shadow-md);--shadow-lg: var(--__dark-shadow-lg);--shadow-brand: var(--__dark-shadow-brand);--shadow-focus: var(--__dark-shadow-focus);--shadow-focus-danger: var(--__dark-shadow-focus-danger);color-scheme:dark}:root,:root[data-theme=light]{color-scheme:light}.theme-toggle{width:36px;height:36px;border-radius:var(--radius-full);display:grid;place-items:center;color:var(--text-secondary);background:none;border:none;cursor:pointer;font:inherit;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.theme-toggle:hover{background:var(--bg-muted);color:var(--text-primary)}.theme-toggle:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.theme-toggle--fab{position:fixed;top:var(--space-4);right:var(--space-4);width:40px;height:40px;background:var(--bg-surface);border:1px solid var(--border-default);box-shadow:var(--shadow-sm);z-index:var(--z-overlay)}.theme-toggle--fab:hover{background:var(--bg-muted);border-color:var(--text-tertiary)}.theme-toggle__sun,[data-theme=dark] .theme-toggle__moon{display:none}[data-theme=dark] .theme-toggle__sun{display:block}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle__moon{display:none}:root:not([data-theme=light]) .theme-toggle__sun{display:block}}.num{font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{min-height:100vh;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr}@media(min-width:1024px){.app{grid-template-columns:240px 1fr;grid-template-rows:1fr}}.sidebar{display:none;background:var(--bg-surface);border-right:1px solid var(--border-subtle);padding:var(--space-6) var(--space-4);flex-direction:column;gap:var(--space-8);position:sticky;top:0;height:100vh}@media(min-width:1024px){.sidebar{display:flex}}.brand{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3)}.brand__mark{width:32px;height:32px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--brand-500),var(--brand-700));display:grid;place-items:center;color:var(--text-on-brand)}.brand__name{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);letter-spacing:.02em}.nav{display:flex;flex-direction:column;gap:var(--space-1)}.nav__group-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);padding:0 var(--space-3) var(--space-2)}.nav__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.nav__item:hover{background:var(--bg-muted);color:var(--text-primary)}.nav__item:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.nav__item--active,.nav__item--active:hover{background:var(--brand-50);color:var(--brand-700)}.sidebar__user{margin-top:auto;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg-muted)}.sidebar__user-info{flex:1;min-width:0}.sidebar__user-name{font-size:var(--text-sm);font-weight:600;line-height:var(--leading-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user-role{font-size:var(--text-xs);color:var(--text-tertiary)}.avatar{width:36px;height:36px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--brand-500),var(--brand-700));color:var(--text-on-brand);display:grid;place-items:center;font-weight:600;font-size:var(--text-sm);flex-shrink:0}.topbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:var(--z-sticky)}@media(min-width:1024px){.topbar{display:none}}.topbar__back{width:36px;height:36px;border-radius:var(--radius-md);display:grid;place-items:center;color:var(--text-secondary)}.topbar__back:hover{background:var(--bg-muted);color:var(--text-primary)}.topbar__title{font-family:var(--font-display);font-weight:600;font-size:var(--text-md);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth{min-height:100vh;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr}@media(min-width:960px){.auth{grid-template-columns:5fr 6fr;grid-template-rows:1fr}}.brand-aside{position:relative;background:linear-gradient(160deg,var(--brand-600) 0%,var(--brand-700) 55%,#082e23 100%);color:var(--text-on-brand);padding:var(--space-5) var(--space-6);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:88px}@media(min-width:960px){.brand-aside{padding:var(--space-10) var(--space-12);min-height:100vh}}.brand-aside__topo{position:absolute;inset:0;width:100%;height:100%;opacity:.22;pointer-events:none}.brand-aside__glow{position:absolute;top:-30%;right:-20%;width:70%;aspect-ratio:1;background:radial-gradient(circle,rgba(155,209,186,.25) 0%,transparent 65%);pointer-events:none}.brand-aside__tagline{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:600;line-height:var(--leading-tight);letter-spacing:-.02em;color:var(--text-on-brand)}.brand-aside__tagline em{font-style:normal;color:var(--brand-200)}.brand-aside__body{font-size:var(--text-md);line-height:1.55;color:var(--brand-100)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-weight:500;font-size:var(--text-sm);border:1px solid transparent;background:none;color:inherit;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent-500);color:var(--text-on-brand);font-weight:600;box-shadow:0 2px 6px #e5563c47}.btn--primary:hover{background:var(--accent-600);transform:translateY(-1px);box-shadow:0 4px 12px #e5563c66}.btn--primary:focus-visible{box-shadow:0 4px 12px #e5563c66,0 0 0 4px #e5563c33}.btn--ghost{color:var(--text-secondary);border-color:var(--border-default);background:var(--bg-surface)}.btn--ghost:hover{background:var(--bg-muted);border-color:var(--text-tertiary);color:var(--text-primary)}.btn--ghost-light{background:#ffffff1a;color:var(--text-on-brand)}.btn--ghost-light:hover{background:#fff3}.btn--block{width:100%}.btn--icon{width:36px;height:36px;padding:0}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.card--elevated{box-shadow:var(--shadow-md)}.card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.card__title{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);font-family:var(--font-sans)}.card__link{font-size:var(--text-sm);font-weight:500;color:var(--brand-600);display:inline-flex;align-items:center;gap:var(--space-1);text-decoration:none;transition:color var(--transition-fast)}.card__link:hover{color:var(--brand-700)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__head{display:flex;justify-content:space-between;align-items:baseline}.field__label{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);letter-spacing:.01em}.field__link{font-size:var(--text-xs);font-weight:500;color:var(--brand-600);text-decoration:none}.field__link:hover{color:var(--brand-700)}.field__input-wrap{position:relative}.field__input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.field__input::placeholder{color:var(--text-tertiary)}.field__input:hover{border-color:var(--text-tertiary)}.field__input:focus{border-color:var(--brand-500);box-shadow:var(--shadow-focus)}.field__input:disabled{background:var(--bg-muted);color:var(--text-tertiary);cursor:not-allowed}.field__input--error{border-color:var(--danger)}.field__input--error:focus{box-shadow:var(--shadow-focus-danger)}.field__input--with-action{padding-right:44px}.field__action{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:var(--radius-sm);display:grid;place-items:center;color:var(--text-tertiary);background:none;border:none;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.field__action:hover{color:var(--text-primary);background:var(--bg-muted)}.field__hint{font-size:var(--text-xs);color:var(--text-tertiary)}.field__error{font-size:var(--text-xs);color:var(--danger);font-weight:500}.checkbox{display:inline-flex;align-items:flex-start;gap:var(--space-3);cursor:pointer;user-select:none;font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal)}.checkbox__input{position:absolute;opacity:0;pointer-events:none}.checkbox__box{flex-shrink:0;width:18px;height:18px;border-radius:5px;border:1.5px solid var(--border-default);background:var(--bg-surface);display:grid;place-items:center;margin-top:1px;transition:background var(--transition-fast),border-color var(--transition-fast)}.checkbox__box svg{opacity:0;color:var(--text-on-brand)}.checkbox__input:checked+.checkbox__box{background:var(--brand-500);border-color:var(--brand-500)}.checkbox__input:checked+.checkbox__box svg{opacity:1}.checkbox__input:focus-visible+.checkbox__box{box-shadow:var(--shadow-focus)}.search{position:relative;width:100%}.search__icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.search__input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) 40px;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search__input::placeholder{color:var(--text-tertiary)}.search__input:focus{border-color:var(--brand-500);box-shadow:var(--shadow-focus)}.search__shortcut{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);padding:2px 6px;border-radius:var(--radius-sm);background:var(--bg-muted);pointer-events:none}.filter-chip{display:inline-flex;align-items:center;gap:6px;padding:6px var(--space-3);border-radius:var(--radius-full);border:1.5px solid var(--border-default);background:var(--bg-surface);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.filter-chip:hover{border-color:var(--text-tertiary);color:var(--text-primary)}.filter-chip--active,.filter-chip--active:hover{border-color:var(--brand-500);background:var(--brand-50);color:var(--brand-700)}.filter-chip__count{font-variant-numeric:tabular-nums;opacity:.7}.filter-select{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px var(--space-3);border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:border-color var(--transition-fast)}.filter-select:hover{border-color:var(--text-tertiary)}.filter-select__label{color:var(--text-tertiary);font-weight:400}.filter-select__value{color:var(--text-primary);font-weight:600}.chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);border:1.5px solid var(--border-default);background:var(--bg-surface);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;user-select:none;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.chip:hover{border-color:var(--text-tertiary);color:var(--text-primary)}.chip--active,.chip--active:hover{border-color:var(--brand-500);background:var(--brand-50);color:var(--brand-700)}.pill{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:2px var(--space-2);border-radius:var(--radius-full);display:inline-block}.pill--done{background:var(--brand-50);color:var(--brand-700)}.pill--todo{background:var(--bg-muted);color:var(--text-tertiary)}.pill--warning{background:#d18b1c29;color:var(--warning)}.pill--danger{background:#c530301f;color:var(--danger)}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:3px var(--space-3);border-radius:var(--radius-full);background:var(--brand-50);color:var(--brand-700);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em}.status-pill__dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--brand-500)}.status-pill--active{background:#c530301f;color:var(--danger)}.status-pill--active .status-pill__dot{background:var(--danger)}.status-pill--recovering{background:#1e6fb51f;color:var(--info)}.status-pill--recovering .status-pill__dot{background:var(--info)}.status-pill--resolved{background:var(--brand-50);color:var(--brand-700)}.status-pill--resolved .status-pill__dot{background:var(--success)}.status-pill--chronic{background:#d18b1c29;color:var(--warning)}.status-pill--chronic .status-pill__dot{background:var(--warning)}.severity{display:inline-flex;align-items:center;gap:4px}.severity__dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--bg-muted);border:1px solid var(--border-default)}.severity__dot--mild{background:var(--success);border-color:var(--success)}.severity__dot--moderate{background:var(--warning);border-color:var(--warning)}.severity__dot--severe{background:var(--danger);border-color:var(--danger)}.difficulty{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:600;color:var(--text-secondary)}.difficulty__bars{display:flex;gap:2px}.difficulty__bar{width:6px;height:9px;border-radius:1px;background:var(--bg-muted)}.difficulty__bar--filled{background:var(--brand-500)}.ring{position:relative;display:inline-grid;place-items:center}.ring svg{transform:rotate(-90deg)}.ring__bg{fill:none;stroke:var(--bg-muted);stroke-width:10}.ring__fg{fill:none;stroke:var(--brand-500);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset var(--duration-slow) var(--ease-out)}.ring__fg--success{stroke:var(--success)}.ring__fg--warning{stroke:var(--warning)}.ring__fg--danger{stroke:var(--danger)}.ring__center{position:absolute;inset:0;display:grid;place-items:center;text-align:center}.day-dot{aspect-ratio:1;max-width:44px;border-radius:var(--radius-md);background:var(--bg-muted);border:1.5px solid var(--border-subtle);display:grid;place-items:center;color:var(--text-tertiary);font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;position:relative}.day-dot--done{background:var(--brand-50);border-color:var(--brand-200);color:var(--brand-700)}.day-dot--done:after{content:"✓";position:absolute;top:-3px;right:-3px;width:14px;height:14px;background:var(--brand-500);color:var(--text-on-brand);border-radius:var(--radius-full);display:grid;place-items:center;font-size:9px;font-weight:700}.day-dot--today{background:var(--bg-surface);border-color:var(--accent-500);color:var(--text-primary);box-shadow:0 0 0 4px #e5563c40}.energy{display:inline-flex;align-items:center;gap:4px}.energy__dot{width:14px;height:14px;border-radius:var(--radius-full);background:var(--bg-muted);border:1.5px solid var(--border-default)}.energy__dot--filled{background:var(--brand-500);border-color:var(--brand-500)}.macros-bar{height:8px;border-radius:var(--radius-full);background:var(--bg-muted);overflow:hidden}.macros-bar__fill{height:100%;border-radius:var(--radius-full);transition:width var(--duration-base) var(--ease-out)}.macros-bar__fill--protein{background:var(--sport-run)}.macros-bar__fill--carbs{background:var(--sport-bike)}.macros-bar__fill--fat{background:var(--warning)}.sform-crumbs{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-5)}.sform-crumbs a{color:var(--text-tertiary);text-decoration:none}.sform-crumbs a:hover{color:var(--text-primary)}.sform-crumbs__sep{opacity:.5}.form-error{padding:var(--space-3) var(--space-4);background:rgb(from var(--danger) r g b / .08);border:1px solid rgb(from var(--danger) r g b / .3);border-left:3px solid var(--danger);border-radius:var(--radius-md);color:var(--danger);font-size:var(--text-sm);font-weight:500}.metric{display:flex;flex-direction:column;gap:2px}.metric--inline{flex-direction:row;align-items:baseline;gap:var(--space-2)}.metric__label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}.metric__value{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--text-primary);line-height:var(--leading-tight);font-variant-numeric:tabular-nums}.metric__value--sm{font-size:var(--text-md)}.metric__unit{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin-left:2px}.skeleton{background:var(--bg-muted);border-radius:var(--radius-sm);animation:skeleton-pulse 1.8s ease-in-out infinite}.skeleton--text{height:14px;width:100%;margin-bottom:var(--space-2)}.skeleton--title{height:20px;width:60%;margin-bottom:var(--space-3)}.skeleton--heading{height:28px;width:40%;margin-bottom:var(--space-4)}.skeleton--circle{width:36px;height:36px;border-radius:var(--radius-full)}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}.spinner{display:grid;place-items:center;padding:var(--space-8)}.spinner:after{content:"";width:32px;height:32px;border:3px solid var(--border-subtle);border-top-color:var(--brand-500);border-radius:var(--radius-full);animation:spinner-rotate .7s linear infinite}.spinner--sm:after{width:16px;height:16px;border-width:2px}.spinner--sm{padding:var(--space-2)}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner:after{animation-duration:2s}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-base);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:600;letter-spacing:-.015em;color:var(--text-primary)}