/* FOY consumer design system: bright cobalt, mineral blue, soft dimensional cards. */
:root{--navy:#082c64;--ink:#112e52;--blue:#0764e8;--aqua:#02aabd;--muted:#61748e;--line:#e1eaf7;--pale:#eef5ff;--paper:#f6f9ff;--radius:22px}
body{background:radial-gradient(ellipse at 50% 0,#e9f4ff 0,transparent 55%),#f7faff}.demo-ribbon{background:#eaf2ff;color:#426790;border-bottom:1px solid #dce8f6;height:27px}.card{border-color:#e0e9f7;box-shadow:0 5px 18px #1b4e9410,0 1px 2px #1b4e9404;background:linear-gradient(145deg,#fff,#fcfdff)}.btn{border-radius:12px;min-height:48px;transition:transform .18s,box-shadow .18s,background .18s}.primary{background:linear-gradient(120deg,#0874fa,#0757d8);box-shadow:0 5px 13px #0966e325;border:1px solid #075fdc}.primary:hover{background:linear-gradient(120deg,#086bee,#044abe);box-shadow:0 6px 17px #0966e332}.soft{background:linear-gradient(145deg,#f6faff,#eaf3ff);border-color:#dbe8fa;color:#165db9}.outline{border-color:#cdddf0}.icon{stroke-width:1.8}.badge{border-radius:8px;background:#eaf2ff;color:#3c68a1;font-size:11px}.connected{background:#e8f7ee;color:#247749}.streak{background:#fff5e1;color:#9a6b12}.icon-tile{background:linear-gradient(140deg,#f0f7ff,#dcecff);border:1px solid #e2edfb;box-shadow:inset 0 1px 0 #fff;border-radius:14px;color:#246bd1}.page-heading h1{font-weight:800;letter-spacing:-1.1px}.page-heading>.eyebrow{color:#5b7f9f;font-size:12px}.page-heading>.muted{font-size:16px}.section-top h2{font-weight:750}.text-link{font-size:14px;color:#0865dd}.eyebrow{font-size:12px}.card-foot{font-size:12px}.card-foot .text-link{font-size:13px}.page-footer{font-size:11px}.sidebar{background:#fff;border-right:1px solid #e0eaf6;color:var(--ink);width:236px}.sidebar .brand{width:auto;height:58px;margin:0 0 40px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);width:auto;height:auto}.brand img{width:49px;height:49px;border-radius:50%;object-fit:contain;box-shadow:0 2px 7px #0a397b18;flex-shrink:0}.brand-type{font-family:Manrope,sans-serif;font-weight:800;font-size:19px;letter-spacing:-.6px;white-space:nowrap}.brand-type small{display:block;font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:1.7px;margin-top:4px;color:#6785a4;font-weight:650}.sidebar .brand-type{font-size:18px}.sidebar .nav-item{color:#5b7290;font-weight:500}.sidebar .nav-item.active{background:linear-gradient(120deg,#eaf2ff,#f0f6ff);color:#0562e0;border:1px solid #dce9ff;box-shadow:0 3px 9px #0866db06}.sidebar .nav-item:hover:not(.active){background:#f4f8ff}.sidebar-label{color:#93a2b8}.sidebar-secondary{border-color:#e5edf8}.sidebar-profile{border-top:1px solid #e5edf8}.sidebar-profile small{color:#788da8}.avatar{background:linear-gradient(145deg,#ecf5ff,#d9eaff);color:#2060b2;border-color:#d5e6fb}.dashboard-welcome{display:flex;align-items:center;gap:20px;background:linear-gradient(110deg,#fff,#fff 60%,#f0f7ff);border:1px solid #dfebfa;border-radius:22px;padding:25px;margin-bottom:20px;box-shadow:0 5px 18px #234c9510}.welcome-avatar{height:65px;width:65px;border-radius:50%;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,#4aafff,#0866e7);box-shadow:inset 0 1px 1px #ffffffa0,0 5px 14px #0874ec27;border:1px solid #147eed;color:white;font-size:20px;font-weight:650;flex-shrink:0}.welcome-avatar>span{position:absolute;right:0;bottom:0;width:16px;height:16px;border:3px solid white;background:#6ddbc5;border-radius:50%}.dashboard-welcome h1{font-size:28px;letter-spacing:-1px;margin:7px 0}.dashboard-welcome .eyebrow{font-size:10px;letter-spacing:1.3px;color:#7290a7}.dashboard-welcome p:not(.eyebrow){font-size:14px;color:#657c94}.welcome-account{margin-left:auto;color:#6784a4}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:23px}.stat-tile{display:grid;grid-template-columns:48px 1fr;column-gap:15px;align-items:center;text-align:left;min-width:0;padding:20px;background:#fff;border:1px solid #e0eaf7;box-shadow:0 4px 12px #26539a08;border-radius:19px}.stat-tile:hover{border-color:#b6d3ff}.stat-icon{grid-row:1/3;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#eaf4ff,#ccdeff);color:#0a61df;border:1px solid #e2edfc;box-shadow:inset 0 1px 1px white}.stat-icon>.icon{width:25px;height:25px}.stat-tile>strong{font-family:Manrope,sans-serif;font-size:28px;line-height:1.3;letter-spacing:-.8px}.stat-tile>strong small{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;letter-spacing:0}.stat-tile>span:last-child{font-size:12px;color:#688198;line-height:1.45;margin-top:2px}.amber-stat{background:linear-gradient(140deg,#fff,#fffcf5);border-color:#eee8d8}.amber-stat .stat-icon{background:linear-gradient(135deg,#fff3d9,#ffe0a1);color:#e9a219;border-color:#faeccf}.teal-stat{background:linear-gradient(140deg,#fff,#f3fcfb);border-color:#d9eeea}.teal-stat .stat-icon{background:linear-gradient(135deg,#e0f8f4,#bceee6);color:#059c8e;border-color:#d2f1eb}.dashboard-grid{display:grid;grid-template-columns:1.18fr 1fr;gap:20px}.dashboard-hydration{padding:24px}.dashboard-hydration h2{font-size:18px}.dashboard-hydration .badge{font-size:9px;letter-spacing:1px;background:#edf7fa;color:#3696ae}.hydration-overview{display:flex;align-items:center;gap:18px}.dashboard-hydration .hydration-ring{width:168px;height:168px;flex-shrink:0;margin:19px 0 13px}.dashboard-hydration .ring-number{font-size:40px}.dashboard-hydration .ring-number small{font-size:14px}.dashboard-hydration .ring-content>.icon{width:19px;height:19px;margin-bottom:0}.dashboard-hydration .ring-content>span:not(.ring-number){font-size:11px}.dashboard-hydration .ring-content>b{font-size:8px;margin-top:7px;padding:4px 7px}.ring-fill{stroke:#0785ef;stroke-width:10}.ring-track{stroke:#e6f0fb}.ring-content>.icon{color:#03adca}.hydration-caption{min-width:0}.hydration-caption h3{font-size:18px;line-height:1.4;letter-spacing:-.5px}.hydration-caption p{font-size:12px;color:#708499;line-height:1.65;margin-top:8px;max-width:180px}.hydration-caption p strong{font-weight:600;color:#376487}.mini-drop{display:none}.dashboard-hydration .quick-log{margin-top:4px}.dashboard-hydration .quick-log .btn{background:#edf5ff;border-color:#dbeafd;color:#2671c8}.dashboard-hydration .card-foot{margin-top:15px}.dashboard-supply{display:grid;grid-template-columns:1fr 85px;align-items:start;column-gap:12px;padding:25px;background:linear-gradient(130deg,#0a59cd,#087ad9 60%,#0099be);box-shadow:0 8px 24px #086cc52b}.dashboard-supply:after{right:-140px;top:-130px}.supply-content{z-index:1}.dashboard-supply .supply-number{font-size:54px;margin-top:16px}.dashboard-supply .supply-number span{font-size:19px}.dashboard-supply p{font-size:12px;line-height:1.7}.dashboard-supply .eyebrow{font-size:10px;color:#c5e5ff}.dashboard-supply .supply-track{margin:17px 0 20px}.supply-bottle{height:188px;width:85px;align-self:center;border-radius:50px 50px 17px 17px;overflow:hidden;background:#fff;box-shadow:0 9px 20px #023ba82b;border:3px solid #ffffff60;z-index:1}.supply-bottle img{height:100%;width:100%;object-fit:cover}.dashboard-supply>.btn{grid-column:1/-1;box-shadow:0 3px 10px #07408c25;color:#0762cf;position:relative;z-index:1}.dashboard-supply>small{grid-column:1/-1;margin-top:10px;color:#d1eaff;font-size:10px}.dashboard-actions{grid-column:1/-1;padding:23px 26px}.dashboard-actions .section-top>.small{font-size:12px}.action-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:21px}.action-tile{display:flex;flex-direction:column;align-items:center;gap:10px;background:transparent;border:0;font-size:13px;font-weight:550;min-height:91px;padding:0 5px;color:#314965}.action-icon{width:56px;height:56px;border-radius:19px;display:grid;place-items:center;background:#eaf3ff;box-shadow:inset 0 1px 1px #fff,0 4px 10px #08489709;border:1px solid #e3edfb;transition:transform .2s}.action-tile:hover .action-icon{transform:translateY(-3px)}.action-icon .icon{width:27px;height:27px;stroke-width:1.8}.action-icon.blue{background:linear-gradient(145deg,#edf5ff,#d6e7ff);color:#0967e6}.action-icon.green{background:linear-gradient(145deg,#eafbF0,#d4f1de);color:#26995b;border-color:#daeee2}.action-icon.violet{background:linear-gradient(145deg,#f3eeff,#e5dfff);color:#7951c7;border-color:#e9e1f9}.action-icon.teal{background:linear-gradient(145deg,#e6f9f9,#cceff2);color:#119daa;border-color:#d5eff1}.dashboard-muse{border-color:#dddff4;box-shadow:0 5px 15px #5366a810;background:linear-gradient(120deg,#f6f5ff,#eef5ff);padding:23px}.muse-icon{background:linear-gradient(145deg,#ede7ff,#d8dcfa);color:#6654b4;border:1px solid #e2def6;box-shadow:inset 0 1px 0 #fff;width:48px;height:48px;border-radius:16px}.muse-teaser strong{font-size:17px}.muse-teaser .eyebrow{font-size:9px;letter-spacing:1px;color:#7d79a7}.muse-teaser small{font-size:12px}.delivery-preview{border-color:#dbeae7;background:linear-gradient(120deg,#fff,#f7fcfb)}.delivery-preview .icon-tile{background:linear-gradient(145deg,#ebfbf1,#d5f1df);color:#298c58;border-color:#e0f1e6}.delivery-preview strong{font-size:21px}.delivery-preview p{font-size:10px}.delivery-preview small{font-size:12px}.dashboard-grid .source-story{grid-column:1/-1;background:linear-gradient(90deg,#082c56e0,#082c5618),url('assets/spring.png') center 42%/cover;min-height:245px;box-shadow:0 8px 24px #123e6325;border:1px solid #a9bdcc}.source-story h2{font-family:Manrope,sans-serif;font-size:38px;font-weight:650;letter-spacing:-1.5px}.source-story .text-link{display:inline-flex;background:#ffffffed;color:#0b54a5;border-radius:10px;padding:0 17px;gap:16px;margin-top:20px;font-size:13px;min-height:43px}.source-story .eyebrow{font-size:10px}.flow-strip{padding:20px 8px;margin-top:18px}.flow-strip>.eyebrow{font-size:10px}.flow-strip>p:not(.eyebrow){font-size:12px}.flow-strip small{font-size:11px}.usual{background:radial-gradient(ellipse at 85% 30%,#fff,#e7f3ff 55%,#daeafd);border:1px solid #d6e5fa;box-shadow:0 6px 18px #1d559512;position:relative}.usual h2{font-weight:800;color:#153866}.usual>.eyebrow{font-size:12px}.usual img{filter:drop-shadow(3px 10px 7px #1d477318);mix-blend-mode:multiply}.product{box-shadow:0 6px 16px #2247770b}.product-photo{background:linear-gradient(140deg,#f5f8fc,#ecf3fb);border-bottom:1px solid #e6edf6}.product-photo .badge{background:#fff;color:#6483a4;border-color:#e3ebf5;font-size:9px}.product-info h2{font-size:17px;font-weight:750}.product-info p{font-size:13px}.product-info strong{font-size:20px;color:#163e6b}.product-info .btn{font-size:12px;min-height:44px}.bundle{background:linear-gradient(130deg,#fff,#f2f7ff);border-color:#dce8f9}.plan-promo{background:linear-gradient(130deg,#fff,#f0faf7);border-color:#dbede7}.plan-promo>.icon-tile{background:#e5f7ed;color:#339667;border-color:#d9eee3}.arrival{background:linear-gradient(135deg,#edf6ff,#f3f8ff);border:1px solid #e0ebf8;border-radius:22px;margin-top:23px;padding:30px}.arrival .eyebrow{font-size:11px}.arrival p{font-size:14px}.settings-list{box-shadow:0 5px 18px #1b4e9410;padding:4px 23px}.setting{font-size:15px;gap:14px}.setting>.icon:first-child{box-sizing:content-box;background:#edf4ff;border:1px solid #e5edfa;padding:9px;border-radius:12px;color:#2c74ca}.setting>.icon:last-child{padding:0;background:transparent;border:0}.subscription-hero{background:radial-gradient(ellipse at 50% 28%,#e8f5ff,transparent 48%),#fff}.subscription-hero .next-date{background:#f4f8fe;border:1px solid #e5eefb;border-radius:14px;padding:18px;margin-top:23px}.subscription-hero .price{color:#085dcc;font-size:29px}.subscription-hero>p{font-size:15px}.points-card{background:linear-gradient(125deg,#0542af,#076aeb 65%,#0f9acc);box-shadow:0 9px 23px #055bc028;border:1px solid #1769d8}.points-card .points-progress{height:6px;background:#ffffff35}.points-progress>span{height:6px;background:#81e4ed;box-shadow:0 0 8px #81e4ed60}.points-card small{font-size:12px}.reward-medal{background:linear-gradient(145deg,#fff8e9,#ffe5ab);border:1px solid #f8e3ba;box-shadow:inset 0 1px 0 #fff;color:#d39416}.referral-card{background:radial-gradient(ellipse at 0 100%,#ddedff,transparent 60%),linear-gradient(135deg,#f0f7ff,#e8f4fb);border:1px solid #d4e5f7;box-shadow:0 5px 18px #1b4e940c}.referral-card h2{color:#0b356d;font-weight:800}.referral-card h2 span{color:#0868e7}.referral-card .eyebrow{font-size:11px}.referral-card>small{font-size:12px}.referral-link{border-color:#b9cdec;font-size:14px}.reward-option h2{font-size:17px}.reward-option p{font-size:13px}.map{box-shadow:0 5px 18px #1b4e9410;border:3px solid #fff}.map-pin{background:#1e5fae}.map-pin.selected{background:#0875ef;outline-color:#147afa1c}.location-card.selected{border-color:#a3c9fa;background:linear-gradient(120deg,#fff,#eef6ff);box-shadow:0 5px 18px #1167c012}.location-number{background:linear-gradient(135deg,#e9f4ff,#d8eaff);color:#2473cf}.connection-intro{padding-top:12px}.foy-symbol{background:transparent;width:82px;height:82px;border-radius:50%;box-shadow:0 7px 22px #1c569e20;border:4px solid #fff;overflow:hidden}.foy-symbol img{width:100%;height:100%;object-fit:contain;border-radius:50%}.connection-line{background:#c1d6ed}.muse-symbol{background:linear-gradient(135deg,#f3edff,#dbe7fe);box-shadow:inset 0 2px 1px #fff,0 6px 20px #5d58a513;border-color:#dfe2f7;color:#7862bf}.permissions .toggle-row strong{font-size:15px}.permissions .toggle-row small{font-size:13px}.switch{width:46px;height:28px;background:#cfdbe8}.switch:after{top:3px;width:22px;height:22px}.toggle-row input:checked+.switch{background:linear-gradient(120deg,#2194ff,#0864e1)}.toggle-row input:checked+.switch:after{transform:translateX(18px)}.toggle-row input{height:44px;top:50%;transform:translateY(-50%)}.approval-note{background:#edf7fd;border-color:#cfe4f5;box-shadow:inset 0 1px 0 #fff}.approval-note strong{font-size:14px;color:#2c618d}.approval-note small{font-size:12px}.granted-list li{font-size:15px}.connection-status{background:radial-gradient(ellipse at 50% 5%,#f1edff,transparent 60%),#fff}.revoke{border-color:#eadfe3}.revoke p{font-size:15px}.chat-top{background:#fff;border:1px solid #e0e9f7;border-radius:17px;padding:16px;box-shadow:0 4px 12px #204b8308}.chat-top small{font-size:12px}.chat-top>.text-link{font-size:12px}.message{border-radius:22px;padding:21px;font-size:16px;box-shadow:0 4px 15px #1b4e9408}.assistant{border-bottom-left-radius:6px;border-color:#e0e9f7}.customer{background:linear-gradient(135deg,#086fec,#065bc8);border-bottom-right-radius:6px;box-shadow:0 5px 14px #0b66d118}.message-label{font-size:11px;color:#667bbb}.message>small{font-size:12px}.chat-product{background:linear-gradient(135deg,#f5f9ff,#ecf3fd);border-color:#e0eafa;padding:10px}.chat-product strong{font-size:14px}.chat-product small{font-size:12px}.search-box{box-shadow:0 4px 14px #1b4e9408}.detail-row{font-size:14px}.total{font-size:20px}.modal-actions{position:sticky;bottom:-23px;background:#fff;padding:15px 0 10px;margin-top:10px;border-top:1px solid #e6edf6;box-shadow:0 -10px 15px #ffffffd9}.approval-warning{font-size:13px}.approval-product{border:1px solid #e4edf9;background:#f2f7fe}.checkout-address{border:1px solid #e1ebf8;background:#f5f8fd}.modal-heading h2{font-weight:800}.log-row>.icon-tile{background:linear-gradient(135deg,#e5f6ff,#d6effd);color:#1888b9}.bar{background:linear-gradient(#c9e4fb,#dfedfb)}.bar.today{background:linear-gradient(#02b9d0,#086bea);box-shadow:0 3px 8px #118ecd24}.chart-col>span,.chart-col small{font-size:12px}.chart+.small{font-size:13px}.order-card{border-left:4px solid #478ff1}.success-inline{font-size:14px}.back{color:#527cac;font-size:14px}.welcome-screen{position:relative;min-height:100dvh;max-width:none;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#eff6ff;overflow:hidden}.welcome-photo{position:absolute;inset:0;background:linear-gradient(180deg,#072f5755,#092e5b9c),url('assets/spring.png') center/cover}.welcome-surface{position:relative;text-align:center;max-width:440px;width:calc(100% - 40px);background:linear-gradient(160deg,#fffffff8,#f5f9fff5);border:1px solid #fff;border-radius:32px;padding:38px 34px;box-shadow:0 24px 70px #06245145;margin:36px 0 20px}.welcome-logo{width:92px;height:92px;border-radius:50%;box-shadow:0 6px 22px #123c9020;border:5px solid white;margin-bottom:23px}.welcome-surface .eyebrow{font-size:10px;letter-spacing:1.7px;color:#6d88a2}.welcome-surface h1{font-size:45px;line-height:1.15;letter-spacing:-1.8px;margin:15px 0;font-weight:800;color:#113b71}.welcome-description{font-size:16px;color:#63809c}.welcome-features{display:flex;justify-content:center;gap:23px;margin:26px 0;font-size:12px;color:#4680b3}.welcome-features>span{display:flex;align-items:center;gap:6px}.welcome-features .icon{width:18px;height:18px}.welcome-surface>.btn{min-height:54px;justify-content:space-between;padding:15px 20px;font-size:15px}.welcome-disclaimer{font-size:11px;color:#7f91a6;margin-top:18px;line-height:1.7}.welcome-footer{position:relative;color:#e2eff8;font-size:11px;letter-spacing:.5px;margin-bottom:25px}
@media(max-width:1150px) and (min-width:701px){.sidebar{width:210px}.sidebar .brand-type{font-size:16px}.sidebar .brand img{width:42px;height:42px}.dashboard-grid{grid-template-columns:1fr 1fr}.hydration-overview{gap:10px}.dashboard-hydration .hydration-ring{width:137px;height:137px}.hydration-caption h3{font-size:15px}.hydration-caption p{font-size:11px}.stat-tile{grid-template-columns:40px 1fr;gap:10px;padding:16px}.stat-icon{width:40px;height:40px}.stat-tile>strong{font-size:24px}.dashboard-supply{grid-template-columns:1fr 67px;gap:8px;padding:21px}.supply-bottle{width:67px;height:161px}.dashboard-supply .supply-number{font-size:48px}.dashboard-supply .supply-number span{font-size:16px}.dashboard-welcome h1{font-size:25px}.dashboard-hydration{padding:20px}.dashboard-hydration h2{font-size:16px}.delivery-preview{flex-wrap:wrap}.delivery-preview>.text-link{font-size:12px}.product-info .section-top{flex-wrap:wrap}}
@media(max-width:900px) and (min-width:701px){.dashboard-grid{grid-template-columns:1fr}.dashboard-stats{gap:10px}.stat-tile{display:flex;flex-direction:column;text-align:center;padding:15px 8px;gap:7px}.stat-tile>span:last-child{font-size:11px}.dashboard-actions,.dashboard-grid .source-story{grid-column:auto}.dashboard-welcome{padding:20px;gap:12px}.welcome-avatar{width:48px;height:48px;font-size:15px}.welcome-account{display:none}.dashboard-welcome h1{font-size:22px}.dashboard-welcome p:not(.eyebrow){font-size:12px}.hydration-overview{gap:26px}.dashboard-hydration .hydration-ring{width:175px;height:175px}.hydration-caption h3{font-size:20px}.hydration-caption p{font-size:14px}.dashboard-supply{grid-template-columns:1fr 95px}.supply-bottle{height:190px;width:95px}.dashboard-supply .supply-number{font-size:62px}.product-info .section-top{flex-wrap:nowrap}}
@media(max-width:700px){body{background:radial-gradient(ellipse at 0 0,#edf6ff 0,transparent 50%),#f8faff}.demo-ribbon{background:#eff5ff;border-bottom:1px solid #e3edf9;font-size:10px;color:#61809f;height:24px}.mobile-header{background:#ffffffed;border-bottom:1px solid #e7edf7;box-shadow:0 3px 14px #1c589506;padding:12px 20px;height:82px}.mobile-header .brand{width:auto;height:auto;gap:10px}.mobile-header .brand img{width:46px;height:46px}.brand-type{font-size:20px;color:#12386a}.brand-type small{font-size:8px;margin-top:4px;letter-spacing:1.9px}.profile-button{background:linear-gradient(145deg,#f6faff,#e5f0ff);color:#2864ae;border-color:#d7e5f8;width:40px;height:40px;font-size:12px;box-shadow:inset 0 1px 0 #fff}.main-shell main{padding:21px 17px calc(101px + env(safe-area-inset-bottom))}.page-heading{margin-bottom:22px}.page-heading>.eyebrow{font-size:10px;letter-spacing:1.4px}.page-heading h1{font-size:29px;font-weight:800;line-height:1.25}.page-heading>.muted{font-size:15px;margin-top:10px}.card{border-radius:20px}.section-top h2{font-size:17px}.dashboard-welcome{gap:12px;padding:18px 14px;border-radius:19px;margin-bottom:14px}.welcome-avatar{width:47px;height:47px;font-size:15px;box-shadow:inset 0 1px 1px #ffffffa0,0 4px 10px #0874ec20}.welcome-avatar>span{width:12px;height:12px;border-width:2px}.dashboard-welcome h1{font-size:20px;letter-spacing:-.7px;margin:5px 0 4px;line-height:1.25}.dashboard-welcome .eyebrow{font-size:8px;letter-spacing:1.05px}.dashboard-welcome p:not(.eyebrow){font-size:11px;line-height:1.6}.welcome-account{display:none}.dashboard-stats{gap:10px;margin-bottom:18px}.stat-tile{display:flex;flex-direction:column;text-align:center;padding:13px 5px 12px;border-radius:17px;gap:0;box-shadow:0 4px 11px #204f9108}.stat-icon{width:37px;height:37px;border-radius:12px;margin-bottom:9px}.stat-icon>.icon{width:21px;height:21px}.stat-tile>strong{font-size:24px;letter-spacing:-.8px}.stat-tile>strong small{font-size:12px}.stat-tile>span:last-child{font-size:10px;line-height:1.6;margin-top:3px}.dashboard-grid{grid-template-columns:1fr;gap:17px}.dashboard-hydration{padding:20px}.dashboard-hydration .section-top h2{font-size:17px}.dashboard-hydration .badge{font-size:9px;padding:5px 8px}.hydration-overview{gap:19px;justify-content:space-between}.dashboard-hydration .hydration-ring{width:150px;height:150px;margin:18px 0 14px}.dashboard-hydration .ring-number{font-size:35px;letter-spacing:-1px}.dashboard-hydration .ring-number small{font-size:14px}.dashboard-hydration .ring-content>.icon{width:18px;height:18px}.dashboard-hydration .ring-content>span:not(.ring-number){font-size:10px}.dashboard-hydration .ring-content>b{font-size:8px;letter-spacing:.1px;padding:4px 7px;margin-top:6px}.hydration-caption{flex:1}.hydration-caption h3{font-size:17px;line-height:1.4;letter-spacing:-.5px}.hydration-caption p{font-size:11px;line-height:1.7;margin-top:8px}.dashboard-hydration .quick-log{gap:9px;margin-top:0}.dashboard-hydration .quick-log .btn{font-size:13px;padding:12px 7px;min-height:45px;box-shadow:inset 0 1px 0 #fff}.card-foot{font-size:11px;padding-top:3px}.card-foot .text-link{font-size:12px}.dashboard-supply{grid-template-columns:1fr 90px;padding:23px;column-gap:18px;border-radius:21px}.supply-bottle{height:175px;width:90px;border-radius:45px 45px 16px 16px}.dashboard-supply .supply-number{font-size:56px;margin-top:13px}.dashboard-supply .supply-number span{font-size:19px}.dashboard-supply .eyebrow{font-size:10px}.dashboard-supply p{font-size:12px}.dashboard-supply .supply-track{margin:17px 0}.dashboard-supply>.btn{min-height:48px;font-size:14px;margin-top:4px}.dashboard-supply>small{font-size:10px}.dashboard-actions{grid-column:auto;padding:21px 15px}.dashboard-actions .section-top{padding:0 5px}.dashboard-actions .section-top>.small{font-size:10px}.action-tiles{gap:4px;margin-top:20px}.action-icon{width:49px;height:49px;border-radius:17px}.action-icon .icon{width:24px;height:24px}.action-tile{font-size:11px;gap:10px;padding:0 1px;min-height:81px}.dashboard-muse{padding:21px 18px;border-radius:20px;gap:12px}.muse-teaser .eyebrow{font-size:8px}.muse-teaser strong{font-size:16px;margin:6px 0}.muse-teaser small{font-size:12px}.muse-icon{width:45px;height:45px;border-radius:15px}.dashboard-grid .delivery-preview{padding:21px 19px}.delivery-preview .icon-tile{width:42px;height:42px}.delivery-preview strong{font-size:21px}.delivery-preview p{font-size:9px}.delivery-preview small{font-size:11px}.compact>.text-link{font-size:12px}.dashboard-grid .source-story{grid-column:auto;min-height:226px;padding:27px}.source-story h2{font-size:32px;font-weight:650;letter-spacing:-1px}.source-story .eyebrow{font-size:9px;letter-spacing:1.2px}.source-story .text-link{font-size:12px;min-height:42px;padding:0 14px}.flow-strip{padding:15px 0;margin-top:15px}.flow-strip>.eyebrow{font-size:9px;letter-spacing:1px}.flow-strip>p:not(.eyebrow){font-size:11px;line-height:1.9}.flow-strip span{margin:0 3px}.flow-strip small{font-size:10px}.bottom-nav{left:0;right:0;border-top:1px solid #dfe8f6;box-shadow:0 -5px 24px #1d58950b;padding:8px 9px calc(12px + env(safe-area-inset-bottom));background:#ffffffed;backdrop-filter:blur(18px);align-items:flex-end}.bottom-nav .nav-item{background:transparent;min-width:55px;min-height:55px;padding:6px 8px 3px;color:#72849b;font-size:11px;gap:6px;font-weight:500}.bottom-nav .nav-item .icon{width:23px;height:23px;stroke-width:1.8}.bottom-nav .nav-item.active{background:transparent;color:#0665e6;font-weight:650}.bottom-nav .nav-item.active>.icon{fill:#086bea12;stroke-width:2.2}.bottom-nav .nav-item[data-route="shop"]{position:relative;padding-top:0;color:#123868;gap:4px}.bottom-nav .nav-item[data-route="shop"]>.icon{background:linear-gradient(150deg,#1993ff,#0656dc);box-shadow:0 4px 12px #0b67e342;border:4px solid #fff;color:#fff;fill:transparent;width:54px;height:54px;padding:10px;border-radius:50%;margin-top:-25px;stroke-width:1.8}.bottom-nav .nav-item[data-route="shop"].active>.icon{box-shadow:0 4px 12px #0b67e355,0 0 0 2px #cfe2ff}.hydration-card>.muted{font-size:14px}.hydration-card h2{font-size:17px}.chart+.small{font-size:12px}.toggle-row strong{font-size:15px}.toggle-row small{font-size:13px}.log-row{padding:15px 0}.log-row>.muted{font-size:13px}.usual{padding:24px 20px;border-radius:23px}.usual h2{font-size:25px;line-height:1.25;letter-spacing:-.8px}.usual img{width:105px;height:245px;margin-right:-10px;margin-left:-10px}.usual .eyebrow{font-size:9px;letter-spacing:1px}.usual p{font-size:13px}.usual .btn{font-size:13px;min-height:46px;padding:12px 14px}.product-photo{width:37%;background:linear-gradient(145deg,#f4f7fc,#e8f0fa);border-bottom:0;border-right:1px solid #e6edf6}.product-photo>img{height:181px;object-fit:cover}.product-photo .badge{font-size:7px;letter-spacing:.4px;left:8px}.product-info{padding:19px 15px}.product-info h2{font-size:17px;line-height:1.4}.product-info p{font-size:12px;margin:9px 0 18px}.product-info strong{font-size:20px}.product-info .btn{font-size:11px;padding:9px;min-height:44px}.bundle{gap:12px}.bundle p{font-size:13px}.bundle .btn{min-height:44px}.plan-promo{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start;padding:22px}.plan-promo>.icon-tile{width:40px;height:40px;margin-top:2px}.plan-promo h2{font-size:18px}.plan-promo p{font-size:14px}.plan-promo small{font-size:12px}.plan-promo>.text-link{grid-column:2;margin-left:0;font-size:14px;min-height:38px}.arrival{padding:27px 21px}.arrival .eyebrow{font-size:10px}.arrival h2{font-size:23px}.arrival p{font-size:14px}.source-note{font-size:12px}.subscription-hero>h2{font-size:28px}.subscription-hero .eyebrow{font-size:10px}.subscription-hero>p{font-size:14px}.next-date{font-size:13px;flex-wrap:wrap}.settings-list{padding:3px 20px}.setting{font-size:14px;min-height:72px;gap:12px}.points-card{padding:28px}.points-card .eyebrow{font-size:11px}.points-number{font-size:69px}.points-card small{font-size:11px}.reward-option{padding:20px 16px;gap:10px}.reward-option h2{font-size:15px}.reward-option p{font-size:12px}.reward-option .btn{font-size:12px;min-height:44px}.reward-medal{width:42px;height:42px}.referral-card .eyebrow{font-size:10px}.referral-card h2{font-size:65px}.referral-card p{font-size:15px}.referral-card>small{font-size:11px}.referral-link{font-size:13px}.earn-row{font-size:14px}.location-card h2{font-size:16px}.location-card p{font-size:13px}.location-card .btn{font-size:13px;min-height:44px}.map-label{font-size:11px}.search-box .btn{font-size:13px}.delivery-check h2{font-size:17px}.delivery-check p{font-size:14px}.delivery-check small{font-size:12px}.connection-intro>p{font-size:16px;line-height:1.75}.connection-intro .badge{font-size:11px}.permissions{padding:21px}.permissions .toggle-row strong{font-size:14px;line-height:1.6}.permissions .toggle-row small{font-size:12px;line-height:1.65}.permission-divider{font-size:11px}.approval-note strong{font-size:13px}.approval-note small{font-size:12px}.connection-status>p{font-size:15px}.detail-row{font-size:13px;gap:12px}.granted-list li{font-size:14px;line-height:1.5}.revoke>p{font-size:15px}.profile p{font-size:12px}.demo-note p{font-size:15px}.chat-top{padding:15px 12px;gap:9px}.chat-top .muse-icon{width:39px;height:39px;border-radius:12px}.chat-top small{font-size:10px;line-height:1.5;max-width:177px}.chat-top .text-link{font-size:11px}.message{font-size:15px;padding:20px;max-width:94%}.message>small{font-size:11px}.message-label{font-size:10px}.chat-product strong{font-size:13px}.chat-product small{font-size:11px}.chat-product img{width:53px;height:85px}.order-card p{font-size:14px}.back{font-size:14px;margin-top:-8px}.page-footer{font-size:10px}.modal-heading h2{font-size:22px}.approval-product h3{font-size:17px}.approval-product p{font-size:12px}.approval-warning{font-size:12px}.modal-actions{bottom:-23px;padding-bottom:12px}.total{font-size:19px}.welcome-screen{padding:0;max-width:none;min-height:100dvh;justify-content:center}.welcome-surface{padding:32px 28px;margin-top:26px;border-radius:29px;max-width:400px;width:calc(100% - 34px)}.welcome-logo{width:88px;height:88px;margin-bottom:22px}.welcome-surface h1{font-size:42px}.welcome-description{font-size:15px}.welcome-features{gap:18px;font-size:12px;margin:24px 0}.welcome-disclaimer{font-size:11px}.welcome-footer{font-size:11px}.welcome-surface .eyebrow{font-size:9px}}
@media(max-width:360px){.main-shell main{padding-left:13px;padding-right:13px}.brand-type{font-size:18px}.dashboard-welcome{padding:15px 12px;gap:10px}.welcome-avatar{width:42px;height:42px;font-size:14px}.dashboard-welcome h1{font-size:18px}.dashboard-welcome p:not(.eyebrow){font-size:10px}.dashboard-stats{gap:8px}.stat-tile>strong{font-size:22px}.stat-tile>span:last-child{font-size:9px}.dashboard-hydration{padding:17px}.dashboard-hydration .hydration-ring{width:136px;height:136px}.hydration-overview{gap:12px}.hydration-caption h3{font-size:16px}.hydration-caption p{font-size:10px}.dashboard-supply{padding:21px;grid-template-columns:1fr 77px;gap:12px}.supply-bottle{width:77px;height:163px}.dashboard-supply .supply-number span{font-size:17px}.dashboard-actions{padding:20px 11px}.action-tile{font-size:10px}.action-icon{width:45px;height:45px}.dashboard-actions .section-top>.small{font-size:9px}.muse-teaser strong{font-size:14px}.muse-teaser small{font-size:11px}.product-info{padding:16px 12px}.product-info h2{font-size:16px}.product-info .section-top{flex-wrap:wrap}.reward-option{padding:18px 13px;gap:8px}.reward-option h2{font-size:14px}.reward-option p{font-size:11px}.reward-medal{width:35px;height:35px}.welcome-surface{padding:28px 23px}.welcome-surface h1{font-size:37px}.welcome-features{font-size:11px;gap:15px}.permissions{padding:18px}.permissions .toggle-row strong{font-size:13px}}