.glass-nav{position:fixed;top:22px;left:50%;transform:translate(-50%);z-index:40;width:480px;padding:7px;border-radius:30px;background:#f8f8f6cc;border:1px solid rgba(255,255,255,.95);box-shadow:0 8px 30px #1819160c,0 1px 2px #1819160a,inset 0 0 0 1px #17171508;backdrop-filter:blur(18px) saturate(1.45);-webkit-backdrop-filter:blur(18px) saturate(1.45);isolation:isolate}.glass-nav-track{height:60px;position:relative;display:grid;grid-template-columns:repeat(4,1fr);touch-action:none;user-select:none;-webkit-user-select:none;border-radius:24px}.glass-nav-track>button{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;border-radius:22px;background:transparent;color:#5c5d57;font-size:12px;font-weight:550;min-width:0;touch-action:none;user-select:none;-webkit-user-select:none;transition:color .18s,transform .18s}.glass-nav-track>button.active{color:#b62f29}.glass-nav-track>button:active{transform:scale(.94)}.glass-nav-track>button:focus-visible{outline:2px solid #c6332c;outline-offset:3px}.glass-nav-thumb{position:absolute;inset:0 auto 0 0;width:25%;border-radius:23px;background:linear-gradient(145deg,#ffffffd9,#ffffff80 48%,#d9dce040);box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #0000000c,0 3px 12px #3038420c;border:1px solid #ffffffeb;transition:transform .36s cubic-bezier(.2,.85,.25,1.12);pointer-events:none;will-change:transform}.glass-nav-thumb>span{position:absolute;inset:1px 7px auto;height:1px;border-radius:50%;background:linear-gradient(90deg,transparent,#fff,transparent)}.glass-nav.is-dragging .glass-nav-thumb{transition:none;box-shadow:inset 0 1px 2px #fff,inset 0 -2px 4px #71869b20,0 5px 18px #30384218;scale:1.025}.glass-nav.is-dragging .glass-nav-track>button.active>svg{transform:translateY(-1px) scale(1.06)}@media(max-width:900px){.glass-nav{top:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:calc(100% - 32px);max-width:440px;border-radius:29px;padding:6px;background:#f8f8f4d9}.glass-nav-track{height:62px}.glass-nav-track>button{font-size:12px;gap:5px}.glass-nav-thumb{border-radius:23px}.glass-nav-track>button svg{width:24px;height:24px}}@media(prefers-reduced-motion:reduce){.glass-nav-thumb,.glass-nav-track>button{transition:none!important}.glass-nav.is-dragging .glass-nav-thumb{scale:1}.glass-nav.is-dragging .glass-nav-track>button.active>svg{transform:none}}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.glass-nav{background:#f8f8f4;backdrop-filter:none;-webkit-backdrop-filter:none}.glass-nav-thumb{background:#e9e9e4;border-color:#b7b9af;box-shadow:none}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass-nav{background:#f8f8f4}.glass-nav-thumb{background:#e9e9e4}}@media(forced-colors:active){.glass-nav{background:Canvas;border-color:CanvasText;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.glass-nav-thumb{background:Highlight;border:2px solid Highlight;box-shadow:none}.glass-nav-track>button{color:CanvasText;forced-color-adjust:none}.glass-nav-track>button.active{color:HighlightText}.glass-nav-track>button:focus-visible{outline-color:Highlight}}.hydration-figure{--hydration-size: clamp(320px, 44vw, 390px);width:100%;height:var(--hydration-size);display:grid;place-items:center;isolation:isolate;contain:layout style}.hydration-figure>svg{display:block;height:var(--hydration-size);width:auto;max-width:100%;overflow:visible}.hydration-figure--compact{--hydration-size: clamp(190px, 24vw, 240px)}.hydration-ground{fill:#8ca7b5;opacity:.13}.hydration-level{transition:transform .9s cubic-bezier(.22,.68,.2,1)}.hydration-shell{stroke:#b8d8e5;stroke-width:.6}.hydration-wave{animation:hydration-wave-pass 2.8s ease-in-out 2}.hydration-refraction{fill:none;stroke:#3d92c2;stroke-width:7;opacity:.085;stroke-linecap:round}.hydration-shine{fill:none;stroke:#fff;stroke-width:3;opacity:.72;stroke-linecap:round}.hydration-shine--soft{stroke-width:1.6;opacity:.5}.hydration-bubble{opacity:0;animation:hydration-rise 1.8s ease-out both}.hydration-bubble--two{animation-delay:.18s}.hydration-bubble--three{animation-delay:.35s}@keyframes hydration-wave-pass{0%,to{transform:translate(0)}50%{transform:translate(60px)}}@keyframes hydration-rise{0%{opacity:0;transform:translateY(8px)}22%{opacity:.65}to{opacity:0;transform:translateY(-32px)}}@media(prefers-reduced-motion:reduce){.hydration-figure *,.hydration-figure *:before,.hydration-figure *:after{animation:none!important;transition:none!important}.hydration-bubbles{display:none}}@media(forced-colors:active){.hydration-figure{forced-color-adjust:none}.hydration-shell{fill:Canvas;stroke:CanvasText}.hydration-water{fill:Highlight}.hydration-outline{stroke:CanvasText}.hydration-wave,.hydration-shine,.hydration-refraction,.hydration-bubbles,.hydration-ground{display:none}}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-synthesis:none;color:#191a17;background:#f5f4f0;--paper: #f5f4f0;--ink: #191a17;--red: #be342c;--muted: #65675e;--line: #dedfd7;--ease: cubic-bezier(.2, .75, .25, 1)}*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overscroll-behavior:none}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer;user-select:none;-webkit-user-select:none;border:0;transition:background .16s,color .16s,transform .16s}button:disabled{cursor:default;opacity:.45}button:active:not(:disabled){transform:scale(.975)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--red);outline-offset:4px}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:560}h1{letter-spacing:-2.5px}h2{letter-spacing:-.7px}p{line-height:1.55}svg{flex-shrink:0}button svg{pointer-events:none}input,textarea,select{min-width:0;width:100%;font-size:17px;padding:14px 15px;min-height:52px;background:#fffefa;border:1px solid #d9dcd1;border-radius:12px}input::placeholder,textarea::placeholder{font-size:16px;color:#71766a}textarea{resize:vertical}.btn{min-height:50px;padding:13px 19px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--ink);border-radius:14px;background:var(--ink);color:#fff;font-weight:550;font-size:16px}.btn.secondary{background:transparent;border-color:#cfd3c5;color:var(--ink)}.text-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:7px 0;background:transparent;font-size:16px;font-weight:500}.icon-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border-radius:12px;position:relative;flex:0 0 44px}.muted,.fine-print{font-size:16px;color:var(--muted);line-height:1.65}.fine-print{margin-top:20px}.red,.danger{color:var(--red)}.eyebrow{font-size:14px;color:#62675a;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:#fff;padding:15px}.skip-link:focus{top:15px}.app-shell{min-height:100dvh}.main-wrap{max-width:1320px;margin:0 auto}.topbar{height:116px;display:flex;align-items:center;justify-content:space-between;padding:0 42px}.brand{display:flex;align-items:center;gap:10px;background:transparent;text-decoration:none;padding:0;color:var(--ink);font-size:40px;letter-spacing:-2px;line-height:1}.brand strong{font-weight:650}.brand strong>span,.brand-dot{color:var(--red)}.brand svg{transition:transform .7s cubic-bezier(.2,.85,.25,1.15)}.brand.spinning svg{transform:rotate(360deg)}.brand-dot{width:7px;height:7px;background:var(--red);border-radius:50%;margin-left:-6px;align-self:flex-end}.header-tools{display:flex;align-items:center;gap:15px}.sync-state{font-size:14px;color:#62675b}.sync-state.warning{color:#8b562d}.notification-dot{position:absolute;right:8px;top:8px;width:6px;height:6px;border:1px solid var(--paper);border-radius:50%;background:var(--red)}.main-content{padding:26px 42px 65px;animation:page-appear .22s var(--ease)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:30px}.page-heading h1{font-size:52px;line-height:1.12;letter-spacing:-2.5px}.page-heading p{font-size:17px;color:var(--muted);margin-top:10px;text-transform:capitalize}.page-heading>.btn{white-space:nowrap}.back-profile{color:#64695a;margin-top:-12px;margin-bottom:13px}.date-bar{display:flex;align-items:center;gap:10px;margin-bottom:34px;padding:11px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.week-days{display:flex;gap:7px;min-width:0;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}.week-days::-webkit-scrollbar{display:none}.week-days>button{width:56px;height:66px;flex:0 0 56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:transparent;border-radius:15px;scroll-snap-align:center;position:relative;font-variant-numeric:tabular-nums}.week-days>button>span{font-size:14px;color:#61665a}.week-days strong{font-size:19px;font-weight:550}.week-days>button.selected{background:var(--ink);color:#fff}.week-days>button.selected>span{color:#d4d7cc}.week-days>button.is-today:not(.selected):after{content:"";position:absolute;bottom:5px;width:4px;height:4px;border-radius:50%;background:var(--red)}.month-label{margin-left:auto;white-space:nowrap;font-size:14px;color:var(--muted)}.today-btn{font-size:16px;color:var(--red);min-height:44px;padding:6px;background:transparent}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:34px;align-items:start}.dashboard-left,.dashboard-right{min-width:0}.water-hero{background:linear-gradient(155deg,#f4fafb,#e7f1f6);border:1px solid #dbe9ee;border-radius:28px;padding:24px 26px 21px;overflow:hidden}.water-heading{display:flex;align-items:center;justify-content:space-between}.water-heading h2{font-size:27px}.water-heading .icon-btn{color:#466b7e;margin-right:-8px}.water-core{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:10px;align-items:center;min-height:230px}.water-number{min-width:0;position:relative;z-index:1}.water-number>strong{font-size:76px;font-weight:500;letter-spacing:-4px;font-variant-numeric:tabular-nums;line-height:1.05;white-space:nowrap;display:block}.water-number>strong>span{font-size:28px;color:#526d7b;margin-left:7px;letter-spacing:-.7px}.water-number>p{font-size:18px;color:#526b76;margin-top:9px}.water-left{display:block;font-size:16px;color:#2c5267;margin-top:20px}.water-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:6px}.water-actions>button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:52px;flex:1 1 110px;padding:13px 14px;border:1px solid #cadde6;background:#fbfdfee8;color:#244659;border-radius:15px;font-size:17px;font-weight:500;min-width:0;white-space:nowrap}.water-actions>button>small{display:none}.water-actions>.water-custom{flex:0 0 52px}.water-detail-link{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:19px 0 0;margin-top:16px;border-top:1px solid #cddfe6;background:transparent;font-size:16px;color:#375a6d}.section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.section-title h2{font-size:27px;line-height:1.2}.section-title .text-btn{font-size:16px;white-space:nowrap}.tasks-section{padding-top:32px}.section-summary{font-size:16px;color:var(--muted);margin:-8px 0 12px}.task-row{display:flex;align-items:center;gap:15px;padding:21px 0;min-height:90px;border-bottom:1px solid var(--line)}.check-btn{height:30px;width:30px;display:grid;place-items:center;position:relative;border:1.5px solid #bfc6b2;border-radius:50%;background:transparent;flex:0 0 30px}.check-btn:before{content:"";position:absolute;inset:-8px}.completed .check-btn{background:#303a25;border-color:#303a25;color:#fff}.task-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:9px;text-align:left;background:transparent;padding:0}.task-content>span{font-size:18px;font-weight:500;line-height:1.45;overflow-wrap:anywhere}.task-content>small{font-size:14px;color:var(--muted);display:flex;align-items:center;gap:7px}.completed .task-content>span{text-decoration:line-through;color:#72796a}.task-edit{color:#6b7560}.empty{padding:26px 8px 30px;text-align:center}.empty-symbol{font-size:26px;color:#849271;display:block;margin-bottom:12px}.empty h3{font-size:20px;line-height:1.4;font-weight:500;letter-spacing:-.3px}.empty p{font-size:16px;color:#656c5c;line-height:1.6;max-width:330px;margin:9px auto 0}.empty .btn{margin-top:20px}.habit-row{display:flex;align-items:center;gap:13px;padding:19px 0;border-bottom:1px solid var(--line)}.habit-info{flex:1;min-width:0}.habit-info>strong{font-size:18px;font-weight:500;display:block;line-height:1.5;overflow-wrap:anywhere}.habit-info>span{display:block;margin-top:8px;font-size:14px;color:var(--muted)}.habit-check{width:38px;height:38px;display:grid;place-items:center;border:1px solid #cbd1c1;border-radius:50%;color:#67775a;background:transparent;position:relative;flex:0 0 38px}.habit-check:before{content:"";position:absolute;inset:-4px}.habit-check.checked{background:var(--red);border-color:var(--red);color:#fff}.inline-add{display:flex;gap:8px;align-items:center;background:transparent;padding:16px 0;font-size:16px;color:#616d54;min-height:48px}.habit-week{display:flex;gap:7px}.habit-week>button{width:42px;height:42px;border:1px solid #cdd5c1;border-radius:50%;display:grid;place-items:center;font-size:14px;background:transparent;color:#57664a;flex-shrink:0}.habit-week>button.current{border-color:#687958}.habit-week>button.checked{background:var(--red);border-color:var(--red);color:#fff}.checkin-card{margin-top:25px;margin-bottom:25px;padding:0;border-radius:22px;background:#eaece4}.checkin-open{display:flex;align-items:center;gap:14px;width:100%;padding:22px;text-align:left;background:transparent;border-radius:22px}.checkin-open>span:nth-child(2){flex:1;min-width:0}.checkin-open strong{display:block;font-size:22px;font-weight:550;letter-spacing:-.4px}.checkin-open>span>span{display:block;margin-top:7px;font-size:16px;color:#606c55}.checkin-glyph{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;font-size:34px;color:#5e744e;border:1px solid #c9d2bf;border-radius:50%;background:#f6f8f1}.checkin-open>svg{color:#5f6f52}.component-placeholder{height:180px;border-radius:24px;background:#eceee5;display:flex;align-items:center;justify-content:center;color:#606b54;font-size:16px}.water-page-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;align-items:start}.water-hero.full{padding:26px}.water-hero.full .water-core{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:365px}.water-hero.full .hydration-figure{--hydration-size: 350px}.water-hero.full .water-number>strong{font-size:78px}.water-figure-caption{font-size:16px!important;margin-top:20px!important;color:#345c70!important}.vessels-section>.muted{margin:-6px 0 22px}.vessels-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vessel{display:flex;flex-direction:column;align-items:center;min-width:0;padding:24px 16px 12px;border:1px solid var(--line);border-radius:20px;background:#f8f8f3}.vessel>svg{color:#677b58;margin-bottom:16px}.vessel>img{width:62px;height:62px;border-radius:14px;object-fit:cover;margin-bottom:16px}.vessel>strong{font-size:18px;font-weight:500;overflow-wrap:anywhere;text-align:center}.vessel>span{font-size:16px;color:#606c55;margin-top:8px}.vessel>div{display:flex;align-items:center;justify-content:space-between;align-self:stretch;margin-top:14px}.vessel .text-btn{font-size:16px}.vessel-add{justify-content:center;min-height:210px;background:transparent}.vessel-add>span{color:#536548}.history-section{margin-top:36px}.history-row{display:flex;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.history-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid #d4ddca;border-radius:50%;color:#627c4e;flex-shrink:0}.history-row>div{flex:1;min-width:0}.history-row strong{font-size:20px;font-weight:550}.history-row small{display:block;font-size:16px;margin-top:5px;color:#626e56}.history-row time{font-size:16px;color:#626e56}.wide-panel .panel-label{display:flex;justify-content:space-between;gap:14px;font-size:16px;color:#626d57;border-bottom:1px solid var(--line);padding:14px 0}.reminder-note{display:flex;gap:16px;align-items:flex-start;padding:23px;background:#eaeee3;border-radius:20px;margin-top:28px;color:#596b4a}.reminder-note>p{font-size:16px;flex:1}.reminder-note>p>span{font-size:16px;color:#606e53}.reminder-note>.text-btn{font-size:16px}.profile-identity{display:flex;align-items:center;gap:20px;margin:0 0 30px}.avatar{width:70px;height:70px;border-radius:24px;display:grid;place-items:center;font-size:29px;font-weight:600;background:#e2e6d8;color:#48583b;flex-shrink:0}.profile-identity h2{font-size:31px;letter-spacing:-1px;overflow-wrap:anywhere}.profile-identity p{font-size:16px;color:#626c56;margin-top:6px}.profile-hub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:36px}.profile-hub>button{display:flex;align-items:center;gap:14px;text-align:left;background:#faf9f5;padding:22px;border:1px solid var(--line);border-radius:22px}.profile-hub>button>span:nth-child(2){flex:1;min-width:0}.profile-hub strong{font-size:20px;font-weight:550;display:block;letter-spacing:-.4px}.profile-hub small{display:block;font-size:14px;color:#626b56;line-height:1.5;margin-top:6px}.hub-icon{height:49px;width:49px;border-radius:16px;display:grid;place-items:center;background:#e9ecdf;color:#52683f;flex-shrink:0}.hub-college{background:#eee4dc;color:#8d5939}.hub-insights{background:#e7e5ef;color:#625681}.profile-hub>button>svg{color:#6c775f}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}.settings-card{padding:28px;border:1px solid var(--line);border-radius:24px;background:#f9f8f3;min-width:0}.settings-card h2{font-size:26px;margin-bottom:24px}.settings-card>svg{color:#6a7e58;margin-bottom:16px}.settings-card>p{font-size:16px;color:#626c56}.settings-card .text-btn{margin-top:12px}.settings-right{display:grid;gap:26px}.status-line{display:flex;align-items:center;gap:8px;font-size:16px;color:#5d6e4e;margin:18px 0}.status-line>i{height:7px;width:7px;border-radius:50%;background:#7d8d6e}.data-card{grid-column:1/-1;display:flex;align-items:center;gap:22px}.data-card>div{flex:1}.data-card h2{font-size:23px;margin-bottom:8px}.data-card p{font-size:16px;color:#656d5b}.logout{color:#8d3a31}.college-source{display:flex;align-items:center;gap:20px;padding:25px;border-radius:24px;background:#e9eae3;margin-bottom:30px}.college-badge{height:74px;width:66px;border-radius:19px;background:#34452a;color:#e6eddc;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px;letter-spacing:1px;flex-shrink:0}.college-badge strong{font-size:29px;font-weight:500;letter-spacing:-.5px}.college-source h2{font-size:28px;margin:5px 0}.college-source p{font-size:16px;color:#5e6754}.college-source .eyebrow{display:none}.status-tag{margin-left:auto;white-space:nowrap;background:#dbe1ce;color:#536545;font-size:14px;padding:10px 13px;border-radius:11px}.college-sync{display:flex;align-items:flex-start;gap:14px;padding:24px;border:1px solid #d9d8cc;background:#efeee7;border-radius:22px}.college-sync>svg{color:#86653b;margin-top:3px}.college-sync>div{min-width:0;flex:1}.college-sync h2{font-size:21px;letter-spacing:-.5px;margin-bottom:9px}.college-sync p{font-size:16px;color:#5f6756;line-height:1.65}.college-sync.healthy{background:#e9eee3;border-color:#d0dac4}.college-sync.healthy>svg{color:#5b7347}.college-sync-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px 18px;margin:17px 0 25px}.college-sync-meta>span{display:flex;align-items:center;gap:7px;font-size:14px;line-height:1.5;color:#5e6b53}.college-day-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}.college-day-tabs>button{font-size:16px;min-height:48px;padding:12px 16px;background:transparent;border:1px solid #cbd4c0;border-radius:13px;text-transform:capitalize}.college-day-tabs>button.active{background:var(--ink);border-color:var(--ink);color:#fff}.college-feed{margin-bottom:35px}.college-feed .section-title h2{text-transform:capitalize}.snapshot-lessons{border-top:1px solid var(--line)}.snapshot-lesson{display:flex;align-items:center;gap:18px;padding:23px 0;border-bottom:1px solid var(--line)}.period-number{font-size:16px;color:#637252;min-width:24px}.snapshot-lesson time{font-size:16px;color:#ad342c;min-width:115px}.snapshot-lesson>div{flex:1;min-width:0}.snapshot-lesson strong{display:block;font-size:18px;font-weight:550;line-height:1.5;overflow-wrap:anywhere}.snapshot-lesson p{font-size:16px;color:#606f53;margin-top:6px}.room-label{font-size:16px;line-height:1.5;max-width:150px;text-align:right;color:#606f53}.college-primary-source{margin-right:22px}.college-no-lessons{padding:26px 0;font-size:17px;color:#5b6a4e}.college-fetch-error{font-size:16px;color:#a9332a;margin:15px 0}.sync-refresh{font-size:16px;white-space:nowrap;min-height:45px;padding:10px 14px}.schedule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:22px}.schedule-day{padding:22px;border:1px solid var(--line);border-radius:20px;min-height:135px}.schedule-day>h3{display:flex;align-items:center;justify-content:space-between;font-size:22px;padding-bottom:12px}.schedule-day>h3>span{font-size:14px;color:#657658;font-weight:400}.no-lessons{font-size:16px;color:#67775b;margin-top:10px}.lesson{position:relative;padding:16px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.lesson time{font-size:16px;color:#ad342c}.lesson strong{font-size:17px;font-weight:550;line-height:1.5;padding-right:25px;overflow-wrap:anywhere}.lesson>span{font-size:16px;color:#66765a}.lesson .icon-btn{position:absolute;right:-12px;bottom:0}.insight-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:26px;align-items:start}.weekly-chart{padding:28px;border:1px solid var(--line);border-radius:24px;background:#f8f8f1}.chart{height:260px;display:flex;gap:12px;margin-top:30px}.chart-col{flex:1;min-width:0;display:flex;align-items:center;flex-direction:column;gap:13px}.chart-col>span{font-size:14px;color:#5e6e50;white-space:nowrap}.chart-track{height:185px;width:70%;background:#e3e8d9;border-radius:10px;position:relative;overflow:hidden}.chart-track>i{position:absolute;bottom:0;width:100%;min-height:2px;background:#a5b58f;border-radius:10px}.chart-col.current .chart-track>i{background:var(--red)}.chart-col>small{font-size:14px;color:#5e6c52}.chart-legend{display:flex;align-items:center;gap:8px;font-size:14px;color:#5b6c4c;margin-top:24px}.chart-legend>i{width:6px;height:6px;border-radius:50%;background:var(--red)}.chart-legend>span{margin-left:auto}.wellbeing-section{margin-top:34px}.checkin-history>div{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:23px 0;border-bottom:1px solid var(--line)}.checkin-history time{font-size:17px;flex:1}.checkin-history>div>span{font-size:16px;color:#5c6e4d}.checkin-history strong{color:#364b27;font-weight:600;margin-left:5px}.checkin-history p{width:100%;font-size:17px;overflow-wrap:anywhere}.modal{position:fixed;width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:28px;border:1px solid #e4e6dc;border-radius:27px;background:var(--paper);color:var(--ink);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 25px 100px #17191525}.modal::backdrop{background:#12170f60}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.modal-head h2{font-size:27px;letter-spacing:-.9px;line-height:1.3}.modal-head .icon-btn{margin-right:-8px}.modal form>.muted{margin-bottom:25px}form label{display:flex;flex-direction:column;gap:10px;font-size:16px;font-weight:500;color:#536348;margin-bottom:21px}form>.btn{width:100%;margin-top:11px}form>.fine-print{margin:13px 0;font-size:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.toggle-label{flex-direction:row;justify-content:space-between;align-items:center;min-height:48px;margin-bottom:0}.toggle-label>span{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:16px}.toggle-label>input{width:22px;height:22px;min-height:0;accent-color:var(--red)}.file-label>input{font-size:16px;padding:12px}.quick-amounts{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.quick-amounts>button{font-size:16px;min-height:46px;padding:10px 13px;border:1px solid #cad3bf;border-radius:12px;background:transparent;flex:1;white-space:nowrap}.install-instructions>div{padding:10px 0 23px}.install-instructions>div>span{font-size:14px;color:#5c7050}.install-instructions h3{font-size:23px;margin:10px 0}.install-instructions p{font-size:17px;line-height:1.65;color:#576a4b}.install-instructions>.fine-print{font-size:16px;margin-bottom:22px}.install-instructions>.btn{width:100%}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:14px;background:#252b20;color:#f5f7ed;border:1px solid #536346;border-radius:17px;padding:16px 20px;max-width:min(540px,calc(100% - 32px));font-size:16px;line-height:1.5;box-shadow:0 8px 30px #0002;width:max-content}.toast>button{background:transparent;color:#d3ddc5;display:grid;place-items:center;min-width:32px;min-height:32px;border-radius:8px}.offline-banner{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.5;background:#eee4cd;color:#70572d;padding:18px 20px;border-radius:16px;margin-bottom:25px}.auth-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;padding:30px;text-align:center}.auth-screen h1{font-size:54px}.auth-screen p{font-size:17px;color:#62734f;max-width:400px}.loading-mark{animation:loading-mark 1.4s ease-in-out infinite}.auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh}.auth-art{padding:60px;display:flex;flex-direction:column;align-items:flex-start;background:#191c16;color:#f3f4ed;overflow:hidden}.auth-art>h1{font-size:clamp(40px,4vw,63px);font-weight:500;letter-spacing:-2px;line-height:1.15;margin:38px 0 10px}.auth-art>h1>span{color:#cb4a3d}.auth-art>p{font-size:17px;color:#b4c29e;margin-top:auto}.auth-orbit{width:260px;height:260px;border:1px solid #657553;border-radius:50%;display:grid;place-items:center;position:relative;margin:45px 0}.auth-orbit:before,.auth-orbit:after{content:"";position:absolute;inset:25px;border:1px solid #394d2b;border-radius:50%}.auth-orbit:after{inset:50px}.auth-orbit>span{font-family:Georgia,serif;font-size:130px;color:#bbc9a5}.auth-orbit>i{position:absolute;width:12px;height:12px;background:var(--red);border-radius:50%;top:26px;right:38px;box-shadow:0 0 0 7px #191c16}.auth-form-wrap{padding:60px;display:flex;flex-direction:column;justify-content:center}.auth-form-wrap>.brand{margin-bottom:60px;font-size:43px}.auth-form{width:100%;max-width:380px;margin:auto}.auth-form h2{font-size:38px;letter-spacing:-1.5px;margin-bottom:14px}.auth-form>p{font-size:17px;color:#647253;margin-bottom:32px}.auth-form .btn{justify-content:space-between}.auth-note{display:block;font-size:16px;line-height:1.6;color:#657452;margin-top:20px}.auth-footer,.auth-form>.eyebrow{display:none}@keyframes page-appear{0%{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes loading-mark{50%{opacity:.45;transform:rotate(25deg)}}@media(hover:hover)and (pointer:fine){.btn:hover{background:#343d2c}.btn.secondary:hover{background:#e8eddf}.text-btn:hover{color:var(--red)}.icon-btn:hover{background:#dbe3cf50}.week-days>button:not(.selected):hover{background:#e7ecdd}.water-actions>button:hover{background:#fff}.profile-hub>button:hover{background:#fff;transform:translateY(-2px)}.habit-check:hover{background:#e7eedc}.task-content:hover{color:var(--red)}.vessel-add:hover{background:#ebf0e2}}@media(min-width:1600px){.main-content{padding-top:40px}.dashboard-grid{gap:44px}.water-core{min-height:255px}.section-title h2{font-size:29px}.task-row{padding:24px 0}.page-heading h1{font-size:58px}}@media(max-width:1100px){.main-content,.topbar{padding-left:30px;padding-right:30px}.dashboard-grid{gap:25px}.water-hero{padding:23px}.water-core{grid-template-columns:minmax(0,1fr) 125px}.water-number>strong{font-size:67px}.water-actions{gap:7px}.water-actions>button{padding:12px 10px;font-size:16px;flex-basis:95px}.profile-hub{gap:11px}.profile-hub>button{padding:20px 15px;gap:10px}.profile-hub small{display:none}.profile-hub strong{font-size:18px}.water-page-grid{gap:24px}.water-hero.full .water-core{min-height:340px}.water-hero.full .hydration-figure{--hydration-size: 325px}.water-hero.full .water-number>strong{font-size:68px}.settings-card{padding:24px}.insight-grid{gap:20px}.weekly-chart{padding:24px}.college-sync{flex-wrap:wrap}.sync-refresh{margin-left:34px}}@media(max-width:900px){.topbar{height:96px;padding:0 26px}.brand{font-size:38px}.brand svg{height:36px;width:36px}.main-content{padding:24px 26px calc(130px + env(safe-area-inset-bottom,0px))}.page-heading h1{font-size:46px}.dashboard-grid{grid-template-columns:1fr;gap:32px}.dashboard-right{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.dashboard-right>.companion-card{grid-column:1/-1}.dashboard-right>.checkin-card{margin:0}.dashboard-right>.component-placeholder{grid-column:1/-1}.water-core{grid-template-columns:minmax(0,1fr) 170px;min-height:230px}.water-number>strong{font-size:79px}.water-actions>button{flex-basis:130px}.water-actions>.water-custom{flex:0 0 54px}.tasks-section{padding-top:28px}.water-page-grid{grid-template-columns:1fr 1fr;gap:24px}.water-hero.full .water-core{grid-template-columns:minmax(0,1fr) 125px}.water-hero.full .water-number>strong{font-size:58px}.water-hero.full .hydration-figure{--hydration-size: 305px}.water-hero.full .water-number>p{font-size:16px}.water-hero.full .water-actions>button{flex-basis:95px}.water-hero.full .water-actions>.water-custom{flex:0 0 52px}.habit-list:not(.compact) .habit-row{flex-wrap:wrap}.habit-list:not(.compact) .habit-info{flex-basis:70%}.habit-week{order:3;width:100%;justify-content:space-between;gap:6px}.habit-week>button{width:44px;height:44px}.insight-grid{grid-template-columns:1fr}.settings-grid{gap:20px;grid-template-columns:1fr}.settings-right{grid-template-columns:1fr 1fr;gap:20px}.data-card{flex-wrap:wrap}.data-card>div{flex-basis:100%}.toast{bottom:calc(100px + env(safe-area-inset-bottom,0px))}.month-label{display:none}.schedule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.snapshot-lesson{flex-wrap:wrap;gap:12px 18px}.snapshot-lesson>div{flex-basis:calc(100% - 42px);margin-left:42px}.room-label{margin-left:42px;text-align:left;max-width:none}.college-sync-meta{display:block}.college-sync-meta>span{margin-top:7px}}@media(max-width:600px){.topbar{height:90px;padding:0 21px;padding-top:env(safe-area-inset-top,0px)}.brand{font-size:36px;gap:7px;letter-spacing:-1.8px}.brand svg{height:35px;width:35px}.header-tools{gap:7px}.sync-state{font-size:14px}.main-content{padding:25px 21px calc(135px + env(safe-area-inset-bottom,0px))}.page-heading{margin-bottom:24px;align-items:center}.page-heading h1{font-size:43px;letter-spacing:-2px}.page-heading p{font-size:16px;line-height:1.4;margin-top:9px}.page-heading>.btn{padding:12px;min-width:48px;min-height:48px;border-radius:50%;flex-shrink:0;gap:0}.page-heading>.btn>span{display:none}.page-heading>.btn:not(.heading-action){font-size:0}.page-heading>.btn:not(.heading-action)>svg{width:21px;height:21px}.date-bar{gap:4px;margin-bottom:24px;padding:10px 0;position:relative}.date-bar>.icon-btn{width:36px;flex-basis:36px}.week-days{gap:5px}.week-days>button{width:45px;flex-basis:45px;height:63px;border-radius:14px}.week-days strong{font-size:18px}.week-days>button>span{font-size:14px}.today-btn{position:absolute;right:0;top:-46px;background:var(--paper);padding:7px 0 7px 10px;min-height:34px}.dashboard-grid{gap:29px}.dashboard-right{display:block}.water-hero{padding:22px 22px 20px;border-radius:25px}.water-heading h2{font-size:25px}.water-core{grid-template-columns:minmax(0,1fr) 130px;gap:8px;min-height:218px}.water-core .hydration-figure{--hydration-size: 211px}.water-number>strong{font-size:69px;letter-spacing:-3.8px}.water-number>strong>span{font-size:26px;letter-spacing:-.7px}.water-number>p{font-size:17px;margin-top:8px}.water-left{font-size:16px;line-height:1.4;margin-top:19px}.water-actions{gap:7px;margin-top:8px}.water-actions>button{min-height:51px;flex:1 1 90px;padding:12px 10px;font-size:16px}.water-actions>.water-custom{flex:0 0 49px}.water-detail-link{font-size:16px;padding-top:18px;margin-top:17px}.tasks-section{padding-top:29px}.section-title h2{font-size:26px}.section-title .text-btn{font-size:16px}.section-title{gap:10px;margin-bottom:12px}.task-row{padding:20px 0;gap:13px;min-height:91px}.task-content>span{font-size:18px}.task-content>small{font-size:14px;gap:6px;flex-wrap:wrap}.task-edit{width:34px;flex-basis:34px}.check-btn{height:28px;width:28px;flex-basis:28px}.habit-info>strong{font-size:18px}.habit-row{padding:20px 0}.checkin-card{margin:25px 0!important}.checkin-open{padding:21px;gap:12px}.checkin-open strong{font-size:21px}.checkin-open>span>span{font-size:16px;line-height:1.5}.checkin-glyph{height:43px;width:43px;flex-basis:43px;font-size:30px}.checkin-open>svg{width:20px}.empty{padding:24px 8px 28px}.empty h3{font-size:20px}.empty p{font-size:16px}.empty-symbol{margin-bottom:10px}.water-page-grid{grid-template-columns:1fr;gap:32px}.water-hero.full{padding:24px 24px 22px}.water-hero.full .water-core{grid-template-columns:minmax(0,1fr) 160px;min-height:335px;gap:3px}.water-hero.full .hydration-figure{--hydration-size: 322px}.water-hero.full .water-number>strong{font-size:65px}.water-hero.full .water-number>p{font-size:17px}.water-hero.full .water-actions>button{flex-basis:115px}.water-hero.full .water-actions>.water-custom{flex-basis:51px}.water-figure-caption{font-size:16px!important;line-height:1.5}.vessels-grid{gap:11px}.vessel{padding:22px 14px 12px;border-radius:20px}.vessel>strong{font-size:18px}.vessel>span{font-size:16px}.vessel-add{min-height:210px}.vessel>div{gap:4px}.vessel .icon-btn{flex-basis:36px;width:36px}.history-section{margin-top:32px}.history-row{gap:11px}.history-row time{font-size:14px}.history-row .icon-btn{width:34px;flex-basis:34px}.history-icon{width:40px;height:40px}.history-row strong{font-size:20px}.history-row small,.history-section .fine-print{font-size:16px}.habit-week{gap:5px}.habit-week>button{width:39px;height:39px}.habit-list:not(.compact) .habit-info{flex-basis:65%}.reminder-note{padding:21px;gap:12px;flex-wrap:wrap}.reminder-note>p{min-width:calc(100% - 40px)}.reminder-note>.text-btn{margin-left:30px}.profile-identity{margin-bottom:26px}.avatar{width:67px;height:67px;border-radius:24px}.profile-identity h2{font-size:28px}.profile-hub{grid-template-columns:1fr;gap:12px;margin-bottom:30px}.profile-hub>button{padding:21px;gap:16px}.profile-hub strong{font-size:20px}.profile-hub small{display:block;font-size:14px}.profile-hub .hub-icon{height:50px;width:50px}.settings-grid{gap:20px}.settings-right{grid-template-columns:1fr;gap:20px}.settings-card{padding:24px;border-radius:23px}.settings-card h2{font-size:25px}.settings-card>p,.settings-card .fine-print{font-size:16px}.data-card{gap:15px}.data-card>.btn{flex:1}.data-card .text-btn{font-size:16px}.back-profile{margin-top:-9px;margin-bottom:15px}.college-source{padding:22px;gap:15px;flex-wrap:wrap;border-radius:23px;margin-bottom:26px}.college-source>div:nth-child(2){min-width:0;flex:1}.college-source h2{font-size:27px}.college-source p{font-size:16px}.college-badge{height:68px;width:62px}.status-tag{margin-left:77px;font-size:14px;white-space:normal;padding:8px 11px}.college-sync{padding:21px;gap:12px;border-radius:22px;flex-wrap:wrap}.college-sync>div{flex-basis:calc(100% - 35px)}.college-sync h2{font-size:20px}.college-sync p{font-size:16px}.sync-refresh{margin-left:32px;font-size:16px}.college-sync-meta>span{font-size:14px}.college-day-tabs{gap:8px}.college-day-tabs>button{font-size:16px;padding:11px 13px}.college-feed .section-title h2{font-size:25px}.snapshot-lesson{padding:23px 0;gap:11px 14px}.snapshot-lesson time{font-size:16px;min-width:0}.period-number{min-width:23px}.snapshot-lesson>div{margin-left:37px;flex-basis:calc(100% - 37px)}.snapshot-lesson strong{font-size:18px}.snapshot-lesson p{font-size:16px}.room-label{font-size:16px;margin-left:37px}.college-primary-source{display:flex;margin-right:0}.schedule-grid{grid-template-columns:1fr;gap:13px}.schedule-day{padding:23px;border-radius:20px}.schedule-day>h3{font-size:23px}.lesson>strong{font-size:18px}.lesson>span,.lesson time{font-size:16px}.weekly-chart{padding:24px 20px;border-radius:24px}.weekly-chart .section-title h2{font-size:25px}.chart{gap:7px;height:243px}.chart-track{width:78%;height:173px;border-radius:8px}.chart-col>span,.chart-col>small{font-size:14px}.chart-legend{font-size:14px;gap:6px;flex-wrap:wrap}.chart-legend>span{margin-left:auto}.checkin-history>div{gap:13px}.checkin-history time{flex-basis:100%}.checkin-history>div>span{font-size:16px}.checkin-history p{font-size:17px}.wellbeing-section .section-title{flex-wrap:wrap}.modal{width:100%;max-width:600px;max-height:calc(100dvh - 24px);inset:auto 0 0;margin:auto auto 0;border-radius:27px 27px 0 0;padding:25px 23px calc(28px + env(safe-area-inset-bottom,0px));animation:sheet-appear .22s var(--ease)}.modal-head h2{font-size:26px}.modal input,.modal textarea,.modal select{font-size:17px}.modal .fine-print{font-size:16px}.quick-amounts>button{font-size:16px;padding:10px 11px}.toast{font-size:16px;padding:14px 16px;border-radius:16px;width:max-content;bottom:calc(100px + env(safe-area-inset-bottom,0px))}.offline-banner{padding:17px;font-size:16px}.auth-layout{display:block}.auth-art{display:none}.auth-form-wrap{min-height:100dvh;padding:35px 27px calc(35px + env(safe-area-inset-bottom,0px))}.auth-form-wrap>.brand{font-size:43px;margin-bottom:65px}.auth-form h2{font-size:37px}.auth-form>p,.auth-note{font-size:17px}.auth-form{max-width:420px}.auth-form .btn{min-height:54px}}@media(max-width:365px){.topbar,.main-content{padding-left:17px;padding-right:17px}.page-heading h1{font-size:39px;letter-spacing:-1.9px}.page-heading p{font-size:16px;max-width:210px}.brand{font-size:35px}.water-hero{padding:20px 18px}.water-core{grid-template-columns:minmax(0,1fr) 104px;gap:4px;min-height:211px}.water-core .hydration-figure{--hydration-size: 200px}.water-number>strong{font-size:60px;letter-spacing:-3px}.water-number>strong>span{font-size:24px;margin-left:5px}.water-number>p,.water-left{font-size:16px}.water-actions>button{flex-basis:90px;padding:11px 8px;gap:5px}.water-actions>.water-custom{flex-basis:44px}.water-actions>button svg{width:16px}.section-title h2{font-size:24px}.section-title .text-btn{font-size:16px;gap:4px}.water-hero.full{padding:21px 18px}.water-hero.full .water-core{grid-template-columns:minmax(0,1fr) 127px;min-height:305px}.water-hero.full .hydration-figure{--hydration-size: 292px}.water-hero.full .water-number>strong{font-size:57px}.water-hero.full .water-number>p{font-size:16px}.vessels-grid{gap:9px}.vessel{padding:20px 10px 10px}.vessel>strong{font-size:17px}.vessel>div{flex-wrap:wrap}.vessel .text-btn{font-size:16px;gap:3px}.vessel .icon-btn{flex-basis:32px;width:32px}.habit-week{gap:3px}.habit-week>button{width:33px;height:36px;font-size:14px}.history-icon{width:35px;height:35px}.history-row{gap:9px}.history-row .icon-btn{width:30px;flex-basis:30px}.history-row small{font-size:16px}.checkin-open{padding:18px;gap:10px}.checkin-glyph{width:38px;height:38px;flex-basis:38px}.checkin-open strong{font-size:20px}.checkin-open>svg{width:18px}.profile-hub>button{padding:19px 17px;gap:13px}.profile-hub strong{font-size:20px}.settings-card{padding:22px 20px}.form-row{gap:10px}input[type=date]{padding:12px 6px}.modal{padding-left:20px;padding-right:20px}.quick-amounts{gap:6px}.quick-amounts>button{padding:10px 9px}.college-source{padding:20px;gap:13px}.college-source>div:nth-child(2){flex-basis:60%}.status-tag{margin-left:0}.college-sync{padding:20px 17px}.college-sync h2{font-size:20px}.college-day-tabs>button{font-size:16px;padding:10px 12px}.weekly-chart{padding:23px 17px}.chart{gap:5px}.chart-col>span{font-size:14px}.checkin-history strong{margin-left:3px}.install-instructions p{font-size:16px}}@keyframes sheet-appear{0%{opacity:.6;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.brand.spinning svg{transform:none}.main-content{animation:none}.glass-nav-thumb{will-change:auto}}@media(prefers-contrast:more){:root{--muted: #42483b;--line: #858e7a}.water-hero,.settings-card,.college-source,.checkin-card{border:1px solid #758267}}@media(forced-colors:active){body,.water-hero,.settings-card,.checkin-card,.college-source,.college-sync,.weekly-chart,.vessel{background:Canvas;color:CanvasText;border:1px solid CanvasText}.btn,.week-days>button.selected,.college-day-tabs>button.active{background:Highlight;color:HighlightText;border-color:Highlight}.week-days>button.selected>span{color:HighlightText}.water-number>p,.water-left,.fine-print,.muted{color:CanvasText}.notification-dot{background:Highlight}.glass-nav{box-shadow:none}}.schedule-day>h3>span,.no-lessons{color:#586749}
