:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#263c34;background:#f7f8f4;font-synthesis:none;font-weight:400;font-size:14px;--green:#175b48;--ink:#263c34;--muted:#75817a;--border:#e4e9e1;--lime:#e5f3bc}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button{transition:background .16s,box-shadow .16s,transform .16s}button:focus-visible,a:focus-visible{outline:3px solid #8aaf66;outline-offset:3px}input:focus,select:focus{outline:2px solid #9bbd9e;outline-offset:1px}button svg{flex-shrink:0}button:active:not(:disabled){transform:translateY(1px)}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;letter-spacing:-.035em}p{line-height:1.65}button{color:inherit}input,select{width:100%;min-width:0;background:#fff;border:1px solid #dce3d9;border-radius:9px;min-height:46px;padding:10px 12px;color:var(--ink)}input::placeholder{color:#929b93}label{display:flex;flex-direction:column;gap:7px;font-weight:500;font-size:13px}label small{font-weight:400}.topbar{height:100px;max-width:1440px;padding:0 64px;margin:auto;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:29px;font-weight:700;letter-spacing:-1.5px;line-height:1.05;white-space:nowrap}.brand-icon{height:45px;width:43px;background:var(--green);border-radius:14px;color:var(--lime);display:grid;place-items:center}.brand small{font-size:8px;letter-spacing:1.6px;display:block;font-weight:600;margin-top:7px;color:#68776d}.brand-dot{color:#89ab65}.desktop-nav{display:flex;align-self:stretch;gap:27px;margin:auto}.desktop-nav button{background:none;border:0;font-size:13px;border-bottom:2px solid transparent;color:#758077;padding:0 2px}.desktop-nav button.active{color:var(--green);border-color:var(--green);font-weight:600}.connection{display:flex;align-items:center;gap:7px;color:#6e7e70;font-size:11px;white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:50%;background:#6d945d}.connection.offline{color:#956829}main{max-width:1312px;margin:auto;padding:43px 40px 0}.page-intro{margin-bottom:30px}.eyebrow{display:flex;gap:7px;align-items:center;font-size:9px;font-weight:600;letter-spacing:1.8px;color:#70816c;margin-bottom:13px}h1{font-size:34px;line-height:1.2}.page-intro p{color:var(--muted);margin-top:10px;font-size:13px}.family-strip{display:flex;gap:20px;align-items:center;margin-bottom:28px;min-height:57px}.family-label{display:flex;align-items:center;gap:9px;font-size:12px;white-space:nowrap;font-weight:600;color:#6b796f;border-right:1px solid #dce3d8;padding-right:20px}.person-tabs{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.person-tab{border:1px solid transparent;background:transparent;border-radius:30px;display:flex;align-items:center;gap:9px;padding:6px 13px 6px 6px;min-height:42px;font-size:12px}.person-tab.selected{background:#fff;border-color:#d9e3d2;box-shadow:0 2px 4px #354b3810}.avatar{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;font-size:11px;font-weight:600;background:#e8eedf}.color-1{background:#f2e3d9;color:#976445}.color-2{background:#e4e7f3;color:#6f739b}.color-3{background:#f5e7af;color:#887033}.color-4{background:#e0ecf0;color:#557d85}.color-5{background:#f4dfdf;color:#925d5d}.add-person{border:1px dashed #cfd8c9;border-radius:25px;background:none;padding:10px 14px;display:flex;align-items:center;gap:7px;font-size:11px;min-height:42px}.dashboard-grid{display:grid;grid-template-columns:1.65fr 1fr 1fr;gap:18px}.wallet-summary{position:relative;overflow:hidden;background:var(--green);color:#fff;padding:27px 29px 24px;border-radius:17px;min-height:251px}.summary-top{display:flex;justify-content:space-between;align-items:center;color:#c9ddb2}.pill{display:inline-flex;gap:6px;align-items:center;font-size:8px;letter-spacing:1.6px;background:#ffffff15;border:1px solid #ffffff22;border-radius:5px;padding:7px 9px;font-weight:600}.wallet-summary h2{font-size:30px;margin-top:23px;position:relative;z-index:1}.wallet-summary p{color:#b8d0c3;font-size:11px;margin-top:5px;position:relative;z-index:1}.summary-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:23px;position:relative;z-index:1}.summary-bottom>div{display:flex;align-items:baseline;gap:9px}.summary-bottom strong{font-size:31px;letter-spacing:-1px;font-weight:500}.summary-bottom span{font-size:10px;color:#c4d9ce}.summary-decoration{position:absolute;right:27px;top:49px;color:#ffffff06;font-size:206px;line-height:1;pointer-events:none}.light-button{display:flex;align-items:center;gap:6px;background:#ffffff0b;border:1px solid #ffffff32;color:#d8e9de;padding:8px 10px;border-radius:6px;font-size:10px;min-height:36px}.action-card{background:#fff;border:1px solid var(--border);border-radius:17px;text-align:left;padding:24px;position:relative}.action-card:hover{box-shadow:0 5px 20px #263c340c;border-color:#cbd9c4}.action-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px}.peach{background:#f6ebe2;color:#a78365}.card-arrow{position:absolute;right:21px;top:22px;color:#8a9287}.action-card h3{font-size:21px;line-height:1.23;margin:17px 0 9px}.action-card p{font-size:11px;color:var(--muted);line-height:1.6}.text-link{display:inline-flex;align-items:center;gap:8px;border:0;background:none;color:var(--green);padding:0;font-weight:600;font-size:11px;min-height:35px}.action-card .text-link{margin-top:12px}.next-card{background:#eef2e7;border:1px solid #e4e9da;border-radius:17px;padding:26px 24px;display:flex;flex-direction:column}.section-label{font-size:9px;letter-spacing:1.1px;color:#677963;font-weight:600;display:flex;gap:9px;align-items:center}.next-card h3{font-size:24px;line-height:1.3;margin:24px 0 10px}.next-card p{font-size:11px;color:#7f897a}.next-card .text-link{margin-top:auto;padding-top:14px}.history{background:#fff;border:1px solid var(--border);border-radius:17px;margin-top:28px;overflow:hidden}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.section-heading h2{font-size:20px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.section-heading p{font-size:11px;color:var(--muted);margin-top:6px}.history .section-heading{padding:26px 27px 0}.count{font-size:11px;font-weight:500;background:#eef2e8;border-radius:6px;padding:4px 7px;letter-spacing:0}.primary,.secondary,.danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 17px;border-radius:8px;font-size:12px;font-weight:600;border:1px solid transparent;text-decoration:none}.primary{background:var(--green);color:#fff}.primary:hover{background:#124b3b}.secondary{background:#fff;border-color:#dbe3d6;color:#4c6454}.secondary:hover{background:#f1f5ee}.danger{background:#a23d37;color:#fff}.danger-text{background:none;border:0;color:#a13e35;padding:12px 0;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;min-height:44px}.full{width:100%}.small{min-height:36px;font-size:11px;padding:7px 10px}.history-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 27px 18px;border-bottom:1px solid #edf0e9}.history-toolbar>span{font-size:10px;color:#91998f}.search{position:relative;display:flex;flex-direction:row;align-items:center;width:300px;color:#879380}.search svg{position:absolute;left:12px}.search input{border-color:#e7ebe2;background:#fafbf8;min-height:39px;font-size:11px;padding-left:38px}.dose-row{display:flex;align-items:center;gap:17px;background:#fff;border:0;border-bottom:1px solid #edf0e9;width:100%;padding:22px 27px;text-align:left}.dose-row:last-child{border-bottom:0}.dose-row:hover{background:#fafcf7}.dose-symbol{display:grid;place-items:center;flex-shrink:0;width:41px;height:41px;border-radius:12px;background:#eef3e9;color:#5e7b57}.dose-main{flex:1;min-width:0}.dose-main strong{display:block;font-size:13px;font-weight:600;overflow-wrap:anywhere}.dose-main small,.dose-date small{display:block;font-size:10px;color:#889282;margin-top:6px}.dose-date{text-align:right;font-size:12px;color:#4d5f50}.dose-row>svg{color:#a3ac9c}.empty{padding:45px 20px 48px;text-align:center;max-width:480px;margin:auto}.empty-icon{width:66px;height:66px;display:grid;place-items:center;margin:0 auto 17px;border-radius:20px;background:#f0f4e9;color:#7a9469}.empty h3{font-size:19px;margin-bottom:10px}.empty p{font-size:12px;color:#85907e;line-height:1.8}.empty button{margin-top:22px}.local-note{display:flex;align-items:center;justify-content:center;gap:8px;color:#8c9787;font-size:10px;margin-top:23px}.local-note button{display:flex;align-items:center;gap:5px;background:none;border:0;color:#66815a;font-size:10px}.content-panel{background:#fff;border:1px solid var(--border);border-radius:17px;padding:27px}.content-panel>h2{font-size:22px;margin:17px 0 10px}.content-panel>p{color:var(--muted);font-size:12px}.content-panel>label{margin:20px 0 13px}.content-panel>.dose-list{margin:0 -27px -27px}.button-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.hint{color:#7e8b78;font-size:11px;line-height:1.7;font-weight:400}.photos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}.photo-card{border:1px solid var(--border);background:#fff;border-radius:12px;overflow:hidden;padding:0;text-align:left;min-width:0}.photo-card>.photo-view{height:170px}.photo-card>.photo-view img{height:170px;width:100%;object-fit:cover}.photo-card>div:last-child{padding:16px}.photo-card h3{font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:10px 0 5px}.photo-card small{color:var(--muted);font-size:10px}.photo-status{font-size:9px;background:#fff2d9;color:#947530;padding:5px 7px;border-radius:5px}.photo-status.done{background:#eaf2e3;color:#668451}.settings-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:24px;align-items:start}.settings-stack{display:grid;gap:24px}.storage-stats{display:flex;gap:10px;align-items:baseline;margin-top:20px}.storage-stats strong{font-size:26px;font-weight:500}.storage-stats span{color:var(--muted);font-size:10px}.divider{border-top:1px solid var(--border);margin:20px 0}.install-panel>p{margin:10px 0}.settings-grid .hint{margin:12px 0}.onboarding{display:grid;grid-template-columns:1.1fr 1fr;background:#edf2e6;border:1px solid #e0e9d8;border-radius:22px;padding:50px 60px;gap:30px;overflow:hidden;min-height:367px}.onboarding .pill{background:#fff9;color:#64805d;border:0}.onboarding h2{font-size:37px;line-height:1.2;margin:20px 0 15px}.onboarding p{font-size:13px;max-width:350px;color:#7c8874}.onboarding .primary{margin-top:25px}.onboarding-foot{display:flex;align-items:center;gap:7px;font-size:10px;color:#829076;margin-top:24px}.wallet-art{position:relative;width:290px;height:285px;margin:auto;transform:rotate(-7deg)}.art-card{position:absolute;width:232px;height:280px;border-radius:17px;padding:28px}.art-card.behind{background:#d7e4ba;transform:rotate(19deg);right:-4px;top:0;color:#73845c;font-size:8px;letter-spacing:2px}.art-card.front{background:#175b48;color:#ddecce;box-shadow:0 16px 25px #25452220}.art-card.front>span{display:block;font-size:7px;letter-spacing:1.8px;margin:18px 0}.art-card h3{font-size:25px;line-height:1.25;color:#fff}.art-line{width:114px;height:5px;background:#ffffff20;border-radius:10px;margin-top:25px}.art-line.short{width:75px;margin-top:8px}.art-seal{position:absolute;right:23px;bottom:24px;display:grid;place-items:center;width:37px;height:37px;background:#dcecb8;color:#265d40;border-radius:50%}.art-spark{position:absolute;right:-30px;bottom:0;color:#a2b981;font-size:70px}.info-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#edf2e5;border:1px solid #d8e3ca;border-radius:9px;padding:13px 17px;font-size:12px;margin-bottom:20px}.info-banner button{background:none;color:var(--green);border:0;text-decoration:underline;min-height:30px}.info-banner small{color:var(--muted)}footer{display:flex;align-items:center;gap:18px;border-top:1px solid var(--border);margin-top:48px;padding:25px 0 29px;color:#909989}footer>span{font-size:20px;font-weight:650;letter-spacing:-1px;color:#708367}footer p{font-size:10px}footer small{margin-left:auto;font-size:9px}.mobile-nav{display:none}.modal{border:1px solid #dbe3d5;border-radius:18px;max-width:530px;width:calc(100% - 24px);padding:25px;color:var(--ink);box-shadow:0 30px 100px #18342830;max-height:90dvh;overflow-y:auto;background:#fcfdfb}.modal.wide{max-width:900px}.modal::backdrop{background:#182e2860;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.modal-head h2{font-size:21px}.icon-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;min-width:36px;min-height:36px;border-radius:7px;color:#72806a}.icon-button:hover{background:#edf2e7}.dose-form{display:grid;gap:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.uncertain input{border-color:#dab772;background:#fffcf4}.uncertain small,.amber{color:#9b742d!important}.error{display:flex;gap:8px;align-items:center;padding:12px;background:#fff0ea;border-radius:8px;font-size:12px;color:#a24434!important;margin:14px 0;overflow-wrap:anywhere}.review-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px}.photo-view{position:relative;overflow:hidden;border-radius:9px;background:#e9ede4}.photo-scroll{max-height:420px;overflow:auto}.photo-scroll img{display:block;width:100%;object-fit:contain;min-height:60px}.photo-scroll.zoomed img{width:auto;max-width:none;min-width:150%;max-height:none}.zoom-button{position:absolute;bottom:10px;right:10px;box-shadow:0 2px 8px #0002}.review-data h3{font-size:23px;margin:18px 0 10px}.review-data>p{font-size:12px;color:var(--muted);margin-bottom:18px}.neutral{background:#edf2e7;border:0;color:#69835a}.suggestion-card{border:1px solid #e0e5d8;border-radius:10px;background:#fff;padding:14px;margin-top:12px}.suggestion-card strong{font-size:14px}.suggestion-card p{font-size:11px;color:var(--muted);margin:6px 0}.suggestion-card small{display:block;font-size:10px;margin:7px 0}.suggestion-card .button-row{margin-top:10px;justify-content:space-between}.spaced{margin-top:15px}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.backup-counts{display:flex;justify-content:space-around;margin:24px 0}.backup-counts span{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.backup-counts strong{font-size:30px;color:var(--green)}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:1000;background:#175b48;color:#fff;padding:13px 16px;border-radius:10px;max-width:600px;width:calc(100% - 30px);box-shadow:0 10px 40px #0002;display:flex;align-items:center;gap:14px;font-size:12px;line-height:1.6}.toast .icon-button{color:inherit;margin-left:auto}.toast-error{background:#9a4437}.busy-indicator{position:fixed;top:10px;left:50%;transform:translate(-50%);padding:10px 18px;background:#fff;border:1px solid var(--border);border-radius:30px;box-shadow:0 3px 15px #0001;z-index:999;display:flex;gap:8px;align-items:center;font-size:12px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1440px){main{padding-top:50px}.dashboard-grid{gap:22px}.wallet-summary{min-height:266px}.action-card h3{font-size:23px}}@media(max-width:1100px){.topbar{padding:0 30px;gap:20px}.desktop-nav{gap:18px}.connection{font-size:9px}main{padding-left:30px;padding-right:30px}.dashboard-grid{grid-template-columns:1.3fr 1fr}.next-card{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;gap:20px;padding:20px 24px}.next-card h3{margin:0;font-size:19px}.next-card h3 br,.next-card p br{display:none}.next-card .text-link{margin:0 0 0 auto;padding:0}.next-card .hint{display:none}.onboarding{padding:40px}.summary-bottom{gap:10px}.summary-bottom>div{flex-wrap:wrap;gap:4px}.photos-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.topbar{height:78px;padding:0 20px;justify-content:space-between}.brand{font-size:25px}.brand-icon{height:39px;width:37px;border-radius:12px}.brand small{font-size:6px;letter-spacing:1.3px}.desktop-nav{display:none}.connection{font-size:9px;max-width:120px;white-space:normal}.connection .status-dot{flex-shrink:0}main{padding:29px 18px 85px}.eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:10px}h1{font-size:27px;max-width:310px;line-height:1.22}.page-intro p{font-size:12px;max-width:330px;margin-top:11px}.page-intro{margin-bottom:22px}.family-strip{display:block;margin-bottom:23px}.family-label{font-size:10px;border:0;margin-bottom:12px}.person-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.person-tab{flex-shrink:0;font-size:11px}.add-person{flex-shrink:0;font-size:10px}.dashboard-grid{gap:13px;grid-template-columns:1fr 1fr}.wallet-summary{grid-column:1/-1;padding:23px;min-height:219px}.wallet-summary h2{margin-top:19px;font-size:29px}.summary-bottom{margin-top:20px}.summary-bottom>div{gap:9px}.summary-bottom strong{font-size:28px}.action-card{padding:19px 16px;border-radius:14px}.action-icon{width:36px;height:36px}.card-arrow{right:12px;top:16px;width:17px}.action-card h3{font-size:19px;margin-top:14px}.action-card p{font-size:10px}.action-card p br{display:none}.action-card .text-link{font-size:10px;gap:2px;margin-top:8px}.next-card{grid-column:auto;display:flex;flex-direction:column;align-items:start;gap:0;padding:20px 16px;border-radius:14px}.next-card .section-label{font-size:7px;letter-spacing:.6px;gap:6px}.next-card .section-label svg{width:14px}.next-card h3{font-size:20px;margin:24px 0 11px}.next-card h3 br{display:initial}.next-card p{font-size:10px;line-height:1.7}.next-card .text-link{margin-top:auto;font-size:10px;padding-top:15px;gap:2px}.history{margin-top:22px;border-radius:14px}.history .section-heading{padding:19px 17px 0;flex-wrap:wrap;align-items:start;gap:15px}.section-heading h2{font-size:19px}.section-heading p{font-size:10px}.section-heading .primary{font-size:11px;min-height:40px}.history .section-heading .primary{width:100%}.history-toolbar{padding:0 17px 15px}.history-toolbar>span{display:none}.search{width:100%}.search input{font-size:12px}.dose-row{padding:18px 15px;gap:10px}.dose-symbol{width:33px;height:36px;border-radius:10px}.dose-main strong{font-size:12px}.dose-main small,.dose-date small{font-size:9px;max-width:160px;line-height:1.5}.dose-date{font-size:10px;max-width:95px}.dose-row>svg{width:13px;flex-shrink:0}.empty{padding:35px 20px}.empty h3{font-size:17px}.empty p{font-size:11px}.local-note{font-size:9px;line-height:1.7;flex-wrap:wrap;text-align:center;padding:0 12px}.local-note>svg{display:none}.local-note button{font-size:10px}.content-panel{padding:21px 18px;border-radius:14px}.content-panel .section-heading{flex-wrap:wrap}.content-panel>.dose-list{margin:0 -18px -21px}.photos-grid{gap:13px}.photo-card>.photo-view,.photo-card>.photo-view img{height:130px}.photo-card>div:last-child{padding:12px}.photo-card h3{font-size:12px}.settings-grid{grid-template-columns:1fr;gap:18px}.settings-stack{gap:18px}.onboarding{grid-template-columns:1fr;padding:28px 24px;gap:32px}.onboarding h2{font-size:31px}.onboarding p{font-size:12px}.onboarding-foot{font-size:9px}.wallet-art{width:220px;height:237px;margin-top:8px}.art-card{width:190px;height:226px;padding:22px}.art-card h3{font-size:22px}.art-card.front>span{font-size:6px;letter-spacing:1px;margin:12px 0}.art-line{margin-top:18px;width:88px}.art-seal{width:29px;height:29px}.art-spark{font-size:55px;right:-13px}footer{margin-top:33px;padding:22px 0 10px;flex-wrap:wrap;gap:8px 15px}footer small{margin:0;width:100%;font-size:8px}footer p{font-size:9px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;background:#fffffff5;border-top:1px solid #e2e8da;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:7px 10px calc(7px + env(safe-area-inset-bottom));justify-content:space-around}.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;background:none;color:#8b9781;font-size:9px;min-height:48px;min-width:68px;border-radius:9px}.mobile-nav button.active{color:var(--green);background:#eff4e8}.modal{padding:20px 17px;max-height:91dvh;border-radius:15px}.modal-head h2{font-size:19px}.review-layout{grid-template-columns:1fr;gap:22px}.photo-scroll{max-height:300px}.preview-grid{grid-template-columns:1fr}.dose-form input,.dose-form select,.settings-grid input,.settings-grid select{font-size:16px}.form-grid{gap:10px}.toast{bottom:85px;font-size:11px}.busy-indicator{top:8px;font-size:11px}.info-banner{font-size:11px}.storage-stats{flex-wrap:wrap}.primary,.secondary{min-height:44px}.photo-status{font-size:8px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}