:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--radius-sm: 8px;--radius-md: 12px;--text-body: 16px;--text-meta: 14px;--text-caption: 12px;--touch-min: 44px;--surface: #f7faf4;--surface-elevated: #eef2ea;--surface-section: #f7faf4;--text-primary: #2a3328;--text-secondary: #5a6b55;--text-link: #6b8f6a;--accent: #6b8f6a;--danger: #c45c5c;--border: rgba(90, 107, 85, .22);--strip-progress: #6e91a8;--strip-success: #6a9e7a;--strip-miss: #9aa39a;--strip-skip: #d5dcd0}body{background:var(--surface-elevated);color:var(--text-primary);padding:0;margin:0;font-family:system-ui,-apple-system,sans-serif;font-size:var(--text-body)}input:not([type=button]):not([type=submit]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),textarea,select{font-size:16px}.app{min-height:100vh;min-height:100dvh;background:var(--surface-elevated);color:var(--text-primary)}.home{min-height:100vh;min-height:100dvh;box-sizing:border-box;padding:max(var(--space-4),env(safe-area-inset-top,0px)) var(--space-4) max(var(--space-4),env(safe-area-inset-bottom,0px))}.session-shell{display:flex;flex-direction:column;gap:var(--space-2);max-width:480px;margin:0 auto;padding:var(--space-6) 0}.session-shell__brand{margin:0 0 var(--space-2);font-family:Georgia,Iowan Old Style,Palatino Linotype,Palatino,serif;font-size:2rem;font-weight:400;line-height:1.2;color:var(--text-primary)}.session-shell__status,.session-shell__title{margin:0;font-size:var(--text-body);font-weight:600;color:var(--text-primary)}.session-shell__meta{margin:0;font-size:var(--text-meta);line-height:1.45;color:var(--text-secondary)}.day-strip-wrap{display:flex;flex-direction:column;gap:var(--space-2)}.day-strip{display:flex;align-items:center;gap:34px;width:100%}.day-strip__cells{display:flex;align-items:center;gap:var(--space-2)}.day-strip__cell{width:34px;height:34px;padding:5px;margin:-5px;box-sizing:content-box;background-clip:content-box;border:0;border-radius:10px;flex-shrink:0;display:grid;place-items:center;font-family:system-ui,sans-serif;font-size:var(--text-caption);font-weight:600;color:var(--text-secondary);background-color:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.day-strip__add{position:relative;width:34px;height:34px;padding:0;margin:0 calc((var(--touch-min) - 34px) / 2) 0 auto;box-sizing:border-box;flex-shrink:0;display:grid;place-items:center;border:1.5px dashed var(--accent);border-radius:10px;background:transparent;color:var(--text-secondary);font-family:system-ui,sans-serif;font-size:20px;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent}.day-strip__add:before{content:"";position:absolute;inset:-5px}.day-strip__add:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.day-strip__cell:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.day-strip__cell--in_progress{border:0;background-color:var(--strip-progress);color:#fff}.day-strip__cell--success{border:0;background-color:var(--strip-success);color:#fff}.day-strip__cell--closed_with_gaps{border:0;background-color:var(--strip-miss);color:var(--text-primary)}.day-strip__cell--empty_skip{border:0;background-color:var(--strip-skip);color:var(--text-primary)}.day-strip__cell--future{cursor:default;color:var(--text-secondary)}.day-strip__cell--selected{box-shadow:inset 0 0 0 2px var(--text-primary)}.day-strip__status{margin:0;font-size:var(--text-meta);line-height:1.45;color:var(--text-secondary)}.day-strip__error{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.day-strip__retry{border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);font-size:var(--text-meta);color:var(--text-primary);background-color:var(--surface-elevated);cursor:pointer}.day-strip__retry:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.session-shell--error .session-shell__title{color:var(--danger);font-weight:500}.spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:50vh;padding:var(--space-6) var(--space-4)}.spinner__ring{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spinner-spin .8s linear infinite}.spinner__label{font-size:var(--text-meta);color:var(--text-secondary)}@keyframes spinner-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner__ring{animation:none;border-top-color:var(--accent)}}.env-unsupported{box-sizing:border-box;min-height:100vh;padding:max(var(--space-6),env(safe-area-inset-top,0px)) var(--space-4) max(var(--space-6),env(safe-area-inset-bottom,0px))}.env-unsupported h1{margin:0 0 var(--space-2);font-size:1.25rem;color:var(--text-primary)}.env-unsupported p{margin:0;color:var(--text-secondary)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.session-shell__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-width:0}.session-shell__header .session-shell__brand{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-shell__actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.session-shell__gear,.session-shell__library,.session-shell__stats{box-sizing:border-box;flex-shrink:0;display:grid;place-items:center;width:var(--touch-min);height:var(--touch-min);min-width:var(--touch-min);min-height:var(--touch-min);padding:0;border:0;border-radius:10px;background:transparent;color:var(--text-secondary);cursor:pointer}.session-shell__gear:focus-visible,.session-shell__library:focus-visible,.session-shell__stats:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.session-shell__gear-icon,.session-shell__library-icon,.session-shell__stats-icon{display:block}.onboarding{display:flex;flex-direction:column;max-width:480px;min-height:calc(100vh - 2 * var(--space-4));min-height:calc(100dvh - 2 * var(--space-4));margin:0 auto;overflow-x:hidden}.onboarding__top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.onboarding__brand{font-family:Georgia,Iowan Old Style,Palatino Linotype,Palatino,serif;font-size:1.5rem;font-weight:400;color:var(--text-primary)}.onboarding__step{font-size:var(--text-meta);color:var(--text-secondary)}.onboarding__body{display:flex;flex:1;flex-direction:column}.onboarding__panel{display:flex;flex:1;flex-direction:column;gap:var(--space-3)}.onboarding__title{margin:0;font-size:1.35rem;font-weight:600;line-height:1.25;color:var(--text-primary)}.onboarding__copy,.onboarding__caption,.onboarding__hint{margin:0;font-size:var(--text-meta);line-height:1.45;color:var(--text-secondary)}.onboarding__legend{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.onboarding__legend li{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-meta);color:var(--text-primary)}.onboarding__chip{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;flex-shrink:0;border:1px solid var(--border);font-size:11px;font-weight:600;font-family:system-ui,-apple-system,sans-serif;color:var(--text-primary)}.onboarding__chip--ok{background:color-mix(in srgb,#6b8f6a 55%,var(--surface));border-color:transparent}.onboarding__chip--prog{background:color-mix(in srgb,#7a8b9a 45%,var(--surface));border-color:transparent}.onboarding__chip--miss{background:color-mix(in srgb,var(--text-secondary) 28%,var(--surface));border-color:transparent}.onboarding__chip--empty{background:color-mix(in srgb,var(--text-secondary) 12%,var(--surface))}.onboarding__mini-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);font-size:var(--text-meta)}.onboarding__mini-card--solid{border:1px solid var(--border);opacity:.75}.onboarding__mini-card--dashed{border:1.5px dashed var(--accent)}.onboarding__mini-sq{width:18px;height:18px;border-radius:4px;border:1px solid var(--border);background:var(--surface-elevated)}.onboarding__lab{font-size:var(--text-meta);color:var(--text-secondary)}.onboarding__field{box-sizing:border-box;width:100%;min-height:var(--touch-min);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-primary);font-size:var(--text-body)}.onboarding__field:focus,.onboarding__field:focus-visible{outline:none;border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.onboarding__copy strong,.onboarding__caption strong{color:var(--text-primary);font-weight:600}.tz-picker{width:100%}.tz-picker__row{display:flex;align-items:stretch;gap:var(--space-2)}.tz-picker__input{flex:1;min-width:0}.tz-picker__browse{box-sizing:border-box;flex-shrink:0;min-width:var(--touch-min);min-height:var(--touch-min);padding:0;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-secondary);font-size:22px;line-height:1;cursor:pointer}.tz-picker__browse:disabled{opacity:.6;cursor:not-allowed}.tz-picker__browse:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tz-sheet{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;justify-content:flex-end}.tz-sheet__backdrop{position:absolute;inset:0;border:0;padding:0;margin:0;background:#2a332859;cursor:pointer}.tz-sheet__panel{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-3);max-height:min(58vh,420px);padding:var(--space-3) var(--space-4) max(var(--space-4),env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0;background:var(--surface-elevated);box-shadow:0 -8px 28px #2a332829}.tz-sheet__grab{align-self:center;width:36px;height:4px;border-radius:999px;background:var(--border)}.tz-sheet__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.tz-sheet__title{margin:0;font-size:1.05rem;font-weight:600;color:var(--text-primary)}.tz-sheet__close{min-height:var(--touch-min);padding:0 var(--space-3);border:0;border-radius:10px;background:transparent;color:var(--accent);font-size:var(--text-meta);font-weight:600;cursor:pointer}.tz-sheet__close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tz-sheet__search{flex-shrink:0}.tz-sheet__list{margin:0;padding:0;list-style:none;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0;flex:1}.tz-sheet__option{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;min-height:var(--touch-min);padding:var(--space-2) var(--space-3);border:0;border-radius:10px;background:transparent;color:var(--text-primary);font-size:var(--text-meta);text-align:left;cursor:pointer}.tz-sheet__option--selected,.tz-sheet__option:hover,.tz-sheet__option:focus-visible{background:color-mix(in srgb,var(--accent) 16%,var(--surface))}.tz-sheet__check{width:8px;height:8px;border-radius:2px;background:var(--accent);flex-shrink:0}.tz-sheet__empty{padding:var(--space-3);color:var(--text-secondary);font-size:var(--text-meta)}.onboarding__toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--touch-min);font-size:var(--text-body);color:var(--text-primary)}.onboarding__checkbox{width:22px;height:22px}.onboarding__spacer{flex:1;min-height:var(--space-4)}.onboarding__actions{position:sticky;bottom:0;z-index:1;display:flex;flex-direction:column;gap:var(--space-2);margin-top:auto;padding-top:var(--space-3);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,var(--surface-elevated) 70%,color-mix(in srgb,var(--surface-elevated) 85%,transparent))}.onboarding__btn{box-sizing:border-box;width:100%;min-height:var(--touch-min);border:0;border-radius:10px;background:var(--accent);color:#fff;font-size:15px;font-weight:600;cursor:pointer}.onboarding__btn:disabled{opacity:.6;cursor:not-allowed}.onboarding__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.onboarding__btn--secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.onboarding__error{margin:0;font-size:var(--text-meta);color:var(--danger)}.habit-form{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;width:100%}.habit-form__lab{margin:var(--space-2) 0 0;font-size:var(--text-meta);color:var(--text-secondary)}.habit-form__field{box-sizing:border-box;display:block;width:100%;max-width:100%;min-width:0;min-height:40px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-primary);font-size:var(--text-body)}.habit-form__field:focus,.habit-form__field:focus-visible{outline:none;border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.habit-form__field--area{min-height:64px;padding:10px var(--space-3);resize:vertical;line-height:1.35;font-family:inherit}.habit-form__week{display:flex;flex-wrap:wrap;gap:6px;width:100%;min-width:0}.habit-form__wd{box-sizing:border-box;flex:1 1 calc((100% - 36px) / 7);min-width:var(--touch-min);min-height:var(--touch-min);padding:0;margin:0;border:0;border-radius:8px;background-color:color-mix(in srgb,var(--text-secondary) 22%,var(--surface));color:var(--text-primary);font-size:11px;font-weight:600;font-family:system-ui,-apple-system,sans-serif;cursor:pointer}.habit-form__wd--on{background-color:color-mix(in srgb,var(--accent) 75%,#6e91a8);color:#fff}.habit-form__metrics{display:flex;flex-direction:column;gap:8px;min-width:0}.metric-card{display:flex;align-items:flex-start;gap:8px;max-width:100%;min-width:0;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.metric-card__sq{width:16px;height:16px;flex:0 0 16px;margin-top:11px;border-radius:4px;background:color-mix(in srgb,var(--text-secondary) 22%,var(--surface))}.metric-card__fields{display:flex;flex:1 1 auto;flex-direction:column;gap:6px;min-width:0}.metric-card__row{display:flex;align-items:center;gap:6px;min-width:0}.metric-card__chip{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:space-between;gap:4px;min-height:var(--touch-min);min-width:0;padding:0 8px 0 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-elevated);color:var(--text-primary);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer}.metric-card__chip:disabled{opacity:.6;cursor:not-allowed}.metric-card__chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.metric-card__chip--type{flex:0 1 96px;max-width:42%}.metric-card__chip--op{flex:0 0 52px;justify-content:center;padding-inline:6px}.metric-card__chip--duration{flex:1 1 auto}.metric-card__chip--source{flex:0 1 auto;min-width:88px}.source-option{display:flex;align-items:center;gap:8px}.source-option__logo{flex-shrink:0}.source-option__text{display:flex;flex-direction:column;gap:2px;min-width:0}.source-option__name{font-weight:600}.source-option__unit{font-size:12px;color:var(--text-secondary)}.metric-card__chip-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-card__chip-chev{flex-shrink:0;color:var(--text-secondary);font-size:16px;line-height:1}.metric-card__name{flex:1 1 auto;min-width:0;min-height:40px;height:40px;border:1px solid var(--border);border-radius:10px;padding:0 10px;background:var(--surface-elevated);color:var(--text-primary);font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-card__num{flex:1 1 auto;min-width:0;min-height:40px;height:40px;border:1px solid var(--border);border-radius:10px;padding:0 10px;background:var(--surface-elevated);color:var(--text-primary);font-size:16px;text-align:left}.metric-card__name:focus,.metric-card__name:focus-visible,.metric-card__num:focus,.metric-card__num:focus-visible{outline:none;border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.metric-card__remove{box-sizing:content-box;flex:0 0 28px;width:28px;height:28px;padding:8px;margin:-8px;border:0;border-radius:8px;background:transparent;background-clip:content-box;color:var(--text-secondary);font-size:18px;line-height:1;cursor:pointer}.option-sheet,.duration-wheel{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;justify-content:flex-end}.option-sheet__backdrop,.duration-wheel__backdrop{position:absolute;inset:0;border:0;padding:0;margin:0;background:#2a332859;cursor:pointer}.option-sheet__panel,.duration-wheel__panel{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-3);max-height:min(58vh,420px);padding:var(--space-3) var(--space-4) max(var(--space-4),env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0;background:var(--surface-elevated);box-shadow:0 -8px 28px #2a332829}.duration-wheel__panel{max-height:min(72vh,520px)}.option-sheet__grab,.duration-wheel__grab{align-self:center;width:36px;height:4px;border-radius:999px;background:var(--border)}.option-sheet__header,.duration-wheel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.option-sheet__title,.duration-wheel__title{margin:0;font-size:1.05rem;font-weight:600;color:var(--text-primary)}.option-sheet__close,.duration-wheel__close{min-height:var(--touch-min);padding:0 var(--space-3);border:0;border-radius:10px;background:transparent;color:var(--accent);font-size:var(--text-meta);font-weight:600;cursor:pointer}.option-sheet__list{margin:0;padding:0;list-style:none;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0;flex:1}.option-sheet__option{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;min-height:var(--touch-min);padding:var(--space-2) var(--space-3);border:0;border-radius:10px;background:transparent;color:var(--text-primary);font-size:var(--text-body);font-weight:600;text-align:left;cursor:pointer}.option-sheet__option--selected,.option-sheet__option:hover,.option-sheet__option:focus-visible{background:color-mix(in srgb,var(--accent) 16%,var(--surface))}.option-sheet__check{width:8px;height:8px;border-radius:2px;background:var(--accent);flex-shrink:0}.duration-wheel__stage{position:relative;display:flex;gap:8px;justify-content:center;min-height:0}.duration-wheel__highlight{pointer-events:none;position:absolute;left:0;right:0;top:calc(1.125rem + 78px);height:36px;border-radius:10px;background:color-mix(in srgb,var(--accent) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border))}.duration-wheel__col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:6px;align-items:stretch}.duration-wheel__col-label{margin:0;text-align:center;font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--text-secondary);text-transform:uppercase}.duration-wheel__scroller{height:180px;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 82%,transparent 100%)}.duration-wheel__scroller::-webkit-scrollbar{display:none}.duration-wheel__item{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;height:36px;scroll-snap-align:center;border:0;padding:0;background:transparent;color:var(--text-secondary);font-size:18px;font-variant-numeric:tabular-nums;font-weight:500;cursor:pointer}.duration-wheel__item--selected{color:var(--text-primary);font-weight:700}.duration-wheel__item--pad{pointer-events:none}.duration-wheel__confirm{box-sizing:border-box;width:100%;min-height:var(--touch-min);border:0;border-radius:10px;background:var(--accent);color:#fff;font-size:15px;font-weight:600;cursor:pointer}.duration-wheel__confirm:disabled{opacity:.55;cursor:not-allowed}.habit-form__plus{display:grid;place-items:center;width:100%;height:54px;border:1.5px dashed color-mix(in srgb,var(--text-secondary) 55%,transparent);border-radius:12px;background:transparent;color:var(--text-secondary);font-size:22px;cursor:pointer}.habit-form__plus:disabled{opacity:.45;cursor:not-allowed}.habit-form__error{margin:0;font-size:var(--text-meta);color:var(--danger)}.habit-form__actions{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.habit-form__btn{box-sizing:border-box;width:100%;min-height:var(--touch-min);border:0;border-radius:10px;background:var(--accent);color:#fff;font-size:15px;font-weight:600;cursor:pointer}.habit-form__btn:disabled{opacity:.6;cursor:not-allowed}.habit-form__btn--secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.settings-page{box-sizing:border-box;display:flex;flex-direction:column;max-width:480px;min-height:100vh;min-height:100dvh;margin:0 auto;padding:max(var(--space-3),env(safe-area-inset-top,0px)) var(--space-4) max(var(--space-4),env(safe-area-inset-bottom,0px));overflow-x:hidden}.settings-page__nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3)}.settings-page__back,.settings-page__nav-spacer{box-sizing:border-box;width:var(--touch-min);min-width:var(--touch-min);min-height:var(--touch-min)}.settings-page__back{display:grid;place-items:center;padding:0;border:0;border-radius:10px;background:transparent;color:var(--text-secondary);font-size:22px;line-height:1;cursor:pointer}.settings-page__back:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings-page__title{margin:0;flex:1;min-width:0;text-align:center;font-size:15px;font-weight:600;color:var(--text-primary)}.settings{display:flex;flex-direction:column;flex:1;gap:var(--space-2);min-width:0}.settings__about{margin-top:auto;padding-top:var(--space-6);display:flex;flex-direction:column;gap:6px}.settings__about-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin:0;font-family:system-ui,-apple-system,sans-serif;font-size:var(--text-meta);line-height:1.4;color:var(--text-secondary)}.settings__about-key{flex-shrink:0}.settings__about-val{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right}.settings__loading,.settings__hint,.settings__field-label{margin:0;font-size:var(--text-meta);color:var(--text-secondary)}.settings__panel-title{margin:0 0 var(--space-2);font-size:1.05rem;font-weight:600;color:var(--text-primary)}.settings__row{box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;min-height:48px;min-width:0;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:inherit;text-align:left;cursor:pointer}.settings__row:disabled{opacity:.65;cursor:not-allowed}.settings__row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings__lab{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.settings__title{font-size:14px;font-weight:600;color:var(--text-primary)}.settings__sub,.settings__val{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--text-secondary)}.settings__val{flex-shrink:0;max-width:42%;font-size:13px}.settings__chev{flex-shrink:0;color:var(--text-secondary);font-size:18px;line-height:1}.settings__toggle{position:relative;flex-shrink:0;width:44px;height:26px;border-radius:8px;background:color-mix(in srgb,var(--text-secondary) 35%,var(--surface))}.settings__toggle:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:5px;background:var(--surface-elevated);transform:translate(0);transition:transform .15s ease}.settings__toggle--on{background:var(--accent)}.settings__toggle--on:after{transform:translate(18px)}.settings__swatch{flex-shrink:0;width:28px;height:28px;border-radius:7px;border:1px solid var(--border)}.settings__time-input{box-sizing:border-box;width:100%;min-height:var(--touch-min);margin:var(--space-2) 0;padding:0 var(--space-3);border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-primary);font-size:var(--text-body)}.settings__time-input:focus,.settings__time-input:focus-visible{outline:none;border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.settings__actions{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.settings__btn{box-sizing:border-box;width:100%;min-height:var(--touch-min);border:0;border-radius:10px;background:var(--accent);color:#fff;font-size:15px;font-weight:600;cursor:pointer}.settings__btn:disabled{opacity:.6;cursor:not-allowed}.settings__btn--secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.integration-card{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--border);border-radius:12px;background:var(--surface-elevated)}.integration-card__logo{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0}.integration-card__body{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.integration-card__name{font-size:15px;font-weight:600}.integration-card__status{font-size:13px;color:var(--text-secondary)}.integration-card__meta{font-size:12px;color:var(--text-secondary)}.integration-card .settings__btn{flex:0 0 auto;width:auto;padding:0 14px}.settings__error{margin:var(--space-2) 0 0;font-size:var(--text-meta);color:var(--danger)}.settings-sheet,.theme-sheet{position:fixed;inset:0;z-index:40;display:flex;align-items:flex-end;justify-content:center}.settings-sheet__backdrop,.theme-sheet__backdrop{position:absolute;inset:0;border:0;padding:0;background:#00000059;cursor:pointer}.settings-sheet__panel,.theme-sheet__panel{position:relative;z-index:1;box-sizing:border-box;width:min(480px,100%);max-height:min(72vh,560px);display:flex;flex-direction:column;padding:var(--space-2) var(--space-4) max(var(--space-4),env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0;background:var(--surface-elevated);color:var(--text-primary);overflow:hidden}.settings-sheet__grab,.theme-sheet__grab{width:36px;height:4px;margin:4px auto 8px;border-radius:999px;background:var(--border)}.settings-sheet__header,.theme-sheet__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.settings-sheet__title,.theme-sheet__title{margin:0;font-size:15px;font-weight:600}.settings-sheet__close,.theme-sheet__close{box-sizing:border-box;min-height:var(--touch-min);min-width:var(--touch-min);padding:0 var(--space-2);border:0;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:var(--text-meta);cursor:pointer}.settings-sheet__close:focus-visible,.theme-sheet__close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings-sheet__list,.theme-sheet__list{list-style:none;margin:0;padding:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.settings-sheet__option,.theme-sheet__option{box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;min-height:var(--touch-min);padding:10px 4px;border:0;border-radius:10px;background:transparent;color:var(--text-primary);font-size:15px;text-align:left;cursor:pointer}.settings-sheet__option--selected,.settings-sheet__option:hover,.settings-sheet__option:focus-visible,.theme-sheet__option--selected,.theme-sheet__option:hover,.theme-sheet__option:focus-visible{background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.settings-sheet__check,.theme-sheet__check{margin-left:auto;width:10px;height:10px;border-radius:50%;background:var(--accent)}.theme-sheet__swatch{flex-shrink:0;width:28px;height:28px;border-radius:7px;border:1px solid var(--border)}.theme-sheet__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.habits-page{box-sizing:border-box;max-width:480px;min-height:100vh;min-height:100dvh;margin:0 auto;padding:max(var(--space-3),env(safe-area-inset-top,0px)) var(--space-4) max(var(--space-4),env(safe-area-inset-bottom,0px));overflow-x:hidden}.habits-page__nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3)}.habits-page__back,.habits-page__nav-spacer{box-sizing:border-box;width:var(--touch-min);min-width:var(--touch-min);min-height:var(--touch-min)}.habits-page__back{display:grid;place-items:center;padding:0;border:0;border-radius:10px;background:transparent;color:var(--text-secondary);font-size:22px;line-height:1;cursor:pointer}.habits-page__back:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.habits-page__title{margin:0;flex:1;min-width:0;text-align:center;font-size:15px;font-weight:600;color:var(--text-primary)}.habits{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.habits__status,.habits__empty-hint,.habits__meta{margin:0;font-size:var(--text-meta);color:var(--text-secondary)}.habits__banner,.habits__empty{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) 0}.habits__empty-title{margin:0;font-size:1.05rem;font-weight:600;color:var(--text-primary)}.habits__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.habits__row{box-sizing:border-box;display:flex;align-items:center;gap:var(--space-2);min-height:48px;padding:10px 4px 10px 0;border-bottom:1px solid var(--border)}.habits__row-main{flex:1;min-width:0;min-height:44px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;margin:0;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;color:inherit;font:inherit}.habits__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;color:var(--text-primary)}.habits__meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.habits__archive,.habits__retry,.habits__primary{box-sizing:border-box;min-height:var(--touch-min);min-width:var(--touch-min);padding:0 var(--space-3);border:0;border-radius:10px;cursor:pointer;font-size:14px}.habits__archive{flex-shrink:0;background:transparent;color:var(--text-secondary)}.habits__archive:focus-visible,.habits__retry:focus-visible,.habits__primary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.habits__primary,.habits__retry{align-self:flex-start;background:var(--accent);color:var(--on-accent, var(--surface))}.habits__primary--secondary{background:transparent;color:var(--accent);border:1px solid var(--border)}.habits-sheet{position:fixed;inset:0;z-index:40;display:flex;align-items:flex-end;justify-content:center}.habits-sheet__backdrop{position:absolute;inset:0;border:0;padding:0;background:color-mix(in srgb,var(--text-primary) 35%,transparent);cursor:pointer}.habits-sheet__panel{position:relative;z-index:1;box-sizing:border-box;width:min(480px,100%);max-height:min(70vh,420px);padding:var(--space-2) var(--space-4) max(var(--space-4),env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0;background:var(--surface);color:var(--text-primary);display:flex;flex-direction:column;gap:var(--space-2)}.habits-sheet__grab{align-self:center;width:36px;height:4px;border-radius:999px;background:var(--border);margin-bottom:var(--space-1)}.habits-sheet__title{margin:0;font-size:15px;font-weight:600}.habits-sheet__body{margin:0;font-size:var(--text-meta);color:var(--text-secondary)}.habits-sheet__actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.habits-sheet__cancel,.habits-sheet__confirm{box-sizing:border-box;flex:1;min-height:var(--touch-min);border:0;border-radius:10px;font-size:14px;cursor:pointer}.habits-sheet__cancel{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.habits-sheet__confirm{background:var(--accent);color:var(--on-accent, var(--surface))}.habits-sheet__cancel:disabled,.habits-sheet__confirm:disabled,.habits-sheet__backdrop:disabled{opacity:.6;cursor:default}.habits-sheet__cancel:focus-visible,.habits-sheet__confirm:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.settings__toggle:after{transition:none}}.day-body{display:flex;flex-direction:column;gap:var(--space-2)}.day-body__error{margin:0;color:var(--danger);font-size:var(--text-caption)}.day-body__retry{background:transparent;color:var(--accent);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 16px;min-height:var(--touch-min)}.day-body__sealed,.habit-detail__sealed{margin:0;font-family:system-ui,-apple-system,sans-serif;font-size:var(--text-meta);line-height:1.45;color:var(--text-secondary)}.day-body__empty{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-2) 0}.day-body__empty-text,.day-body__empty-skip{margin:0;font-family:system-ui,-apple-system,sans-serif;font-size:var(--text-body);color:var(--text-secondary)}.day-body__cards{display:flex;flex-direction:column;gap:var(--space-2)}.day-body__card{display:flex;align-items:center;gap:var(--space-3);background:var(--surface-section);border-radius:var(--radius-md);padding:11px 12px;min-height:var(--touch-min);box-sizing:border-box}.day-body__card--return{outline:1.5px dashed var(--accent);outline-offset:0}.day-body__habit-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-family:Georgia,Iowan Old Style,Palatino Linotype,Palatino,serif;font-size:var(--text-body)}.day-body__squares{display:flex;align-items:center;gap:4px;flex:0 0 auto}.day-body__square{display:inline-block;width:14px;height:14px;border-radius:4px;border:0;background:var(--strip-skip);padding:0;box-sizing:border-box;transition:background-color .18s ease}.day-body__square--on{background:var(--accent)}@media(prefers-reduced-motion:reduce){.day-body__square,.day-body__square--checkbox:before{transition:none}}.day-body__square--checkbox{position:relative;cursor:pointer;width:44px;height:44px;padding:0;margin:-15px;border:0;background:transparent;box-sizing:border-box}.day-body__square--checkbox:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:4px;background:var(--strip-skip);transition:background-color .18s ease}.day-body__square--checkbox.day-body__square--on:before{background:var(--accent)}.day-body__square--checkbox:disabled{opacity:.5;cursor:default}.day-body__square--pending{opacity:.5}.day-body__chevron{flex:0 0 auto;min-width:var(--touch-min);min-height:var(--touch-min);margin-right:calc(-1 * var(--space-3));background:transparent;border:none;color:var(--text-secondary);font-size:20px;line-height:1;cursor:pointer}.habit-detail{max-width:480px;margin:0 auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.habit-detail__nav{display:flex;align-items:center;gap:var(--space-2)}.habit-detail__back{min-width:var(--touch-min);min-height:var(--touch-min);background:transparent;border:none;color:var(--accent);font-size:22px;line-height:1}.habit-detail__title{flex:1 1 auto;margin:0;font-family:Georgia,Iowan Old Style,Palatino Linotype,Palatino,serif;font-size:var(--text-body);font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.habit-detail__icon-bar{display:flex;justify-content:center;gap:28px;margin-top:36px;padding-top:20px;border-top:1px solid var(--border)}.habit-detail__icon-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.habit-detail__icon-btn{display:grid;place-items:center;box-sizing:border-box;width:48px;height:48px;padding:0;border:1px solid var(--border);border-radius:12px;background:var(--surface-section);color:var(--text-secondary);cursor:pointer}.habit-detail__icon-btn:hover,.habit-detail__icon-btn:focus-visible{color:var(--accent);border-color:var(--accent)}.habit-detail__icon-btn:disabled{opacity:.5;cursor:default}.habit-detail__icon-btn svg{pointer-events:none}.habit-detail__icon-cap{color:var(--text-secondary);font-size:var(--text-caption)}.habit-detail__nav-spacer{min-width:var(--touch-min)}.habit-detail__status{margin:0;color:var(--text-secondary);font-size:var(--text-body)}.habit-detail__error{margin:0;color:var(--danger);font-size:var(--text-caption)}.habit-detail__retry{background:transparent;color:var(--accent);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 16px;min-height:var(--touch-min)}.habit-detail__content{display:flex;flex-direction:column;gap:var(--space-3)}.habit-detail__rows{display:flex;flex-direction:column;gap:var(--space-2)}.habit-detail__row{display:flex;align-items:center;gap:var(--space-3);background:var(--surface-section);border-radius:var(--radius-md);padding:11px 12px;min-height:var(--touch-min);box-sizing:border-box}.habit-detail__metric{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.habit-detail__metric-name{color:var(--text-primary);font-size:var(--text-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.habit-detail__metric-total{color:var(--text-secondary);font-size:var(--text-caption)}.habit-detail__metric-stub{display:inline-flex;align-items:center;opacity:.7}.habit-detail__src-badge{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid var(--border);border-radius:999px;color:var(--text-secondary);font-size:12px;font-weight:500}.habit-detail__src-logo{flex-shrink:0}.habit-detail__check{flex:0 0 auto;width:22px;height:22px;border-radius:6px;border:1.5px solid var(--border);background:transparent;color:var(--on-accent, var(--surface));font-size:14px;line-height:1;padding:0;box-sizing:border-box;min-width:var(--touch-min);min-height:var(--touch-min);margin-right:calc(-1 * var(--space-3));cursor:pointer}.habit-detail__check--on{background:var(--accent);border-color:var(--accent)}.habit-detail__check:disabled{opacity:.5;cursor:default}.habit-detail__check--pending{opacity:.5}.habit-detail__add{flex:0 0 auto;display:flex;align-items:center;gap:var(--space-2);position:sticky;bottom:0;background:var(--surface-elevated);border-radius:var(--radius-sm);padding:var(--space-2) 0;margin-right:calc(-1 * var(--space-2))}.habit-detail__delta{width:72px;min-height:var(--touch-min);box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-primary);padding:0 var(--space-2);text-align:center}.habit-detail__add-button{min-height:var(--touch-min);padding:0 16px;border:none;border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent, var(--surface));font-weight:600;cursor:pointer}.habit-detail__add-button:disabled{opacity:.6;cursor:default}.confirm-sheet{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;justify-content:flex-end}.confirm-sheet__backdrop{position:absolute;inset:0;border:0;padding:0;margin:0;background:#2a332859;cursor:pointer}.confirm-sheet__panel{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3) var(--space-4) max(var(--space-4),env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0;background:var(--surface-elevated);box-shadow:0 -8px 28px #2a332829}.confirm-sheet__grab{align-self:center;width:36px;height:4px;border-radius:999px;background:var(--border)}.confirm-sheet__title{margin:0;font-size:1.05rem;font-weight:600;color:var(--text-primary)}.confirm-sheet__message{margin:0;color:var(--text-secondary);font-size:var(--text-body)}.confirm-sheet__actions{display:flex;gap:var(--space-3)}.confirm-sheet__cancel,.confirm-sheet__confirm{flex:1 1 0;min-height:var(--touch-min);border-radius:var(--radius-sm);font-weight:600;cursor:pointer}.confirm-sheet__cancel{border:1px solid var(--border);background:transparent;color:var(--text-primary)}.confirm-sheet__confirm{border:0;background:var(--danger);color:var(--surface)}.confirm-sheet__cancel:disabled,.confirm-sheet__confirm:disabled{opacity:.5;cursor:default}.stats-page{box-sizing:border-box;max-width:480px;min-height:100vh;min-height:100dvh;margin:0 auto;padding:max(var(--space-3),env(safe-area-inset-top,0px)) var(--space-4) max(var(--space-4),env(safe-area-inset-bottom,0px));overflow-x:hidden}.stats-page__nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3)}.stats-page__back,.stats-page__nav-spacer{box-sizing:border-box;width:var(--touch-min);min-width:var(--touch-min);min-height:var(--touch-min)}.stats-page__back{display:grid;place-items:center;padding:0;border:0;border-radius:10px;background:transparent;color:var(--text-secondary);font-size:22px;line-height:1;cursor:pointer}.stats-page__back:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stats-page__title{margin:0;flex:1;min-width:0;text-align:center;font-size:15px;font-weight:600;color:var(--text-primary)}.stats{display:flex;flex-direction:column;gap:var(--space-5);min-width:0}.stats__status{margin:0;padding:var(--space-3) 0;font-size:var(--text-meta);color:var(--text-secondary)}.stats__retry{align-self:flex-start;padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-sm);background:var(--surface-elevated);color:var(--text-link);font:inherit;font-size:var(--text-meta);font-weight:600;cursor:pointer}.stats__retry:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stats__empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-7) var(--space-3);text-align:center}.stats__empty-ico{display:grid;place-items:center;width:64px;height:64px;margin-bottom:var(--space-2);border-radius:50%;background:var(--surface-elevated);color:var(--text-secondary)}.stats__empty-title{margin:0;font-size:1.05rem;font-weight:600;color:var(--text-primary)}.stats__empty-hint{margin:0;max-width:34ch;font-size:var(--text-meta);line-height:1.45;color:var(--text-secondary)}.stats-group{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.stats-group__head{margin:0;font-size:var(--text-caption);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.stats-card{box-sizing:border-box;width:100%;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-elevated);min-width:0;text-align:left;font:inherit;cursor:pointer}.stats-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stats-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);min-width:0}.stats-card__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:500;color:var(--text-primary)}.stats-card__avg{flex-shrink:0;font-size:var(--text-caption);color:var(--text-secondary)}.stats-card__avg b{font-weight:600;color:var(--text-primary)}.stats-card__spark{display:block;width:100%;height:44px;margin-top:var(--space-2)}.metric-detail-page{box-sizing:border-box;max-width:480px;min-height:100vh;min-height:100dvh;margin:0 auto;padding:max(var(--space-3),env(safe-area-inset-top,0px)) var(--space-4) max(var(--space-4),env(safe-area-inset-bottom,0px));overflow-x:hidden}.metric-detail-page__nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3)}.metric-detail-page__back,.metric-detail-page__nav-spacer{box-sizing:border-box;width:var(--touch-min);min-width:var(--touch-min);min-height:var(--touch-min)}.metric-detail-page__back{display:grid;place-items:center;padding:0;border:0;border-radius:10px;background:transparent;color:var(--text-secondary);font-size:22px;line-height:1;cursor:pointer}.metric-detail-page__back:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.metric-detail-page__title-wrap{flex:1;min-width:0;text-align:center}.metric-detail-page__title{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;color:var(--text-primary)}.metric-detail-page__sub{margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-caption);color:var(--text-secondary)}.range-picker{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.range-picker__fields{display:flex;align-items:flex-end;gap:var(--space-2)}.range-picker__field{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.range-picker__label{font-size:var(--text-caption);color:var(--text-secondary)}.range-picker__input{box-sizing:border-box;width:100%;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-elevated);color:var(--text-primary);font:inherit;font-size:14px;min-height:40px}.range-picker__input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.range-picker__arrow{align-self:center;padding-bottom:10px;color:var(--text-secondary);font-size:var(--text-meta)}.range-picker__presets{display:flex;gap:var(--space-2)}.range-picker__preset{flex:1;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-elevated);color:var(--text-secondary);font:inherit;font-size:var(--text-meta);font-weight:500;cursor:pointer}.range-picker__preset:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.range-picker__preset--active{border-color:var(--accent);background:var(--accent);color:var(--surface)}.metric-detail{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.metric-detail__status{margin:0;padding:var(--space-3) 0;font-size:var(--text-meta);color:var(--text-secondary)}.metric-detail__retry{align-self:flex-start;padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-sm);background:var(--surface-elevated);color:var(--text-link);font:inherit;font-size:var(--text-meta);font-weight:600;cursor:pointer}.metric-detail__chart{box-sizing:border-box;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-elevated)}.metric-detail__chart svg{display:block;width:100%;height:auto;touch-action:none}.day-plank{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-elevated)}.day-plank__date{font-size:var(--text-meta);font-weight:600;color:var(--text-primary)}.day-plank__value{font-size:var(--text-meta);color:var(--text-secondary)}.progress-chart,.heatmap{box-sizing:border-box;margin:0 0 var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-elevated);min-width:0}.progress-chart__cap,.heatmap__cap{margin:0 0 var(--space-2);font-size:var(--text-caption);color:var(--text-secondary)}.progress-chart__svg{display:block;width:100%;height:auto}.heatmap__grid svg{display:block;height:auto}.progress-chart__legend,.heatmap__legend{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);margin-top:var(--space-2)}.progress-chart__legend>span,.heatmap__legend>span{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-caption);color:var(--text-secondary)}.legend-swatch{display:inline-block;box-sizing:border-box;width:10px;height:10px;border-radius:2px}.legend-swatch--goal{border:1px dashed #6e91a8;background:transparent}.legend-swatch--done{background:#6a9e7a}.legend-swatch--miss{background:#d5dcd0}.legend-swatch--hibernation{background:#e2d6b8}