:root{--canvas:#e5e5e5;--surface:#fff;--ink:#050505;--muted:#777;--quiet:#aaa;--line:#dedede;--soft:#f4f4f4;--danger:#b42318;--menstrual:#bd4f51;--follicular:#d5a24f;--ovulatory:#469373;--luteal:#735f9f;--nav:72px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--canvas);min-height:100%}body{color:var(--ink);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}button,input{font:inherit;color:inherit}button{cursor:pointer}.app-stage{place-items:center;min-height:100dvh;padding:24px;display:grid}.phone-shell{background:#fff;border:1px solid #ccc;border-radius:44px;width:min(402px,100vw);height:min(874px,100dvh - 48px);min-height:650px;position:relative;overflow:hidden;box-shadow:0 28px 80px #0002}.app-scroll{height:calc(100% - var(--nav) - env(safe-area-inset-bottom));scrollbar-width:none;overflow:auto}.app-scroll::-webkit-scrollbar{display:none}.screen{min-height:100%;padding:max(28px,env(safe-area-inset-top)) 20px 36px}.app-header{align-items:center;gap:12px;min-height:44px;margin-bottom:12px;display:flex}.app-header h1{letter-spacing:-.35px;font-size:22px;font-weight:750;line-height:1.1}.wordmark{letter-spacing:.12em;font-size:20px;font-weight:850}.icon-button{background:var(--soft);border:0;border-radius:50%;place-items:center;width:34px;height:34px;font-size:24px;line-height:1;display:grid}.date-kicker,.eyebrow{text-transform:uppercase;letter-spacing:.11em;color:#999;font-size:10px;font-weight:750}.date-kicker{margin:-4px 0 20px}.screen-lead,.lead{color:#666;font-size:14px;line-height:1.5}.primary-button,.secondary-button{border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:50px;padding:0 16px;font-weight:700;display:flex}.primary-button{color:#fff;background:#000;border:1px solid #000}.secondary-button{background:#fff;border:1px solid #000;justify-content:space-between}.primary-button:disabled{color:#999;cursor:default;background:#ddd;border-color:#ddd}.text-button,.back-link{color:#666;background:0 0;border:0}.centered{text-align:center;justify-content:center}.empty-state{text-align:center;color:#888;background:#fafafa;border:1px solid #eee;border-radius:13px;padding:28px 18px;font-size:13px}.launch-screen{text-align:center;place-content:center;gap:8px;min-height:100dvh;display:grid}.launch-screen .brand-mark{letter-spacing:.15em;font-size:36px;font-weight:850}.launch-screen span{color:#888;letter-spacing:.1em;text-transform:uppercase;font-size:10px}.onboarding-shell{display:block}.onboarding{height:100%;padding:max(28px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));flex-direction:column;display:flex;overflow:auto}.welcome-screen h1,.flow-screen h1{letter-spacing:-.7px;max-width:330px;margin:9px 0 11px;font-size:30px;line-height:1.08}.welcome-orbit{place-items:center;height:150px;margin:-8px -20px 12px;display:grid;position:relative;overflow:hidden}.welcome-orbit:before,.welcome-orbit:after{content:"";border:1px solid #ccc;border-radius:50%;width:135px;height:135px;position:absolute}.welcome-orbit:after{width:230px;height:92px;transform:rotate(-16deg)}.brand-seal{z-index:2;color:#fff;letter-spacing:.12em;background:#000;border-radius:50%;place-items:center;width:64px;height:64px;font-size:14px;font-weight:850;display:grid;position:relative}.welcome-carousel{text-align:center;border:1px solid #ddd;border-radius:14px;flex-direction:column;justify-content:center;min-height:128px;margin-top:8px;padding:20px 18px;display:flex}.welcome-carousel h2{font-size:17px;line-height:1.2}.welcome-carousel p{color:#666;margin-top:8px;font-size:12px;line-height:1.5}.carousel-dots{justify-content:center;gap:6px;margin:12px 0;display:flex}.carousel-dots button{background:#ddd;border:0;border-radius:999px;width:8px;height:8px;padding:0;transition:width .2s}.carousel-dots button.active{background:#000;width:22px}.welcome-screen .locale-switch{margin:2px 0 14px}.welcome-screen .primary-button{margin-top:auto}.locale-switch,.segmented{background:#eee;border-radius:10px;grid-template-columns:repeat(2,1fr);gap:3px;padding:3px;display:grid}.locale-switch button,.segmented button{background:0 0;border:0;border-radius:8px;min-height:36px;font-size:12px;font-weight:650}.locale-switch button.active,.segmented button.active{background:#fff;box-shadow:0 1px 4px #0002}.flow-top{align-items:center;gap:14px;margin-bottom:26px;display:flex}.back-link{white-space:nowrap;font-size:13px}.progress{background:#eee;border-radius:4px;flex:1;height:4px;overflow:hidden}.progress span{background:#000;height:100%;transition:width .25s;display:block}.privacy-cards{gap:10px;margin-top:22px;display:grid}.privacy-cards article{border:1px solid #ddd;border-radius:12px;padding:14px}.privacy-cards strong{font-size:14px}.privacy-cards p{color:#666;margin-top:5px;font-size:12.5px;line-height:1.45}.flow-actions{gap:12px;margin-top:auto;padding-top:24px;display:grid}.centered-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:70%;display:flex}.centered-state h1{margin-top:16px}.centered-state .primary-button,.centered-state .secondary-button{margin-top:24px}.lock-mark,.spark-mark{border:2px solid #000;border-radius:50%;place-items:center;width:62px;height:62px;font-size:25px;display:grid}.field{gap:7px;margin-top:18px;display:grid}.field span{color:#666;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.field input{background:#fff;border:1px solid #ccc;border-radius:10px;min-height:48px;padding:0 13px}.field input:focus{outline-offset:1px;outline:2px solid #000}.debug-code{background:#faf4d8;border-radius:8px;margin-top:10px;padding:10px;font-size:12px}.form-error{color:var(--danger);margin-top:10px;font-size:12px}.select-list,.radio-list{gap:9px;margin-top:22px;display:grid}.select-list button,.radio-list button{text-align:left;background:#fff;border:1px solid #ddd;border-radius:12px;align-items:center;gap:11px;min-height:58px;padding:13px;display:flex}.select-list button.selected,.radio-list button.selected,.source-card.selected{background:#fafafa;border:2px solid #000}.check{color:#fff;border:2px solid #000;border-radius:5px;place-items:center;width:23px;height:23px;display:grid}.select-list button.selected .check{background:#000}.source-list{gap:10px;margin-top:22px;display:grid}.source-card{text-align:left;background:#fff;border:1px solid #ddd;border-radius:12px;grid-template-columns:40px 1fr auto;align-items:center;gap:11px;padding:13px;display:grid}.source-card strong,.source-card small{display:block}.source-card small{color:#777;margin-top:3px;font-size:11px}.source-card i,.radio-list i{border:2px solid #bbb;border-radius:50%;width:19px;height:19px}.source-card.selected i,.radio-list button.selected i{border:6px solid #000}.source-card em{color:#888;text-transform:uppercase;font-size:9px;font-style:normal}.source-card.disabled{opacity:.55;cursor:default}.source-icon{background:#f2f2f2;border-radius:10px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.date-range{margin-top:14px}.number-picker{justify-content:center;align-items:center;gap:18px;margin:44px 0;display:flex}.number-picker button{background:#fff;border:1px solid #ccc;border-radius:50%;width:42px;height:42px;font-size:22px}.number-picker strong{font-size:52px}.number-picker span{color:#777}.check-row{align-items:center;gap:10px;font-size:13px;display:flex}.check-row input{width:20px;height:20px}.chip-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:22px;display:grid}.chip-grid button{background:#fff;border:1px solid #ddd;border-radius:10px;min-height:48px;padding:9px;font-size:12px}.chip-grid button.selected{color:#fff;background:#000;border-color:#000}.policy-link{background:0 0;border:0;margin:14px auto 0;font-size:11px;font-weight:650;text-decoration:underline}.policy-copy h2{margin:18px 0 5px;font-size:14px}.policy-copy p{color:#666;font-size:12.5px;line-height:1.55}.setup-summary{text-align:left;border:1px solid #ddd;border-radius:12px;width:100%;margin-top:20px;overflow:hidden}.setup-summary p{border-bottom:1px solid #eee;justify-content:space-between;gap:12px;padding:11px 13px;font-size:11px;display:flex}.setup-summary p:last-child{border-bottom:0}.setup-summary span{color:#777}.setup-summary strong{text-align:right}.bottom-nav{z-index:30;height:calc(var(--nav) + env(safe-area-inset-bottom));padding:8px 12px max(8px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffc;border-top:1px solid #e5e5e5;grid-template-columns:repeat(4,1fr);display:grid;position:absolute;bottom:0;left:0;right:0}.bottom-nav button{color:#999;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;display:flex}.bottom-nav button.active{color:#000}.bottom-nav button svg{width:23px;height:23px}.bottom-nav small{font-size:9px}.phase-pill{background:#fff;border:1px solid #ddd;border-radius:999px;align-items:center;gap:8px;min-height:40px;margin-bottom:18px;padding:0 14px;font-size:13px;font-weight:650;display:flex}.phase-pill>span:last-child{margin-left:5px}.phase-dot{border-radius:50%;width:8px;height:8px}.phase-dot.menstrual,.menstrual{--phase:var(--menstrual)}.phase-dot.follicular,.follicular{--phase:var(--follicular)}.phase-dot.ovulatory,.ovulatory{--phase:var(--ovulatory)}.phase-dot.luteal,.luteal{--phase:var(--luteal)}.phase-dot{background:var(--phase)}.score-summary{text-align:left;background:#fff;border:1px solid #ddd;border-radius:14px;grid-template-columns:78px 1fr auto;align-items:center;gap:15px;width:100%;padding:17px;display:grid}.score-summary>div{border-right:1px solid #e5e5e5}.score-summary>div strong{font-size:44px;line-height:1;display:block}.score-summary small{text-transform:uppercase;color:#888;letter-spacing:.05em;font-size:9px}.score-copy{gap:5px;display:grid}.score-copy b{font-size:14px;line-height:1.3}.source-strip{background:#fff;border:1px solid #eee;border-radius:12px;align-items:center;width:100%;min-height:68px;margin-top:10px;padding:9px;display:flex}.source-strip>span{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.source-strip i{border:1px solid #ddd;border-radius:50%;place-items:center;width:25px;height:25px;font-size:11px;font-style:normal;display:grid}.source-strip small{color:#666;text-overflow:ellipsis;max-width:70px;font-size:9px;overflow:hidden}.source-strip .muted{opacity:.45}.recommendation-card{color:#fff;background:#0a0a0a;border-radius:16px;margin-top:14px;padding:17px}.recommendation-top{color:#aaa;text-transform:uppercase;letter-spacing:.09em;justify-content:space-between;font-size:9px;display:flex}.recommendation-top b{color:#fff;border:1px solid #555;border-radius:999px;padding:4px 8px}.recommendation-card h2{max-width:290px;margin:17px 0 20px;font-size:22px;line-height:1.15}.guidance-row{border-top:1px solid #333;grid-template-columns:27px 1fr;gap:8px;padding:11px 0;display:grid}.guidance-row>span{color:#777;font-size:9px}.guidance-row small{color:#aaa;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.guidance-row p{margin-top:4px;font-size:12.5px;line-height:1.4}.checkin-card{text-align:left;background:#fff;border:1px solid #ddd;border-radius:13px;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;width:100%;margin-top:12px;padding:12px;display:grid}.checkin-icon{background:#f2f2f2;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.checkin-card strong,.checkin-card small{display:block}.checkin-card strong{font-size:12px}.checkin-card small{color:#777;margin-top:3px;font-size:10px}.sheet-layer{z-index:50;background:#0006;align-items:flex-end;display:flex;position:absolute;inset:0}.sheet{width:100%;max-height:87%;padding:10px 20px max(24px,env(safe-area-inset-bottom));background:#fff;border-radius:22px 22px 0 0;overflow:auto;box-shadow:0 -10px 40px #0002}.sheet-handle{background:#ccc;border-radius:4px;width:38px;height:4px;margin:0 auto 12px}.sheet>header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.sheet>header h2{font-size:20px}.detail-score{text-align:center;padding:8px 0 18px}.detail-score strong{font-size:54px;display:block}.detail-score span{font-size:12px;font-weight:700}.factor-list{gap:9px;display:grid}.factor-list article{border:1px solid #ddd;border-radius:12px;padding:13px}.factor-list article header{justify-content:space-between;display:flex}.factor-list article p{color:#666;margin-top:7px;font-size:12px;line-height:1.4}.direction{text-transform:uppercase;font-size:9px;font-weight:750}.direction.up{color:#277d50}.direction.down{color:#aa342c}.context-panel{border-top:1px solid #eee;margin-top:20px;padding-top:14px}.context-panel small{text-transform:uppercase;color:#999;font-size:9px}.context-panel p{color:#666;margin-top:7px;font-size:12px}.source-detail-list{gap:10px;display:grid}.source-detail-list article{border:1px solid #ddd;border-radius:12px;grid-template-columns:32px 1fr;gap:10px;padding:13px;display:grid}.source-detail-list i{background:#f2f2f2;border-radius:50%;place-items:center;width:28px;height:28px;font-style:normal;display:grid}.source-detail-list p{color:#777;margin-top:3px;font-size:11px}.same-yesterday{background:#fafafa;border:1px solid #ddd;border-radius:10px;width:100%;margin-bottom:18px;padding:11px;font-size:12px}.choice-group{margin-bottom:18px}.choice-group>strong{margin-bottom:8px;font-size:12px;display:block}.choice-group>div{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.choice-group button{background:#fff;border:1px solid #ddd;border-radius:9px;min-height:41px;font-size:11px}.choice-group button.selected{color:#fff;background:#000;border-color:#000}.checkin-section header{justify-content:space-between;display:flex}.checkin-section header strong{font-size:12px}.checkin-section header small{color:#999;font-size:10px}.symptom-chips{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.symptom-chips button{background:#fff;border:1px solid #ddd;border-radius:999px;padding:8px 11px;font-size:11px}.symptom-chips button.selected{color:#fff;background:#000}.more-link{background:0 0;border:0;margin:10px 0 16px;font-size:11px;text-decoration:underline}.month-header{justify-content:space-between;align-items:center;margin:10px 0 14px;display:flex}.month-header button{background:#f4f4f4;border:0;border-radius:50%;width:32px;height:32px;font-size:22px}.month-header strong{text-transform:capitalize;font-size:14px}.weekdays,.cycle-calendar{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.weekdays span{text-align:center;color:#999;padding:3px;font-size:9px}.cycle-calendar button{aspect-ratio:1;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:relative}.cycle-calendar button:after{content:"";background:var(--phase);border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px}.cycle-calendar button.logged{background:var(--menstrual);color:#fff}.cycle-calendar button.logged:after{display:none}.cycle-calendar button.predicted{border:1px dashed var(--menstrual)}.cycle-calendar button.selected{box-shadow:0 0 0 2px #000}.calendar-legend{color:#777;gap:18px;margin:12px 0 16px;font-size:9px;display:flex}.calendar-legend span{align-items:center;gap:5px;display:flex}.calendar-legend i{border-radius:50%;width:10px;height:10px}.calendar-legend i.logged{background:var(--menstrual)}.calendar-legend i.predicted{border:1px dashed var(--menstrual)}.selected-day{text-align:left;background:#fff;border:1px solid #ddd;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:13px;display:flex}.selected-day strong,.selected-day small{display:block}.selected-day small{color:#777;margin-top:3px;font-size:11px}.cycle-actions{margin:10px 0 15px}.cycle-insight{border:1px solid #000;border-radius:14px;margin-top:13px;padding:15px}.cycle-insight>small{text-transform:uppercase;color:#888;font-size:9px}.cycle-insight h2{margin:7px 0;font-size:19px}.cycle-insight p{color:#666;font-size:12.5px;line-height:1.45}.cycle-insight button{background:0 0;border:0;margin-top:12px;font-size:11px;font-weight:700}.stats{border-top:1px solid #eee;margin-top:23px;padding-top:17px}.stats h2{margin-bottom:12px;font-size:16px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.stats-grid article{background:#f7f7f7;border-radius:10px;padding:12px 8px}.stats-grid small{color:#777;min-height:22px;font-size:9px;display:block}.stats-grid strong{font-size:21px}.stats-grid span{color:#888;margin-left:3px;font-size:9px}.confidence{color:#999;margin-top:10px;font-size:10px}.phase-detail>p{color:#777;font-size:12px}.phase-progress{gap:2px;margin:15px 0;display:flex}.phase-progress span{background:var(--phase);border-radius:2px;flex:1;height:8px}.phase-hero-card{border:1.5px solid #000;border-radius:15px;padding:15px}.phase-hero-card>small,.phase-info small{text-transform:uppercase;letter-spacing:.09em;color:#999;font-size:9px;font-weight:750}.phase-hero-card h2{margin:7px 0;font-size:20px}.phase-hero-card>p{color:#666;font-size:12px;line-height:1.45}.day-strip{grid-template-columns:repeat(7,1fr);gap:4px;margin-top:14px;display:grid}.day-strip button{background:#fff;border:1px solid #e5e5e5;border-radius:9px;justify-items:center;gap:3px;min-width:0;padding:6px 2px;display:grid}.day-strip button.selected{border:2px solid #000}.day-strip small{text-transform:uppercase;font-size:8px}.day-strip strong{font-size:12px}.day-strip i{background:#bbb;border-radius:2px;width:4px;height:12px}.day-strip i.easy{height:5px}.day-strip i.moderate{height:9px}.day-strip i.high{background:#000;height:13px}.strip-detail{justify-content:space-between;margin-top:11px;display:flex}.strip-detail strong{text-transform:capitalize}.strip-detail span{color:#888;font-size:10px}.caveat{border-top:1px dashed #ccc;margin-top:12px;padding-top:10px}.phase-info{border-top:1px solid #eee;margin-top:14px;padding:14px 0}.phase-info p{color:#666;margin-top:5px;font-size:12.5px;line-height:1.45}.danger-button{border:1px solid var(--danger);width:100%;min-height:46px;color:var(--danger);background:#fff;border-radius:10px;margin-top:12px;font-weight:700}.danger-button.confirm{background:var(--danger);color:#fff}.danger-button:disabled{opacity:.4}.month-header button{color:#111;width:34px;height:34px;font-size:initial;flex:0 0 34px;place-items:center;padding:0;display:grid}.month-header button svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;display:block}.phase-switch{text-align:center;grid-template-columns:34px 1fr 34px;align-items:center;display:grid}.phase-switch button{background:#f4f4f4;border:0;border-radius:50%;width:32px;height:32px;font-size:22px}.phase-switch p{color:#777;font-size:11px}.phase-progress span{opacity:.3}.phase-progress span[aria-current=step]{opacity:1;box-shadow:inset 0 0 0 1px #0005}.planner-screen .screen-lead{margin-bottom:17px}.planner-screen .segmented{margin-bottom:18px}.history-chart{border:1px solid #ddd;border-radius:14px;align-items:end;gap:7px;height:245px;padding:17px 12px 12px;display:flex}.history-bar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.history-bar span{background:var(--phase);border-radius:4px 4px 0 0;width:100%;min-height:10px}.history-bar strong{font-size:9px}.history-bar small{color:#888;font-size:8px}.forecast-list{gap:8px;display:grid}.forecast-list article{border:1px solid #ddd;border-radius:11px;grid-template-columns:5px 73px 1fr auto;align-items:center;gap:10px;min-height:66px;padding-right:10px;display:grid;overflow:hidden}.forecast-list article>i{background:var(--phase);align-self:stretch}.forecast-list time{font-size:10px;font-weight:700}.forecast-list span strong,.forecast-list span small{display:block}.forecast-list span strong{font-size:11px}.forecast-list span small{color:#888;margin-top:3px;font-size:9px}.load{text-transform:uppercase;background:#eee;border-radius:999px;padding:4px 6px;font-size:8px}.load.heavy{color:#a13b30;background:#f7e5e2}.load.light{color:#2b7650;background:#e3f1e8}.forecast-footnote{color:#999;font-size:10px}.planner-note{color:#888;background:#f5f5f5;border-radius:10px;margin-top:14px;padding:10px;font-size:10px;line-height:1.4}.notice{color:#276b49;background:#e8f4ec;border-radius:9px;margin-bottom:12px;padding:10px;font-size:11px}.settings-group{margin-top:18px}.settings-group>h2{text-transform:uppercase;color:#999;letter-spacing:.09em;margin:0 4px 7px;font-size:9px}.settings-group>div{border:1px solid #ddd;border-radius:12px;overflow:hidden}.setting-row,.setting-select,.quiet-hours,.integration-row,.link-row,.sync-status{text-align:left;background:#fff;border:0;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;width:100%;min-height:56px;padding:11px 13px;display:flex}.settings-group>div>:last-child{border-bottom:0}.setting-row>strong,.setting-select>span,.quiet-hours>strong,.integration-row strong{font-size:12px;font-weight:700}.setting-value{color:#777;font-size:11px}.mini-segment{background:#eee;border-radius:7px;padding:2px;display:flex}.mini-segment button{background:0 0;border:0;border-radius:5px;padding:5px 8px;font-size:9px}.mini-segment button.active{background:#fff}.stepper{align-items:center;gap:8px;display:flex}.stepper button{background:#fff;border:1px solid #ddd;border-radius:50%;width:27px;height:27px}.stepper span{font-size:11px}.toggle{background:#ccc;border:0;border-radius:999px;width:43px;height:25px;padding:3px}.toggle span{background:#fff;border-radius:50%;width:19px;height:19px;transition:transform .2s;display:block}.toggle.on{background:#000}.toggle.on span{transform:translate(18px)}.goal-editor,.condition-editor{border-bottom:1px solid #e5e5e5;padding:12px}.goal-editor>strong,.condition-editor>strong{font-size:12px}.goal-editor>div,.condition-editor>div{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.goal-editor button,.condition-editor button{background:#fff;border:1px solid #ddd;border-radius:999px;padding:6px 8px;font-size:9px}.goal-editor button.selected,.condition-editor button.selected{color:#fff;background:#000}.condition-editor small{color:#999;margin-top:7px;font-size:9px;display:block}.setting-select select,.quiet-hours input{color:#222;background:#fff;border:1px solid #ddd;border-radius:7px;padding:6px;font-size:10px}.quiet-hours{flex-wrap:wrap;gap:8px}.quiet-hours>strong{margin-right:auto}.quiet-hours label{color:#777;align-items:center;gap:4px;font-size:8px;display:flex}.integration-row{grid-template-columns:37px 1fr auto;display:grid}.integration-row small{color:#777;margin-top:2px;font-size:9px;display:block}.integration-row.disabled{opacity:.6}.integration-icon{background:#f2f2f2;border-radius:9px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.sync-status{grid-template-columns:26px 1fr;gap:9px;display:grid}.sync-status i{color:#fff;background:#000;border-radius:50%;place-items:center;width:24px;height:24px;font-size:10px;font-style:normal;display:grid}.sync-status strong,.sync-status small{display:block}.sync-status strong{font-size:11px}.sync-status small{color:#777;margin-top:3px;font-size:9px;line-height:1.35}.link-row{font-size:12px}.link-row.danger{color:var(--danger)}.logout-button{color:#666;background:0 0;border:0;width:100%;padding:20px;font-size:11px}.wellness-disclaimer{text-align:center;color:#999;padding:0 20px 12px;font-size:9px;line-height:1.4}.danger-copy{color:#666;font-size:13px;line-height:1.5}@media (max-width:520px){.app-stage{padding:0;display:block}.phone-shell{width:100vw;height:100dvh;min-height:600px;box-shadow:none;border:0;border-radius:0}}@media (max-width:350px){.screen,.onboarding{padding-left:15px;padding-right:15px}.welcome-screen h1,.flow-screen h1{font-size:26px}.score-summary{grid-template-columns:64px 1fr auto}.score-summary>div strong{font-size:38px}.day-strip{display:flex;overflow-x:auto}.day-strip button{min-width:38px}.stats-grid,.chip-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}