:root{--navy:#1a2d5a;--navy-2:#263c71;--ink:#17213a;--muted:#6c7485;--paper:#fbfbfa;--sand:#f2ede4;--sage:#dbe9df;--sage-ink:#285c4c;--line:#e9e8e5;--warning:#f6e9d4;--danger:#f8e3e2;--white:#fff;--shadow:0 18px 45px rgba(23,33,58,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(140deg,#f7f5f1 0%,#fbfbfa 52%,#f1f4f1 100%)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #91b5b0;outline-offset:3px}.app-shell{min-height:100vh;padding:0 0 92px}.topbar{max-width:760px;margin:auto;height:84px;padding:18px 24px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:9px;color:var(--navy);font-family:Georgia,serif;font-size:25px;font-weight:700;letter-spacing:-1.2px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:11px;background:var(--navy);color:#fff;font:700 17px Georgia,serif;letter-spacing:-1px}.cat-switch{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:var(--ink);text-align:left;padding:0}.cat-switch strong{display:block;font-size:13px}.cat-switch small{display:block;color:var(--muted);font-size:11px;margin-top:1px}.cat-avatar{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#e6d6c7;color:#6c4435;font-weight:800;font-size:13px}.cat-avatar.large{width:49px;height:49px;font-size:18px}.chevron{color:var(--muted);font-size:18px}.screen{max-width:760px;margin:0 auto;padding:30px 24px}.intro h1,.page-heading h1,.onboarding h1{font-family:Georgia,serif;letter-spacing:-1.5px;line-height:1.07;margin:5px 0 10px;font-size:clamp(34px,7vw,48px);font-weight:700;color:var(--navy)}.intro>p:last-child,.page-heading p,.onboarding-copy>p:last-child{color:var(--muted);max-width:420px;margin:0;line-height:1.55;font-size:15px}.eyebrow,.overline{font-size:10px;font-weight:800;letter-spacing:1.45px;color:var(--navy);margin:0}.routine-card,.progress-card,.safety-panel,.help-hero,.note-card{border-radius:23px;margin-top:30px}.routine-card{background:var(--navy);color:#fff;padding:24px;box-shadow:0 18px 38px rgba(26,45,90,.18)}.routine-top{display:flex;justify-content:space-between;gap:15px}.routine-card .overline{color:#c4d8ff}.routine-card h2{font:700 25px Georgia,serif;letter-spacing:-.8px;margin:5px 0 0}.day-chip{align-self:flex-start;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:6px 10px;font-size:11px}.routine-body{display:flex;gap:16px;align-items:center;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);padding:20px 0;margin:20px 0}.recipe-art{width:65px;height:65px;border-radius:19px;background:#dbe9df;color:var(--sage-ink);display:grid;place-items:center;flex:none;font-size:31px}.routine-body h3{font-size:15px;margin:0 0 6px}.routine-body p{font-size:12px;line-height:1.45;color:#dde3f3;margin:0 0 7px}.routine-body a{color:#d8ebdf;font-size:12px;font-weight:750}.routine-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:#d8deeb}.primary-button,.secondary-button,.round-button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:750}.primary-button{background:#e2eee5;color:#193f36;padding:12px 15px;border-radius:13px;font-size:12px}.primary-button svg,.secondary-button svg,.text-link svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.primary-button:disabled{opacity:.72;cursor:default}.progress-card{background:var(--white);padding:22px;display:flex;justify-content:space-between;gap:20px;align-items:center;border:1px solid var(--line);box-shadow:0 8px 24px rgba(23,33,58,.025)}.progress-card h2{font:700 21px Georgia,serif;color:var(--navy);letter-spacing:-.6px;margin:4px 0}.progress-card p:last-child{font-size:12px;color:var(--muted);margin:0;line-height:1.4}.steps{display:flex;gap:6px}.steps span{width:9px;height:9px;border-radius:50%;background:#e1e4e0}.steps .done{background:#5d987c}.text-link{background:none;border:0;color:var(--navy);font-weight:800;font-size:13px;padding:21px 0 0;display:flex;align-items:center;gap:7px}.safety-panel{background:var(--warning);padding:22px;display:flex;gap:15px}.safety-panel.urgent{background:var(--danger)}.safety-icon{width:28px;height:28px;flex:none;border-radius:50%;display:grid;place-items:center;background:#fff;color:#9b553c;font-weight:900}.safety-panel h2,.help-hero h2{font:700 23px Georgia,serif;color:var(--navy);letter-spacing:-.6px;margin:4px 0 7px}.safety-panel p,.help-hero p{font-size:13px;line-height:1.5;color:#4d5667;margin:0}.secondary-button{margin-top:14px;background:transparent;border:1px solid rgba(26,45,90,.25);color:var(--navy);border-radius:11px;padding:9px 12px;font-size:12px}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.round-button{width:42px;height:42px;border-radius:50%;background:var(--navy);color:white}.round-button svg,.bottom-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cat-list{margin-top:28px;display:grid;gap:10px}.cat-row{border:1px solid var(--line);background:#fff;border-radius:18px;padding:14px;display:flex;align-items:center;gap:13px;text-align:left;color:var(--ink);width:100%}.cat-row.selected{border-color:#9fbdb2;background:#f7fbf8}.cat-row-copy{flex:1;display:grid;gap:4px}.cat-row-copy strong{font-size:15px}.cat-row-copy small{font-size:12px;color:var(--muted)}.status{width:max-content;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800;letter-spacing:.3px}.status.eligible{color:var(--sage-ink);background:var(--sage)}.status.review{color:#805720;background:#f5ead7}.status.urgent{color:#923f3f;background:var(--danger)}.row-arrow{font-size:27px;color:var(--muted);font-weight:300}.note-card{padding:19px;background:#f1ede6;color:#4d5566;font-size:12px;line-height:1.5}.note-card strong{color:var(--navy);display:block;font-size:13px}.note-card p{margin:5px 0 0}.plan-timeline{border-left:1px solid #ccd8d0;margin:30px 0 0 17px;padding-left:25px;display:grid;gap:27px}.plan-timeline article{position:relative}.plan-timeline article>span{position:absolute;left:-41px;top:0;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#dbe9df;color:var(--sage-ink);font-size:12px;font-weight:800}.plan-timeline h2{font:700 21px Georgia,serif;color:var(--navy);letter-spacing:-.5px;margin:0 0 6px}.plan-timeline p{color:var(--muted);font-size:13px;line-height:1.5;margin:0}.library-list{margin-top:26px;display:grid;gap:11px}.library-item{background:#fff;border:1px solid var(--line);border-radius:19px;padding:16px;display:grid;grid-template-columns:42px 1fr 24px;gap:13px;align-items:center}.library-icon{width:42px;height:42px;border-radius:14px;background:var(--sand);color:var(--navy);display:grid;place-items:center;font-size:21px}.library-item span{font-size:9px;font-weight:800;letter-spacing:.9px;color:#77847c}.library-item h2{font:700 16px Georgia,serif;color:var(--navy);letter-spacing:-.4px;margin:4px 0}.library-item p{font-size:11px;color:var(--muted);line-height:1.45;margin:0}.library-item button{border:0;background:transparent;color:var(--navy);font-size:24px}.help-hero{background:#e4ede6;padding:27px;text-align:center}.help-orb{width:48px;height:48px;border-radius:17px;background:var(--navy);color:white;display:grid;place-items:center;margin:0 auto 15px;font:700 27px Georgia,serif}.help-hero p{max-width:330px;margin:0 auto 18px}.anchor-button{text-decoration:none}.help-list{margin-top:22px;border-top:1px solid var(--line)}.help-list button{width:100%;display:flex;justify-content:space-between;padding:17px 4px;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font-size:13px}.help-list b{font-size:20px;color:var(--navy)}.bottom-nav{position:fixed;z-index:5;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,760px);height:75px;background:rgba(255,255,255,.93);backdrop-filter:blur(18px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);padding:7px 8px max(7px,env(safe-area-inset-bottom))}.bottom-nav button{border:0;background:transparent;color:#7b8090;display:grid;justify-items:center;align-content:center;gap:3px;font-size:10px;font-weight:650}.bottom-nav button.active{color:var(--navy)}.bottom-nav button.active svg{stroke-width:2.4}.onboarding{min-height:100vh;padding:26px;display:grid;place-items:center;background:radial-gradient(circle at 12% 5%,#e3eee6 0,transparent 28%),var(--paper)}.onboarding-card{width:min(100%,560px);background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.9);border-radius:30px;padding:28px;box-shadow:var(--shadow)}.onboarding-copy{margin:47px 0 26px}.onboarding h1{font-size:clamp(34px,8vw,48px)}form{display:grid;gap:15px}label,fieldset{display:grid;gap:7px;color:var(--navy);font-size:12px;font-weight:780}input,select{width:100%;border:1px solid #dfe1df;border-radius:12px;background:#fff;color:var(--ink);padding:12px 13px;outline:0;font-size:14px;font-weight:500}input:focus,select:focus{border-color:#79a795}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}fieldset{border:1px solid var(--line);border-radius:14px;padding:13px;gap:10px}legend{padding:0 4px;color:var(--navy);font-size:11px}.check-row{grid-template-columns:18px 1fr;align-items:center;gap:8px;color:#556070;font-size:12px;font-weight:550;line-height:1.35}.check-row input{width:17px;height:17px;accent-color:var(--navy)}.danger-check{color:#874342}.wide{width:100%;margin-top:4px;padding:15px}.wide svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}@media (min-width:700px){.screen{padding-top:46px}.topbar{padding-left:36px;padding-right:36px}.routine-card{padding:28px}.bottom-nav{border:1px solid var(--line);border-radius:18px 18px 0 0;width:620px}.app-shell{padding-bottom:98px}}@media (prefers-reduced-motion:no-preference){.routine-card,.progress-card,.library-item,.cat-row{transition:transform .2s ease,box-shadow .2s ease}.library-item:hover,.cat-row:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(23,33,58,.05)}}