:root{--bg:#eef7f8;--surface:#fff;--ink:#07151c;--muted:#607079;--line:#d7e4e7;--cyan:#34c8e8;--cyan-dark:#0b88a2;--lime:#c8f434;--yellow:#fff34e;--navy:#071318;--shadow:0 18px 50px rgba(3,27,35,.12);--radius:28px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 0%,rgba(52,200,232,.2),transparent 30%),var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}.app-shell{min-height:100vh;padding-bottom:104px}.topbar{height:72px;padding:0 max(20px,calc((100vw - 760px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(7,21,28,.08);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:850}.brand img{width:38px;height:38px;border-radius:11px}.top-actions{display:flex;gap:8px;align-items:center}.prototype-badge{font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:850;color:#126879;background:#dff7fb;border-radius:99px;padding:7px 10px}.icon-button{border:0;background:#edf4f5;border-radius:50%;width:38px;height:38px;font-size:16px;cursor:pointer}main{max-width:760px;margin:0 auto;padding:34px 20px}.view{display:none}.view.active{display:block;animation:fadeIn .25s ease}.day-heading,.section-heading{margin-bottom:22px}.day-heading{display:flex;align-items:center;justify-content:space-between}.eyebrow{margin:0 0 7px;color:var(--cyan-dark);font-size:12px;letter-spacing:.16em;font-weight:900}.day-heading h1,.section-heading h1{font-size:clamp(28px,6vw,44px);line-height:1.02;margin:0;letter-spacing:-.045em}.section-heading>p:last-child{color:var(--muted);line-height:1.55;max-width:540px;margin:12px 0 0}.streak{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:6px;align-items:center;background:#071318;color:#fff;border-radius:20px;padding:10px 15px;box-shadow:var(--shadow)}.streak span{font-size:24px;grid-row:1/3}.streak strong{font-size:20px;line-height:1}.streak small{font-size:10px;color:#b9c7cb}.week-progress{background:rgba(255,255,255,.65);border:1px solid var(--line);padding:15px 17px;border-radius:18px;margin-bottom:16px}.week-label{display:flex;justify-content:space-between;font-size:13px;margin-bottom:10px}.progress-track{height:9px;background:#dcebed;border-radius:99px;overflow:hidden}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--lime));border-radius:99px;transition:width .4s ease}.mission-card{background:linear-gradient(160deg,#071318 0%,#0a2933 68%,#12404a 100%);color:#fff;border-radius:var(--radius);padding:26px;box-shadow:0 24px 70px rgba(3,25,33,.28);overflow:hidden;position:relative}.mission-visual{height:176px;display:grid;place-items:center;position:relative;margin:-10px 0 8px}.mission-visual:after{content:"";position:absolute;width:190px;height:90px;border-radius:50%;background:radial-gradient(ellipse,rgba(200,244,52,.35),transparent 68%);filter:blur(5px);transform:translateY(58px)}.mission-icon{position:relative;z-index:3;width:108px;height:108px;border-radius:36px;display:grid;place-items:center;font-size:58px;background:linear-gradient(145deg,rgba(52,200,232,.25),rgba(200,244,52,.25));border:1px solid rgba(255,255,255,.3);box-shadow:0 16px 45px rgba(0,0,0,.28)}.orbit{position:absolute;border:1px solid rgba(52,200,232,.24);border-radius:50%}.orbit.one{width:158px;height:158px}.orbit.two{width:215px;height:115px;transform:rotate(-18deg)}.pill{font-size:10px;font-weight:900;letter-spacing:.15em;color:var(--lime)}.mission-copy h2{font-size:clamp(28px,7vw,42px);line-height:1.02;letter-spacing:-.045em;margin:10px 0}.mission-copy p{color:#bfd1d5;line-height:1.5;margin:0 0 18px}.timer{font-variant-numeric:tabular-nums;text-align:center;font-size:46px;font-weight:900;letter-spacing:.03em;margin:14px 0 12px}.primary-action,.complete-action,.easy-action{width:100%;min-height:54px;border-radius:16px;font-size:15px;font-weight:850;cursor:pointer}.primary-action{border:0;background:linear-gradient(90deg,var(--cyan),var(--lime));color:#061217;box-shadow:0 12px 30px rgba(52,200,232,.18)}.complete-action{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;margin-top:10px}.easy-action{border:0;background:transparent;color:#aac1c6;min-height:46px;font-size:13px}.mission-card.completed{background:linear-gradient(145deg,#093a30,#127056)}.mission-card.completed .mission-icon{background:linear-gradient(145deg,#d8ff7a,#55e7bd)}.why-card{width:100%;margin-top:14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;text-align:left;border:1px solid var(--line);background:var(--surface);padding:16px;border-radius:18px;color:var(--ink);cursor:pointer}.why-icon{width:42px;height:42px;border-radius:13px;background:#fff8d1;display:grid;place-items:center;font-size:20px}.why-card strong,.why-card small{display:block}.why-card small{color:var(--muted);margin-top:3px}.chevron{font-size:22px}.milestone-card{display:flex;align-items:center;gap:14px;background:linear-gradient(100deg,#e9ffad,#fffbd0);border:1px solid #d8ec8d;padding:16px;border-radius:18px;margin-top:12px}.milestone-icon{font-size:29px}.milestone-card p{font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 3px;color:#59652b;font-weight:800}.milestone-card strong{font-size:14px}.route-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.route-summary{display:flex;justify-content:space-between;margin-bottom:18px}.day-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.day{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);font-weight:850;font-size:13px;position:relative}.day.done{background:#08252d;color:#fff;border-color:#08252d}.day.done:after{content:"✓"}.day.done span{display:none}.day.today{background:linear-gradient(145deg,var(--cyan),var(--lime));border:3px solid #fff;outline:2px solid var(--cyan-dark)}.day.locked{color:#9eaaae;background:#edf2f3}.day.locked:after{content:"·";position:absolute;bottom:2px;font-size:12px}.legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px;color:var(--muted);font-size:11px}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:9px;height:9px;border-radius:50%}.done-dot{background:#08252d}.today-dot{background:var(--cyan)}.locked-dot{background:#d7e0e2}.badges{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px}.badge{border-radius:20px;padding:18px;background:var(--surface);border:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;column-gap:10px}.badge>span{font-size:28px;grid-row:1/3}.badge strong,.badge small{display:block}.badge small{color:var(--muted)}.badge.earned{background:#efffc5;border-color:#cae873}.badge.locked{filter:grayscale(1);opacity:.58}.habit-list{display:grid;gap:12px}.habit-option{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:17px;border-radius:20px;border:1px solid var(--line);background:var(--surface);text-align:left;color:var(--ink);cursor:pointer;transition:.2s ease}.habit-option:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.habit-option>span{font-size:32px;width:54px;height:54px;border-radius:17px;background:#edf7f7;display:grid;place-items:center}.habit-option strong,.habit-option small{display:block}.habit-option small{margin-top:4px;color:var(--muted)}.habit-option i{font-style:normal;border:1px solid var(--line);width:30px;height:30px;border-radius:50%;display:grid;place-items:center}.habit-option.selected{border:2px solid var(--cyan-dark);background:#eafcff}.habit-option.selected i{background:var(--cyan-dark);color:#fff;border-color:var(--cyan-dark)}.principle-card{display:flex;gap:13px;align-items:center;padding:18px;background:#071318;color:#fff;border-radius:20px;margin-top:16px}.principle-card>span{font-size:28px}.principle-card p{color:#b5c5ca;margin:4px 0 0}.bottom-nav{position:fixed;z-index:20;left:50%;bottom:18px;transform:translateX(-50%);display:grid;grid-template-columns:repeat(3,1fr);width:min(420px,calc(100% - 28px));padding:8px;background:rgba(7,19,24,.94);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:23px;box-shadow:0 20px 50px rgba(0,0,0,.27)}.nav-button{border:0;background:transparent;color:#91a5aa;border-radius:17px;padding:9px 12px;cursor:pointer}.nav-button span,.nav-button small{display:block}.nav-button span{font-size:19px}.nav-button small{font-weight:800;margin-top:2px}.nav-button.active{background:#fff;color:#071318}.toast{position:fixed;z-index:40;left:50%;top:92px;transform:translate(-50%,-20px);background:#071318;color:#fff;border-radius:99px;padding:12px 18px;font-weight:750;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.celebration{position:fixed;inset:0;z-index:50;background:rgba(0,10,14,.74);backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px;opacity:0;pointer-events:none;transition:.25s}.celebration.show{opacity:1;pointer-events:auto}.celebration-card{width:min(410px,100%);background:#fff;border-radius:30px;padding:30px;text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.35);position:relative;z-index:2}.celebration-emoji{font-size:68px}.celebration-card h2{font-size:34px;margin:8px 0}.celebration-card>p:not(.eyebrow){color:var(--muted);margin:0 0 22px}.confetti{position:absolute;inset:0;background-image:radial-gradient(circle,#c8f434 0 5px,transparent 6px),radial-gradient(circle,#34c8e8 0 4px,transparent 5px),radial-gradient(circle,#fff34e 0 4px,transparent 5px);background-size:83px 91px,71px 79px,101px 97px;animation:confetti 8s linear infinite}.dark{--bg:#071318;--surface:#0d2229;--ink:#f3fbfc;--muted:#a6b9be;--line:#244048}.dark body{background:radial-gradient(circle at 20% 0%,rgba(52,200,232,.16),transparent 35%),var(--bg)}.dark .topbar{background:rgba(7,19,24,.86)}.dark .prototype-badge{background:#12343c;color:#6de2f6}.dark .icon-button,.dark .habit-option>span{background:#173038}.dark .week-progress{background:rgba(13,34,41,.82)}.dark .milestone-card{background:linear-gradient(100deg,#23351a,#38371a);border-color:#556529}.dark .milestone-card p{color:#c6d68c}.dark .habit-option.selected{background:#123841}.dark .celebration-card{background:#0d2229}.dark .primary-action{color:#061217}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes confetti{to{background-position:0 500px,0 430px,0 600px}}@media(max-width:520px){main{padding:24px 14px}.topbar{padding:0 14px}.brand span{font-size:14px}.prototype-badge{display:none}.mission-card{padding:20px}.mission-visual{height:150px}.mission-icon{width:94px;height:94px;font-size:50px}.badges{grid-template-columns:1fr}.day-grid{gap:7px}.day{font-size:11px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Configuration */
.onboarding{position:fixed;z-index:80;inset:0;background:rgba(0,12,16,.76);backdrop-filter:blur(12px);display:grid;place-items:center;padding:18px;opacity:0;pointer-events:none;transition:.25s;overflow:auto}.onboarding.show{opacity:1;pointer-events:auto}.onboarding-card{width:min(620px,100%);max-height:calc(100vh - 36px);overflow:auto;background:var(--surface);color:var(--ink);border-radius:30px;padding:26px;box-shadow:0 30px 90px rgba(0,0,0,.42)}.onboarding-hero{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px}.onboarding-hero>span{font-size:44px;width:66px;height:66px;border-radius:20px;background:linear-gradient(145deg,#daf9ff,#edffc2);display:grid;place-items:center}.onboarding-hero h2{font-size:clamp(25px,6vw,38px);line-height:1.02;margin:3px 0 8px}.onboarding-hero p:last-child{margin:0;color:var(--muted)}.field-label{display:grid;gap:7px;font-size:13px;font-weight:850;color:var(--ink)}.field-label input{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:15px;padding:14px;font:inherit;font-weight:650}fieldset{border:0;padding:0;margin:20px 0}legend{font-size:14px;font-weight:900;margin-bottom:10px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.choice-grid button{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:18px;padding:14px 8px;cursor:pointer}.choice-grid button span,.choice-grid button strong{display:block}.choice-grid button span{font-size:28px;margin-bottom:5px}.choice-grid button.selected,.weekday-grid button.selected{border-color:var(--cyan-dark);background:#dff9ff;box-shadow:inset 0 0 0 1px var(--cyan-dark);color:#073843}.weekday-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.weekday-grid button{aspect-ratio:1;border:1px solid var(--line);border-radius:50%;background:var(--bg);color:var(--ink);font-weight:900;cursor:pointer}.time-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.health-note{font-size:11px;line-height:1.45;color:var(--muted);margin:17px 0}.day{background:var(--surface);cursor:pointer}.day:disabled{cursor:not-allowed}.dark .choice-grid button.selected,.dark .weekday-grid button.selected{background:#123b45;color:#dffaff}@media(max-width:520px){.onboarding-card{padding:20px}.choice-grid{grid-template-columns:1fr}.choice-grid button{display:grid;grid-template-columns:auto 1fr;align-items:center;text-align:left;gap:10px}.choice-grid button span{margin:0}.time-grid{grid-template-columns:1fr}.weekday-grid{gap:5px}.onboarding-hero>span{width:56px;height:56px;font-size:36px}}

.easy-day{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;text-align:left;border:1px solid var(--line);background:rgba(255,255,255,.72);color:var(--ink);border-radius:18px;padding:13px 15px;margin:0 0 14px;cursor:pointer}.easy-day>span:first-child{font-size:24px}.easy-day strong,.easy-day small{display:block}.easy-day small{color:var(--muted);margin-top:2px}.easy-day i{font-style:normal;font-size:23px}.easy-day.active{background:#e8f9e8;border-color:#78c98b}.dark .easy-day{background:#10262c}.dark .easy-day.active{background:#173725}.moment{display:block;width:max-content;background:#edf4f5;color:#455c64;border-radius:99px;padding:4px 8px;font-size:8px;font-weight:900;letter-spacing:.1em;margin-bottom:5px}.dark .moment{background:#1c343b;color:#c6d5d9}

/* Daily visual dashboard */
.daily-tip{width:100%;border:1px solid #f1d76b;background:linear-gradient(110deg,#fffbd7,#fff6a8);border-radius:22px;padding:17px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;text-align:left;color:#263019;cursor:pointer;box-shadow:0 12px 32px rgba(129,108,18,.08)}.tip-sun{font-size:31px;width:54px;height:54px;display:grid;place-items:center;background:rgba(255,255,255,.7);border-radius:17px}.daily-tip small,.daily-tip strong,.daily-tip em{display:block}.daily-tip small{font-size:10px;letter-spacing:.15em;font-weight:900;color:#84751a}.daily-tip strong{font-size:15px;line-height:1.35;margin:3px 0}.daily-tip em{font-style:normal;color:#7d711f;font-size:12px}.daily-tip>i{font-style:normal;font-size:22px}.today-summary{display:flex;align-items:center;gap:14px;margin:21px 0 12px}.today-summary>div{width:64px;height:64px;border-radius:50%;display:grid;grid-template-columns:auto auto;place-content:center;align-items:baseline;gap:2px;background:conic-gradient(var(--cyan) 0deg,#dcebed 0deg);border:5px solid rgba(255,255,255,.8);outline:1px solid var(--line);transition:.35s}.today-summary>div span{font-size:22px;font-weight:950}.today-summary>div small{font-size:10px;color:var(--muted)}.today-summary p{margin:0}.today-summary p strong,.today-summary p span{display:block}.today-summary p span{font-size:13px;color:var(--muted);margin-top:3px}.task-list{display:grid;gap:13px}.task-card{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--line);border-left:6px solid var(--pillar-color);border-radius:22px;padding:17px;box-shadow:0 8px 26px rgba(2,30,38,.06);transition:.25s;overflow:hidden}.task-card.sleep{--pillar-color:#805ad5;--pillar-soft:#f2edff}.task-card.food{--pillar-color:#36a765;--pillar-soft:#e9faef}.task-card.move{--pillar-color:#168eb0;--pillar-soft:#e6f8fc}.task-icon{width:58px;height:58px;border-radius:18px;background:var(--pillar-soft);display:grid;place-items:center;font-size:31px}.task-copy h2{font-size:18px;margin:3px 0 4px}.task-copy p{font-size:13px;color:var(--muted);margin:0;line-height:1.35}.pillar{font-size:9px;letter-spacing:.14em;font-weight:950;color:var(--pillar-color)}.task-check{width:42px;height:42px;border-radius:50%;border:2px solid var(--pillar-color);background:transparent;color:var(--pillar-color);font-size:20px;font-weight:900;cursor:pointer}.task-info,.mini-timer{grid-column:2/4;justify-self:start;border:0;color:var(--pillar-color);background:var(--pillar-soft);border-radius:99px;padding:8px 12px;font-weight:800;font-size:12px;cursor:pointer}.mini-timer{display:flex;gap:7px;align-items:center}.task-explanation{display:none;grid-column:2/4;margin:0;color:var(--muted);font-size:13px;line-height:1.45}.task-card.info-open .task-explanation{display:block}.task-card.done{background:linear-gradient(110deg,#e5fae8,#f5ffe7);border-color:#71c984;transform:scale(.99)}.task-card.done .task-check{background:#2ca85c;color:#fff;border-color:#2ca85c}.task-card.done .task-copy h2{text-decoration:line-through;text-decoration-thickness:1px;color:#42634b}.coach-card{width:100%;margin-top:15px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;border:0;background:linear-gradient(120deg,#081920,#123e4b);color:#fff;border-radius:23px;padding:17px;text-align:left;cursor:pointer;box-shadow:var(--shadow)}.coach-bird{width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,var(--cyan),var(--lime));display:grid;place-items:center;font-size:32px}.coach-card small,.coach-card strong,.coach-card em{display:block}.coach-card small{color:var(--lime);font-weight:900;letter-spacing:.14em;font-size:9px}.coach-card strong{font-size:17px;margin:3px 0}.coach-card em{font-size:12px;color:#b8ced3;font-style:normal}.coach-card>i{font-size:30px;font-style:normal}.unlock-card{display:flex;align-items:center;gap:13px;border:1px dashed #aebfc3;border-radius:19px;margin-top:13px;padding:15px;color:var(--muted)}.unlock-card>div{font-size:25px}.unlock-card p{margin:0}.unlock-card strong,.unlock-card span{display:block}.unlock-card strong{color:var(--ink);font-size:14px}.unlock-card span{font-size:12px;margin-top:3px}.bottom-nav.four{grid-template-columns:repeat(4,1fr);width:min(520px,calc(100% - 28px))}.score-board{display:grid;grid-template-columns:1.5fr 1fr;gap:13px}.score-main,.score-streak,.chart-card,.feeling-grid article{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:20px}.score-main small,.score-main strong,.score-main span,.score-streak strong,.score-streak small{display:block}.score-main small{font-size:10px;letter-spacing:.15em;color:var(--muted);font-weight:900}.score-main strong{font-size:46px;line-height:1;margin:8px 0}.score-main span{color:#25895a;font-weight:800;font-size:12px}.score-streak{text-align:center}.score-streak span{font-size:34px}.score-streak strong{font-size:19px;margin:5px 0}.score-streak small{color:var(--muted)}.chart-card{margin-top:13px}.chart-title{display:flex;align-items:end;justify-content:space-between}.chart-title small,.chart-title strong{display:block}.chart-title small{color:var(--muted);font-size:9px;letter-spacing:.15em}.chart-title>span{color:#168eb0;font-weight:900;font-size:13px}.bar-chart{height:150px;display:flex;gap:12px;align-items:end;border-bottom:1px solid var(--line);padding-top:20px}.bar-chart i{flex:1;min-height:8px;background:linear-gradient(180deg,var(--cyan),#178eae);border-radius:10px 10px 3px 3px}.bar-chart .today-bar{background:#d7e4e7}.chart-days{display:flex;justify-content:space-around;color:var(--muted);font-size:10px;font-weight:800;margin-top:8px}.feeling-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:13px}.feeling-grid article{display:grid;grid-template-columns:auto 1fr auto;gap:5px 10px;align-items:center}.feeling-grid article>span{font-size:25px;grid-row:1/3}.feeling-grid small,.feeling-grid strong{display:block}.feeling-grid small{color:var(--muted)}.feeling-grid i{font-style:normal;color:#2ca85c;font-weight:900;grid-row:1/3;grid-column:3}.checkin-modal{position:fixed;z-index:60;inset:0;background:rgba(0,12,16,.72);backdrop-filter:blur(10px);display:grid;place-items:center;padding:18px;opacity:0;pointer-events:none;transition:.25s}.checkin-modal.show{opacity:1;pointer-events:auto}.checkin-card{width:min(430px,100%);background:var(--surface);border-radius:30px;padding:28px;text-align:center;position:relative;box-shadow:0 30px 90px rgba(0,0,0,.4)}.modal-close{position:absolute;right:17px;top:14px;width:36px;height:36px;border:0;border-radius:50%;background:var(--bg);color:var(--ink);font-size:23px;cursor:pointer}.guide-avatar{font-size:54px}.checkin-card h2{font-size:27px;margin:8px 0}.checkin-card>p:not(.eyebrow){color:var(--muted)}.slider-value{font-size:54px;font-weight:950;margin:18px 0 3px;color:var(--cyan-dark)}.checkin-card input{width:100%;accent-color:var(--cyan-dark)}.slider-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin:7px 0 24px}.dark .daily-tip{background:linear-gradient(110deg,#39351b,#4a4116);color:#fff4af;border-color:#5c5120}.dark .task-card.done{background:linear-gradient(110deg,#143727,#1b3e25)}.dark .task-card.done .task-copy h2{color:#b9d9c2}.dark .task-card.sleep{--pillar-soft:#26213b}.dark .task-card.food{--pillar-soft:#183325}.dark .task-card.move{--pillar-soft:#17333a}.dark .checkin-card{background:#0d2229}@media(max-width:520px){.task-card{grid-template-columns:auto 1fr auto;padding:14px;gap:11px}.task-icon{width:50px;height:50px;font-size:26px}.task-copy h2{font-size:16px}.bottom-nav.four .nav-button{padding:8px 5px}.bottom-nav.four .nav-button small{font-size:9px}.score-board{grid-template-columns:1fr 1fr}.feeling-grid{grid-template-columns:1fr}.daily-tip{padding:14px}.tip-sun{width:48px;height:48px}}

/* 21-day renewal */
.renewal-card{margin-top:14px;padding:22px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,var(--surface),#eefcff);display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}.renewal-icon{width:58px;height:58px;border-radius:18px;background:#e5f6f8;display:grid;place-items:center;font-size:30px}.renewal-card h2{margin:0 0 7px;font-size:22px}.renewal-card p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.5;font-size:13px}.renewal-card .primary-action{grid-column:1/3;margin-top:5px}.renewal-card .primary-action:disabled{background:#dce5e7;color:#7e8d91;box-shadow:none;cursor:not-allowed}.renewal-card.ready{border-color:#9bd95d;background:linear-gradient(135deg,#f5ffe4,#e6faff)}.cycle-review{position:fixed;z-index:90;inset:0;background:rgba(0,12,16,.76);backdrop-filter:blur(12px);display:grid;place-items:center;padding:18px;opacity:0;pointer-events:none;transition:.25s}.cycle-review.show{opacity:1;pointer-events:auto}.review-card{width:min(590px,100%);max-height:calc(100vh - 36px);overflow:auto;background:var(--surface);color:var(--ink);border-radius:30px;padding:28px;text-align:center;position:relative;box-shadow:0 30px 90px rgba(0,0,0,.42)}.review-visual{font-size:48px}.review-card h2{font-size:clamp(25px,6vw,36px);line-height:1.05;margin:8px auto;max-width:480px}.review-card>p:not(.eyebrow){color:var(--muted);line-height:1.45}.review-scale{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:22px 0}.review-scale button{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:17px;padding:12px 5px;cursor:pointer}.review-scale span,.review-scale small{display:block}.review-scale span{font-size:28px}.review-scale small{margin-top:5px;font-size:9px}.review-scale button.selected{border-color:var(--cyan-dark);background:#dff9ff;box-shadow:inset 0 0 0 1px var(--cyan-dark)}.review-result{padding:12px 0 22px}.review-result>span{font-size:54px}.review-result h3{font-size:23px;margin:8px 0}.review-result p{color:var(--muted);line-height:1.5;margin:0}.dark .renewal-card{background:linear-gradient(135deg,#0d2229,#12313a)}.dark .renewal-card.ready{background:linear-gradient(135deg,#1b3824,#12313a)}.dark .renewal-icon{background:#17343c}.dark .review-scale button.selected{background:#123b45;color:#dffaff}@media(max-width:520px){.review-card{padding:22px 16px}.review-scale{gap:5px}.review-scale button{padding:10px 2px}.review-scale span{font-size:24px}.review-scale small{font-size:8px}.renewal-card{padding:18px}}