:root{--color-primary: #1E88E5;--color-primary-dark: #1669B7;--color-primary-tint: rgba(30, 136, 229, .16);--color-danger: #F44336;--color-danger-dark: #D32F2F;--color-danger-tint: rgba(244, 67, 54, .14);--color-amber: #FBC02D;--color-amber-dark: #F0A800;--color-amber-tint: rgba(251, 192, 45, .16);--color-success: #22C55E;--color-success-tint: rgba(34, 197, 94, .14);--energy-1: var(--color-danger);--energy-2: #FB8C42;--energy-3: var(--color-amber);--energy-4: #9CCB4E;--energy-5: var(--color-success);--energy-1-fg: #FFFFFF;--energy-2-fg: #FFFFFF;--energy-3-fg: #1C1C1E;--energy-4-fg: #1C1C1E;--energy-5-fg: #FFFFFF;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--color-bg: #000000;--color-surface: #1C1C1E;--color-surface-alt: rgba(120, 120, 128, .32);--color-text: #F2F2F7;--color-text-muted: rgba(235, 235, 245, .6);--color-border: rgba(84, 84, 88, .65);--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);--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;--radius-sm: 12px;--radius: 18px;--radius-lg: 18px;--radius-sheet: 24px;--radius-full: 999px;--shadow-xs: none;--shadow-card: none;--shadow-card-hover: none;--shadow-pop: 0 -1px 0 rgba(255, 255, 255, .04);--hairline: .5px solid var(--color-border);--ease: cubic-bezier(.22, 1, .36, 1);--safe-bottom: env(safe-area-inset-bottom, 0px);--color-danger-text: #FF8A80;--color-welcome-text: #64B5F6;--color-streak-text: #FFCA5C;--focus-ring-color: var(--color-primary);--focus-ring-glow: rgba(30, 136, 229, .28);--surface-hairline: rgba(84, 84, 88, .65);--surface-hairline-hover: rgba(84, 84, 88, .65);--nav-bg: rgba(0, 0, 0, .72);--nav-border: rgba(84, 84, 88, .65);--nav-active-tint: transparent;--nav-active-ring: transparent;--skeleton-base: rgba(255, 255, 255, .06);--skeleton-shine: rgba(255, 255, 255, .12)}:root[data-theme=light]{--color-bg: #F2F2F7;--color-surface: #FFFFFF;--color-surface-alt: rgba(120, 120, 128, .16);--color-text: #1C1C1E;--color-text-muted: rgba(60, 60, 67, .6);--color-border: rgba(60, 60, 67, .12);--shadow-xs: none;--shadow-card: none;--shadow-card-hover: none;--shadow-pop: 0 -1px 0 rgba(15, 23, 42, .04);--hairline: .5px solid var(--color-border);--color-danger-text: #C62828;--color-welcome-text: #1565C0;--color-streak-text: #A66A00;--focus-ring-color: var(--color-primary);--focus-ring-glow: rgba(30, 136, 229, .2);--surface-hairline: rgba(60, 60, 67, .12);--surface-hairline-hover: rgba(60, 60, 67, .12);--nav-bg: rgba(242, 242, 247, .78);--nav-border: rgba(60, 60, 67, .12);--nav-active-tint: transparent;--nav-active-ring: transparent;--skeleton-base: rgba(15, 23, 42, .06);--skeleton-shine: rgba(15, 23, 42, .1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,system-ui,Inter,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;transition:background-color .25s var(--ease),color .25s var(--ease)}.tabular-nums{font-variant-numeric:tabular-nums;letter-spacing:-.01em}button{font-family:inherit}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes shine{0%{background-position:-200px 0}to{background-position:200px 0}}@keyframes ringIn{0%{stroke-dashoffset:var(--ring-circumference)}}@media (hover: hover){.btn:hover{transform:translateY(-1px)}.btn-text:hover{background:var(--color-surface-alt)}.btn-primary:hover{box-shadow:0 6px 16px #1e88e552}.icon-btn:hover{background:var(--color-surface-alt);color:var(--color-text)}.icon-btn--danger:hover{background:var(--color-danger-tint);color:var(--color-danger)}.chip-btn:hover{border-color:var(--color-primary);transform:translateY(-1px)}.segmented button:hover:not(.active){color:var(--color-text)}.bottom-nav button:hover{color:var(--color-text)}.entry-card:hover,.food-card:hover,.goal-card:hover,.category-chip:hover:not(.category-chip--active){background:var(--color-surface-alt)}.landing-step:hover,.landing-feature-card:hover{transform:translateY(-1px)}input:hover,select:hover,textarea:hover{border-color:var(--color-text-muted)}}.app{display:flex;flex-direction:column;min-height:100vh;max-width:640px;margin:0 auto;background:transparent}.app-header{position:sticky;top:0;z-index:5;padding:var(--space-7) var(--space-4) var(--space-3);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);background:var(--nav-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:var(--hairline)}.app-header__titles{display:flex;flex-direction:column;gap:2px;min-width:0}.app-header h1{font-size:1.6rem;margin:0;font-weight:700;letter-spacing:.1px}.app-header__subtitle{font-size:.82rem;color:var(--color-text-muted);margin:0}.app-header__right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;margin-top:2px}.app-header__logout{flex-shrink:0;padding:var(--space-1) var(--space-2);font-size:.85rem}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border:none;border-radius:var(--radius-full);background:var(--color-surface-alt);color:var(--color-text-muted);cursor:pointer;transition:color .2s var(--ease),background .2s var(--ease),transform .12s var(--ease)}.theme-toggle:active{transform:scale(.9)}.theme-toggle:hover{color:var(--color-text)}.streak-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.85rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-streak-text);background:var(--color-amber-tint);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);white-space:nowrap;box-shadow:inset 0 0 0 1px #fbc02d3d}.streak-badge svg{color:var(--color-amber-dark)}.streak-nudge{display:flex;align-items:flex-start;gap:var(--space-2);background:var(--color-amber-tint);color:var(--color-text);border-radius:var(--radius);padding:var(--space-3) var(--space-4);font-size:.85rem;margin:var(--space-4) 0 0;animation:fadeInUp .35s var(--ease);box-shadow:inset 0 0 0 1px #fbc02d33}.streak-nudge svg{flex-shrink:0;margin-top:.1rem;color:var(--color-amber-dark)}.app-main{flex:1;padding:var(--space-2) var(--space-4) calc(96px + var(--safe-bottom))}.app-main section{animation:fadeInUp .38s var(--ease)}.banner{margin:0 var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius);font-size:.9rem;font-weight:500;animation:fadeInUp .25s var(--ease)}.banner--success{background:var(--color-success-tint);color:var(--color-success)}.banner--error{background:var(--color-danger-tint);color:var(--color-danger-text)}.banner--welcome{background:var(--color-primary-tint);color:var(--color-welcome-text)}.entry-form{display:flex;flex-direction:column;gap:var(--space-5);background:transparent;padding:0;border-radius:0;margin-top:var(--space-3);box-shadow:none}.editing-note{color:var(--color-text-muted);font-size:.85rem;margin:var(--space-2) 0 0}.field{display:flex;flex-direction:column;gap:var(--space-2);font-size:.85rem;line-height:1.4;color:var(--color-text-muted)}.field>span:first-child{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted)}.field-row{display:flex;gap:var(--space-4)}.field-row .field{flex:1}.time-field{display:flex;align-items:center;gap:var(--space-1)}.time-field select{padding:var(--space-3) var(--space-2);text-align:center;min-width:0}.time-field select:first-of-type{flex:1.1}.time-field select:nth-of-type(2){flex:1.1}.time-field select:last-of-type{flex:1.3}.time-field__colon{color:var(--color-text-muted);font-weight:600}input,select,textarea{background:var(--color-surface);border:none;color:var(--color-text);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-3);font-size:1rem;font-family:inherit;width:100%;transition:box-shadow .15s var(--ease),background .15s var(--ease)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:inset 0 0 0 1.5px var(--focus-ring-color)}textarea{resize:vertical;font-family:inherit}.field-error{color:var(--color-danger-text);font-size:.78rem}.field-hint{color:var(--color-text-muted);font-size:.78rem;line-height:1.4}.form-error{background:var(--color-danger-tint);color:var(--color-danger-text);padding:var(--space-3) var(--space-3);border-radius:var(--radius-sm);font-size:.85rem;font-weight:500}.form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-1)}.btn{border:none;border-radius:var(--radius-sm);padding:var(--space-3) var(--space-5);font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .15s var(--ease),background .15s var(--ease),opacity .15s var(--ease),box-shadow .15s var(--ease)}.btn:active{transform:scale(.96)!important}.btn-primary{background:var(--gradient-primary);color:#fff;flex:1;box-shadow:0 2px 8px #1e88e547}.btn-primary:active{box-shadow:0 1px 4px #1e88e54d}.btn-primary:disabled{opacity:.55;box-shadow:none}.btn-secondary{background:var(--color-surface-alt);color:var(--color-text)}.btn-text{border:none;background:none;color:var(--color-primary);padding:var(--space-2) var(--space-2);font-weight:500;font-family:inherit;border-radius:var(--radius-sm);box-shadow:none;cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease),transform .12s var(--ease)}.btn-text:active{transform:scale(.96)}.btn-danger{color:var(--color-danger)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border:none;border-radius:var(--radius-full);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease),transform .12s var(--ease)}.icon-btn:active{transform:scale(.88)}.icon-btn--danger:active{color:var(--color-danger)}.chip-btn--active{border-color:var(--color-primary);background:var(--color-primary-tint);color:var(--color-text)}.chip-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.category-chip{border:none;background:var(--color-surface-alt);color:var(--color-text);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease),transform .12s var(--ease)}.category-chip:active{transform:scale(.95)}.category-chip--active{background:var(--category-color, var(--color-primary));color:#fff}.category-chip--add{background:none;border:1px dashed var(--color-border);color:var(--color-text-muted)}.category-add-form{display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-surface-alt);border-radius:var(--radius);padding:var(--space-3) var(--space-4);margin-top:var(--space-2)}.category-add-form input{width:100%}.category-color-row{display:flex;gap:var(--space-2)}.category-color-swatch{width:28px;height:28px;border-radius:var(--radius-full);background:var(--swatch-color);border:2px solid transparent;cursor:pointer;padding:0}.category-color-swatch--active{border-color:var(--color-text)}.category-add-actions{display:flex;justify-content:flex-end;gap:var(--space-4)}.score-picker{display:flex;gap:var(--space-3)}.score-picker__dot{width:40px;height:40px;border-radius:var(--radius-full);border:2px solid var(--score-color, var(--color-primary));background:transparent;color:var(--score-color, var(--color-primary));font-size:.9rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease),transform .12s var(--ease)}.score-picker__dot:active{transform:scale(.92)}.score-picker__dot--active{background:var(--score-color, var(--color-primary));color:var(--score-fg, #fff)}.segmented{display:flex;gap:2px;background:var(--color-surface-alt);border-radius:var(--radius-full);padding:3px}.segmented button{flex:1;border:none;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-full);padding:var(--space-2) var(--space-3);font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease),transform .12s var(--ease),box-shadow .2s var(--ease)}.segmented button:active{transform:scale(.97)}.segmented button.active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-xs)}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-shine) 37%,var(--skeleton-base) 63%);background-size:400px 100%;animation:shine 1.4s ease-in-out infinite}.skeleton--card{height:76px;margin-bottom:var(--space-3)}.success-pop{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-success);color:#fff;animation:popIn .4s var(--ease)}.badge-achievement{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.7rem;font-weight:700;color:var(--color-streak-text);background:var(--color-amber-tint);border-radius:var(--radius-full);padding:2px var(--space-2);white-space:nowrap}.assistant-card{display:flex;align-items:flex-start;gap:var(--space-3);background:var(--color-primary-tint);border-radius:var(--radius);padding:var(--space-3) var(--space-4);margin-top:calc(-1 * var(--space-2))}.assistant-card__icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-xs)}.assistant-card__body{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-width:0}.assistant-card__title{font-size:.82rem;font-weight:600;color:var(--color-text)}.assistant-card__hint{font-size:.78rem;color:var(--color-text-muted);line-height:1.4}.assistant-card .btn-text{align-self:flex-start;padding:0;font-size:.82rem;font-weight:600}.assistant-card .btn-text:disabled{opacity:.5}.assistant-card__actions{display:flex;align-items:center;gap:var(--space-3)}.assistant-card__actions .icon-btn{width:28px;height:28px;background:var(--color-surface);box-shadow:var(--shadow-xs)}.photo-clarify-card{display:flex;flex-direction:column;gap:var(--space-2);background:var(--color-primary-tint);border-radius:var(--radius);padding:var(--space-3) var(--space-4)}.photo-clarify-card__question{font-size:.82rem;font-weight:600;color:var(--color-text);margin:0}.photo-clarify-card .btn-text{align-self:flex-start;padding:0;font-size:.82rem;font-weight:600}.photo-clarify-card .btn-text:disabled{opacity:.5}.nutrition-tip-card{display:flex;align-items:flex-start;gap:var(--space-3);background:var(--color-success-tint);border-radius:var(--radius);padding:var(--space-3) var(--space-4)}.nutrition-tip-card__body{flex:1;min-width:0;font-size:.78rem;line-height:1.4;color:var(--color-text)}.nutrition-tip-card__dismiss{flex-shrink:0;background:none;border:none;cursor:pointer;font-size:1rem;line-height:1;color:var(--color-text-muted);padding:0}.nutrition-tip-card__dismiss:hover{color:var(--color-text)}.food-tracker{display:flex;flex-direction:column;gap:var(--space-4)}.food-summary{display:flex;gap:var(--space-3);background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-card)}.food-summary__item{flex:1;display:flex;flex-direction:column;gap:var(--space-1);text-align:center}.food-summary__label{font-size:.72rem;color:var(--color-text-muted);letter-spacing:.01em}.food-summary__value{font-size:1.1rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.food-summary__item--net .food-summary__value{color:var(--color-primary)}.food-type-toggle{margin-bottom:calc(-1 * var(--space-1))}.food-list{display:flex;flex-direction:column;gap:var(--space-3);list-style:none;padding:0;margin:0}.food-card{background:var(--color-surface);border-radius:var(--radius);padding:var(--space-4) var(--space-4);box-shadow:var(--shadow-card);transition:transform .2s var(--ease),box-shadow .2s var(--ease);display:flex;gap:var(--space-3);align-items:flex-start}.food-card__indicator{flex-shrink:0;width:10px;height:10px;border-radius:var(--radius-full);margin-top:6px;background:var(--color-success)}.food-card--activity .food-card__indicator{background:var(--color-primary)}.food-card__content{flex:1;min-width:0}.food-card__top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.food-card__label{font-weight:600}.food-card__meta{display:flex;justify-content:space-between;font-size:.78rem;color:var(--color-text-muted);margin-top:var(--space-1);font-variant-numeric:tabular-nums}.food-card__notes{font-size:.8rem;color:var(--color-text-muted);margin:var(--space-2) 0 0}.quick-time{display:flex;flex-direction:column;gap:var(--space-2);margin-top:calc(-1 * var(--space-1))}.quick-time__label{font-size:.78rem;color:var(--color-text-muted)}.quick-time__chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s var(--ease),transform .12s var(--ease),border-color .15s var(--ease),color .15s var(--ease)}.chip-btn:active{transform:scale(.94);background:var(--color-primary);border-color:var(--color-primary);color:#fff}.energy-slider{display:flex;flex-direction:column;gap:var(--space-2)}.energy-slider__header{display:flex;justify-content:space-between;font-size:.85rem;color:var(--color-text-muted)}.energy-slider__value{color:var(--color-text);font-weight:600}.energy-slider input[type=range]{width:100%;accent-color:var(--color-primary);padding:0}.energy-slider__ticks{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-muted);padding:0 var(--space-1)}.energy-slider__ticks .active{color:var(--color-primary);font-weight:700}.range-toggle{display:flex;gap:var(--space-1);margin:var(--space-4) 0;background:var(--color-surface-alt);border-radius:var(--radius-full);padding:3px}.range-toggle button{flex:1;padding:var(--space-2) var(--space-2);border-radius:var(--radius-full);border:none;background:transparent;color:var(--color-text-muted);font-size:.85rem;font-weight:500;transition:background .2s var(--ease),color .2s var(--ease),transform .12s var(--ease),box-shadow .2s var(--ease)}.range-toggle button:active{transform:scale(.96)}.range-toggle button.active{background:var(--color-surface);color:var(--color-primary);font-weight:600;box-shadow:var(--shadow-xs)}.filter-bar{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.search-field{position:relative;flex:1;display:flex;align-items:center}.search-field svg{position:absolute;left:var(--space-3);color:var(--color-text-muted);pointer-events:none}.search-field input{padding-left:calc(var(--space-3) * 2 + 18px)}.filter-bar select{flex:0 0 auto;width:auto;max-width:130px}.summary-cards{display:flex;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-2);margin-bottom:var(--space-4)}.summary-card{flex:0 0 auto;min-width:128px;background:var(--color-surface);border-radius:var(--radius);padding:var(--space-4) var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);box-shadow:var(--shadow-card);transition:transform .2s var(--ease),box-shadow .2s var(--ease);position:relative;overflow:hidden}.summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--summary-accent, var(--color-primary))}.summary-card__name{font-size:.75rem;color:var(--color-text-muted)}.summary-card__hours{font-size:1.15rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.summary-card__energy{font-size:.72rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.entries-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.history-day-group{margin-bottom:var(--space-5)}.history-day-group__label{font-size:.78rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 var(--space-1) var(--space-2)}.history-day-group .entries-list{gap:var(--space-2)}.entry-card{background:var(--color-surface);border-radius:var(--radius);padding:var(--space-4) var(--space-4);transition:background .15s var(--ease)}.entry-card__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);gap:var(--space-2)}.entry-card__category-group{display:flex;align-items:center;gap:var(--space-2);min-width:0}.entry-card__dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--entry-accent, var(--color-primary));flex-shrink:0}.entry-card__category{font-size:.68rem;font-weight:700;color:var(--entry-accent, var(--color-primary));text-transform:uppercase;letter-spacing:.03em}.entry-card__date{font-size:.75rem;color:var(--color-text-muted);white-space:nowrap}.entry-card__top-right{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.entry-card__activity{margin:0 0 var(--space-2);font-weight:600}.entry-card__meta{display:flex;gap:var(--space-3);font-size:.8rem;color:var(--color-text-muted);flex-wrap:wrap;font-variant-numeric:tabular-nums}.entry-card__notes{margin:var(--space-2) 0 0;font-size:.82rem;color:var(--color-text-muted);white-space:pre-wrap}.entry-card__actions{display:flex;justify-content:flex-end;gap:var(--space-1);margin-top:var(--space-1)}.empty-state{color:var(--color-text-muted);text-align:center;padding:var(--space-8) var(--space-4);font-size:.9rem}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--nav-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:var(--hairline);padding:var(--space-2) var(--space-3) calc(var(--space-3) + var(--safe-bottom));max-width:640px;margin:0 auto}.bottom-nav button{flex:1;background:none;border:none;color:var(--color-text-muted);display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.655rem;font-weight:600;padding:var(--space-1) 2px;transition:color .25s var(--ease),transform .35s var(--ease-spring)}.bottom-nav button:active{transform:scale(.9)}.bottom-nav button.active{color:var(--color-primary);transform:translateY(-1px)}.bottom-nav__icon{line-height:1;display:flex;padding:5px 16px;border-radius:var(--radius-full);background:transparent;transition:background .3s var(--ease),transform .4s var(--ease-spring)}.bottom-nav__icon svg{transition:transform .4s var(--ease-spring)}.bottom-nav button.active .bottom-nav__icon{background:var(--color-primary-tint);transform:scale(1.04)}.bottom-nav button.active .bottom-nav__icon svg{transform:scale(1.12)}.bottom-nav button.active span:last-child{font-weight:700}.insights{display:flex;flex-direction:column;gap:var(--space-6);margin-top:var(--space-1)}.ring-row{display:flex;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-1)}.ring-stat{flex:1;min-width:128px;background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-card);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.ring-stat__svg{transform:rotate(-90deg)}.ring-stat__track{fill:none;stroke:var(--color-surface-alt);stroke-width:8}.ring-stat__fill{fill:none;stroke:var(--ring-color, var(--color-primary));stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .8s var(--ease)}.ring-stat__wrap{position:relative;width:84px;height:84px;display:flex;align-items:center;justify-content:center}.ring-stat__value{position:absolute;font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums}.ring-stat__label{font-size:.75rem;color:var(--color-text-muted);font-weight:500}.energy-balance{display:flex;gap:var(--space-3);background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-card)}.energy-balance__item{flex:1;display:flex;flex-direction:column;gap:var(--space-1);text-align:center}.energy-balance__label{font-size:.72rem;color:var(--color-text-muted)}.energy-balance__value{font-size:1.05rem;font-weight:700;font-variant-numeric:tabular-nums}.energy-balance__item--net .energy-balance__value{color:var(--color-primary)}.heatmap{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-card);animation:fadeInUp .35s var(--ease)}.heatmap__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap}.heatmap__title{font-size:.9rem;margin:0;font-weight:600}.heatmap__legend{display:flex;align-items:center;gap:var(--space-1);font-size:.72rem;color:var(--color-text-muted)}.heatmap__legend-swatch{width:11px;height:11px;border-radius:3px}.heatmap__grid{display:grid;grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:3px;overflow-x:auto;padding-bottom:2px}.heatmap-cell{width:14px;height:14px;border-radius:3px;flex-shrink:0}.heatmap-cell--0{background:var(--color-surface-alt)}.heatmap-cell--1{background:#1e88e547}.heatmap-cell--2{background:#1e88e580}.heatmap-cell--3{background:#1e88e5bd}.heatmap-cell--4{background:var(--color-primary)}.heatmap-cell--loading{background:var(--color-surface-alt);opacity:.5}.ai-insight-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-card);animation:fadeInUp .35s var(--ease)}.ai-insight-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.ai-insight-card__title{display:flex;align-items:center;gap:var(--space-2);font-size:.85rem;font-weight:600;color:var(--color-text)}.ai-insight-card__title svg{color:var(--color-amber-dark)}.ai-insight-card__refresh{padding:2px var(--space-1);font-size:.78rem}.ai-insight-card__body{font-size:.88rem;line-height:1.5;color:var(--color-text);margin:0}.ai-insight-card__body--loading{color:var(--color-text-muted)}.ai-insight-card__body--error{color:var(--color-text-muted);font-size:.82rem}.insights-bars{display:flex;flex-direction:column;gap:var(--space-4);background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-card)}.insights-bar-row{display:flex;flex-direction:column;gap:var(--space-2)}.insights-bar-label{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2);font-size:.85rem}.insights-bar-name{font-weight:600;color:var(--color-text)}.insights-bar-meta{color:var(--color-text-muted);font-size:.75rem;white-space:nowrap}.insights-bar-track{background:var(--color-surface-alt);border-radius:var(--radius-full);height:8px;overflow:hidden}.insights-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .6s var(--ease)}.insights-notes{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-card)}.insights-notes h2{margin:0 0 var(--space-3);font-size:.95rem}.insights-notes ul{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:var(--space-3)}.insights-notes li{font-size:.88rem;color:var(--color-text-muted);line-height:1.45}.week-chart{background:var(--color-surface);border-radius:var(--radius);padding:var(--space-5) var(--space-4) var(--space-4)}.week-chart__title{font-size:.95rem;font-weight:700;margin:0 0 var(--space-4)}.week-chart__bars{display:flex;align-items:flex-end;gap:var(--space-2);height:110px}.week-chart__col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:var(--space-2)}.week-chart__bar{width:100%;max-width:26px;border-radius:6px;transition:height .5s var(--ease)}.week-chart__day{font-size:.68rem;color:var(--color-text-muted)}.week-chart__day--today{font-weight:700;color:var(--color-text)}.highlights-card{background:var(--color-surface);border-radius:var(--radius);overflow:hidden}.highlights-row{padding:var(--space-3) var(--space-4);border-bottom:var(--hairline)}.highlights-row:last-child{border-bottom:none}.highlights-row__label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted)}.highlights-row__value{font-size:.92rem;color:var(--color-text);margin-top:3px}.energy-dots{display:flex;gap:3px}.energy-dots__dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-surface-alt)}.energy-dots__dot--filled{background:var(--dot-color, var(--color-primary))}.landing{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:var(--space-8) var(--space-5) var(--space-6);background:transparent}.landing-theme-toggle{position:absolute;top:var(--space-4);right:var(--space-4)}.landing-hero{max-width:480px;text-align:center;animation:fadeInUp .4s var(--ease)}.landing-title{font-size:1.85rem;font-weight:800;margin:0 0 var(--space-2);color:var(--color-text);letter-spacing:-.02em}.landing-tagline{font-size:1.05rem;font-weight:600;color:var(--color-primary);margin:0 0 var(--space-3)}.landing-subtext{font-size:.9rem;color:var(--color-text-muted);line-height:1.55;margin:0 0 var(--space-3)}.landing-subtext--after{margin:var(--space-3) 0 var(--space-6)}.landing-example{display:flex;align-items:center;gap:var(--space-3);background:var(--color-surface);border-radius:var(--radius);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-card);text-align:left}.landing-example__dot{flex-shrink:0;width:10px;height:10px;border-radius:50%;background:var(--color-primary)}.landing-example__text{display:flex;flex-direction:column;gap:2px;font-size:.85rem}.landing-example__text span{color:var(--color-text-muted);font-size:.78rem}.landing-cta{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.landing-cta__primary{padding:var(--space-4) var(--space-7);font-size:1rem}.landing-cta__secondary{font-size:.85rem}.landing-section-title{font-size:.95rem;font-weight:700;text-align:center;margin:0 0 var(--space-4);letter-spacing:-.01em}.landing-steps{width:100%;max-width:480px;margin-top:var(--space-9)}.landing-steps__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.landing-step{display:flex;align-items:flex-start;gap:var(--space-3);background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-4);box-shadow:var(--shadow-card);text-align:left;animation:fadeInUp .4s var(--ease);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.landing-step__number{flex-shrink:0;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;font-size:.85rem;font-weight:700}.landing-step h3{margin:0 0 var(--space-1);font-size:.95rem}.landing-step p{margin:0;font-size:.85rem;color:var(--color-text-muted);line-height:1.45}.landing-features{width:100%;max-width:480px;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:var(--space-8)}.landing-feature-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-4);box-shadow:var(--shadow-card);animation:fadeInUp .4s var(--ease);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.landing-feature-card__icon{display:inline-flex;color:var(--color-primary);margin-bottom:var(--space-2)}.landing-feature-card h3{font-size:.9rem;margin:0 0 var(--space-1)}.landing-feature-card p{font-size:.8rem;color:var(--color-text-muted);line-height:1.4;margin:0}.landing-footnote{margin-top:var(--space-6);font-size:.78rem;color:var(--color-text-muted);text-align:center}.landing-brand{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);font-size:.78rem;font-weight:600;color:var(--color-text-muted)}.landing-brand__mark{display:inline-flex;gap:2px}.landing-brand__swatch{width:8px;height:8px;border-radius:2px}.landing-brand__swatch--red{background:var(--color-danger)}.landing-brand__swatch--yellow{background:var(--color-amber)}.landing-brand__swatch--blue{background:var(--color-primary)}.app-brand{justify-content:center;margin:var(--space-6) 0 var(--space-2)}.auth-back{padding:0;margin-bottom:var(--space-3);font-size:.85rem}.auth-screen{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-6);background:transparent}.auth-screen .landing-theme-toggle{top:var(--space-5);right:var(--space-5)}.auth-card{width:100%;max-width:380px;animation:fadeInUp .4s var(--ease)}.auth-title{font-size:1.5rem;margin:0 0 var(--space-2);text-align:center;font-weight:700;letter-spacing:-.02em}.auth-subtitle{color:var(--color-text-muted);font-size:.9rem;text-align:center;margin:0 0 var(--space-5)}.auth-card .entry-form{margin-top:0}.auth-forgot,.field-action{align-self:flex-end;padding:0;font-size:.8rem;margin-top:-.1rem}.field-action:disabled{opacity:.5}.auth-switch{text-align:center;font-size:.85rem;color:var(--color-text-muted);margin:var(--space-4) 0 0}.auth-switch .btn-text{padding:0;font-size:inherit;vertical-align:baseline}.field--checkbox{flex-direction:row;align-items:flex-start;gap:var(--space-2);font-size:.85rem;color:var(--color-text)}.field--checkbox input[type=checkbox]{width:auto;margin-top:.15rem;accent-color:var(--color-primary)}.terms-link{padding:0;font-size:inherit;vertical-align:baseline;text-decoration:underline;color:var(--color-text)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0e188c;display:flex;align-items:center;justify-content:center;padding:var(--space-5);z-index:50;animation:fadeInUp .2s var(--ease)}.modal-card{background:var(--color-surface);border-radius:var(--radius-lg);max-width:480px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-pop);padding:var(--space-6)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.modal-header h2{margin:0;font-size:1.1rem}.modal-close{padding:var(--space-1) var(--space-2);font-size:1rem}.modal-body h3{font-size:.95rem;margin:var(--space-4) 0 var(--space-2)}.modal-body h3:first-child{margin-top:0}.modal-body p{font-size:.85rem;color:var(--color-text-muted);line-height:1.5;margin:0 0 var(--space-3)}.terms-note{font-style:italic;font-size:.78rem}.help-note{color:var(--color-text-muted);font-style:italic;font-size:.82rem}.welcome-card{max-width:420px}.welcome-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-3) 0 0;padding:0}.welcome-list li{display:flex;align-items:flex-start;gap:var(--space-3);font-size:.85rem;color:var(--color-text-muted);line-height:1.4}.welcome-list li strong{color:var(--color-text)}.welcome-list__icon{flex-shrink:0;color:var(--color-primary);margin-top:.1rem}.goals{display:flex;flex-direction:column;gap:var(--space-4)}.goal-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.goal-card{background:var(--color-surface);border-radius:var(--radius);padding:var(--space-4) var(--space-4);display:flex;align-items:center;gap:var(--space-4);box-shadow:var(--shadow-card);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.goal-card__ring{flex-shrink:0}.goal-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.goal-card__top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.goal-card__name{font-weight:600;letter-spacing:-.005em;display:flex;align-items:center;gap:var(--space-2)}.goal-card__meta{font-size:.8rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.goal-form{margin-top:0}@media (max-width: 360px){.app-header h1{font-size:1.1rem}.field-row{flex-direction:column}.landing-features{grid-template-columns:1fr}}@media (min-width: 640px){.app{box-shadow:0 0 0 1px var(--color-border);min-height:100vh}}@media (prefers-reduced-motion: reduce){body,.app-main section,.streak-nudge,.banner,.auth-card,.landing-hero,.landing-feature-card,.skeleton{animation:none}.insights-bar-fill,.ring-stat__fill{transition:none}}