:root{--bg:#0b0e0c;--panel:#151a17;--panel2:#1b201c;--line:#303932;--lime:#c6ff31;--lime2:#9bd420;--text:#f4f5ed;--muted:#929b91;--display:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;--body:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:14px}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:3px}::selection{background:var(--lime);color:#101310}.site-shell{overflow:hidden}.section-wrap{max-width:1352px;padding-left:40px;padding-right:40px;margin:0 auto}
.site-header{height:82px;padding:0 max(40px,calc((100vw - 1272px)/2));display:flex;align-items:center;justify-content:space-between;background:#0d110e;border-bottom:1px solid #2c332e;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:38px;height:38px;border:2px solid var(--lime);color:var(--lime);display:grid;place-items:center;transform:skew(-8deg)}.brand-mark svg{width:22px;height:22px}.brand-wordmark{font-family:var(--display);font-size:25px;font-weight:900;line-height:.79;letter-spacing:-.2px}.brand-wordmark span{display:block;color:var(--lime);font-size:20px;letter-spacing:1.4px;margin-top:5px}.desktop-nav{display:flex;gap:39px;margin-left:50px}.desktop-nav a{font-size:11px;font-weight:800;letter-spacing:1.7px;transition:color .2s}.desktop-nav a:hover{color:var(--lime)}.nav-cta{height:42px;padding:0 20px;border:1px solid var(--lime);background:transparent;color:var(--lime);font:800 12px var(--body);letter-spacing:.7px;transition:.2s}.nav-cta:hover{background:var(--lime);color:#10130e}.nav-cta span{margin-left:16px;font-size:18px}
.hero{min-height:602px;position:relative;isolation:isolate;background:#101612}.hero-image{position:absolute;z-index:-3;inset:0;background-image:url('assets/hero-gym.png');background-size:cover;background-position:center center;filter:saturate(.8) contrast(1.14)}.hero:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(7,11,8,.98) 0%,rgba(7,11,8,.92) 27%,rgba(7,11,8,.55) 53%,rgba(7,11,8,.2) 100%),linear-gradient(0deg,rgba(7,11,8,.65),transparent 45%)}.hero-noise{position:absolute;inset:0;z-index:-1;opacity:.12;pointer-events:none;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(255,255,255,.1) 4px);mix-blend-mode:overlay}.hero-inner{max-width:1352px;padding:76px 40px 40px;margin:0 auto;position:relative}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2.4px;color:var(--lime);display:flex;align-items:center;gap:10px;margin-bottom:24px}.eyebrow-square{width:9px;height:9px;background:var(--lime);transform:rotate(45deg)}.hero h1{font:900 clamp(86px,9.7vw,142px)/.78 var(--display);letter-spacing:-2.4px;margin:0;text-transform:uppercase;max-width:840px;text-shadow:0 4px 22px #070a08}.hero h1 span{color:var(--lime)}.hero p{max-width:442px;font-size:15px;color:#d0d5cd;line-height:1.75;margin:29px 0 22px}.hero-actions{display:flex;align-items:center;gap:30px}.button-primary{border:0;background:var(--lime);color:#10140d;font:900 15px var(--display);letter-spacing:1.1px;padding:16px 20px;min-width:210px;text-align:left;transform:skew(-5deg);transition:filter .2s,transform .2s}.button-primary:hover{filter:brightness(1.13);transform:skew(-5deg) translateY(-2px)}.button-primary span{float:right;font-size:21px;line-height:.6}.text-link{font-size:11px;font-weight:900;letter-spacing:1.4px;padding-bottom:5px;border-bottom:1px solid #adb5aa}.text-link span{color:var(--lime);padding-left:11px}.hero-meta{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:1.5px;font-weight:800;color:#bbc3b7;margin-top:44px}.hero-meta .dot{width:4px;height:4px;border-radius:50%;background:var(--lime)}.hero-stamp{position:absolute;right:6%;bottom:25px;width:132px;height:132px;border:2px dashed rgba(214,255,122,.65);border-radius:50%;display:grid;place-items:center;transform:rotate(13deg);opacity:.8}.hero-stamp>span{font:900 25px/.82 var(--display);letter-spacing:1px;text-align:center}.stamp-asterisk{color:var(--lime);font-size:30px;margin-left:4px}
.marquee-bar{height:42px;background:var(--lime);color:#11180d;overflow:hidden;display:flex;align-items:center;transform:rotate(-.5deg);width:101%;margin:-2px 0 0 -.5%;position:relative;z-index:2}.marquee-bar>div{font:900 21px var(--display);letter-spacing:1.7px;white-space:nowrap;word-spacing:15px}.marquee-bar b{font-size:16px;margin:0 16px}
.dashboard{padding-top:79px;padding-bottom:86px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:27px}.section-kicker{font-size:10px;font-weight:900;letter-spacing:2px;color:var(--lime);margin-bottom:9px;display:flex;align-items:center;gap:11px}.kicker-line{display:inline-block;background:var(--lime);width:23px;height:2px}.section-heading h2{font:900 clamp(47px,5vw,70px)/.9 var(--display);letter-spacing:-.4px;margin:0}.section-heading h2 em{font-style:normal;color:var(--lime)}.live-pill{font-size:10px;letter-spacing:1.3px;font-weight:800;color:#c7d3c0;border:1px solid #3a4739;padding:11px 14px;display:flex;align-items:center;gap:9px;margin-bottom:5px}.pulse{width:8px;height:8px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 4px rgba(198,255,49,.1)}.stat-grid{display:grid;grid-template-columns:1.55fr 1fr 1fr;gap:14px}.stat-card{min-width:0;min-height:310px;padding:24px;border:1px solid #3a453a;background:var(--panel);position:relative}.stat-topline{display:flex;align-items:center;justify-content:space-between;font:900 12px var(--body);letter-spacing:1.25px}.stat-corner{font-size:9px;color:#94a18e}.main-stat{background:radial-gradient(circle at 90% 8%,rgba(105,144,35,.15),transparent 38%),#171e18}.main-stat-body{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:18px}.big-stat{font:900 clamp(80px,8vw,116px)/.85 var(--display);letter-spacing:-1px;white-space:nowrap}.big-stat small{font-size:35px;color:var(--lime);margin-left:6px}.stat-subtitle{font:800 12px var(--display);letter-spacing:1.7px;color:#b1bdae;margin-top:11px}.meter{width:134px;height:134px;border-radius:50%;background:conic-gradient(var(--lime) var(--pct,0%),#354034 0);display:grid;place-items:center;position:relative;transform:rotate(-90deg)}.meter:before{content:"";position:absolute;inset:10px;background:#1c261d;border-radius:50%}.meter-inner{z-index:1;transform:rotate(90deg);color:var(--lime);width:48px}.meter-inner svg{width:100%}.meter.over{background:conic-gradient(#ff7557 var(--pct,100%),#354034 0)}.meter.over .meter-inner{color:#ff7557}.goal-row{display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:10px}.goal-row label{font-size:10px;font-weight:900;color:#bec9ba;letter-spacing:1.1px}.goal-input-wrap{display:flex;align-items:center;border:1px solid #465344;height:30px}.goal-input-wrap input{width:70px;background:transparent;border:0;color:var(--text);text-align:right;font-weight:800;padding:4px 0;outline:0}.goal-input-wrap span{font-size:10px;padding:0 7px;color:var(--muted)}.goal-input-wrap button{background:#33402d;border:0;color:var(--lime);height:28px;width:29px;font-size:18px}.goal-progress{height:5px;background:#334032;margin-top:12px}.goal-progress>div{height:100%;width:0;background:var(--lime);transition:width .3s}.stat-footnote{color:#808e7f;font-size:10px;margin:11px 0 0;line-height:1.4}.stat-lime{background:var(--lime);border-color:var(--lime);color:#10170d}.stat-lime .stat-topline{color:#283520}.side-stat-number{font:900 clamp(70px,7vw,105px)/.9 var(--display);margin-top:47px;white-space:nowrap}.side-stat-number small{font-size:25px;margin-left:3px}.side-stat-divider{height:1px;background:currentColor;opacity:.35;margin-top:16px}.side-label{font:800 12px var(--display);letter-spacing:1.6px;margin-top:14px}.side-footer{position:absolute;left:24px;right:24px;bottom:23px;display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:1px}.side-footer strong{font-size:14px;white-space:nowrap}.stat-dark{background:#202621}.stat-dark .side-stat-number{color:var(--lime)}.stat-dark .side-label,.stat-dark .side-footer span{color:#c2ccbd}
.logger-section{padding-top:14px;padding-bottom:92px}.logger-head{margin-bottom:24px}.section-intro{margin:10px 0 0;color:#a8b2a6;font-size:14px}.head-counter{font:800 12px var(--display);letter-spacing:1.6px;color:#8d9c8a}.logger-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(330px,.9fr);gap:16px;align-items:start}.drink-panel,.log-form{background:#151a17;border:1px solid #394238}.panel-header{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 23px;border-bottom:1px solid var(--line);font-size:11px;font-weight:900;letter-spacing:1.3px}.panel-count,.form-step{color:#91a08d;font-size:10px}.category-tabs{display:flex;gap:4px;padding:17px 23px 7px;flex-wrap:wrap}.category-tabs button{border:1px solid #374136;background:transparent;color:#9ca99c;font-size:10px;font-weight:900;letter-spacing:1px;padding:10px 13px;transition:.2s}.category-tabs button.active,.category-tabs button:hover{background:var(--lime);border-color:var(--lime);color:#10160d}.drink-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:15px 23px 12px}.drink-card{position:relative;border:1px solid #394339;background:#1c241d;min-height:176px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:13px 8px 12px;color:#f1f4ec;transition:border-color .2s,background .2s,transform .2s}.drink-card:hover{border-color:#94b748;transform:translateY(-2px)}.drink-card.selected{border:2px solid var(--lime);background:#263123;padding:12px 7px 11px}.drink-card.selected:after{content:'✓';position:absolute;right:7px;top:7px;background:var(--lime);color:#141c0f;width:18px;height:18px;font-size:11px;font-weight:900;display:grid;place-items:center}.product-can{width:48px;height:87px;border-radius:8px 8px 11px 11px;background:linear-gradient(90deg,rgba(0,0,0,.5),transparent 32%,rgba(255,255,255,.2) 55%,rgba(0,0,0,.42)),var(--can-color);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),8px 8px 15px #101711;position:relative;display:grid;place-items:center;transform:rotate(-4deg);margin-bottom:13px}.product-can:before{content:"";position:absolute;top:-3px;left:3px;right:3px;height:7px;border-radius:50%;background:linear-gradient(#aeb5af,#434943);border:1px solid #707b70}.product-can .can-label{font:900 16px/.88 var(--display);letter-spacing:-.3px;color:var(--label-color);text-shadow:0 1px 2px rgba(0,0,0,.25);max-width:43px;word-break:break-word;text-align:center;transform:rotate(-2deg)}.product-can.shaker{height:77px;width:59px;border-radius:7px 7px 13px 13px;transform:rotate(4deg);background:linear-gradient(90deg,rgba(0,0,0,.5),transparent 35%,rgba(255,255,255,.12),rgba(0,0,0,.4)),var(--can-color)}.product-can.shaker:before{top:-12px;left:-3px;right:-3px;height:13px;border-radius:3px;background:#343c34;border:1px solid #84907b}.product-can.cup{border-radius:4px 4px 14px 14px;background:linear-gradient(90deg,#32241c,#a47845,#32241c)}.product-can.cup:before{background:#ddd0af;top:-3px}.drink-name{font:900 17px/.95 var(--display);letter-spacing:.5px;white-space:nowrap;text-align:center}.drink-mg{font-size:10px;font-weight:800;color:var(--lime);margin-top:7px}.drink-card.custom .drink-mg{color:#a4aea3}.brand-disclaimer{font-size:10px;line-height:1.6;color:#7e8b7e;padding:0 23px 12px;margin:4px 0 0}
.log-form{padding-bottom:20px}.log-form .panel-header{margin-bottom:18px}.log-form>label,.log-form>input,.log-form>.mg-input,.log-form>.form-hint,.log-form>.submit-button,.log-form>.privacy-note,.log-form>.selected-chip,.log-form>.form-message{margin-left:23px;margin-right:23px}.selected-chip{height:41px;border:1px solid #465543;background:#243025;display:flex;align-items:center;gap:9px;padding:0 11px;margin-bottom:18px;font-weight:800;font-size:12px}.selected-dot{background:var(--lime);height:9px;width:9px}.selected-type{margin-left:auto;font-size:9px;color:#9baa96;letter-spacing:1px}.log-form>label{display:block;font-size:10px;font-weight:900;letter-spacing:1.1px;color:#c4d0c1;margin-bottom:8px;margin-top:17px}.optional{color:#748273;font-weight:700}.log-form>input{display:block;background:#0e130f;border:1px solid #3b473a;color:#f3f7ef;height:46px;padding:0 12px;width:calc(100% - 46px);border-radius:0;outline:none;color-scheme:dark}.log-form>input:focus{border-color:var(--lime)}.log-form>input::placeholder{color:#657063}.mg-input{display:flex;align-items:center;background:#0e130f;border:1px solid #3b473a;height:67px}.mg-input:focus-within{border-color:var(--lime)}.mg-input input{border:0;background:transparent;outline:0;min-width:0;flex:1;color:var(--lime);padding:0 12px;font:900 39px var(--display)}.mg-input span{font:900 20px var(--display);color:#a5b19d;padding-right:15px}.form-hint{color:#778575;font-size:10px;margin-top:7px;margin-bottom:5px}.submit-button{border:0;background:var(--lime);color:#15200e;height:54px;width:calc(100% - 46px);margin-top:24px;display:flex;justify-content:space-between;align-items:center;text-align:left;font:900 21px var(--display);letter-spacing:.7px;padding:0 15px;transition:.2s}.submit-button:hover{background:#d9ff71}.submit-button span{font-size:22px}.form-message{font-size:12px;min-height:15px;margin-top:10px;color:var(--lime)}.form-message.error{color:#ff8b70}.privacy-note{text-align:center;color:#6f7f6e;font-size:10px;line-height:1.5;margin-top:10px;margin-bottom:0}.privacy-note span{color:var(--lime);font-size:15px}
.weekly-section{background:#141a15;padding:74px 0 85px;border-top:1px solid #2d382d;border-bottom:1px solid #2d382d}.week-legend{display:flex;gap:9px;align-items:center;font-size:10px;font-weight:900;color:#aebcad;letter-spacing:1px}.legend-swatch{background:var(--lime);width:12px;height:12px}.chart-card{border:1px solid #394638;background:#1b231d}.chart-header{padding:25px 27px 15px;display:flex;justify-content:space-between;align-items:start;gap:12px}.chart-header strong{font:900 15px var(--display);letter-spacing:1.2px}.chart-header p{margin:6px 0 0;color:#82917e;font-size:11px}.chart-header>span{color:#9cad95;font-size:10px;font-weight:900;letter-spacing:1.2px}.chart-area{height:320px;padding:25px 34px 0;position:relative}.gridlines{position:absolute;inset:25px 34px 42px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.gridlines span{border-top:1px dashed #354134;width:100%}.bar-chart{height:100%;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:20px;position:relative;z-index:1}.bar-day{border:0;background:none;color:#c8d1c4;padding:0;display:flex;flex-direction:column;align-items:stretch;justify-content:end;position:relative;min-width:0}.bar-value{text-align:center;font:800 17px var(--display);min-height:23px;color:#c4d5b6}.bar-rail{height:223px;display:flex;align-items:flex-end;background:linear-gradient(90deg,transparent 20%,rgba(255,255,255,.015) 20%,rgba(255,255,255,.015) 80%,transparent 80%);margin:0 8px;position:relative}.bar-fill{width:100%;height:0;min-height:3px;background:linear-gradient(0deg,#84ac27,var(--lime));position:relative;transition:height .4s}.bar-day.selected .bar-fill{box-shadow:0 0 0 2px #e7ffb5,0 0 26px rgba(198,255,49,.2)}.bar-day.selected .bar-value{color:var(--lime)}.bar-day.no-data .bar-fill{background:#435040}.bar-day.no-data.selected .bar-fill{background:#7f9d44}.bar-day:hover .bar-fill{filter:brightness(1.3)}.bar-date{font:900 15px var(--display);letter-spacing:1px;padding:14px 0 0}.bar-day.selected .bar-date{color:var(--lime)}.bar-day small{font-size:9px;font-weight:800;color:#7f8d7c;padding:3px 0 12px}.day-inspector{display:grid;grid-template-columns:1.5fr 1fr 1fr;border-top:1px solid #394638}.day-inspector>div{padding:19px 27px;display:flex;flex-direction:column;gap:8px;border-right:1px solid #394638}.day-inspector>div:last-child{border-right:0}.inspector-kicker{font-size:9px;font-weight:900;letter-spacing:1.4px;color:#82927c}.day-inspector strong{font:900 26px var(--display);letter-spacing:.4px}
.activity-section{padding-top:83px;padding-bottom:100px}.outline-button{border:1px solid #65795b;background:transparent;color:var(--lime);font-size:10px;font-weight:900;letter-spacing:1px;padding:14px 18px;transition:.2s}.outline-button:hover{background:var(--lime);color:#121a0d}.activity-card{border:1px solid #384438;background:#161d17}.activity-header{display:flex;justify-content:space-between;padding:19px 25px;border-bottom:1px solid #364134;font-size:10px;font-weight:900;letter-spacing:1.5px;color:#a9baa3}.activity-row{display:grid;grid-template-columns:48px 1fr 130px 95px 35px;align-items:center;gap:16px;padding:18px 25px;border-bottom:1px solid #2f3a2e}.activity-icon{height:42px;width:42px;border:1px solid #52614d;display:grid;place-items:center;color:var(--lime);font:900 25px var(--display)}.activity-title{font-weight:800;font-size:13px;overflow-wrap:anywhere}.activity-note{color:#7f8d7e;font-size:10px;margin-top:5px;overflow-wrap:anywhere}.activity-time{font-size:11px;color:#98a796;text-align:right}.activity-amount{font:900 22px var(--display);text-align:right;color:var(--lime);white-space:nowrap}.activity-amount small{font-size:11px}.delete-entry{border:1px solid #3c4939;background:transparent;color:#879685;width:28px;height:28px;font-size:19px;line-height:1;transition:.2s}.delete-entry:hover{color:#ff8b70;border-color:#ff8b70}.activity-empty{text-align:center;padding:49px 20px;color:#8f9b8c}.activity-empty strong{display:block;font:900 25px var(--display);letter-spacing:1px;color:#c7d2c1;margin-bottom:7px}.activity-footer{padding:17px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#7b8976;font-size:10px}.activity-footer>span:last-child{font-weight:900;letter-spacing:1.2px}.text-button{color:#bde93f;border:0;background:transparent;padding:0;text-decoration:underline;font-size:10px}.closing-band{background:var(--lime);color:#11190d}.closing-inner{max-width:1352px;margin:auto;padding:32px 40px;display:flex;align-items:center;gap:24px}.closing-inner>span{font:900 22px var(--display);letter-spacing:1.2px}.closing-inner strong{font:900 clamp(30px,4vw,48px) var(--display);letter-spacing:.2px;margin-right:auto}.closing-inner button{border:2px solid #17210f;color:#17210f;background:transparent;padding:13px 18px;font:900 16px var(--display);letter-spacing:.7px;white-space:nowrap}.closing-inner button:hover{background:#17210f;color:var(--lime)}.closing-inner button span{margin-left:10px}.site-footer{padding:30px max(40px,calc((100vw - 1272px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;background:#0a0e0b;color:#b3c0b0}.footer-brand{font:900 18px var(--display);letter-spacing:1px}.footer-bolt{font-size:25px;color:var(--lime);padding-right:9px}.footer-year{font:700 9px var(--body);margin-left:15px;color:#778574}.footer-right{font-size:9px;font-weight:800;letter-spacing:1px}.footer-right span{color:#6d7d6a;margin-left:10px}
@media(max-width:1100px){.stat-grid{grid-template-columns:1.35fr 1fr 1fr}.stat-card{padding:18px}.meter{width:105px;height:105px}.big-stat{font-size:85px}.side-stat-number{font-size:75px}.side-footer{left:18px;right:18px}.drink-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-stamp{display:none}.desktop-nav{gap:19px;margin-left:20px}}
@media(max-width:850px){.desktop-nav{display:none}.section-wrap{padding-left:24px;padding-right:24px}.site-header{padding:0 24px}.hero-inner{padding-left:24px;padding-right:24px}.hero{min-height:580px}.hero h1{font-size:clamp(85px,13vw,120px)}.hero:before{background:linear-gradient(90deg,rgba(7,11,8,.97),rgba(7,11,8,.78) 55%,rgba(7,11,8,.35))}.stat-grid{grid-template-columns:1fr 1fr}.main-stat{grid-column:1/-1}.main-stat-body{justify-content:space-between}.main-stat{min-height:300px}.stat-lime,.stat-dark{min-height:270px}.side-stat-number{margin-top:35px}.logger-grid{grid-template-columns:1fr}.drink-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.log-form{max-width:none}.closing-inner{padding:25px 24px;flex-wrap:wrap}.closing-inner strong{margin-right:0}.closing-inner button{margin-left:auto}.chart-area{padding-left:20px;padding-right:20px}.gridlines{left:20px;right:20px}.bar-chart{gap:10px}.bar-rail{margin:0 3px}}
@media(max-width:600px){.site-header{height:68px;padding:0 16px}.brand-mark{width:31px;height:31px}.brand-mark svg{width:18px}.brand-wordmark{font-size:19px}.brand-wordmark span{font-size:15px}.nav-cta{font-size:0;min-width:40px;height:38px;padding:0 10px}.nav-cta:before{content:'LOG';font-size:12px}.nav-cta span{font-size:17px;margin-left:5px}.hero{min-height:575px}.hero-image{background-position:65% center;opacity:.75}.hero:before{background:linear-gradient(90deg,rgba(7,11,8,.95),rgba(7,11,8,.8) 65%,rgba(7,11,8,.55)),linear-gradient(0deg,#0a0f0b,transparent 65%)}.hero-inner{padding:66px 20px 26px}.eyebrow{font-size:9px;letter-spacing:1.4px}.hero h1{font-size:clamp(73px,18.7vw,110px);letter-spacing:-1.6px}.hero p{font-size:13px;max-width:330px;line-height:1.7;margin-top:27px}.hero-actions{gap:16px;flex-wrap:wrap}.button-primary{min-width:187px;font-size:13px}.text-link{font-size:9px}.hero-meta{font-size:8px;flex-wrap:wrap;gap:8px;margin-top:42px;line-height:1.6}.hero-meta .dot:nth-of-type(4){display:none}.section-wrap{padding-left:17px;padding-right:17px}.dashboard{padding-top:62px;padding-bottom:62px}.section-heading{align-items:start;gap:10px}.section-heading h2{font-size:clamp(43px,12vw,63px)}.section-kicker{font-size:9px}.live-pill{font-size:0;padding:9px;min-width:28px;margin-top:25px}.stat-grid{gap:9px}.stat-card{padding:15px}.main-stat{min-height:280px}.stat-topline{font-size:10px}.stat-corner{font-size:8px}.big-stat{font-size:90px}.big-stat small{font-size:28px}.meter{height:94px;width:94px}.meter:before{inset:8px}.meter-inner{width:34px}.stat-subtitle{font-size:10px}.stat-footnote{font-size:9px}.goal-row label{font-size:9px}.stat-lime,.stat-dark{min-height:223px}.side-stat-number{font-size:clamp(51px,12vw,71px);margin-top:40px}.side-stat-number small{font-size:16px}.side-stat-divider{margin-top:14px}.side-label{font-size:9px}.side-footer{left:15px;right:15px;bottom:15px;align-items:end;flex-direction:column;gap:5px}.side-footer strong{font-size:12px}.logger-section{padding-bottom:66px}.head-counter{display:none}.logger-grid{gap:12px}.panel-header{padding:0 14px;height:48px}.category-tabs{padding:12px 14px 5px;gap:5px}.category-tabs button{font-size:9px;padding:10px 9px}.drink-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 14px;gap:9px}.drink-card{min-height:151px}.product-can{height:77px;width:43px;margin-bottom:10px}.drink-name{font-size:17px}.brand-disclaimer{padding:0 14px 10px}.log-form>label,.log-form>input,.log-form>.mg-input,.log-form>.form-hint,.log-form>.submit-button,.log-form>.privacy-note,.log-form>.selected-chip,.log-form>.form-message{margin-left:14px;margin-right:14px}.log-form>input,.submit-button{width:calc(100% - 28px)}.weekly-section{padding:58px 0}.week-legend{font-size:0;margin-top:30px}.week-legend .legend-swatch{width:10px;height:10px}.chart-header{padding:19px 14px 9px}.chart-header>span{font-size:9px;max-width:100px;text-align:right}.chart-area{height:264px;padding:18px 10px 0}.gridlines{inset:18px 10px 42px}.bar-chart{gap:5px}.bar-value{font-size:13px}.bar-rail{height:175px;margin:0 3px}.bar-date{font-size:12px;padding-top:10px}.bar-day small{font-size:8px}.day-inspector{grid-template-columns:1.4fr 1fr 1fr}.day-inspector>div{padding:13px 9px}.inspector-kicker{font-size:8px;letter-spacing:.4px}.day-inspector strong{font-size:19px}.activity-section{padding-top:61px;padding-bottom:72px}.outline-button{font-size:9px;padding:10px 8px;margin-top:22px;white-space:nowrap}.activity-header{padding:14px}.activity-row{grid-template-columns:33px minmax(0,1fr) 65px 22px;gap:8px;padding:14px}.activity-icon{width:32px;height:32px;font-size:20px}.activity-title{font-size:11px}.activity-note{font-size:9px}.activity-time{display:none}.activity-amount{font-size:18px}.delete-entry{width:22px;height:25px}.activity-footer{padding:15px;line-height:1.7}.activity-footer>span:last-child{display:none}.closing-inner{display:block;padding:26px 17px}.closing-inner>span{font-size:17px}.closing-inner strong{display:block;font-size:41px;line-height:.95;margin:6px 0 18px}.closing-inner button{font-size:14px}.site-footer{padding:24px 17px;display:block}.footer-right{margin-top:12px;line-height:1.6}.footer-right span{display:block;margin:4px 0 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Product-identification upgrade: brand, flavor, and authentic can artwork. */
.brand-picker[hidden]{display:none}
.brand-picker{padding:13px 23px 0}
.picker-label{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:10px;font-weight:900;letter-spacing:1.3px;color:#a6b4a1;margin:5px 0 11px}
.picker-label span:last-child{color:#71816e;font-size:9px}
.brand-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.brand-option{height:41px;border:1px solid #3c4939;background:#1d271e;color:#cbd7c6;font:900 15px var(--display);letter-spacing:.6px;transition:.2s}
.brand-option:hover{border-color:#a5c67a;color:var(--lime)}
.brand-option.active{background:var(--lime);border-color:var(--lime);color:#18200f}
.flavors-label{padding-top:16px;border-top:1px solid #354234;margin-top:19px;margin-bottom:2px}
.photo-card{min-height:234px;justify-content:start;padding:8px 8px 13px}
.drink-card.photo-card.selected{padding:7px 7px 12px}
.product-photo{width:100%;height:147px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 40%,#f1f2ed 0%,#e2e5df 62%,#cdd4cb 100%);margin-bottom:13px;position:relative}
.product-photo img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;filter:drop-shadow(2px 5px 4px rgba(0,0,0,.16));transition:transform .2s}
.drink-card:hover .product-photo img{transform:scale(1.035)}
.photo-card .drink-name{font-size:15px;white-space:normal;line-height:1;min-height:28px;display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere}
.photo-card .drink-mg{margin-top:6px;line-height:1.5}
.size-mini{color:#8f9e8c;font-size:9px;white-space:nowrap}
.photo-card.selected .size-mini{color:#b9c9b2}
.log-form>select{display:block;margin-left:23px;margin-right:23px;width:calc(100% - 46px);height:46px;padding:0 12px;border:1px solid #3b473a;border-radius:0;background:#0e130f;color:#f3f7ef;color-scheme:dark;outline:none}
.log-form>select:focus{border-color:var(--lime)}
.selected-chip #selectedPreset{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.selected-chip .selected-type{flex-shrink:0}
.suggest-section{padding-top:18px;padding-bottom:100px}
.suggest-form{background:#151a17;border:1px solid #394238;padding-bottom:22px}
.suggest-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:24px 24px 0}
.suggest-form label{display:block;margin-bottom:9px;color:#c1ccbc;font-size:10px;font-weight:900;letter-spacing:1.4px}
.suggest-form input,.suggest-form select,.suggest-form textarea{width:100%;padding:13px 14px;min-height:46px;background:#0d130f;border:1px solid #3b473a;color:#f6f7f3;font:500 14px var(--body);border-radius:0;outline:0;color-scheme:dark}
.suggest-form input:focus,.suggest-form select:focus,.suggest-form textarea:focus{border-color:var(--lime)}
.suggest-form textarea{resize:vertical;min-height:76px}
.suggest-form>label,.suggest-form>textarea{width:calc(100% - 48px);margin-left:24px;margin-right:24px}
.suggest-form>label{margin-top:20px}
.suggest-bottom{display:flex;gap:22px;align-items:center;justify-content:space-between;padding:20px 24px 0}
.suggest-bottom p{font-size:11px;color:#93a191;line-height:1.7;max-width:370px;margin:0}
.suggest-bottom .submit-button{margin:0;max-width:300px;flex-shrink:0;width:100%;font-size:13px}
.suggest-form>.form-message{margin:10px 24px 0}
.honeypot{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
#formulaPicker[hidden]{display:none}
#formulaPicker .brand-options{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:11px}
.suggest-form .optional{font-weight:600;color:#879382}
.suggest-form .submit-button:disabled{opacity:.55;cursor:wait}
@media(max-width:850px){.brand-options{grid-template-columns:repeat(4,minmax(0,1fr))}.photo-card{min-height:225px}}
@media(max-width:600px){.brand-picker{padding:11px 14px 0}.picker-label{font-size:9px}.picker-label span:last-child{font-size:8px}.brand-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.brand-option{font-size:12px;letter-spacing:0;height:38px}.photo-card{min-height:202px}.product-photo{height:116px;margin-bottom:10px}.photo-card .drink-name{font-size:14px;min-height:26px}.photo-card .drink-mg{font-size:9px}.size-mini{display:block;font-size:8px}.log-form>select{margin-left:14px;margin-right:14px;width:calc(100% - 28px)}}
@media(max-width:600px){.suggest-section{padding-top:8px;padding-bottom:60px}.suggest-fields{grid-template-columns:1fr;gap:15px;padding:18px 14px 0}.suggest-form>label,.suggest-form>textarea{width:calc(100% - 28px);margin-left:14px;margin-right:14px}.suggest-bottom{display:block;padding:18px 14px 0}.suggest-bottom .submit-button{max-width:none;margin-top:13px}.suggest-form>.form-message{margin:10px 14px 0}#formulaPicker .brand-options{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Live caffeine-clearance estimator */
.clearance-section{padding-bottom:94px}
.clearance-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.85fr);gap:14px}
.clearance-card{background:#151c17;border:1px solid #3c493b;min-width:0}
.clearance-main{background:radial-gradient(circle at 90% 5%,rgba(131,187,41,.18),transparent 42%),#151c17}
.clearance-main-content{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:28px 29px 10px}
.clearance-number{font:900 clamp(75px,9vw,124px)/.87 var(--display);letter-spacing:-2px;color:var(--lime);white-space:nowrap}
.clearance-number small{font-size:31px;margin-left:10px;color:#d1e5bd;letter-spacing:0}
.clearance-subtitle{color:#98ac91;font-size:11px;margin:14px 0 0;line-height:1.6;max-width:300px}
.clearance-glyph{font:900 138px/.8 var(--display);color:rgba(198,255,49,.1);margin-right:10px}
.forecast-graph-label{display:flex;justify-content:space-between;gap:12px;margin:20px 29px 0;font-size:10px;font-weight:900;letter-spacing:1px;color:#bbcab3}
.forecast-graph-label span:last-child{color:#7a9076;font-size:9px}
.forecast-graph{padding:5px 29px 25px}
.forecast-graph svg{display:block;width:100%;height:150px;overflow:visible}
.forecast-axis{display:flex;justify-content:space-between;gap:5px;padding-top:5px;color:#899b84;font:800 10px var(--body);letter-spacing:.5px}
.clearance-setup{display:flex;flex-direction:column}
.bedtime-amount{padding:30px 23px 0;font:900 clamp(73px,7vw,101px)/.9 var(--display);color:#f2f5eb;white-space:nowrap}
.bedtime-amount small{font-size:25px;color:var(--lime);margin-left:10px}
.bedtime-label{padding:9px 23px 20px;color:#a2b399;font-size:10px;line-height:1.5;font-weight:800;letter-spacing:.8px;min-height:53px}
.forecast-controls{padding:17px 23px 23px;border-top:1px solid #364634;margin-top:auto}
.control-label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px}
.control-label label,.bedtime-input-label{font-size:10px;font-weight:900;color:#b9c8b2;letter-spacing:1.2px}
.control-label strong{color:var(--lime);font:900 17px var(--display)}
.forecast-controls input[type=range]{width:100%;accent-color:var(--lime);cursor:pointer}
.range-endpoints{display:flex;justify-content:space-between;color:#82947c;font-size:9px;font-weight:800;letter-spacing:.4px;margin-top:6px}
.bedtime-input-label{display:block;margin:18px 0 9px}
.forecast-controls input[type=time]{display:block;width:100%;height:44px;border:1px solid #41533c;border-radius:0;padding:0 12px;color:#eaf5df;background:#0b120e;font:800 18px var(--display);color-scheme:dark}
.model-disclaimer{margin:15px 0 0;font-size:11px;color:#798b75;line-height:1.7;max-width:1100px}
.model-disclaimer a{color:#b7df8d;text-decoration:underline;text-underline-offset:2px}

/* Favorites and single-tap logging */
.favorites-panel{border:1px solid #3c493a;background:linear-gradient(120deg,#1b281c,#141b15 65%);margin-bottom:18px}
.favorites-header{min-height:50px;border-bottom:1px solid #3c493a;padding:14px 21px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;font-weight:900;letter-spacing:1.1px;color:#a6b9a0}
.favorites-header>div{display:flex;align-items:center;gap:11px}
.favorites-header strong{color:#eef4ea;font-size:12px}
.favorites-star{color:var(--lime);font-size:22px;line-height:.7}
.favorites-count{color:var(--lime);font-size:10px}
.favorites-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:15px 20px}
.favorites-empty{margin:0;grid-column:1/-1;color:#8fa38a;font-size:12px;line-height:1.6;padding:8px 0}
.favorite-item{display:grid;grid-template-columns:20px minmax(0,1fr) auto 24px;gap:10px;align-items:center;background:#222f22;border:1px solid #41513c;padding:11px;min-width:0}
.favorite-bolt{font-size:20px;color:var(--lime)}
.favorite-info{min-width:0;display:flex;flex-direction:column;gap:5px}
.favorite-info strong{font:900 17px/1 var(--display);color:#eef4e9;overflow-wrap:anywhere}
.favorite-info span{font-size:9px;font-weight:800;color:#9bb993;letter-spacing:.5px}
.quick-log-button{background:var(--lime);color:#192311;border:0;min-width:87px;min-height:38px;padding:7px 9px;font:900 14px var(--display);letter-spacing:.7px}
.quick-log-button:hover{background:#e0ff85}
.remove-favorite{border:1px solid #55634f;color:#9da99a;background:transparent;width:23px;height:28px;font-size:18px}
.remove-favorite:hover{color:#ff8e76;border-color:#ff8e76}
.quick-feedback{font-size:11px;color:var(--lime);font-weight:800;letter-spacing:.5px;padding:0 20px;min-height:0}
.quick-feedback:not(:empty){padding-bottom:14px}
.quick-feedback button{background:transparent;color:#e6fbba;border:0;text-decoration:underline;font-size:11px;font-weight:900;margin-left:8px;padding:4px}
.favorite-toggle{display:block;width:calc(100% - 46px);margin:15px 23px 5px;padding:12px 10px;background:#1d2a1d;color:var(--lime);border:1px solid #5e794c;font:900 14px var(--display);letter-spacing:1px;text-align:center}
.favorite-toggle:hover,.favorite-toggle.saved{background:#32452d;border-color:var(--lime)}
@media(max-width:1000px){.clearance-grid{grid-template-columns:1fr 1fr}.clearance-glyph{font-size:100px}.clearance-number{font-size:90px}.favorites-grid{grid-template-columns:1fr}}
@media(max-width:850px){.clearance-grid{grid-template-columns:1fr}.clearance-number{font-size:105px}.favorites-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.clearance-section{padding-bottom:66px}.clearance-main-content{padding:24px 18px 5px}.clearance-number{font-size:clamp(76px,18vw,105px)}.clearance-number small{font-size:25px;margin-left:5px}.clearance-glyph{font-size:81px;margin:0}.clearance-subtitle{font-size:10px}.forecast-graph-label{margin:22px 18px 0;font-size:9px}.forecast-graph-label span:last-child{font-size:8px;max-width:130px;text-align:right}.forecast-graph{padding:6px 18px 20px}.forecast-graph svg{height:123px}.forecast-axis{font-size:8px}.bedtime-amount{padding:25px 18px 0}.bedtime-label{padding:9px 18px 18px}.forecast-controls{padding:16px 18px 20px}.favorites-header{padding:12px 13px}.favorites-header>span{display:none}.favorites-grid{grid-template-columns:1fr;padding:12px}.favorite-item{gap:8px;padding:10px}.quick-log-button{min-width:82px;font-size:13px}.quick-feedback{padding-left:12px;padding-right:12px}.favorite-toggle{margin-left:14px;margin-right:14px;width:calc(100% - 28px)}.model-disclaimer{font-size:10px}}

/* iPhone Home Screen install prompt and offline feedback */
.offline-notice{background:var(--lime);color:#17200f;padding:11px 20px;text-align:center;font-size:11px;font-weight:900;letter-spacing:.75px}
.offline-notice[hidden]{display:none}
.install-guide{display:flex;gap:19px;align-items:center;padding-top:22px;padding-bottom:16px;margin-top:10px;margin-bottom:8px}
.install-guide-icon{width:78px;height:78px;display:grid;place-items:center;flex-shrink:0;background:#1c2b1e;border:1px solid #3c5835;border-radius:18px;box-shadow:0 0 28px rgba(198,255,49,.07)}
.install-guide-icon img{width:70px;height:70px;display:block;border-radius:14px}
.install-guide-copy{min-width:0}
.install-guide-kicker{display:block;color:var(--lime);font-size:10px;font-weight:900;letter-spacing:1.7px;margin-bottom:5px}
.install-guide-copy strong{font:900 26px/1 var(--display);letter-spacing:.4px;color:#f0f5eb}
.install-guide-copy p{margin:6px 0;color:#a9baa4;font-size:11px;line-height:1.65}
.install-guide-copy p b{color:#dce7d5}
.install-guide-copy small{display:block;color:#758772;font-size:10px;line-height:1.5}
@media(display-mode:standalone){.install-guide{display:none}}
@media(max-width:600px){.install-guide{align-items:flex-start;padding-top:16px;padding-bottom:4px;gap:13px}.install-guide-icon{width:64px;height:64px;border-radius:14px}.install-guide-icon img{width:58px;height:58px;border-radius:12px}.install-guide-copy strong{font-size:21px}.install-guide-kicker{font-size:9px}.install-guide-copy p{font-size:10px}.install-guide-copy small{font-size:9px}}

/* FreakMeter: readable milestones and an interactive forecast probe. */
.forecast-graph svg{cursor:crosshair;touch-action:pan-y}
.forecast-graph svg:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.forecast-axis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding-top:9px}
.forecast-axis button{min-width:0;min-height:54px;border:1px solid #3b4b36;background:#1a251b;color:#a5b69e;padding:8px 3px 7px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:5px;transition:background .15s,border-color .15s}
.forecast-axis button span{font:800 9px var(--body);letter-spacing:.6px;white-space:nowrap}
.forecast-axis button strong{font:900 17px var(--display);color:#e4f1d6;white-space:nowrap}
.forecast-axis button:hover,.forecast-axis button.selected{border-color:var(--lime);background:#2a3823}
.forecast-axis button.selected strong{color:var(--lime)}
.forecast-selected{display:flex;flex-wrap:wrap;align-items:baseline;gap:7px 14px;border-top:1px solid #394b38;margin-top:16px;padding:14px 0 0}
.forecast-selected>span{font:900 14px var(--display);color:#b8caae;letter-spacing:.7px}
.forecast-selected>strong{font:900 28px var(--display);color:var(--lime)}
.forecast-selected>small{font-size:9px;font-weight:800;color:#8ca086;letter-spacing:.5px;line-height:1.5;flex-basis:100%}
.bedtime-save-status{margin:10px 0 0;color:#8da487;font-size:9px;font-weight:800;letter-spacing:.8px;line-height:1.4}
@media(max-width:600px){.forecast-axis{gap:4px}.forecast-axis button{min-height:50px;padding:7px 1px 6px}.forecast-axis button span{font-size:8px;letter-spacing:0}.forecast-axis button strong{font-size:14px}.forecast-selected{margin-top:13px;padding-top:12px}.forecast-selected>strong{font-size:25px}.forecast-selected>small{font-size:8px}}

/* iPhone form polish: compact bedtime control and native date picker kept inside its card. */
.forecast-controls .bedtime-setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.forecast-controls .bedtime-setting-row .bedtime-input-label{display:block;margin:0;line-height:1.4;flex:1}
.forecast-controls .bedtime-setting-row input[type=time]{width:155px;max-width:55%;min-width:0;height:42px;flex:0 1 155px;margin:0;padding:0 9px;font-size:17px;text-align:center}
.forecast-controls .bedtime-save-status{margin:8px 0 0;line-height:1.5}
.log-form>.datetime-shell{margin-left:23px;margin-right:23px;width:calc(100% - 46px);min-width:0;overflow:hidden}
.log-form>.datetime-shell input[type=datetime-local]{display:block;width:100%;max-width:100%;min-width:0;height:46px;margin:0;padding:0 12px;border:1px solid #3b473a;border-radius:0;background:#0e130f;color:#f3f7ef;font:500 16px var(--body);color-scheme:dark;box-sizing:border-box}
.log-form>.datetime-shell input[type=datetime-local]:focus{border-color:var(--lime)}
.log-form>.datetime-shell input[type=datetime-local]::-webkit-date-and-time-value{text-align:left;min-width:0}
@media(max-width:600px){.forecast-controls .bedtime-setting-row{margin-top:12px;gap:9px}.forecast-controls .bedtime-setting-row input[type=time]{width:142px;max-width:54%;flex-basis:142px;height:40px;font-size:16px}.forecast-controls .bedtime-save-status{font-size:8px;letter-spacing:.4px}.log-form>.datetime-shell{margin-left:14px;margin-right:14px;width:calc(100% - 28px)}}

/* Native iOS date/time glyphs sit high inside their boxes. Display our own truly
   centered text while retaining the accessible, working native picker above it. */
.forecast-controls .bedtime-setting-row .bedtime-time-shell{position:relative;display:flex;align-items:center;justify-content:center;width:155px;max-width:55%;flex:0 1 155px;height:42px;min-width:0;background:#0b120e;border:1px solid #41533c}
.log-form>.datetime-shell{position:relative;display:flex;align-items:center;justify-content:center;height:46px;background:#0e130f;border:1px solid #3b473a;overflow:hidden}
.bedtime-time-shell .picker-display,.datetime-shell .picker-display{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0 9px;line-height:1.2;color:#eaf5df;font:800 18px/1.2 var(--display);pointer-events:none;white-space:nowrap;position:relative;z-index:1}
.datetime-shell .picker-display{font:500 16px/1.2 var(--body);color:#f3f7ef;padding:0 12px}
.forecast-controls .bedtime-time-shell input[type=time],.log-form>.datetime-shell input[type=datetime-local]{position:absolute;inset:0;z-index:2;display:block;width:100%;max-width:100%;min-width:0;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:pointer}
.bedtime-time-shell:focus-within,.datetime-shell:focus-within{outline:2px solid var(--lime);outline-offset:2px;border-color:var(--lime)}
@media(max-width:600px){.forecast-controls .bedtime-setting-row .bedtime-time-shell{width:142px;max-width:54%;flex-basis:142px;height:40px}.bedtime-time-shell .picker-display{font-size:17px}}

/* Keep Find My Fix visible above the fold in the installed iPhone web app. */
.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.nav-fix{display:none;align-items:center;justify-content:center;height:42px;padding:0 13px;border:1px solid var(--lime);background:var(--lime);color:#18220e;font-size:11px;font-weight:900;letter-spacing:.65px;white-space:nowrap}
.nav-fix-short{display:none}
@media(max-width:850px){.nav-fix{display:flex}}
@media(max-width:600px){.header-actions{gap:6px}.nav-fix{height:38px;padding:0 10px;font-size:10px;letter-spacing:.25px}}
@media(max-width:380px){.site-header{padding-left:12px;padding-right:12px}.nav-fix-full{display:none}.nav-fix-short{display:inline}.nav-fix{padding:0 9px}}

/* V2 photography: replace the skateboard with proper strength-training gear. */
.hero-image{background-image:url('/assets/hero-gym-v2.webp')}

/* The Freak mascot replaces the old lightning monogram in the brand mark. */
.brand-mark{transform:none;overflow:hidden;border:1px solid var(--lime);border-radius:5px;background:#0b100b;flex-shrink:0}
.brand-mark img{display:block;width:100%;height:100%;object-fit:cover}

/* Backup / restore guardrails: prominently visible beside full-history export. */
.install-guide-copy small b{color:var(--lime)}
.backup-panel{margin-top:18px;padding:27px 30px;border:1px solid #557144;background:linear-gradient(125deg,#1a2819 0%,#101712 63%,#0d130e 100%)}
.backup-kicker{display:block;margin-bottom:9px;color:var(--lime);font:800 11px var(--body);letter-spacing:2px}
.backup-panel h3{margin:0;color:#f0f3eb;font:900 clamp(29px,4vw,42px)/.95 var(--display);letter-spacing:.3px}
.backup-panel h3 em{color:var(--lime);font-style:normal}
.backup-panel-copy>p{margin:14px 0 0;max-width:760px;color:#b5c2ae;font:500 13px/1.65 var(--body)}
.backup-panel-copy>p strong{color:#eaf5dd}
.backup-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:23px}
.backup-actions button{min-height:48px;padding:12px 20px;cursor:pointer;font:900 17px var(--display);letter-spacing:.8px;transition:filter .15s,background .15s}
.backup-action-primary{border:1px solid var(--lime);background:var(--lime);color:#15220f}
.backup-action-secondary{border:1px solid var(--lime);background:transparent;color:var(--lime)}
.backup-actions button:hover{filter:brightness(1.11)}
.backup-actions button:focus-visible{outline:3px solid #f0f3eb;outline-offset:3px}
.backup-detail{margin:17px 0 0;color:#9eae9d;font:500 11px/1.7 var(--body)}
.backup-detail b{color:#e4e9df}
.backup-status{margin-top:13px;min-height:19px;color:var(--lime);font:800 12px/1.4 var(--body);letter-spacing:.25px}
.backup-status.error{color:#ff9d82}
@media(max-width:600px){.install-guide-copy small{font-size:10px;line-height:1.6}.backup-panel{padding:20px 17px;margin-top:12px}.backup-actions{display:grid;grid-template-columns:1fr;gap:10px}.backup-actions button{width:100%;text-align:center}.backup-panel-copy>p{font-size:12px}}

/* Coffee + Other: proper menu tiles, not energy-can graphics with broken lettering. */
.drink-grid.coffee-grid{gap:12px}
.coffee-card{justify-content:center;min-height:204px;padding:16px 10px 14px;background:linear-gradient(145deg,#202b21,#19221b);overflow:hidden}
.coffee-card.selected{padding:15px 9px 13px;background:linear-gradient(145deg,#2b3b26,#202c21)}
.coffee-visual{width:84px;height:80px;border:1px solid #455443;border-radius:50%;background:radial-gradient(circle at 45% 38%,#35452d 0%,#1d2a21 66%,#172118 100%);display:grid;place-items:center;margin:0 auto 13px;color:#dec19b;flex-shrink:0}
.coffee-visual svg{display:block;width:65px;height:65px;filter:drop-shadow(0 2px 1px #101910)}
.coffee-visual-latte{color:#e7d0ad}
.coffee-visual-espresso{color:#cba47a}
.coffee-visual-coldbrew{color:#d8d5b1}
.coffee-visual-tea{color:#b7d995}
.coffee-visual-custom{color:var(--lime)}
.coffee-card .drink-name{white-space:normal;word-break:normal;overflow-wrap:normal;max-width:100%;min-height:35px;display:flex;align-items:center;justify-content:center;font:900 19px/1 var(--display);letter-spacing:.25px}
.coffee-mg{margin-top:6px;color:var(--lime);font:900 22px/1 var(--display)}
.coffee-card.custom .coffee-mg{color:#c1ccba}
.coffee-size{color:#a7b5a2;font:700 10px/1.35 var(--body);text-align:center;margin-top:7px;min-height:14px}
@media(max-width:600px){.drink-grid.coffee-grid{gap:10px}.coffee-card{min-height:168px;padding:10px 8px}.coffee-card.selected{padding:9px 7px}.coffee-visual{width:65px;height:60px;margin-bottom:8px}.coffee-visual svg{width:51px;height:51px}.coffee-card .drink-name{font-size:17px;min-height:32px}.coffee-mg{font-size:20px;margin-top:4px}.coffee-size{font-size:9px;line-height:1.3;margin-top:5px}}

/* Today's intake leads the dashboard; keep the rolling 24-hour view secondary. */
.rolling-total{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding-top:12px;border-top:1px solid #3c4a3a;color:#aebdab;font:900 10px var(--body);letter-spacing:1.15px}
.rolling-total strong{color:var(--lime);white-space:nowrap;font:900 23px/1 var(--display);letter-spacing:.4px}
.rolling-total strong small{font-size:12px}
.main-stat .goal-row{margin-top:17px}
@media(max-width:600px){.rolling-total{margin-top:13px;padding-top:10px;gap:7px;font-size:9px}.rolling-total strong{font-size:20px}.rolling-total strong small{font-size:11px}.main-stat .goal-row{margin-top:16px}}

/* Caffeine Freak Cloudflare preview: keep content inside iPhone portrait viewports.
   Desktop and landscape tablet layouts retain their original columns. */
/* Keep the FreakMeter status legible beside the intro on iPhone landscape. */
@media(min-width:601px) and (max-width:1100px){
  .clearance-section .section-heading{align-items:flex-start}
  .clearance-section .section-heading>div:first-child{min-width:0;flex:1 1 auto}
  .clearance-section .section-heading>.live-pill{flex:0 0 auto;white-space:nowrap;align-self:flex-start;letter-spacing:.75px}
  .clearance-section .section-heading>.live-pill .pulse{flex:none}
}
@media(max-width:600px){
  html,body,.site-shell{width:100%;max-width:100%}
  .site-shell{overflow-x:clip}
  .section-wrap,.hero-inner,.section-heading,.stat-grid,.logger-grid,.clearance-grid,.chart-card,.drink-panel,.log-form{min-width:0;max-width:100%}
  .section-heading{flex-direction:column;align-items:stretch;gap:13px}
  .section-heading>div:first-child{min-width:0;max-width:100%}
  .section-heading h2{font-size:clamp(40px,10.5vw,60px);max-width:100%;overflow-wrap:anywhere}
  .live-pill{font-size:10px;line-height:1.45;white-space:normal;align-self:flex-start;max-width:100%;min-width:0;margin:0;padding:9px 12px;letter-spacing:.6px}
  .live-pill .pulse{flex:none}
  .hero-inner{padding-left:17px;padding-right:17px}
  .hero h1{font-size:clamp(65px,17.5vw,100px);max-width:100%}
  .hero-actions{display:flex;align-items:flex-start;flex-wrap:wrap;gap:16px 20px;max-width:100%}
  .hero-actions .button-primary{flex:0 1 auto;min-width:165px}
  .hero-meta{max-width:100%;flex-wrap:wrap;overflow-wrap:anywhere}
  .week-legend{font-size:10px;margin-top:0;align-self:flex-start}
  .panel-header{min-height:48px;height:auto;padding-top:10px;padding-bottom:10px;gap:10px;flex-wrap:wrap;line-height:1.5}
  .chart-header{flex-wrap:wrap}
  .main-stat-body,.goal-row{min-width:0}
  .big-stat{font-size:clamp(68px,20vw,90px)}
  .big-stat small{font-size:clamp(21px,6vw,28px)}
  .meter{width:clamp(70px,24vw,94px);height:clamp(70px,24vw,94px)}
  .brand-options,.drink-grid,.favorites-grid{min-width:0}
}