:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#183247;--muted:#607b8d;--teal:#50b4be;--mint:#82d2ab;--line:#d8e3e8;--surface:#fff}*{box-sizing:border-box}body{color:var(--ink);background:#f5fbfa;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit}button,input{font:inherit}main{background:var(--surface);border-radius:12px;max-width:640px;margin:4rem auto;padding:2rem;box-shadow:0 2px 12px #00000014}h1{margin-top:0}form{flex-direction:column;gap:.75rem;display:flex}label{flex-direction:column;gap:.25rem;font-size:.9rem;display:flex}input{border:1px solid #c5ccd6;border-radius:6px;padding:.6rem;font-size:1rem}button{color:#fff;cursor:pointer;background:#1f6feb;border:0;border-radius:6px;padding:.65rem;font-size:1rem}button:disabled{opacity:.6}.error{color:#b42318;margin:0}.hint{color:#5b6676;font-size:.85rem}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #e3e7ec;padding:.5rem}.portal-header{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;min-height:102px;padding:.9rem 1.7rem;display:flex;box-shadow:0 2px 8px #1a39490d}.brand{color:var(--teal);letter-spacing:-.04em;margin:0;font-size:1.9rem;font-weight:700}.brand-tagline{color:var(--muted);margin:.15rem 0 0;font-size:1.05rem}.logout-form{flex:none;display:block}.logout-button{border:1px solid var(--line);min-height:48px;color:var(--ink);background:#fff;border-radius:10px;align-items:center;gap:.55rem;padding:0 1rem;font-size:.95rem;display:inline-flex}.logout-button:hover{background:#f3f9fa}.portal-main{width:min(100%,1440px);max-width:none;box-shadow:none;background:0 0;border-radius:0;margin:0 auto;padding:2.8rem 1.5rem 3rem}.welcome{text-align:center;max-width:720px;margin:0 auto 3rem}.welcome h1{letter-spacing:-.035em;margin:0 0 .7rem;font-size:clamp(1.8rem,3.4vw,2.4rem)}.welcome h1 span{color:var(--mint)}.welcome p{color:var(--muted);margin:0;font-size:1.2rem;line-height:1.5}.feature-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.35rem;display:grid}.feature-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;align-items:flex-start;min-height:230px;padding:1.5rem;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;box-shadow:0 2px 4px #1938470f}.feature-card:hover{border-color:#a9d8dc;transform:translateY(-3px);box-shadow:0 8px 18px #19384717}.feature-card:focus-visible,.back-link:focus-visible,.medication-cta:focus-visible{outline-offset:3px;outline:3px solid #318f9a}.feature-icon{width:64px;height:64px;color:var(--teal);background:#dceff1;border-radius:50%;place-items:center;margin-bottom:1.35rem;display:grid}.feature-icon.mint{color:var(--mint);background:#c8eadb}.feature-icon.soft{background:#e5f5f1}.feature-card h2{letter-spacing:-.025em;margin:auto 0 .45rem;font-size:1.35rem}.feature-card p{color:var(--muted);margin:0;font-size:1rem;line-height:1.55}.medication-banner{border:1px solid var(--line);background:var(--surface);border-radius:12px;grid-template-columns:1fr 1fr;min-height:254px;margin-top:3rem;display:grid;overflow:hidden;box-shadow:0 2px 4px #1938470f}.medication-copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:2rem;display:flex}.medication-copy h2{letter-spacing:-.035em;margin:0 0 1rem;font-size:1.8rem}.medication-copy p{max-width:620px;color:var(--muted);margin:0 0 1.35rem;font-size:1.1rem;line-height:1.55}.medication-cta{background:var(--teal);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-height:48px;padding:.7rem 1.5rem;font-weight:700;text-decoration:none;transition:background .15s;display:inline-flex}.medication-cta:hover{background:#379ba6}.medication-art{background:radial-gradient(at 76% 18%,#cdf9e5d9,#0000 43%),linear-gradient(125deg,#398f97,#7bc5b7);place-items:center;min-height:254px;display:grid;position:relative;overflow:hidden}.art-orbit{border:1px solid #ffffff3d;border-radius:50%;width:250px;height:250px;position:absolute}.art-orbit:before,.art-orbit:after{content:"";border:1px solid #ffffff2e;border-radius:50%;position:absolute}.art-orbit:before{inset:24px}.art-orbit:after{inset:-25px}.art-card{background:#ffffffe0;border:1px solid #ffffff85;border-radius:16px;align-items:center;gap:1rem;width:min(78%,390px);padding:1.25rem;display:flex;position:relative;box-shadow:0 12px 35px #144b4e2e}.art-pulse{color:#51b7a7;background:#e0f4ef;border-radius:14px;flex:none;place-items:center;width:58px;height:58px;display:grid}.art-card strong,.art-card span{display:block}.art-card strong{margin-bottom:.35rem;font-size:1rem}.art-card span{color:var(--muted);font-size:.88rem;line-height:1.4}.portal-subpage{max-width:1050px}.back-link{color:#328f98;align-items:center;gap:.5rem;margin-bottom:1.4rem;font-weight:700;text-decoration:none;display:inline-flex}.section-heading{margin-bottom:2rem}.section-heading .feature-icon{margin-bottom:1rem}.section-heading h1{letter-spacing:-.04em;margin:0 0 .6rem;font-size:clamp(2rem,4vw,2.7rem)}.section-heading p{max-width:680px;color:var(--muted);margin:0;font-size:1.1rem;line-height:1.6}.portal-panel{border:1px solid var(--line);background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px #1938470d}.portal-panel h2{margin:0 0 .5rem;font-size:1.2rem}.portal-panel p{color:var(--muted);margin:0;line-height:1.6}.profile-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.5rem;display:grid}.profile-detail{background:#f4f9fa;border-radius:9px;padding:1rem}.profile-detail span,.profile-detail strong{display:block}.profile-detail span{color:var(--muted);margin-bottom:.35rem;font-size:.9rem}.profile-detail strong{overflow-wrap:anywhere}.empty-state{color:#3e7f70;background:#eef8f5;border-radius:9px;align-items:flex-start;gap:.85rem;margin-top:1.4rem;padding:1rem;display:flex}.empty-state p{color:#4e756d}@media (max-width:1050px){.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.portal-header{min-height:84px;padding:.8rem 1rem}.brand{font-size:1.45rem}.brand-tagline{font-size:.9rem}.logout-button{min-height:42px;padding:0 .7rem;font-size:.85rem}.portal-main{padding:2rem 1rem}.welcome{margin-bottom:2rem}.welcome p{font-size:1.05rem}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.feature-card{min-height:205px;padding:1.1rem}.feature-icon{width:54px;height:54px;margin-bottom:1rem}.feature-card h2{font-size:1.12rem}.feature-card p{font-size:.92rem}.medication-banner{grid-template-columns:1fr;margin-top:1.5rem}.medication-copy{padding:1.5rem}.medication-copy h2{font-size:1.5rem}.medication-art{min-height:190px}.profile-details{grid-template-columns:1fr}}@media (max-width:390px){.feature-grid{grid-template-columns:1fr}.feature-card{min-height:175px}}.profile-page{max-width:900px}.profile-title h1{color:var(--teal);margin:0 0 .3rem;font-size:2.2rem}.profile-title p{color:var(--muted);margin:0 0 2rem;font-size:1.1rem}.profile-stack{flex-direction:column;gap:1.25rem;display:flex}.profile-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:1.5rem;display:block;box-shadow:0 2px 4px #1938470d}.profile-card h2{margin:0 0 1.5rem;font-size:1.5rem}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.profile-field{flex-direction:column;gap:.5rem;font-size:1rem;font-weight:600;display:flex}.profile-field.full{grid-column:1/-1}.profile-field input,.profile-field select{border:1px solid var(--line);min-height:48px;color:var(--ink);background:#fff;border-radius:9px;padding:0 .9rem;font-weight:400}.profile-field input:focus-visible,.profile-field select:focus-visible{border-color:var(--teal);outline:3px solid #50b4be66}.allergy-box{border:1px solid var(--line);border-radius:12px;margin:1.5rem 0 0;padding:1rem}.allergy-box legend{float:left;width:100%;margin-bottom:.75rem;margin-left:-1rem;padding:0;font-weight:600}.allergy-grid{clear:both;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1.5rem;display:grid}.allergy-option{align-items:center;gap:.75rem;font-size:.9rem;font-weight:600;display:flex;position:relative}.allergy-option input{opacity:0;width:1px;height:1px;position:absolute}.allergy-check{border:1px solid var(--teal);background:#fff;border-radius:9px;flex:none;place-items:center;width:48px;height:48px;display:grid}.allergy-option input:checked+.allergy-check{background:var(--teal)}.allergy-option input:checked+.allergy-check:after{content:"";border:3px solid #fff;border-width:0 3px 3px 0;width:10px;height:20px;margin-top:-4px;transform:rotate(45deg)}.allergy-option input:focus-visible+.allergy-check{outline:3px solid #50b4be66}.other-allergy{margin-top:1rem}.profile-actions{justify-content:flex-end;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.profile-saved{color:#2f8a6a;margin:0 auto 0 0;font-weight:600}.btn-primary,.btn-outline{border-radius:9px;justify-content:center;align-items:center;gap:.5rem;min-height:48px;padding:0 1.5rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--teal);color:#fff;border:0}.btn-primary:hover{background:#379ba6}.btn-outline{border:1px solid var(--line);color:var(--ink);background:#fff}.btn-outline:hover{background:#f3f9fa}.btn-primary.small,.btn-outline.small{min-height:44px;padding:0 1rem;font-size:.9rem}.caregivers-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.caregivers-head h2{align-items:center;gap:.6rem;margin:0;font-size:1.4rem;display:flex}.caregivers-head h2 svg{color:var(--teal);flex:none}.caregivers-empty{color:var(--muted);text-align:center;margin:2rem 0 1rem;font-size:1.1rem}.caregiver-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.5rem;display:grid}.caregiver-form .profile-actions{grid-column:1/-1;margin-top:0}.caregiver-list{flex-direction:column;gap:.75rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.caregiver-list li{background:#f4f9fa;border-radius:9px;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.caregiver-list strong,.caregiver-list span{display:block}.caregiver-list span{color:var(--muted);margin-top:.2rem;font-size:.9rem}@media (max-width:700px){.profile-grid,.allergy-grid,.caregiver-form{grid-template-columns:1fr}.caregivers-head{flex-direction:column;align-items:stretch}.profile-actions{flex-wrap:wrap}}.history-field{margin-top:1.5rem;display:block}.profile-field textarea{border:1px solid var(--line);min-height:96px;color:var(--ink);resize:vertical;background:#fff;border-radius:9px;padding:.8rem .9rem;font-weight:400}.profile-field textarea:focus-visible{border-color:var(--teal);outline:3px solid #50b4be66}.profile-field.history-field{display:flex}.history-group{border:0;min-width:0;margin:1.5rem 0 0;padding:0}.history-group legend{margin-bottom:.5rem;padding:0;font-weight:600}.history-group .allergy-box{margin:0}.toggle-group{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.toggle-option{border:1px solid var(--line);min-height:48px;color:var(--ink);background:#fff;font-weight:600}.toggle-option.active{border-color:var(--teal);background:var(--teal);color:#fff}.file-label{margin-bottom:.5rem;font-weight:600;display:block}.file-input{opacity:0;width:1px;height:1px;position:absolute}.file-drop{border:2px dashed var(--line);min-height:48px;color:var(--muted);cursor:pointer;overflow-wrap:anywhere;border-radius:9px;justify-content:center;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.file-drop:hover,.file-input:focus-visible+.file-drop{border-color:var(--teal);color:var(--ink)}.file-clear{color:#328f98;background:0 0;margin-top:.5rem;padding:0;font-size:.85rem;text-decoration:underline}.file-hint{color:var(--muted);margin:.5rem 0 0;font-size:.8rem}.medications-page{max-width:1120px}.back-pill{color:var(--ink);background:#c8eadb;border-radius:10px;padding:.8rem 1rem}.tab-list{background:#eef2f4;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:.25rem;padding:.25rem;display:grid}.tab{min-height:44px;color:var(--muted);background:0 0;border-radius:9px;justify-content:center;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.tab.active{color:var(--ink);background:#fff;box-shadow:0 1px 3px #1938471a}.med-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.med-head h2{align-items:center;gap:.6rem;margin:0;font-size:1.3rem;display:flex}.med-icon{color:var(--mint);display:inline-flex}.med-stack{flex-direction:column;gap:1.25rem;margin-top:1.25rem;display:flex}.field-label{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.help-icon{color:var(--mint);cursor:help;padding-right:1rem;display:inline-flex}.med-calendar{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1.25rem}.med-calendar h3{align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.05rem;display:flex}.med-calendar h3 svg{color:var(--mint)}.med-type{max-width:420px}.med-actions{justify-content:space-between;align-items:center;gap:1rem;display:flex}.med-actions .profile-saved{margin:0}@media (max-width:700px){.tab{font-size:.8rem}.med-actions{flex-wrap:wrap}}.panel-card{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #19384714}.panel-head{background:#eef8f6;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.panel-head h2{margin:0;font-size:1.6rem}.panel-head p{color:var(--muted);margin:.25rem 0 0}.panel-icon{color:var(--teal);display:inline-flex}.panel-body{padding:1.5rem}.panel-body>*+*{margin-top:1.25rem}.vaccine-grid{gap:1rem}.btn-primary.wide{width:100%}.icon-title{align-items:center;gap:.6rem;display:flex}.bmi-output{border:1px solid var(--line);min-height:48px;color:var(--muted);background:#f0f3f5;border-radius:9px;align-items:center;padding:0 .9rem;font-size:.9rem;font-weight:700;display:flex}.bmi-note{color:#4c6670;background:#f0faf8;border:1px solid #cfe9e4;border-radius:9px;margin-top:1rem;padding:1rem;font-size:.85rem}.bmi-note p{margin:.4rem 0;line-height:1.5}.bmi-note small{font-size:.78rem}.meal-label{display:block}.meal-name{align-items:center;gap:.5rem;display:flex}.profile-field:has(.help-button){position:relative}.help-button{color:var(--mint);background:0 0;padding:.25rem;display:inline-flex;position:absolute;top:-.15rem;right:.5rem}.meal-tip{color:#4c6670;background:#f0faf8;border-radius:9px;margin:0;padding:.6rem .8rem;font-size:.88rem;font-weight:400}.plan-sub{color:var(--muted);margin:.25rem 0 0}.plan-empty{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem 1rem;display:flex}.plan-empty svg{color:#5f7380}.plan-empty h3{color:var(--ink);margin:0;font-size:1rem}.plan-empty p{max-width:560px;margin:0;line-height:1.5}.plan-result{background:#f0faf8;border-radius:9px;margin-top:1.25rem;padding:1rem 1.25rem}.plan-result ul{margin:0 0 .75rem;padding-left:1.2rem;line-height:1.7}.plan-result small{color:var(--muted)}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}@media (max-width:700px){main{margin:1rem;padding:1.25rem}.portal-main{margin:0 auto}}.google-button{min-height:46px;color:var(--ink);background:#fff;border:1px solid #c5ccd6;border-radius:6px;justify-content:center;align-items:center;gap:.6rem;margin-bottom:1rem;font-weight:600;text-decoration:none;display:flex}.google-button:hover{background:#f5fbfa}.divider{color:var(--muted);text-align:center;margin:0 0 .75rem;font-size:.85rem}.legal{max-width:720px;line-height:1.6}.legal h2{margin:1.5rem 0 .5rem;font-size:1.1rem}.legal ul{padding-left:1.2rem}.lang-switch{border:1px solid var(--line);border-radius:10px;flex-direction:row;gap:0;display:inline-flex;overflow:hidden}.lang-switch button{min-height:36px;color:var(--muted);letter-spacing:.04em;background:#fff;border:0;border-radius:0;padding:0 .7rem;font-size:.8rem;font-weight:700}.lang-switch button.active{background:var(--teal);color:#fff}.header-actions{align-items:center;gap:.75rem;display:flex}.login-top{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.login-top h1{margin:0}