.secondary-screen,.onboarding{box-sizing:border-box;width:100%;min-width:0;color:var(--text-primary)}.secondary-screen *,.secondary-screen :before,.secondary-screen :after,.onboarding *,.onboarding :before,.onboarding :after{box-sizing:border-box}.secondary-screen button,.secondary-screen input,.onboarding button,.onboarding input{font:inherit}.secondary-screen button,.onboarding button,.onboarding label{-webkit-tap-highlight-color:transparent}.secondary-screen button:focus-visible,.onboarding button:focus-visible,.onboarding input:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.onboarding label:has(input:focus-visible){outline:3px solid var(--focus-ring);outline-offset:3px}.onboarding-storage-notice{z-index:320;top:max(12px, env(safe-area-inset-top));border:2px solid var(--yellow-dark);background:var(--yellow-soft);width:min(100% - 32px,640px);min-height:48px;box-shadow:var(--shadow-soft);color:var(--yellow-ink);border-bottom-width:4px;border-radius:14px;align-items:center;gap:10px;padding:11px 14px;font-size:13px;font-weight:800;line-height:1.4;display:flex;position:fixed;left:50%;transform:translate(-50%)}.onboarding-storage-notice .material-symbols-rounded{flex:none}.secondary-screen{gap:24px;max-width:760px;margin-inline:auto;padding:8px 0 40px;display:grid}.secondary-screen__header{justify-content:space-between;align-items:flex-start;gap:24px;min-width:0;padding:10px 2px 4px;display:flex}.secondary-screen__header>div:first-child{min-width:0}.secondary-screen__header h1{color:var(--text-primary);letter-spacing:-.035em;margin:4px 0 8px;font-size:clamp(1.8rem,4vw,2.45rem);font-weight:900;line-height:1.08}.secondary-screen__header p:not(.secondary-screen__eyebrow){max-width:560px;color:var(--text-secondary);margin:0;font-size:.98rem;font-weight:600;line-height:1.55}.journey-screen__header,.statistics-screen__header,.achievements-screen__header{min-width:0}.secondary-screen__eyebrow,.onboarding-step__eyebrow{color:var(--green-ink);letter-spacing:.075em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:900;line-height:1.2}.secondary-screen__empty{text-align:center;background:var(--surface);border:2px solid var(--border);border-bottom:5px solid var(--shadow-neutral,var(--border-strong,var(--border)));border-radius:24px;justify-items:center;gap:10px;padding:clamp(36px,8vw,64px) 24px;display:grid;overflow:hidden}.secondary-screen__empty>.material-icon{width:58px;height:58px;color:var(--green-ink);background:color-mix(in srgb, var(--green) 16%, var(--surface));border-radius:18px;place-items:center;display:grid}.secondary-screen__empty h2,.secondary-screen__empty p{margin:0}.secondary-screen__empty h2{font-size:1.3rem;font-weight:900}.secondary-screen__empty p{max-width:420px;color:var(--text-secondary);font-weight:600;line-height:1.5}.journey-screen__summary{background:color-mix(in srgb, var(--blue) 13%, var(--surface));border:2px solid color-mix(in srgb, var(--blue) 35%, var(--border));white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:8px;min-height:44px;padding:8px 14px;display:inline-flex;color:var(--blue-dark,var(--blue))!important;font-size:.84rem!important;font-weight:800!important}.journey-timeline{min-width:0;padding:8px 2px 16px}.journey-timeline__list{gap:18px;max-width:680px;margin:0 auto;padding:0;list-style:none;display:grid}.journey-milestone{min-width:0;position:relative}.journey-milestone:nth-child(2n){margin-inline:26px -26px}.journey-milestone__connector{z-index:0;background:var(--border-strong,var(--border));border-radius:999px;width:6px;height:25px;position:absolute;top:calc(100% - 3px);left:31px}.journey-milestone__connector[data-completed=true]{background:var(--green)}.journey-milestone__card{z-index:1;background:var(--surface);border:2px solid var(--border);border-bottom:5px solid var(--shadow-neutral,var(--border-strong,var(--border)));border-radius:22px;grid-template-columns:62px minmax(0,1fr) auto;align-items:start;gap:16px;min-width:0;padding:18px;transition:transform .18s,border-color .18s,background-color .18s,box-shadow .18s;display:grid;position:relative}.journey-milestone[data-status=completed] .journey-milestone__card{background:color-mix(in srgb, var(--green) 8%, var(--surface));border-color:color-mix(in srgb, var(--green) 42%, var(--border));border-bottom-color:var(--green-dark,var(--green))}.journey-milestone[data-status=current] .journey-milestone__card{background:color-mix(in srgb, var(--blue) 8%, var(--surface));border-color:var(--blue);border-bottom-color:var(--blue-dark,var(--blue));box-shadow:0 8px 24px color-mix(in srgb, var(--blue) 12%, transparent)}.journey-milestone[data-status=upcoming] .journey-milestone__card{background:color-mix(in srgb, var(--surface-soft) 75%, var(--surface))}@media (hover:hover) and (pointer:fine){.journey-milestone__card:has(.journey-milestone__action):hover{border-color:color-mix(in srgb, var(--blue) 48%, var(--border));transform:translateY(-2px)}}.journey-milestone__icon{width:58px;height:58px;color:var(--text-secondary);background:var(--surface-soft);border:2px solid var(--border);border-radius:18px;place-items:center;display:grid}.journey-milestone__icon[data-status=completed]{color:var(--green-ink);background:color-mix(in srgb, var(--green) 18%, var(--surface));border-color:color-mix(in srgb, var(--green) 45%, var(--border))}.journey-milestone__icon[data-status=current]{color:var(--blue-ink);background:color-mix(in srgb, var(--blue) 18%, var(--surface));border-color:color-mix(in srgb, var(--blue) 45%, var(--border))}.journey-milestone__content{gap:6px;min-width:0;padding-top:2px;display:grid}.journey-milestone__eyebrow,.achievement-card__category{color:var(--text-secondary);letter-spacing:.065em;text-transform:uppercase;font-size:.75rem;font-weight:900;line-height:1.2}.journey-milestone__title-row{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.journey-milestone__title-row strong{overflow-wrap:anywhere;min-width:0;font-size:1.02rem;font-weight:900;line-height:1.25}.journey-milestone__state{min-height:26px;color:var(--green-ink);background:color-mix(in srgb, var(--green) 14%, var(--surface));border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;font-weight:900;display:inline-flex}.journey-milestone[data-status=current] .journey-milestone__state{color:var(--blue-ink);background:color-mix(in srgb, var(--blue) 14%, var(--surface))}.journey-milestone__description,.journey-milestone__meta{color:var(--text-secondary);font-size:.88rem;font-weight:600;line-height:1.45}.journey-milestone__meta{color:var(--text-muted,var(--text-secondary));font-size:.78rem;font-weight:700}.journey-milestone__progress-wrap,.achievement-card__progress-wrap{gap:7px;min-width:0;margin-top:6px;display:grid}.journey-milestone__progress-copy,.achievement-card__progress-copy{color:var(--text-secondary);justify-content:space-between;gap:12px;font-size:.75rem;font-weight:800;display:flex}.journey-milestone__progress,.achievement-card__progress,.habit-breakdown__progress{background:var(--border);border-radius:999px;width:100%;height:12px;display:block;overflow:hidden}.journey-milestone__progress-fill,.achievement-card__progress-fill,.habit-breakdown__progress>span{border-radius:inherit;height:100%;transition:width .22s;display:block}.journey-milestone__progress-fill{width:var(--journey-progress,0%);background:var(--blue)}.journey-milestone__action,.achievement-card__action{min-width:44px;min-height:44px;color:var(--blue-ink);cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:5px;padding:8px 10px;font-size:.78rem;font-weight:900;display:inline-flex}.journey-milestone__action:hover,.achievement-card__action:hover{background:color-mix(in srgb, var(--blue) 11%, var(--surface))}.statistics-screen__notice,.statistics-comparison,.statistics-empty-row{min-width:0;color:var(--blue-ink);background:color-mix(in srgb, var(--blue) 10%, var(--surface));border:2px solid color-mix(in srgb, var(--blue) 30%, var(--border));border-radius:16px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.statistics-screen__notice p,.statistics-comparison p,.statistics-empty-row p{color:var(--text-secondary);margin:0;font-size:.86rem;font-weight:650;line-height:1.45}.statistics-summary__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;display:grid}.statistics-metric{background:var(--surface);border:2px solid var(--border);border-bottom:4px solid var(--shadow-neutral,var(--border-strong,var(--border)));border-radius:18px;align-content:start;min-width:0;min-height:148px;padding:15px;display:grid;overflow:hidden}.statistics-metric dt{min-width:0;color:var(--text-secondary);grid-template-columns:32px minmax(0,1fr);align-items:center;gap:8px;font-size:.76rem;font-weight:800;line-height:1.25;display:grid}.statistics-metric__icon{width:32px;height:32px;color:var(--green-ink);background:color-mix(in srgb, var(--green) 13%, var(--surface));border-radius:10px;place-items:center;display:grid}.statistics-metric[data-tone=blue] .statistics-metric__icon{color:var(--blue-ink);background:color-mix(in srgb, var(--blue) 14%, var(--surface))}.statistics-metric[data-tone=yellow] .statistics-metric__icon{color:var(--yellow-ink);background:color-mix(in srgb, var(--yellow) 17%, var(--surface))}.statistics-metric[data-tone=orange] .statistics-metric__icon{color:var(--orange-ink);background:color-mix(in srgb, var(--orange) 15%, var(--surface))}.statistics-metric[data-tone=purple] .statistics-metric__icon{color:var(--purple-ink);background:color-mix(in srgb, var(--purple) 14%, var(--surface))}.statistics-metric>dd:not(.statistics-metric__detail){overflow-wrap:anywhere;min-width:0;color:var(--text-primary);letter-spacing:-.035em;margin:15px 0 2px;font-size:clamp(1.4rem,4vw,1.8rem);font-weight:900;line-height:1}.statistics-metric__detail{color:var(--text-muted,var(--text-secondary));margin:5px 0 0;font-size:.75rem;font-weight:700;line-height:1.35}.statistics-panel{background:var(--surface);border:2px solid var(--border);border-bottom:5px solid var(--shadow-neutral,var(--border-strong,var(--border)));border-radius:22px;min-width:0;padding:20px;overflow:hidden}.statistics-panel__heading{justify-content:space-between;align-items:center;gap:16px;min-width:0;margin-bottom:20px;display:flex}.statistics-panel__heading h2{color:var(--text-primary);letter-spacing:-.02em;margin:3px 0 0;font-size:1.2rem;font-weight:900}.statistics-range{background:var(--surface-soft);border:2px solid var(--border);border-radius:14px;flex:none;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:inline-grid}.statistics-range button{min-width:72px;min-height:44px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:8px 12px;font-size:.8rem;font-weight:900}.statistics-range button[aria-pressed=true]{color:var(--blue-ink);background:var(--surface);box-shadow:0 2px 0 var(--border-strong,var(--border))}.activity-chart{min-width:0;margin:0}.activity-chart__plot{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:stretch;gap:clamp(3px,1vw,8px);width:100%;min-width:0;height:214px;margin:0;padding:0;list-style:none;display:grid}.activity-chart__point{text-align:center;grid-template-rows:24px minmax(0,1fr) 22px;gap:5px;min-width:0;display:grid}.activity-chart__value,.activity-chart__label{min-width:0;color:var(--text-muted,var(--text-secondary));text-overflow:clip;white-space:nowrap;font-size:clamp(.52rem,1.2vw,.7rem);font-weight:800;line-height:1.25;overflow:hidden}.activity-chart__value{align-self:end}.activity-chart__track{background:var(--surface-soft);border-radius:7px;align-items:flex-end;width:100%;min-width:0;display:flex;overflow:hidden}.activity-chart__bar{width:100%;min-height:4px;height:var(--activity-value,0%);background:var(--green);border-radius:7px 7px 4px 4px;transition:height .24s}.activity-chart__point[data-today=true] .activity-chart__bar{background:var(--blue)}.activity-chart__point[data-today=true] .activity-chart__label{color:var(--blue-ink)}:is(.activity-chart__plot:has(>:nth-child(12)) .activity-chart__point:not(:nth-child(5n+1)) .activity-chart__value,.activity-chart__plot:has(>:nth-child(12)) .activity-chart__point:not(:nth-child(5n+1)) .activity-chart__label){visibility:hidden}.statistics-comparison{align-items:center;margin-top:18px}.statistics-comparison strong{color:var(--text-primary);margin-bottom:2px;font-size:.88rem;font-weight:900;display:block}.statistics-comparison[data-direction=up]{color:var(--green-ink);background:color-mix(in srgb, var(--green) 10%, var(--surface));border-color:color-mix(in srgb, var(--green) 30%, var(--border))}.statistics-comparison[data-direction=down]{color:var(--orange-ink);background:color-mix(in srgb, var(--orange) 9%, var(--surface));border-color:color-mix(in srgb, var(--orange) 27%, var(--border))}.calendar-heatmap{min-width:0;margin:0}.calendar-heatmap__viewport{overscroll-behavior-inline:contain;scrollbar-color:var(--border-strong,var(--border)) transparent;scrollbar-width:thin;align-items:flex-start;gap:6px;max-width:100%;padding:3px 0 8px;display:flex;overflow-x:auto}.calendar-heatmap__weekday-column,.calendar-heatmap__week{grid-template-rows:repeat(7,44px);align-items:center;display:grid}.calendar-heatmap__weekday-column{z-index:2;color:var(--text-muted,var(--text-secondary));background:var(--surface);flex:0 0 30px;font-size:.75rem;font-weight:800;position:sticky;left:0}.calendar-heatmap__weeks{grid-auto-columns:44px;grid-auto-flow:column;gap:2px;width:max-content;display:grid}.calendar-heatmap__cell{width:44px;height:44px;color:var(--text-secondary);background:0 0;border:0;border-radius:10px;flex:0 0 44px;place-items:center;padding:0;display:grid;position:relative}.calendar-heatmap button.calendar-heatmap__cell{cursor:pointer}.calendar-heatmap__cell:before{content:"";background:var(--surface-soft);border:1px solid var(--border);border-radius:6px;width:20px;height:20px;transition:transform .16s,border-color .16s,background-color .16s}.calendar-heatmap__cell[data-intensity="1"]:before{background:color-mix(in srgb, var(--green) 25%, var(--surface));border-color:color-mix(in srgb, var(--green) 24%, var(--border))}.calendar-heatmap__cell[data-intensity="2"]:before{background:color-mix(in srgb, var(--green) 48%, var(--surface));border-color:color-mix(in srgb, var(--green) 40%, var(--border))}.calendar-heatmap__cell[data-intensity="3"]:before{background:color-mix(in srgb, var(--green) 72%, var(--surface));border-color:color-mix(in srgb, var(--green) 65%, var(--border))}.calendar-heatmap__cell[data-intensity="4"]:before{background:var(--green);border-color:var(--green-dark,var(--green))}.calendar-heatmap__cell[data-today=true]:before{outline:2px solid var(--blue);outline-offset:3px}.calendar-heatmap__cell:disabled{cursor:not-allowed;opacity:.38}@media (hover:hover) and (pointer:fine){.calendar-heatmap button.calendar-heatmap__cell:not(:disabled):hover:before{border-color:var(--blue);transform:scale(1.18)}}.calendar-heatmap__cell--empty:before{visibility:hidden}.calendar-heatmap__legend{color:var(--text-muted,var(--text-secondary));justify-content:flex-end;align-items:center;gap:3px;margin-top:8px;font-size:.75rem;font-weight:800;display:flex}.calendar-heatmap__legend .calendar-heatmap__cell{flex-basis:18px;width:18px;height:18px}.calendar-heatmap__legend .calendar-heatmap__cell:before{border-radius:4px;width:12px;height:12px}.habit-breakdown{gap:10px;margin:0;padding:0;list-style:none;display:grid}.habit-breakdown__row{width:100%;min-width:0;min-height:72px;color:inherit;text-align:left;background:var(--surface-soft);border:2px solid #0000;border-radius:15px;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px;display:grid}button.habit-breakdown__row{cursor:pointer;transition:transform .16s,border-color .16s,background-color .16s}button.habit-breakdown__row:hover{background:color-mix(in srgb, var(--blue) 7%, var(--surface-soft));border-color:color-mix(in srgb, var(--blue) 35%, var(--border))}.habit-breakdown__icon{width:44px;height:44px;color:var(--green-ink);background:color-mix(in srgb, var(--green) 14%, var(--surface));border-radius:13px;place-items:center;display:grid}.habit-breakdown__icon[data-accent=blue]{color:var(--blue-ink);background:color-mix(in srgb, var(--blue) 14%, var(--surface))}.habit-breakdown__icon[data-accent=yellow]{color:var(--yellow-ink);background:color-mix(in srgb, var(--yellow) 17%, var(--surface))}.habit-breakdown__icon[data-accent=orange]{color:var(--orange-ink);background:color-mix(in srgb, var(--orange) 14%, var(--surface))}.habit-breakdown__icon[data-accent=purple]{color:var(--purple-ink);background:color-mix(in srgb, var(--purple) 14%, var(--surface))}.habit-breakdown__content{gap:6px;min-width:0;display:grid}.habit-breakdown__title-row,.habit-breakdown__meta{justify-content:space-between;gap:12px;min-width:0;display:flex}.habit-breakdown__title-row{color:var(--text-primary);font-size:.86rem;font-weight:900}.habit-breakdown__title-row strong{overflow-wrap:anywhere;min-width:0}.habit-breakdown__title-row>span:last-child{color:var(--green-ink);flex:none}.habit-breakdown__progress{height:9px}.habit-breakdown__progress>span{width:var(--habit-rate,0%);background:var(--green)}.habit-breakdown__meta{color:var(--text-muted,var(--text-secondary));font-size:.75rem;font-weight:700}.statistics-empty-row{align-items:center}.achievements-screen__total{min-width:116px;color:var(--yellow-ink);background:color-mix(in srgb, var(--yellow) 15%, var(--surface));border:2px solid color-mix(in srgb, var(--yellow) 38%, var(--border));border-bottom:4px solid var(--yellow-dark,var(--yellow));border-radius:16px;flex:none;grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;column-gap:8px;padding:10px 14px;display:grid}.achievements-screen__total>.material-icon{grid-row:1/3}.achievements-screen__total strong{color:var(--text-primary);font-size:1.25rem;font-weight:900;line-height:1}.achievements-screen__total span:not(.material-icon){color:var(--text-secondary);font-size:.75rem;font-weight:800}.achievement-section{min-width:0}.achievement-section__header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:13px;padding-inline:2px;display:flex}.achievement-section__header h2,.achievement-section__header p{margin:0}.achievement-section__header h2{color:var(--text-primary);letter-spacing:-.02em;font-size:1.2rem;font-weight:900}.achievement-section__header p{color:var(--text-secondary);margin-top:3px;font-size:.8rem;font-weight:650;line-height:1.4}.achievement-section__header>span{min-width:34px;height:34px;color:var(--text-secondary);background:var(--surface-soft);border:2px solid var(--border);border-radius:11px;place-items:center;font-size:.78rem;font-weight:900;display:grid}.achievement-section__empty{color:var(--text-secondary);text-align:center;background:var(--surface-soft);border:2px dashed var(--border-strong,var(--border));border-radius:18px;margin:0;padding:22px;font-size:.86rem;font-weight:700}.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.achievement-grid>li{min-width:0;display:flex}.achievement-card{background:var(--surface);border:2px solid var(--border);border-bottom:5px solid var(--shadow-neutral,var(--border-strong,var(--border)));border-radius:20px;grid-template-rows:1fr auto;grid-template-columns:54px minmax(0,1fr);gap:13px;width:100%;min-width:0;min-height:188px;padding:16px;display:grid;overflow:hidden}.achievement-card[data-state=unlocked]{background:color-mix(in srgb, var(--yellow) 7%, var(--surface));border-color:color-mix(in srgb, var(--yellow) 38%, var(--border));border-bottom-color:var(--yellow-dark,var(--yellow))}.achievement-card[data-state=in-progress]{background:color-mix(in srgb, var(--blue) 6%, var(--surface));border-color:color-mix(in srgb, var(--blue) 26%, var(--border))}.achievement-card[data-state=locked]{background:color-mix(in srgb, var(--surface-soft) 72%, var(--surface))}.achievement-card__badge{width:54px;height:54px;color:var(--yellow-ink);background:color-mix(in srgb, var(--yellow) 18%, var(--surface));border:2px solid color-mix(in srgb, var(--yellow) 44%, var(--border));border-radius:18px;place-items:center;display:grid}.achievement-card__badge[data-tone=green]{color:var(--green-ink);background:color-mix(in srgb, var(--green) 17%, var(--surface));border-color:color-mix(in srgb, var(--green) 42%, var(--border))}.achievement-card__badge[data-tone=blue]{color:var(--blue-ink);background:color-mix(in srgb, var(--blue) 17%, var(--surface));border-color:color-mix(in srgb, var(--blue) 42%, var(--border))}.achievement-card__badge[data-tone=orange]{color:var(--orange-ink);background:color-mix(in srgb, var(--orange) 17%, var(--surface));border-color:color-mix(in srgb, var(--orange) 42%, var(--border))}.achievement-card__badge[data-tone=purple]{color:var(--purple-ink);background:color-mix(in srgb, var(--purple) 17%, var(--surface));border-color:color-mix(in srgb, var(--purple) 42%, var(--border))}.achievement-card__badge[data-state=locked]{color:var(--text-muted,var(--text-secondary));background:var(--surface-soft);border-color:var(--border)}.achievement-card__content{align-content:start;gap:5px;min-width:0;display:grid}.achievement-card__content>strong{overflow-wrap:anywhere;color:var(--text-primary);font-size:.98rem;font-weight:900;line-height:1.25}.achievement-card__description,.achievement-card__date,.achievement-card__locked-label{color:var(--text-secondary);font-size:.77rem;font-weight:650;line-height:1.4}.achievement-card__date{color:var(--green-ink);align-items:center;gap:5px;margin-top:2px;font-weight:800;display:inline-flex}.achievement-card__locked-label{color:var(--text-muted,var(--text-secondary));margin-top:4px;font-weight:800}.achievement-card__progress-fill{width:var(--achievement-progress,0%);background:var(--blue)}.achievement-card__action{grid-column:2;place-self:end}.onboarding{background:var(--surface-soft);place-items:center;min-height:100dvh;padding:clamp(16px,4vw,40px);display:grid;overflow-x:clip}.onboarding__shell{background:var(--surface);border:2px solid var(--border);border-bottom:6px solid var(--shadow-neutral,var(--border-strong,var(--border)));width:min(100%,720px);min-width:0;box-shadow:0 18px 50px color-mix(in srgb, var(--text-primary) 8%, transparent);border-radius:28px;overflow:hidden}.onboarding__brand{border-bottom:2px solid var(--border);align-items:center;gap:11px;min-height:72px;padding:12px 20px;display:flex}.onboarding__brand-mark{width:44px;height:44px;color:var(--text-on-accent,#fff);background:var(--green);border-bottom:4px solid var(--green-dark,var(--green));border-radius:14px;flex:0 0 44px;place-items:center;display:grid}.onboarding__brand>div{gap:1px;min-width:0;display:grid}.onboarding__brand strong{letter-spacing:-.02em;font-size:1.05rem;font-weight:900}.onboarding__brand>div>span{color:var(--text-secondary);font-size:.75rem;font-weight:700}.onboarding__close{width:44px;height:44px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;margin-left:auto;display:grid}.onboarding__close:hover{color:var(--text-primary);background:var(--surface-soft)}.onboarding__progress{background:var(--border);height:10px;overflow:hidden}.onboarding__progress>span{width:var(--onboarding-progress,25%);background:var(--green);border-radius:0 999px 999px 0;height:100%;transition:width .22s;display:block}.onboarding__steps{grid-template-columns:repeat(4,1fr);gap:8px;max-width:420px;margin:18px auto 0;padding:0 20px;list-style:none;display:grid}.onboarding__steps li{place-items:center;min-width:0;display:grid}.onboarding__steps li>span:first-child{width:30px;height:30px;color:var(--text-muted,var(--text-secondary));background:var(--surface-soft);border:2px solid var(--border);border-radius:50%;place-items:center;font-size:.75rem;font-weight:900;display:grid}.onboarding__steps li[data-active=true]>span:first-child{color:var(--text-on-accent,#fff);background:var(--blue);border-color:var(--blue-dark,var(--blue))}.onboarding__steps li[data-complete=true]>span:first-child{color:var(--text-on-accent,#fff);background:var(--green);border-color:var(--green-dark,var(--green))}.onboarding__form{grid-template-rows:minmax(390px,1fr) auto;min-width:0;display:grid}.onboarding-step{width:100%;min-width:0;max-width:610px;margin:0 auto;padding:26px 28px 20px}.onboarding-step--name,.onboarding-step--finish{align-self:center;padding-top:34px}.onboarding-step--goal,.onboarding-step--habits{align-self:start}.onboarding-step>h1{overflow-wrap:anywhere;color:var(--text-primary);letter-spacing:-.04em;margin:7px 0 9px;font-size:clamp(1.7rem,5vw,2.35rem);font-weight:900;line-height:1.08}.onboarding-step>h1:focus{outline:0}.onboarding-step>p:not(.onboarding-step__eyebrow):not(.onboarding-field__error){max-width:540px;color:var(--text-secondary);margin:0 0 22px;font-size:.92rem;font-weight:650;line-height:1.5}.onboarding-step__icon{width:62px;height:62px;color:var(--green-ink);background:color-mix(in srgb, var(--green) 16%, var(--surface));border:2px solid color-mix(in srgb, var(--green) 38%, var(--border));border-bottom:4px solid var(--green-dark,var(--green));border-radius:20px;place-items:center;margin-bottom:16px;display:grid}.onboarding-field{max-width:460px;color:var(--text-primary);gap:8px;font-size:.8rem;font-weight:900;display:grid}.onboarding-field input{width:100%;min-width:0;min-height:54px;color:var(--text-primary);background:var(--surface-soft);border:2px solid var(--border-strong,var(--border));border-bottom-width:4px;border-radius:15px;padding:12px 15px;font-size:1rem;font-weight:700;transition:border-color .16s,background-color .16s}.onboarding-field input::placeholder{color:var(--text-muted,var(--text-secondary))}.onboarding-field input:hover{border-color:color-mix(in srgb, var(--blue) 42%, var(--border))}.onboarding-field input[aria-invalid=true]{border-color:var(--red)}.onboarding-field__error{color:var(--red-ink);align-items:center;gap:7px;margin:9px 0 0;font-size:.79rem;font-weight:800;display:flex}.onboarding-choice-grid,.onboarding-habit-grid{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;min-width:0;margin:0;padding:0;display:grid}.onboarding-choice-card,.onboarding-habit-choice{min-width:0;min-height:78px;color:var(--text-primary);background:var(--surface);border:2px solid var(--border);border-bottom:4px solid var(--shadow-neutral,var(--border-strong,var(--border)));cursor:pointer;border-radius:17px;grid-template-columns:46px minmax(0,1fr) 24px;align-items:center;gap:11px;padding:11px 12px;transition:transform .16s,border-color .16s,background-color .16s;display:grid;position:relative}.onboarding-choice-card:hover,.onboarding-habit-choice:hover{border-color:color-mix(in srgb, var(--blue) 44%, var(--border));transform:translateY(-1px)}.onboarding-choice-card[data-selected=true],.onboarding-habit-choice[data-selected=true]{background:color-mix(in srgb, var(--green) 8%, var(--surface));border-color:var(--green);border-bottom-color:var(--green-dark,var(--green))}.onboarding-choice-card>input,.onboarding-habit-choice>input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.onboarding-choice-card__icon,.onboarding-habit-choice__icon{width:44px;height:44px;color:var(--blue-ink);background:color-mix(in srgb, var(--blue) 14%, var(--surface));border-radius:13px;place-items:center;display:grid}.onboarding-habit-choice__icon{color:var(--green-ink);background:color-mix(in srgb, var(--green) 14%, var(--surface))}.onboarding-choice-card>span:nth-of-type(2),.onboarding-habit-choice>span:nth-of-type(2){gap:2px;min-width:0;display:grid}.onboarding-choice-card strong,.onboarding-habit-choice strong{overflow-wrap:anywhere;min-width:0;font-size:.86rem;font-weight:900;line-height:1.25}.onboarding-choice-card small,.onboarding-habit-choice small{color:var(--text-secondary);font-size:.75rem;font-weight:650;line-height:1.35}.onboarding-choice-card__check,.onboarding-habit-choice__check{color:var(--text-muted,var(--text-secondary))}.onboarding-choice-card[data-selected=true] .onboarding-choice-card__check,.onboarding-habit-choice[data-selected=true] .onboarding-habit-choice__check{color:var(--green-ink)}.onboarding__custom-habit{min-height:44px;color:var(--blue-ink);cursor:pointer;background:0 0;border:2px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:7px;margin-top:15px;padding:9px 13px;font-size:.83rem;font-weight:900;display:inline-flex}.onboarding__custom-habit:hover{background:color-mix(in srgb, var(--blue) 10%, var(--surface));border-color:color-mix(in srgb, var(--blue) 25%, var(--border))}.onboarding-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:22px 0 0;display:grid}.onboarding-summary>div{background:var(--surface-soft);border:2px solid var(--border);border-radius:16px;min-width:0;padding:14px}.onboarding-summary dt{color:var(--text-secondary);margin-bottom:6px;font-size:.75rem;font-weight:800}.onboarding-summary dd{overflow-wrap:anywhere;min-width:0;color:var(--text-primary);align-items:center;gap:6px;margin:0;font-size:.88rem;font-weight:900;display:flex}.onboarding-summary__habits{flex-wrap:wrap;gap:7px;margin:12px 0 0;padding:0;list-style:none;display:flex}.onboarding-summary__habits li{min-height:34px;color:var(--green-ink);background:color-mix(in srgb, var(--green) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--green) 28%, var(--border));border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:.75rem;font-weight:800;display:inline-flex}.onboarding__actions{background:var(--surface);border-top:2px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:16px 28px 20px;display:flex}.onboarding-button{cursor:pointer;border:2px solid #0000;border-bottom-width:5px;border-radius:15px;justify-content:center;align-items:center;gap:7px;min-width:118px;min-height:50px;padding:10px 17px;font-size:.86rem;font-weight:900;transition:transform .1s,border-bottom-width .1s,background-color .16s;display:inline-flex}.onboarding-button:active:not(:disabled){border-bottom-width:2px;transform:translateY(3px)}.onboarding-button--primary{color:var(--text-on-accent,#fff);background:var(--green);border-color:var(--green);border-bottom-color:var(--green-dark,var(--green))}.onboarding-button--primary:hover:not(:disabled){background:color-mix(in srgb, var(--green) 90%, var(--surface))}.onboarding-button--secondary{color:var(--text-secondary);background:var(--surface-soft);border-color:var(--border);border-bottom-color:var(--border-strong,var(--border))}.onboarding-button--secondary:hover{color:var(--text-primary);background:color-mix(in srgb, var(--blue) 7%, var(--surface-soft))}.onboarding-button:disabled{color:var(--text-muted,var(--text-secondary));background:var(--surface-soft);border-color:var(--border);cursor:not-allowed;opacity:.62}@media (max-width:768px){.secondary-screen{gap:20px;max-width:100%;padding-bottom:28px}.secondary-screen__header{gap:18px}.journey-milestone:nth-child(2n){margin-inline:14px -14px}.statistics-summary__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.statistics-metric{min-height:126px}.achievement-grid{grid-template-columns:1fr}.achievement-card{min-height:164px}.onboarding{padding:18px}.onboarding__shell{border-radius:24px}}@media (max-width:430px){.secondary-screen{gap:17px;padding:2px 0 24px}.secondary-screen__header{gap:14px;padding-inline:1px;display:grid}.secondary-screen__header h1{font-size:1.85rem}.journey-screen__summary,.achievements-screen__total{justify-self:start}.journey-milestone:nth-child(2n){margin-inline:0}.journey-milestone__card{border-radius:18px;grid-template-columns:52px minmax(0,1fr);gap:12px;padding:14px}.journey-milestone__icon{border-radius:15px;width:50px;height:50px}.journey-milestone__connector{left:25px}.journey-milestone__action{grid-column:2;justify-self:start;margin-top:2px}.statistics-summary__grid{gap:9px}.statistics-metric{border-radius:16px;min-height:118px;padding:12px}.statistics-panel{border-radius:18px;padding:15px}.statistics-panel__heading{align-items:flex-start;margin-bottom:16px}.statistics-range button{min-width:60px;padding-inline:8px}.activity-chart__plot{height:190px}.calendar-heatmap__viewport{margin-inline:-4px}.habit-breakdown__row{padding-inline:9px}.achievement-card{grid-template-columns:48px minmax(0,1fr);min-height:154px;padding:14px}.achievement-card__badge{border-radius:15px;width:48px;height:48px}.onboarding{background:var(--surface);place-items:stretch stretch;min-height:100dvh;padding:0}.onboarding__shell{min-height:100dvh;box-shadow:none;border:0;border-radius:0}.onboarding__brand{min-height:66px;padding:10px 16px}.onboarding__steps{margin-top:14px;padding-inline:18px}.onboarding__form{grid-template-rows:minmax(0,1fr) auto}.onboarding-step{padding:22px 18px 18px}.onboarding-step>h1{font-size:1.78rem}.onboarding-choice-grid,.onboarding-habit-grid{grid-template-columns:1fr;gap:9px}.onboarding-choice-card,.onboarding-habit-choice{min-height:72px}.onboarding-summary{grid-template-columns:1fr}.onboarding__actions{z-index:3;padding:13px 16px calc(15px + env(safe-area-inset-bottom));box-shadow:0 -8px 20px color-mix(in srgb, var(--text-primary) 5%, transparent);position:sticky;bottom:0}.onboarding-button{min-width:0}}@media (max-width:360px){.secondary-screen__header h1{font-size:1.7rem}.statistics-summary__grid{grid-template-columns:1fr}.statistics-metric{grid-template-columns:minmax(0,1fr) auto;min-height:94px}.statistics-metric>dd:not(.statistics-metric__detail){grid-area:1/2/3;align-self:center;margin:0;font-size:1.35rem}.statistics-metric__detail{max-width:180px}.statistics-panel__heading{display:grid}.statistics-range,.statistics-range button{width:100%}.achievement-section__header{align-items:flex-start}.achievement-card{grid-template-columns:44px minmax(0,1fr);gap:10px;padding:12px}.achievement-card__badge{border-radius:14px;width:44px;height:44px}.onboarding__brand>div>span{display:none}.onboarding__steps{padding-inline:14px}.onboarding-step{padding-inline:15px}.onboarding-choice-card,.onboarding-habit-choice{grid-template-columns:44px minmax(0,1fr) 22px;gap:8px;padding-inline:9px}.onboarding__actions{gap:8px;padding-inline:12px}.onboarding-button{padding-inline:11px;font-size:.8rem}}@media (max-width:320px){.secondary-screen__header p:not(.secondary-screen__eyebrow){font-size:.9rem}.journey-milestone__card{grid-template-columns:46px minmax(0,1fr);gap:9px;padding:11px}.journey-milestone__icon{width:44px;height:44px}.journey-milestone__connector{left:22px}.journey-milestone__state{min-height:24px;font-size:.75rem}.statistics-panel{padding:12px}.activity-chart__plot{gap:2px;height:178px}.habit-breakdown__row{grid-template-columns:42px minmax(0,1fr);gap:8px;padding:8px}.habit-breakdown__icon{width:40px;height:40px}.habit-breakdown__meta{gap:5px;font-size:.75rem}.achievements-screen__total{min-width:108px}.achievement-card__action span,.journey-milestone__action span{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.onboarding__brand{padding-inline:12px}.onboarding-step{padding:18px 12px 15px}.onboarding-step>h1{font-size:1.58rem}.onboarding-step>p:not(.onboarding-step__eyebrow):not(.onboarding-field__error){font-size:.86rem}.onboarding-choice-card small,.onboarding-habit-choice small{font-size:.75rem}.onboarding-button{min-height:48px;padding-inline:9px}}@media (prefers-reduced-motion:reduce){.secondary-screen *,.secondary-screen :before,.secondary-screen :after,.onboarding *,.onboarding :before,.onboarding :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.journey-milestone__card,.calendar-heatmap__cell:before,.onboarding-choice-card,.onboarding-habit-choice,.onboarding-button{transform:none!important}}
