:root{--bg:#f7f7fc;--ink:#24213a;--muted:#77748b;--blue:#6544c5;--line:#eeedf5;--violet-soft:#f1ecfc}body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(ellipse at 80% 0,#efe9ff70,transparent 45%),var(--bg);font-size:14px}aside{width:246px;padding:28px 18px;display:flex;flex-direction:column;border-right:1px solid #eceaf4;background:#fff}.brand-lockup{display:flex;align-items:center;gap:7px;text-decoration:none;margin-bottom:45px}.brand-icon{width:51px;height:51px;object-fit:contain}.brand-wordmark{position:relative;display:block;width:164px;height:50px;overflow:hidden}.brand-wordmark img{position:absolute;width:270px;max-width:none;left:-53px;top:-113px}.nav-caption{font-size:10px;letter-spacing:1.8px;font-weight:750;color:#aaa4bc;padding:0 17px;margin-bottom:14px}nav{gap:7px}nav button{display:flex;gap:14px;align-items:center;padding:14px 17px;font-weight:550;font-size:13px;transition:background .15s,color .15s}nav button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}nav button.active{background:var(--violet-soft);color:var(--blue);box-shadow:inset 3px 0 var(--blue)}nav button:hover{background:#f6f3fc}.sidebar-foot{margin-top:auto;padding:20px 18px;color:#655980;font-size:12px;border-top:1px solid var(--line)}.sidebar-foot div{margin-top:7px;font-size:11px;color:#a09aae}.private-dot,.welcome-dot{display:inline-block;width:6px;height:6px;background:#8aa994;border-radius:50%;margin-right:5px}.welcome-dot{background:#8f71d6}main{margin-left:246px;padding:36px 40px;max-width:1480px}.top{padding-bottom:8px}h1{font-size:32px;letter-spacing:-1.2px;font-weight:750;margin-top:12px}h2{font-size:19px;letter-spacing:-.4px;font-weight:700}h3{font-size:14px}.top p{margin:10px 0 0;font-size:14px}.eyebrow{font-size:10px;letter-spacing:1.7px;color:#8b74b9}.primary{background:linear-gradient(135deg,#805cd9,#5e3dbd);box-shadow:0 6px 16px #6544c520;padding:14px 20px;font-size:13px;transition:transform .15s,box-shadow .15s}.primary:hover{transform:translateY(-1px);box-shadow:0 8px 22px #6544c535}.primary span{font-size:18px;margin-right:6px}.secondary{border-color:#e5dff2;background:#fff;color:#67558a;font-size:12px}.secondary:hover{background:#f6f1ff}.card{border-color:#eeebf5;border-radius:22px;box-shadow:0 5px 24px #30234104;padding:26px}.stats{gap:16px;margin:22px 0}.stats .card{position:relative;padding:22px 24px}.stats .card:before{content:'';position:absolute;top:24px;right:24px;width:9px;height:9px;background:#ad94e1;border-radius:50%}.stats .card:nth-child(2):before{background:#83b8ac}.stats .card:nth-child(3):before{background:#74bbe0}.number{letter-spacing:-1px;font-size:30px;font-weight:730}.label{font-size:12px;color:#8c849e}.today-line{display:flex;justify-content:space-between;align-items:center;margin-top:23px;color:#8a819d;font-size:12px}.pill{background:#ede9f7;color:#88759f;border-radius:20px;padding:7px 11px;font-size:10px}.grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.card-heading h2{margin:0}.text-button{background:transparent;border:0;color:var(--blue);font-size:12px;font-weight:650;padding:8px 0;cursor:pointer}.text-button:disabled{opacity:.4;cursor:default}.empty{padding:36px 15px}.empty .symbol{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#f3effa;color:#9676cb;font-size:27px}.empty h3{margin-top:17px}.empty p{font-size:13px;max-width:280px;margin:10px auto}.record{padding:19px 0;font-size:13px}.record small{font-size:11px;line-height:1.6}.record button{width:30px;height:30px;border-radius:10px;color:#b29fbf}.record button:hover{background:#faeef0;color:#ad4c67}.notice{background:#f1edf8;color:#9484ab;font-size:11px;border:1px solid #e8e0f4;padding:14px 17px;border-radius:14px}label{color:#857a96;font-size:12px}input,select,textarea{border-color:#e6e0f0;border-radius:11px;min-height:44px;font-size:13px;transition:box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:#9e81db;box-shadow:0 0 0 3px #eee5ff}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a48bde;outline-offset:3px}.footer{font-size:10px;color:#a89eb8}.chip{background:#f0ebfc;color:#9775c4;font-size:10px}.legacy-note{font-size:11px;background:#f8f5fc;color:#a194ae}.anatomy-stage{background:radial-gradient(ellipse at 50% 38%,#fff 0%,#f0edf7 65%,#e9e4f1 100%)}.anatomy-toolbar button{border-color:#e7e1f0;color:#8b7b9d}.anatomy-toolbar button.selected{background:var(--blue);border-color:var(--blue)}.anatomy-toolbar button:hover{background:#f1ebfc}.anatomy-toolbar .place-button{color:var(--blue)}.anatomy-toolbar .place-button.selected{color:white}.product-key{background:#f5f2fb}.hint{font-size:11px;color:#9a90a8}dialog{padding:30px;border-radius:25px;background:#fff;box-shadow:0 24px 100px #34254b30}dialog::backdrop{background:#2215336b;backdrop-filter:blur(5px)}.close{color:#8a789e}.toast{background:#302143;font-size:13px;box-shadow:0 6px 25px #35204e20}.water-home{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 22px;background:linear-gradient(110deg,#fff 45%,#f4f3ff);border-color:#eae6f8}.water-home-lead{display:flex;align-items:center;gap:24px}.water-home h2{margin:7px 0;font-size:22px}.water-home p{margin:0;font-size:12px}.water-home p strong{color:#675290}.water-ring{--water-angle:0deg;width:94px;height:94px;border-radius:50%;background:conic-gradient(#8b75da var(--water-angle),#ece6f7 0);position:relative;display:grid;place-items:center;flex-shrink:0}.water-ring:before{content:'';position:absolute;inset:8px;border-radius:50%;background:white}.water-ring span{position:relative;font-size:27px;color:#6d53a6;font-weight:730;letter-spacing:-1px}.water-ring small{font-size:12px;margin-left:2px}.home-water-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.water-add{border:1px solid #e2e1f7;border-radius:13px;background:white;color:#665894;font-size:12px;font-weight:650;padding:12px 16px;box-shadow:0 3px 10px #7b64b807;transition:background .2s,transform .2s}.water-add small{display:block;font-size:10px;color:#aaa0bf;margin-top:4px;font-weight:500}.water-add:hover{background:#f0ebfd;transform:translateY(-1px)}.hydration-card{background:linear-gradient(160deg,#fff 35%,#f7f8ff);overflow:hidden}.water-status{border-radius:20px;background:#edf5ff;color:#8d9dc1;padding:7px 10px;font-size:10px;white-space:nowrap}.hydration-display{display:flex;align-items:center;gap:28px;justify-content:center;margin:25px 0}.hydration-tank{width:172px;flex-shrink:0;filter:drop-shadow(0 12px 18px #7589d314)}.hydration-tank svg{display:block;width:100%}.hydration-numbers .number{font-size:28px;margin:10px 0 0}.water-percentage{font-size:44px;font-weight:750;color:#7a6cc3;letter-spacing:-2px;line-height:1}.water-percentage span{font-size:20px;margin-left:4px}.hydration-numbers p{font-size:11px;margin:6px 0}.hydration-numbers .water-remaining{max-width:190px;color:#8c91b8;margin-top:14px}#waterfill{transition:transform .65s ease}.water-wave{animation:wave 6s linear infinite}@keyframes wave{to{transform:translateX(220px)}}progress{display:block;width:100%;height:7px;border:0;border-radius:10px;background:#e8ecfa;overflow:hidden;accent-color:#8583d6}progress::-webkit-progress-bar{background:#e8ecfa}progress::-webkit-progress-value{background:linear-gradient(90deg,#91cee8,#8c7ed4);border-radius:10px}progress::-moz-progress-bar{background:#8c7ed4}.waterbuttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:23px}.waterbuttons .water-add{padding:14px 5px}.custom-water{display:flex;align-items:flex-end;gap:12px;margin-top:18px}.custom-water label{margin:0;flex:1}.custom-water button{height:44px}.water-tools{display:flex;justify-content:space-between;gap:10px;margin-top:12px}.water-tools .text-button{font-size:10px;color:#9c8aaa}.goal-settings{margin-top:20px;padding-top:18px;border-top:1px solid #ece7f5;font-size:12px;color:#8b7d9d}.goal-settings summary{cursor:pointer;font-weight:600;min-height:30px}.goal-settings label{margin-top:15px}.water-week{margin-top:24px;padding-top:20px;border-top:1px solid #ece7f5}.water-week h3{font-size:12px;color:#8c809c;margin-bottom:17px}.water-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.water-day{text-align:center;font-size:10px;color:#a597b3}.water-bar-track{height:64px;border-radius:8px;background:#efedf7;position:relative;overflow:hidden;margin-bottom:7px}.water-bar-fill{position:absolute;bottom:0;width:100%;background:linear-gradient(0deg,#a9a0df,#aad6ed);border-radius:8px}.water-day.today{color:#6653a0;font-weight:700}.water-day strong{font-size:8px;display:block;margin-top:4px;font-weight:500}.hydration-card .card-heading{margin-bottom:0}#tracking>.grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}@media(min-width:1450px){main{padding:45px 60px}}@media(max-width:1100px){main{padding:30px 25px}.water-home{align-items:flex-start}.home-water-actions{max-width:250px}.hydration-display{gap:14px}.hydration-tank{width:135px}.water-percentage{font-size:36px}.brand-wordmark{width:145px}.brand-lockup{gap:0}}@media(max-width:800px){aside{position:relative;width:100%;height:75px;padding:10px 18px;background:#ffffffed;border:0;border-bottom:1px solid #eeebf5}.brand-lockup{margin:0}.brand-icon{width:45px;height:45px}.brand-wordmark{width:145px;height:42px}.brand-wordmark img{width:238px;left:-47px;top:-99px}.nav-caption,.sidebar-foot{display:none}nav{position:fixed;bottom:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;background:#fffffff5;backdrop-filter:blur(20px);border-top:1px solid #e6def2;padding:9px 5px calc(10px + env(safe-area-inset-bottom));overflow:visible;box-shadow:0 -6px 30px #39275306}nav button{display:flex;flex-direction:column;padding:7px 2px;gap:5px;font-size:9px;border-radius:11px;min-height:48px}nav button.active{box-shadow:none;background:#f0eafd}nav button svg{width:21px;height:21px}main{margin:0;padding:26px 18px 110px}h1{font-size:28px}.top{gap:20px}.top .primary{width:100%;padding:15px}.top p{font-size:13px}.today-line{margin-top:20px}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:17px}.stats .card{padding:18px 12px;border-radius:16px}.stats .card:before{display:none}.stats .label{font-size:10px;line-height:1.4;min-height:28px}.stats .number{font-size:23px;margin:10px 0 0}.stats #last{font-size:17px!important}.card{padding:22px;border-radius:20px}.grid,#tracking>.grid{grid-template-columns:1fr}.water-home{display:block;padding:22px}.water-home-lead{gap:18px}.water-ring{width:76px;height:76px}.water-ring span{font-size:24px}.water-home h2{font-size:21px}.home-water-actions{max-width:none;display:grid;grid-template-columns:1fr 1fr;margin-top:22px}.home-water-actions .text-button{grid-column:1/-1;padding:7px}.water-tools{gap:15px}.hydration-display{gap:25px}.hydration-tank{width:145px}.water-percentage{font-size:40px}.toast{bottom:100px;left:18px;right:18px;text-align:center}.footer{line-height:1.7}dialog{padding:22px}.anatomy-toolbar button{min-height:40px}.anatomy-stage{border-radius:15px}.row{gap:12px}}@media(max-width:400px){.stats .card{display:block}.stats .number{margin-top:10px}.hydration-display{gap:12px}.hydration-tank{width:128px}.hydration-numbers .number{font-size:24px}.waterbuttons{gap:6px}.water-add{font-size:11px}.row{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Full logo bounding box: no clipped tagline at any viewport. */
.brand-wordmark{width:164px;height:56px;overflow:visible}.brand-wordmark svg{width:100%;height:100%;display:block}.progress-tabs{display:inline-flex;padding:5px;background:#ece7f6;border-radius:13px;margin:24px 0;gap:4px}.progress-tabs button{border:0;background:none;color:#9683aa;padding:12px 26px;border-radius:9px;font-size:13px;font-weight:650}.progress-tabs button.selected{background:#fff;color:#6c4fab;box-shadow:0 3px 9px #6544c510}.progress-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.progress-stats .card small,.measure-summary .card>small{font-size:10px;color:#a193af;line-height:1.5;display:block}.progress-stats .number{font-size:26px}.progress-stats .label{font-size:11px}.progress-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.progress-chart{width:100%;display:block;margin-top:13px}.chart-summary{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:25px 0 8px}.chart-summary strong{font-size:25px;letter-spacing:-1px;color:#7d62af}.chart-summary strong small{font-size:12px;font-weight:500}.chart-summary>span{font-size:10px;color:#aa9abb}.chart-empty{display:grid;justify-items:center;text-align:center;padding:55px 20px;min-height:250px}.chart-empty>span{font-size:35px;color:#a58acb;background:#f1edf9;border-radius:17px;padding:7px 18px}.chart-empty h3{margin:17px 0 8px}.chart-empty p{font-size:12px;max-width:260px;margin:0}.card-heading select{width:auto;font-size:11px;min-height:36px;padding:8px}.progress-history{margin-top:22px}.progress-record{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:17px 0;font-size:13px}.progress-record small{display:block;font-size:11px;color:#a492b4;margin-top:7px;line-height:1.7}.record-actions{display:flex;gap:17px;align-items:center;flex-shrink:0}.record-actions .text-button{font-size:11px}.measurement-values{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.measurement-values span{font-size:10px;background:#f4f0fa;color:#9681ab;padding:6px 9px;border-radius:8px}.measurement-values b{color:#736086;font-weight:650;margin-left:5px}.measure-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}.measure-summary .number{font-size:25px}.measure-summary .number small{font-size:11px}.empty-history{font-size:12px;color:#a18eaf;text-align:center;padding:26px}.account-login{display:inline-block;text-decoration:none;margin:10px 0}.account-card p{font-size:13px}.account-card .hint{font-size:11px}#tracking>.grid{display:block;max-width:700px;margin:22px auto 0}#tracking .hydration-display{gap:50px}#tracking .hydration-tank{width:190px}#tracking .hydration-numbers .water-percentage{font-size:54px}#tracking .hydration-numbers .number{font-size:34px}#measureform .row{gap:12px}@media(max-width:800px){.brand-wordmark{width:145px;height:48px}nav{grid-template-columns:repeat(7,minmax(0,1fr))}nav button{font-size:8px;padding:7px 0}.progress-stats{gap:8px}.progress-stats .card{padding:17px 12px}.progress-stats .label{font-size:9px;min-height:26px}.progress-stats .number{font-size:21px}.progress-stats .card small{font-size:9px}.progress-grid{grid-template-columns:1fr}.progress-tabs{display:flex}.progress-tabs button{flex:1}.measure-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.measure-summary .card{padding:20px 15px}.progress-record{gap:12px}.record-actions{gap:10px}#tracking .hydration-display{gap:24px}#tracking .hydration-tank{width:155px}#tracking .hydration-numbers .water-percentage{font-size:44px}#tracking .hydration-numbers .number{font-size:28px}}@media(max-width:400px){#tracking .hydration-tank{width:128px}#tracking .hydration-display{gap:12px}.progress-stats .number{font-size:19px}.progress-stats .card{padding:15px 10px}.record-actions{flex-direction:column;gap:2px}}
.brand-lockup{justify-content:center;padding:8px 0}.brand-wordmark{width:200px;height:66px;max-width:100%}.brand-wordmark svg{width:100%;height:100%}.weight-goal-visual{margin-top:20px;padding:18px 17px;border-radius:14px;background:#f7f4fb}.goal-track-labels{display:flex;justify-content:space-between;gap:15px;margin-bottom:12px;font-size:10px;color:#b1a0c2}.goal-track-labels strong{color:#8b73ad;font-weight:650}.weight-goal-visual .hint{font-size:9px;margin-bottom:0}.measure-spark{display:block;width:100%;height:38px;margin-top:14px}.measure-spark-empty{margin-top:16px;color:#bbacc8;font-size:9px;min-height:36px;line-height:1.5}.archive-tabs button{padding:12px 22px}.progress-tabs{box-shadow:inset 0 1px 3px #452b6605}@media(max-width:800px){.brand-lockup{justify-content:flex-start;padding:0;height:55px}.brand-wordmark{width:175px;height:56px}nav{grid-template-columns:repeat(6,minmax(0,1fr))}nav button{font-size:9px}nav button[data-page=evolution] span{font-size:8px}.archive-tabs button{padding:12px 8px;font-size:12px}.goal-track-labels{font-size:9px}}
/* Profile gathers account, products and reminders in one navigation entry. */
#profile{max-width:900px;margin-top:25px}.profile-header{display:flex;align-items:center;gap:24px;margin-bottom:22px}.profile-avatar{width:100px;height:100px;flex-shrink:0;border-radius:50%;overflow:hidden;background:#eee7fa;display:grid;place-items:center;color:var(--blue);font-size:38px;font-weight:750}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar [hidden]{display:none}.profile-identity{min-width:0}.profile-identity h2{margin:0;font-size:23px}.profile-identity p{margin:7px 0;overflow-wrap:anywhere}.photo-upload{display:inline-block;color:var(--blue);font-weight:650;cursor:pointer;border:1px solid #e5dff2;border-radius:9px;padding:9px 12px;margin:6px 10px 0 0}.photo-upload input{display:block;width:100%;max-width:245px;margin-top:7px;padding:4px;min-height:0;font-size:11px}.profile-identity #profile-photo-status{display:block;font-size:11px;color:var(--muted);margin-top:8px}.profile-menu{padding:0 24px}.profile-detail{border-bottom:1px solid var(--line)}.profile-detail>summary{list-style:none;display:flex;align-items:center;gap:14px;min-height:76px;cursor:pointer;font-weight:650}.profile-detail>summary::-webkit-details-marker{display:none}.profile-detail>summary:after{content:'›';margin-left:auto;color:#a99cb7;font-size:24px;font-weight:400}.profile-detail[open]>summary:after{transform:rotate(90deg)}.profile-menu-icon{color:var(--blue);font-size:24px;width:28px;text-align:center;flex-shrink:0}.profile-count{background:#f0eafa;padding:4px 10px;border-radius:20px;color:var(--blue);font-size:12px;margin-left:auto}.profile-detail>summary:has(.profile-count):after{margin-left:0}.profile-content{padding:0 0 24px}.profile-content>p{font-size:13px}.profile-content .custom-water{margin-bottom:20px}.profile-product-tools{display:flex;align-items:center;gap:12px}.profile-product-tools input[type=color]{width:44px;height:40px;padding:4px}.profile-product-tools small{font-size:10px;color:var(--muted)}.profile-sync{display:flex;align-items:center;gap:14px;padding:22px 0;border-bottom:1px solid var(--line)}.profile-sync strong{font-size:14px}.profile-sync p{margin:5px 0 0;font-size:12px;color:#48886d}.profile-signout{border:0;background:none;color:#b15b6c;display:flex;align-items:center;gap:16px;min-height:76px;font-size:20px;width:100%;text-align:left}.profile-signout span{font-size:14px;font-weight:650}.water-corrections{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.water-corrections button{flex:1;min-height:44px}.water-subtract{color:#ac607b}.custom-water:has(.water-subtract){flex-wrap:wrap}.custom-water:has(.water-subtract) label{flex-basis:100%}.custom-water:has(.water-subtract) button{flex:1}#profile .reminder-heading{flex-wrap:wrap}#profile .reminder-stats{grid-template-columns:repeat(3,minmax(0,1fr))}#profile .reminder-stats .card{padding:16px 12px}#profile .color-row{gap:12px}#profile .product-label{overflow-wrap:anywhere;min-width:0}
@media(max-width:800px){nav{grid-template-columns:repeat(6,minmax(0,1fr))}.profile-header{gap:17px;padding:20px}.profile-avatar{width:76px;height:76px;font-size:29px}.profile-identity h2{font-size:20px}.profile-identity p{font-size:12px}.profile-menu{padding:0 20px}.profile-detail>summary{min-height:72px;font-size:13px}.profile-product-tools{gap:8px}.profile-product-tools small{max-width:55px}.profile-header{align-items:flex-start}#profile .reminder-stats{grid-template-columns:1fr}#profile .reminder-heading .primary{width:100%}}
.profile-menu-icon svg{display:block;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nickname-form{display:flex;align-items:flex-end;gap:10px;margin:15px 0}.nickname-form label{margin:0;flex:1}.nickname-form button{min-height:44px}.profile-header .profile-identity{flex:1}.profile-avatar{margin-top:5px}#photo-editor{width:min(460px,94vw)}#photo-editor>p{font-size:13px}#photo-preview{display:block;width:min(300px,100%);height:auto;aspect-ratio:1;border-radius:50%;margin:24px auto;touch-action:none;cursor:grab;background:#eee7fa;box-shadow:0 0 0 5px #eee7fa}#photo-preview:active{cursor:grabbing}#photo-editor input[type=range]{padding:0;min-height:32px;accent-color:var(--blue)}.photo-editor-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px}.photo-editor-actions button{min-height:44px}.photo-editor-actions .primary{flex:1}@media(max-width:480px){.profile-header{flex-wrap:wrap}.nickname-form{flex-wrap:wrap}.nickname-form label{flex-basis:100%}.nickname-form button{width:100%}.profile-identity #profile-photo-adjust{display:block}#photo-editor .row{grid-template-columns:1fr}}
.photo-choose{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;border:1px solid #dfd2f5;border-radius:13px;padding:12px 17px;background:linear-gradient(135deg,#f8f4ff,#eee6fc);color:#6743af;font-size:13px;font-weight:650;box-shadow:0 4px 12px #6544c50a;transition:background .15s,transform .15s}.photo-choose:hover{background:#e9dffb;transform:translateY(-1px)}.photo-choose:disabled{opacity:.6;cursor:wait}.photo-choose svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.photo-format{display:block;color:#a094af;font-size:10px;margin:8px 0 10px}#profile-photo-input[hidden]{display:none}
.home-greeting{display:flex;align-items:center;gap:16px;margin-top:24px;padding:20px 23px;border:1px solid #e8def6;border-radius:20px;background:linear-gradient(110deg,#f4edff,#fff);box-shadow:0 4px 18px #6544c504}.home-avatar{width:58px;height:58px;border-radius:50%;overflow:hidden;background:#e8dcf9;display:grid;place-items:center;flex-shrink:0;color:var(--blue);font-weight:750;font-size:23px}.home-avatar img{width:100%;height:100%;object-fit:cover}.home-avatar [hidden]{display:none}.home-greeting h2{margin:0;font-size:22px;overflow-wrap:anywhere}.home-greeting p{margin:5px 0 0;font-size:12px}.home-greeting>div:last-child{min-width:0}@media(max-width:800px){.home-greeting{padding:17px;gap:13px}.home-greeting h2{font-size:20px}.home-avatar{width:52px;height:52px}}
#profile [hidden],#home [hidden]{display:none!important}

.language-control{display:flex;align-items:center;gap:10px;margin:0;color:var(--blue);font-size:12px}.language-control>svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}.language-control select{width:auto;min-width:132px;max-width:190px;margin-left:auto;background:#fff}.profile-language{margin-bottom:22px;padding:16px 24px}.welcome-language{position:absolute;top:20px;right:24px;z-index:30}.welcome-language .language-control{color:#c6b4ee}.welcome-language .language-control select{background:#221c35;color:#eee5ff;border-color:#493662}.welcome-language .language-control span{display:none}body:not(.auth-pending)>.welcome-language{display:none}html[lang=de] nav button span,html[lang=pt] nav button span{overflow-wrap:anywhere}html:not([lang=fr]) .reminder-actions{flex-wrap:wrap}html:not([lang=fr]) .custom-water{flex-wrap:wrap}html:not([lang=fr]) nav button span{white-space:normal;text-align:center}@media(max-width:800px){.welcome-language{top:14px;right:16px}.welcome-language .language-control{gap:7px}.welcome-language .language-control select{min-width:112px;font-size:11px;min-height:36px}.auth-gate .welcome-shell{padding-top:62px}nav button{font-size:8px}nav button[data-page=evolution] span{font-size:8px;line-height:1.25}.profile-language{padding:15px 20px}}
body.auth-pending>#authgate.auth-gate{padding-top:82px}@media(max-width:800px){body.auth-pending>#authgate.auth-gate{padding-top:76px}}

/* Six equal mobile tabs, anchored to the viewport. */
@media(max-width:800px){
body>aside nav{position:fixed;inset:auto 0 0;z-index:100;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;max-width:100%;box-sizing:border-box;gap:0;overflow:hidden;padding:8px 4px calc(8px + env(safe-area-inset-bottom,0px));}
body>aside nav button{min-width:0;width:100%;box-sizing:border-box;margin:0;padding:7px 1px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;white-space:normal;}
body>aside nav button span{max-width:100%;font-size:8px;line-height:1.2;text-align:center;overflow-wrap:anywhere;}
body>main{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px));}
}

#archive-content[hidden],#archive-paywall[hidden]{display:none!important}.archive-paywall{text-align:center;max-width:620px;margin:28px auto;padding:36px 24px}.archive-paywall p{margin:18px 0 24px}.home-reminders{margin:22px 0}.home-reminder-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.home-reminder-row:last-child{border-bottom:0}.home-reminder-row p{margin:5px 0 0;font-size:12px}.home-reminder-row strong{overflow-wrap:anywhere}.home-reminder-row>div{min-width:0}.home-reminder-row button{flex-shrink:0}@media(max-width:480px){.home-reminder-row{flex-wrap:wrap}.home-reminder-row button{width:100%}.home-reminders .card-heading{flex-wrap:wrap;gap:10px}}

.home-reminder-confirm{background:#fff;color:#6544c5;border:1px solid #ddd0f3}.reminder-confirmed,.home-reminder-confirm.reminder-confirmed{background:#6544c5;color:#fff;border-color:#6544c5;opacity:1}.reminder-confirmed:disabled{opacity:1}

.home-reminders{background:linear-gradient(135deg,#faf7ff,#fff);border:1px solid #e8def6}.home-reminders .card-heading h2{font-size:21px}#home-reminder-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.home-reminder-row.visual-reminder{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:20px;margin:0;padding:20px;border:1px solid #e8def6;border-left:5px solid var(--reminder-color);border-radius:18px;background:#fff;box-shadow:0 5px 18px #6544c508}.home-reminder-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.home-reminder-time{color:#6f538f;font-size:13px;font-weight:700}.home-reminder-name{display:block;margin:18px 0 15px;font-size:26px;font-weight:800;line-height:1.2;letter-spacing:-.5px;color:#392753;overflow-wrap:anywhere}.home-reminder-dose{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#f6f2fc;border-radius:12px}.home-reminder-dose>span{font-size:11px;color:#8d7a9e}.home-reminder-dose b{font-size:23px;color:#6544c5;white-space:nowrap}.home-reminder-dose small{font-size:13px}.visual-reminder .home-reminder-confirm{width:100%;min-height:46px;border-radius:12px}.home-reminders-empty{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:12px}.home-reminders-empty>span{display:grid;place-items:center;width:34px;height:34px;background:#efe7fa;border-radius:50%;color:#6544c5}.medical-note{margin:24px 0;padding:18px 20px;border:1px solid #e7e0ed;border-radius:15px;background:#f8f6fb;color:#7d708b}.medical-note strong{font-size:13px;color:#655572}.medical-note p{font-size:11px;line-height:1.7;margin:8px 0 0}.welcome-medical-note{max-width:720px;margin:28px auto 0;padding:0 20px;color:#b7a8cc;text-align:center;font-size:11px;line-height:1.7}@media(max-width:600px){#home-reminder-list{grid-template-columns:1fr}.home-reminder-name{font-size:25px}.home-reminder-row.visual-reminder{padding:18px}.medical-note{padding:16px}}

#home-reminder-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.home-reminder-row.visual-reminder{padding:13px;gap:12px;border-radius:14px;border-left-width:4px}.home-reminder-name{font-size:19px;margin:12px 0;letter-spacing:-.25px}.home-reminder-meta{gap:6px}.home-reminder-time{font-size:11px}.visual-reminder .reminder-badge{font-size:9px;padding:4px 6px}.home-reminder-dose{padding:8px;flex-wrap:wrap;gap:4px}.home-reminder-dose>span{font-size:9px}.home-reminder-dose b{font-size:18px}.home-reminder-dose small{font-size:11px}.visual-reminder .home-reminder-confirm{font-size:10px;min-height:38px;padding:8px 5px}.profile-product-tools{flex-wrap:wrap;justify-content:flex-end}@media(min-width:1450px){#home-reminder-list{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1050px){#home-reminder-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){#home-reminder-list{grid-template-columns:repeat(2,minmax(0,1fr))}.home-reminder-name{font-size:18px}.home-reminder-row.visual-reminder{padding:11px;gap:10px}}@media(max-width:340px){#home-reminder-list{grid-template-columns:1fr}}

/* Match the compact hydration strip on desktop. */
@media(min-width:801px){
.home-reminders.card{padding:16px 24px;box-sizing:border-box;min-height:146px}
.home-reminders .card-heading h2{font-size:18px;margin:0}.home-reminders .card-heading{min-height:24px}
#home-reminder-list{margin-top:8px;display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 30px)/4);gap:10px;overflow-x:auto;padding-bottom:2px;align-items:stretch}
.home-reminder-row.visual-reminder{display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:8px;padding:10px 11px;min-height:78px;box-sizing:border-box}
.visual-reminder .home-reminder-product{display:flex;flex-direction:column;gap:4px;min-width:0}
.visual-reminder .home-reminder-name{order:0;font-size:17px;line-height:1.15;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.visual-reminder .home-reminder-meta{order:1;gap:4px}.visual-reminder .home-reminder-time{font-size:10px}.visual-reminder .reminder-badge{display:none}
.visual-reminder .home-reminder-dose{order:2;display:block;padding:0;background:none}.visual-reminder .home-reminder-dose>span{display:none}.visual-reminder .home-reminder-dose b{font-size:14px}.visual-reminder .home-reminder-dose small{font-size:10px}
.visual-reminder .home-reminder-confirm{width:32px;min-height:32px;height:32px;padding:0;font-size:0;border-radius:9px}.visual-reminder .home-reminder-confirm:after{content:'✓';font-size:17px}
.home-reminders-empty{min-height:78px;padding:0;box-sizing:border-box}
}
@media(min-width:1450px){#home-reminder-list{grid-auto-columns:calc((100% - 40px)/5)}}
@media(max-width:800px){.home-reminders.card{padding:18px}.home-reminders .card-heading h2{font-size:18px}.home-reminder-row.visual-reminder{gap:8px}.visual-reminder .home-reminder-name{font-size:18px;margin:8px 0}.visual-reminder .home-reminder-dose{padding:7px}.visual-reminder .home-reminder-dose>span{display:none}}
.product-color-button{padding:5px;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:transparent}.product-color-button span{display:block;width:100%;height:100%;border-radius:6px;background:var(--product-color)}#product-color-dialog{width:min(420px,92vw)}.color-swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:20px 0}.color-swatches button{aspect-ratio:1;border:3px solid transparent;border-radius:11px}.color-swatches button[aria-pressed=true]{outline:2px solid var(--blue);outline-offset:3px}.color-preview{display:flex;align-items:center;gap:12px;margin:18px 0}.color-preview span{width:36px;height:36px;border-radius:10px}.color-dialog-actions{display:flex;justify-content:flex-end;gap:10px}.profile-appearance{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.profile-appearance h2{margin:10px 0 5px}.profile-appearance p{font-size:12px}.profile-appearance button{flex-shrink:0}@media(max-width:600px){.profile-appearance{flex-direction:column;align-items:stretch}}
html[data-theme=dark]{color-scheme:dark;--blue:#b59af8;--line:#302d40;--muted:#a6a0b7;--text:#f1edf8}
html[data-theme=dark] body{background:#111019;color:#f1edf8}
html[data-theme=dark] body:not(.auth-pending) main{color:#f1edf8}
html[data-theme=dark] aside,html[data-theme=dark] .card,html[data-theme=dark] dialog{background:#1b1926;color:#f1edf8;border-color:#302d40;box-shadow:0 5px 20px #00000015}
html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] strong,html[data-theme=dark] .number{color:#f1edf8}
html[data-theme=dark] p,html[data-theme=dark] label,html[data-theme=dark] .label,html[data-theme=dark] .hint,html[data-theme=dark] .eyebrow{color:#aaa1bd}
html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#14121d;color:#f1edf8;border-color:#3d3551}
html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#827990}
html[data-theme=dark] .primary{background:#b59af8;color:#241936;border-color:#b59af8}
html[data-theme=dark] .secondary,html[data-theme=dark] .water-add,html[data-theme=dark] .home-reminder-confirm,html[data-theme=dark] .photo-choose{background:#211c30;color:#c7b1ff;border-color:#514165}
html[data-theme=dark] .text-button,html[data-theme=dark] .language-control,html[data-theme=dark] .number small{color:#bfa5fc}
html[data-theme=dark] nav{background:#1b1926f5;border-color:#393145}
html[data-theme=dark] nav button{color:#9c92ae}
html[data-theme=dark] nav button.active{background:#342b48;color:#c5aaff}
html[data-theme=dark] .home-greeting,html[data-theme=dark] .home-reminders,html[data-theme=dark] .water-home,html[data-theme=dark] .profile-header{background:linear-gradient(110deg,#211b30,#1b1926);border-color:#3a2d50}
html[data-theme=dark] .home-avatar,html[data-theme=dark] .profile-avatar{background:#36284e;color:#c8adff}
html[data-theme=dark] .home-reminder-row.visual-reminder,html[data-theme=dark] .reminder-card,html[data-theme=dark] .medical-note{background:#201d2c;border-color:#383044}
html[data-theme=dark] .home-reminder-row.visual-reminder{border-left-color:var(--reminder-color)}
html[data-theme=dark] .home-reminder-dose,html[data-theme=dark] .chip,html[data-theme=dark] .pill,html[data-theme=dark] .reminder-badge,html[data-theme=dark] .profile-count,html[data-theme=dark] .measurement-values span{background:#332844;color:#cbb7fb}
html[data-theme=dark] .reminder-confirmed,html[data-theme=dark] .home-reminder-confirm.reminder-confirmed{background:#a689ef;color:#21152f}
html[data-theme=dark] .water-ring{background:conic-gradient(#b49af4 var(--water-angle),#332c43 0)}
html[data-theme=dark] .water-ring:before{background:#1b1926}
html[data-theme=dark] .water-ring span,html[data-theme=dark] .water-home p strong,html[data-theme=dark] .home-reminder-dose b,html[data-theme=dark] .home-reminder-time{color:#bda3fa}
html[data-theme=dark] .progress-tabs,html[data-theme=dark] .archive-tabs,html[data-theme=dark] .water-bar-track{background:#25212f}
html[data-theme=dark] .progress-tabs button.selected,html[data-theme=dark] .archive-tabs button.selected{background:#3d3052;color:#d0b9ff}
html[data-theme=dark] .chart-empty>span,html[data-theme=dark] .home-reminders-empty>span{background:#30263f;color:#c3a8ff}
html[data-theme=dark] .notice,html[data-theme=dark] .legacy-note{background:#211c2e;color:#aaa0bb;border-color:#3b304a}
html[data-theme=dark] .brand-wordmark{filter:brightness(1.6)}

/* Compact profile identity and avatar upload */
#profile .profile-header{padding:16px 20px;gap:16px;align-items:center;flex-wrap:nowrap;margin-bottom:14px}
.profile-avatar-wrap{position:relative;flex:0 0 64px;width:64px;height:64px}
#profile .profile-avatar{width:64px;height:64px;margin:0;font-size:26px}
.profile-photo-plus{position:absolute;right:-5px;bottom:-5px;width:32px;height:32px;min-height:32px;padding:0;border:3px solid #fff;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-size:25px;line-height:1;cursor:pointer}
.profile-photo-plus:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.profile-photo-plus:disabled{opacity:.6}
#profile .profile-identity h2{font-size:19px}
#profile .profile-identity p{font-size:12px;margin:3px 0 7px}
#profile .nickname-form{margin:7px 0 0;gap:8px;flex-wrap:nowrap;align-items:flex-end}
#profile .nickname-form label{flex:1;min-width:0;font-size:11px}
#profile .nickname-form input{min-height:36px;height:36px;padding:7px 10px;margin-top:3px}
#profile .nickname-form button{min-height:36px;height:36px;width:auto;padding:7px 12px;font-size:12px;flex-shrink:0}
.profile-photo-options{margin-top:6px;font-size:11px;color:var(--blue)}
.profile-photo-options summary{cursor:pointer;width:fit-content}
.profile-photo-options>div{display:flex;gap:12px;flex-wrap:wrap;margin-top:5px}
.profile-photo-options .text-button{font-size:11px;min-height:28px;padding:2px 0}
#profile .profile-identity #profile-photo-adjust{display:inline-block}
#profile .profile-identity #profile-photo-adjust[hidden]{display:none}
#profile-photo-status:empty{display:none!important}
html[data-theme=dark] .profile-photo-plus{border-color:#1b1926;color:#171020}
@media(max-width:480px){#profile .profile-header{padding:13px 12px;gap:12px}.profile-avatar-wrap{flex-basis:54px;width:54px;height:54px}#profile .profile-avatar{width:54px;height:54px;font-size:23px}#profile .profile-identity h2{font-size:17px}#profile .profile-identity p{font-size:11px}#profile .nickname-form button{padding:7px 8px;font-size:11px}}

.brand-logo-dark{display:none}html[data-theme=dark] .brand-wordmark{filter:none}html[data-theme=dark] .brand-logo-light{display:none}html[data-theme=dark] .brand-logo-dark{display:block}

.apple-login{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:48px;padding:12px 16px;margin-top:10px;background:#16151c;color:white;border:1px solid #16151c;border-radius:13px;font-size:14px;font-weight:650;cursor:pointer}.apple-login svg{width:21px;height:21px;flex-shrink:0}.apple-login:disabled{opacity:.6}.auth-divider{display:flex;align-items:center;gap:12px;color:#9a90a8;font-size:11px;margin:18px 0}.auth-divider:before,.auth-divider:after{content:'';flex:1;height:1px;background:#e5ddef}.email-auth-form label{display:block;margin-bottom:10px;font-size:12px;color:#655776}.email-auth-form input{display:block;width:100%;box-sizing:border-box;min-height:44px;margin-top:5px;padding:10px 12px;background:white;color:#292038;border:1px solid #ded4ed;border-radius:10px;font-size:16px}.email-auth-form>.primary{width:100%;min-height:44px;margin-top:3px}.auth-email-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:5px}.auth-email-actions .text-button{font-size:12px}.email-auth-form [hidden]{display:none!important}

.apple-login[hidden]{display:none!important}

.help-topics{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.help-topics .secondary{font-size:12px;padding:9px 12px}.help-messages{max-height:330px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--bg);border:1px solid var(--line);border-radius:16px}.help-message{max-width:92%;padding:12px 14px;margin:0;border-radius:13px;background:var(--card,#fff);border:1px solid var(--line);color:var(--ink);font-size:13px;line-height:1.65;overflow-wrap:anywhere}.help-message strong,.help-message span{display:block}.help-message strong{font-size:11px;color:var(--blue);margin-bottom:5px}.help-user{align-self:flex-end;border-color:var(--blue)}.help-form{display:flex;align-items:end;gap:10px;margin-top:14px}.help-form label{flex:1;min-width:0;margin:0}.help-form .primary{min-height:44px}.help-form input{font-size:16px}[data-theme="dark"] .help-message{background:#211b2f}@media(max-width:480px){.help-form{flex-wrap:wrap}.help-form label{flex-basis:100%}.help-form .primary{width:100%}.help-message{max-width:100%}}

main>#reminders{margin-top:25px}.profile-premium-label{font-size:10px;color:var(--blue);border:1px solid var(--line);border-radius:20px;padding:4px 8px;margin-left:auto}

.profile-history-link{display:flex;align-items:center;gap:14px;width:100%;min-height:76px;padding:0;text-align:left;background:transparent;color:var(--ink);border:0;border-bottom:1px solid var(--line);border-radius:0;font-weight:650}.profile-history-arrow{color:#a99cb7;font-size:24px;font-weight:400}.profile-history-link:hover{background:var(--bg)}.profile-history-link:focus-visible{outline:2px solid var(--blue);outline-offset:3px}

#profile .profile-history-link{color:inherit}#profile .profile-history-link>span:nth-child(2){color:inherit}

#reminders .reminder-confirm-pending{background:#fff;color:#6544c5;border:1px solid #ddd0f3;box-shadow:none}#reminders .reminder-confirm-pending:hover{background:#faf8ff}#reminders .reminder-confirm-pending:focus-visible{outline:2px solid var(--blue);outline-offset:3px}

.reminder-view-tabs{display:flex;gap:6px;padding:5px;border:1px solid var(--line);background:var(--bg);border-radius:14px;width:fit-content}.reminder-view-tabs button{border:0;background:transparent;color:var(--muted);border-radius:10px;padding:12px 20px;font-weight:650}.reminder-view-tabs button.selected{background:var(--blue);color:#fff}html[data-theme=dark] .reminder-view-tabs{background:#14121d}html[data-theme=dark] .reminder-view-tabs button.selected{color:#241936}#reminder-view-description{font-size:13px;margin:14px 0 20px}.reminder-group{margin:24px 0}.reminder-group>h2{display:flex;align-items:center;gap:10px;font-size:17px}.reminder-group>h2>span{font-size:12px;color:var(--blue);background:var(--violet-soft);border-radius:20px;padding:4px 9px}.reminder-today-empty{padding:16px;border:1px dashed var(--line);border-radius:16px}.reminder-info small{color:var(--muted)}

#reminders .reminder-icon{color:#6544c5;background:#eee7fc;border:1px solid #d7c9f1;box-shadow:none}#reminders .reminder-icon svg{display:block;width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}html[data-theme=dark] #reminders .reminder-icon{color:#d0baff;background:#30263f;border-color:#594671}.reminder-product-title{display:flex;align-items:center;gap:9px}.reminder-product-dot{display:inline-block;width:12px;height:12px;flex:0 0 12px;border-radius:50%;border:1px solid #766b87;box-shadow:0 0 0 3px #ffffff}html[data-theme=dark] .reminder-product-dot{border-color:#b9aace;box-shadow:0 0 0 3px #1b1926}

#reminders .reminder-icon{display:grid;place-items:center;padding:0;line-height:0}#reminders .reminder-icon svg{margin:0;align-self:center;justify-self:center}

.record-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.record-actions .text-button{color:var(--blue)}.occurrence-history{margin:24px 0;border:1px solid var(--line);border-radius:18px;padding:18px}.occurrence-history>summary{cursor:pointer;font-weight:650}.occurrence-event{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;padding:16px 0;border-bottom:1px solid var(--line);font-size:13px}.occurrence-event>span:not(.occurrence-state),.occurrence-event small{grid-column:2;color:var(--muted)}.occurrence-state{grid-row:1/4;align-self:start;border:1px solid var(--line);border-radius:20px;padding:6px 9px;font-size:11px;color:var(--blue)}.occurrence-event button{grid-column:2;justify-self:start}.save-status{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);margin:12px 0 20px}.save-status-dot{width:6px;height:6px;border-radius:50%;background:#a78bfa}.save-status[data-status=saved] .save-status-dot{background:#37856b}.save-status[data-status=offline] .save-status-dot{background:#bf8b40}.onboarding-guide{margin:20px 0}.onboarding-guide[hidden]{display:none}.onboarding-guide p{font-size:13px}.onboarding-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.onboarding-steps button{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--line);border-radius:12px;padding:14px;background:transparent;color:inherit;font-size:13px}.onboarding-check{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:50%;background:var(--violet-soft);color:#6544c5}.is-complete .onboarding-check{background:#e1f2e9;color:#26694f}@media(max-width:680px){.onboarding-steps{grid-template-columns:1fr}.record{flex-wrap:wrap}.record-actions{margin-left:auto}.occurrence-event{grid-template-columns:1fr}.occurrence-state{grid-row:auto;justify-self:start}.occurrence-event>span:not(.occurrence-state),.occurrence-event small,.occurrence-event button{grid-column:1}}

#report-dialog{width:min(850px,94vw)}.report-open{margin-bottom:18px}.report-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.report-table-wrap{overflow-x:auto;margin-top:20px}.report-table{width:100%;border-collapse:collapse;font-size:12px}.report-table th,.report-table td{text-align:left;vertical-align:top;padding:12px;border-bottom:1px solid var(--line)}.report-table thead th{color:var(--blue)}.advanced-planning{padding:16px;border:1px solid var(--line);border-radius:12px;margin:15px 0}.advanced-planning>summary{cursor:pointer;font-weight:650;margin-bottom:12px}.premium-planning-note{font-size:11px;color:var(--muted);margin:16px 0;line-height:1.6}.profile-history-link .profile-history-arrow{margin-left:auto}

#history-premium-filters[hidden],#points-premium-filters[hidden],#history-advanced-offer[hidden],#archive-paywall[hidden],#reminder-extra-times[hidden],#injection-reminder-note[hidden]{display:none!important}

#onboarding-guide[hidden]{display:none!important}.report-actions button{min-height:44px}#reminder-postpone-dialog{width:min(460px,94vw)}.record-actions button{min-height:40px;padding:8px}.record-actions button:first-child{font-size:12px}

/* Custom recurrence keeps readable surfaces and labels in both themes. */
#reminder-dialog .recurrence-panel{background:#f5f0fc;border:1px solid #d9cdec;color:#30243f}
#reminder-dialog .recurrence-panel label,#reminder-dialog .recurrence-panel .label,#reminder-dialog .recurrence-panel legend,#reminder-dialog .recurrence-panel .hint{color:#655477}
#reminder-dialog .recurrence-panel input,#reminder-dialog .recurrence-panel select{background:#fff;color:#30243f;border-color:#d9cdec}
#reminder-dialog .weekday-picker button{display:grid;place-items:center;min-height:44px;background:#fff;border:1px solid #d9cdec;color:#574268;font-weight:650}
#reminder-dialog .weekday-picker button[aria-pressed=true]{background:#6544c5;border-color:#6544c5;color:#fff;box-shadow:0 0 0 2px #d8c8f4}
#reminder-dialog .weekday-picker button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
html[data-theme=dark] #reminder-dialog .recurrence-panel{background:#251e33;border-color:#514164;color:#f1edf8}
html[data-theme=dark] #reminder-dialog .recurrence-panel label,html[data-theme=dark] #reminder-dialog .recurrence-panel .label,html[data-theme=dark] #reminder-dialog .recurrence-panel legend{color:#d4c4e8}
html[data-theme=dark] #reminder-dialog .recurrence-panel .hint{color:#bca9d5}
html[data-theme=dark] #reminder-dialog .recurrence-panel input,html[data-theme=dark] #reminder-dialog .recurrence-panel select{background:#171320;color:#f1edf8;border-color:#59476d}
html[data-theme=dark] #reminder-dialog .weekday-picker button{background:#191420;color:#d9c9ed;border-color:#59476d}
html[data-theme=dark] #reminder-dialog .weekday-picker button[aria-pressed=true]{background:#b59af8;color:#241936;border-color:#cbb6ff;box-shadow:0 0 0 2px #504060}

#nutrition{margin-top:25px;max-width:1000px}#nutrition-content[hidden],#nutrition-paywall[hidden],#meal-amount-label[hidden],#meal-cancel[hidden]{display:none!important}.nutrition-estimator,.nutrition-journal{margin-bottom:22px}.nutrition-result{margin-top:22px;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--bg)}.nutrition-result>span,.nutrition-result>strong{display:block}.nutrition-result>strong{font-size:34px;margin-top:10px;color:var(--blue)}.nutrition-result small{font-size:14px}.nutrition-result p{font-size:12px}.nutrition-special{display:flex;align-items:center;gap:9px}.nutrition-special input{width:auto}.nutrition-total{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:22px 0}.nutrition-total>strong{font-size:32px;color:var(--blue)}.nutrition-total small{font-size:12px;color:var(--muted)}.nutrition-meal{display:flex;align-items:center;gap:18px;padding:18px 0;border-top:1px solid var(--line)}.nutrition-meal>div:first-child{flex:1;min-width:0}.nutrition-meal strong{overflow-wrap:anywhere}.nutrition-meal small{display:block;color:var(--muted);margin-top:5px}.nutrition-premium-tag{font-size:9px;border:1px solid currentColor;border-radius:12px;padding:3px 6px;margin-left:5px}html[data-theme=dark] .nutrition-result{background:#211b2f}@media(max-width:600px){.nutrition-meal{flex-wrap:wrap}.nutrition-meal .record-actions{width:100%;justify-content:flex-end}.nutrition-journal .card-heading{align-items:flex-start;flex-wrap:wrap}.wellness-tabs button{padding:10px 12px}}

/* Nutrition: four caloric reference cards, two columns on desktop and one on phones. */
.nutrition-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:26px}.nutrition-calorie-card{min-width:0;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--bg)}.nutrition-calorie-card h3{margin:0 0 16px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.nutrition-calorie-value{font-size:34px;font-weight:700;line-height:1.2;color:var(--ink);overflow-wrap:anywhere}.nutrition-calorie-value small{font-size:12px;font-weight:500;white-space:nowrap}.nutrition-calorie-card p{margin:12px 0 0;font-size:13px;color:var(--muted);line-height:1.6}.nutrition-calorie-maintenance{background:#f2edfc;border:1.5px solid #8b6bc9;box-shadow:0 8px 26px #6544c50b}.nutrition-calorie-maintenance h3,.nutrition-calorie-maintenance .nutrition-calorie-value{color:#6544c5}.nutrition-unavailable{font-size:18px}.nutrition-calorie-cutting,.nutrition-calorie-bulking{border-color:#d8c9ee}html[data-theme=dark] .nutrition-calorie-card{background:#191620;border-color:#443750}html[data-theme=dark] .nutrition-calorie-maintenance{background:#292035;border-color:#b59aef;box-shadow:0 8px 28px #b59aef0a}html[data-theme=dark] .nutrition-calorie-maintenance h3,html[data-theme=dark] .nutrition-calorie-maintenance .nutrition-calorie-value{color:#d0b8ff}html[data-theme=dark] .nutrition-calorie-cutting,html[data-theme=dark] .nutrition-calorie-bulking{border-color:#685182}@media(max-width:600px){.nutrition-results{grid-template-columns:1fr;gap:12px}.nutrition-calorie-card{padding:22px}.nutrition-calorie-value{font-size:30px}}

.profile-tools h2{font-size:16px;margin:0 0 12px}.profile-tool-link{display:flex;align-items:center;gap:12px;width:100%;padding:14px 0;border:0;background:transparent;color:var(--ink);text-align:left;font-weight:650}.profile-tool-link>span:nth-child(2){flex:1}.profile-tool-link .profile-menu-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.profile-tool-link:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.nutrition-back{margin-bottom:18px;color:var(--blue)}

/* Use the same violet treatment for all four calorie references. */
#nutrition .nutrition-calorie-card{background:#f2edfc;border:1.5px solid #8b6bc9;box-shadow:0 8px 26px #6544c50b}#nutrition .nutrition-calorie-card h3,#nutrition .nutrition-calorie-card .nutrition-calorie-value{color:#6544c5}#nutrition .nutrition-calorie-card p{color:#655477}html[data-theme=dark] #nutrition .nutrition-calorie-card{background:#292035;border-color:#b59aef;box-shadow:0 8px 28px #b59aef0a}html[data-theme=dark] #nutrition .nutrition-calorie-card h3,html[data-theme=dark] #nutrition .nutrition-calorie-card .nutrition-calorie-value{color:#d0b8ff}html[data-theme=dark] #nutrition .nutrition-calorie-card p{color:#b9afc7}
#profile .profile-tools .profile-menu-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}#profile .profile-tool-link{color:#30243f;min-height:56px}#profile .profile-tool-link .nutrition-premium-tag{color:#6544c5}html[data-theme=dark] #profile .profile-tool-link{color:#f1edf8}html[data-theme=dark] #profile .profile-tool-link .nutrition-premium-tag{color:#d0b8ff}.nutrition-estimator input[readonly]{background:var(--bg);cursor:default}

.nutrition-intro{margin-bottom:22px}.nutrition-intro h2{font-size:19px}.nutrition-intro p{line-height:1.7}

html[data-theme=dark] #nutrition #nutrition-weight[readonly]{background:#13101d!important;color:#f1edf8!important;border-color:#443750;-webkit-text-fill-color:#f1edf8}#dosage>div{margin-top:20px}#dosage-content[hidden],#dosage-paywall[hidden],#dosage-result[hidden]{display:none!important}#dosage-result strong{color:#6544c5;font-size:22px}html[data-theme=dark] #dosage-result strong{color:#d0b8ff}#dosage-slider{accent-color:#9875dd;width:100%;min-height:40px}#profile .profile-tool-link[data-go=dosage]{border-top:1px solid var(--line)}

.dosage-syringe{display:block;width:100%;max-width:600px;margin:20px auto;fill:none;stroke:#8b6bc9;stroke-width:2}.dosage-syringe #dosage-fill{fill:#b59aef66;stroke:none}html[data-theme=dark] .dosage-syringe{stroke:#d0b8ff}

#profile .profile-tool-link .nutrition-premium-tag{flex:0 0 auto;white-space:nowrap;width:auto;line-height:1.2;padding:4px 8px}#profile .profile-tool-link>span:nth-child(2){min-width:0;overflow-wrap:anywhere}#dosage .dosage-syringe{max-width:620px;height:auto;filter:drop-shadow(0 4px 8px #6544c522)}#dosage .dosage-syringe>rect:not(#dosage-fill){fill:#f2edfc}html[data-theme=dark] #dosage .dosage-syringe>rect:not(#dosage-fill){fill:#21192d}#dosage-slider{appearance:none;-webkit-appearance:none;border:0;padding:0;border-radius:999px;height:12px;min-height:12px;background:linear-gradient(to right,#9875dd var(--fill,0%),#ded4ef var(--fill,0%));margin:20px 0 24px}#dosage-slider::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:36px;background:#9875dd;border:3px solid #f2edfc;border-radius:7px;box-shadow:0 2px 7px #6544c540}#dosage-slider::-moz-range-thumb{width:22px;height:30px;background:#9875dd;border:3px solid #f2edfc;border-radius:7px}html[data-theme=dark] #dosage-slider{background:linear-gradient(to right,#b59aef var(--fill,0%),#443750 var(--fill,0%))}#dosage-actual{padding:18px;border-radius:16px;border:1px solid #8b6bc9;color:#6544c5;background:#f2edfc;font-size:18px;font-weight:650;text-align:center}html[data-theme=dark] #dosage-actual{background:#292035;color:#d0b8ff;border-color:#b59aef}

/* Compact dosage results: small syringe and concise numerical readout. */
#dosage .dosage-top-results{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 10px}#dosage .dosage-top-results .card{padding:16px;margin:0}#dosage .dosage-top-results h3{font-size:12px;margin:0 0 8px}#dosage .dosage-top-results strong{font-size:19px;display:block}#dosage .dosage-top-results small{display:block;font-size:11px;margin-top:5px;color:var(--muted)}#dosage .dosage-visual-card{padding:18px;margin:0}#dosage .dosage-visual-card>h3{font-size:14px;margin:0 0 12px}.dosage-mini-syringe{width:190px;max-width:100%;margin:0 auto 15px}#dosage .dosage-mini-syringe .dosage-syringe{width:100%;margin:8px auto;filter:none}.dosage-syringe text{fill:#6544c5;stroke:none;font-size:15px;font-weight:600}html[data-theme=dark] .dosage-syringe text{fill:#d0b8ff}#dosage .dosage-slider-label{font-size:11px}#dosage-slider{margin:6px 0 8px!important;height:7px;min-height:7px}#dosage-slider::-webkit-slider-thumb{width:16px;height:22px;border-width:2px}#dosage-slider::-moz-range-thumb{width:12px;height:18px;border-width:2px}#dosage #dosage-actual{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;font-size:12px;margin:0 0 12px}#dosage #dosage-actual strong{display:block;font-size:22px;overflow-wrap:anywhere}#dosage #dosage-actual span{display:block;font-size:10px;margin-top:5px;font-weight:500}.dosage-settings{padding:12px 14px;border:1px solid var(--line);border-radius:12px}.dosage-settings h4{font-size:12px;margin:0 0 10px}.dosage-settings dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.dosage-settings dt{font-size:10px;color:var(--muted)}.dosage-settings dd{font-size:12px;margin:4px 0 0;font-weight:600;color:#30243f}html[data-theme=dark] .dosage-settings dd{color:#f1edf8}#dosage .dosage-precision-note{font-size:10px;line-height:1.5;margin:12px 0 0}

#dosage .dosage-syringe{stroke-width:1.3}#dosage .dosage-syringe>rect:not(#dosage-fill){rx:4px}.dosage-mini-syringe{width:190px}#dosage .dosage-settings dd{font-size:11px}

#dosage .dosage-mini-syringe{width:250px;max-width:100%}#dosage .dosage-exact{font-size:11px;text-align:center;margin:8px 0 12px}.dosage-capacity-warning{font-size:12px;padding:12px;border:1px solid #c68f48;border-radius:12px;color:#775016;background:#fff7eb}html[data-theme=dark] .dosage-capacity-warning{color:#f0c990;background:#342718;border-color:#a97b41}.dosage-capacity-warning[hidden]{display:none!important}#dosage-slider:disabled{opacity:.45}

/* Align tool rows with the profile menu and remove the extra bottom padding. */
#profile .profile-tools>.profile-content{padding:0}#profile .profile-tools .profile-tool-link{display:grid;grid-template-columns:28px minmax(0,1fr) auto 20px;align-items:center;gap:14px;min-height:76px;padding:16px 0;box-sizing:border-box}#profile .profile-tools .profile-tool-link .profile-menu-icon{display:grid;place-items:center;width:28px;height:28px}#profile .profile-tools .profile-tool-link>span:nth-child(2){line-height:1.4}#profile .profile-tools .profile-tool-link .nutrition-premium-tag{margin:0;justify-self:end;align-self:center}#profile .profile-tools .profile-tool-link>span:last-child{display:grid;place-items:center;width:20px;color:#a99cb7;font-size:24px;font-weight:400;line-height:1}@media(max-width:800px){#profile .profile-tools .profile-tool-link{min-height:72px;font-size:13px;gap:10px}}
/* Premium calendar, reports and preferences */
.feature-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.calendar-day{border:1px solid #ded6e9;border-radius:12px;min-height:100px;padding:9px}.calendar-day h3{font-size:12px;margin:0 0 10px}.calendar-event{border-left:3px solid #8c6ace;border-radius:6px;background:#f3effa;padding:8px;margin:6px 0;overflow-wrap:anywhere}.calendar-event strong,.calendar-event span,.calendar-event small{display:block;font-size:12px}.calendar-done{border-color:#338366}.calendar-skipped{border-color:#8f8998}.calendar-postponed{border-color:#b17e26}.calendar-undone{border-color:#b35368}.home-custom-blocks{display:grid;gap:20px}.home-custom-blocks .card{margin:0}.home-setting{display:flex;align-items:center;gap:8px;padding:8px 0}.home-setting label{display:flex;align-items:center;gap:12px;flex:1;margin:0}.home-setting input{width:18px;height:18px}.home-setting button{padding:8px 12px}.report-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.report-summary article{border:1px solid #dbd0ed;padding:14px;border-radius:12px}.report-summary strong,.report-summary span{display:block}.report-summary strong{color:#7650b7;font-size:22px}.report-charts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.report-chart{margin:0;border:1px solid #ded6e9;padding:12px;border-radius:12px}.report-chart figcaption{font-weight:600}.report-chart svg{width:100%;height:auto}.report-chart text{font-size:11px;fill:currentColor}.demo-calendar{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}#subscription-cancel{color:#8b589a}.billing-card{flex-wrap:wrap}.billing-card>div{flex:1 1 240px}.calendar-grid,.report-charts{color:inherit}
[data-theme="dark"] .calendar-day,[data-theme="dark"] .report-chart,[data-theme="dark"] .report-summary article{border-color:#443452}[data-theme="dark"] .calendar-event{background:#261d35}[data-theme="dark"] .report-summary strong{color:#c0a3ef}
@media(max-width:800px){.calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-summary{grid-template-columns:1fr 1fr}.report-charts,.demo-calendar{grid-template-columns:1fr}.calendar-day{min-height:70px}}
[hidden]{display:none!important}

#premium-calendar .calendar-event{border-left:4px solid var(--peptide-color,#8c6ace);background:color-mix(in srgb,var(--peptide-color,#8c6ace) 12%,#fff)}
[data-theme="dark"] #premium-calendar .calendar-event{background:color-mix(in srgb,var(--peptide-color,#8c6ace) 16%,#1b1525)}
#premium-calendar .calendar-event>span{margin-top:4px;font-weight:500}

#profile .profile-home-customization>summary{gap:14px}#profile .profile-home-customization>summary .nutrition-premium-tag{margin-left:auto;flex-shrink:0}

#profile .profile-home-customization>summary{display:grid;grid-template-columns:28px minmax(0,1fr) auto 20px;align-items:center;gap:14px}
#profile .profile-home-customization>summary:after{margin-left:0;width:20px;text-align:center;line-height:1}
#profile .profile-home-customization>summary .nutrition-premium-tag{margin:0;justify-self:end;white-space:nowrap;width:auto;line-height:1.2;padding:4px 8px;color:#6544c5}
html[data-theme=dark] #profile .profile-home-customization>summary .nutrition-premium-tag{color:#d0b8ff}
@media(max-width:800px){#profile .profile-home-customization>summary{gap:10px}}

.public-legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin:16px 0;font-size:12px;line-height:1.6}.public-legal-links a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.footer .public-legal-links{justify-content:flex-start}.public-legal-links a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}