:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#e8f2f6;background:#101c2b;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:auto;padding:14px 16px 40px}header,.brand,.sectionhead,.entry{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{justify-content:flex-start}.brand strong{font-size:22px;display:block}.brand small,.entry small{display:block;color:#9eb0c2;font-size:12px;margin-top:4px}.logo{display:block;width:44px;height:44px;flex-shrink:0}.pill{font-size:11px;border:1px solid #34505c;border-radius:30px;padding:6px 10px;color:#63d2c6}nav{display:flex;background:#1b2b3d;border-radius:14px;padding:4px;margin:14px 0;gap:4px}nav button{flex:1;border:0;background:none;color:#a7bac9;padding:11px 5px;border-radius:10px;font-weight:650}nav .selected{background:#344a60;color:#fff}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px}.stat,.panel{background:#1b2b3d;border:1px solid #2a4053;border-radius:18px}.stat{padding:12px clamp(6px,2vw,14px)}.stat small,.stat span{display:block;color:#a4b7c8;font-size:12px}.stat b{font-size:clamp(20px,5.5vw,40px);display:block;margin:5px 0 0;font-variant-numeric:tabular-nums}.stat:nth-child(-n+2) b{color:#63d2c6}.panel{padding:13px;margin-bottom:10px}.sectionhead{margin-bottom:10px}.sectionhead h2,h2{font-size:17px;margin:0}.muted,.fine{color:#9db0c1}.fine{font-size:12px;line-height:1.5}.chart{margin-left:-10px}button{cursor:pointer;font:inherit}button:disabled{opacity:.45;cursor:not-allowed}.small{border:1px solid #40566a;color:#dce9f1;border-radius:9px;background:#263b50;padding:7px 10px;font-size:12px;white-space:nowrap}.mode{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mode button{background:#25384a;border:1px solid #41586b;color:#c7d5df;border-radius:10px;padding:12px 4px}.mode .on{background:#276c69;color:#fff;border-color:#63d2c6}.drinkgrid{display:grid;grid-auto-flow:column;grid-auto-columns:132px;gap:8px;margin-top:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:2px;padding:2px 2px 8px;scrollbar-width:thin;scrollbar-color:#526d82 transparent}.drinkgrid:focus-visible{outline:2px solid #63d2c6;outline-offset:3px}.drinkgrid>.drink{scroll-snap-align:start;min-width:0}.drinkmain strong{max-width:100%;overflow-wrap:anywhere}.drink{position:relative;background:#263a4e;border:1px solid #3c5469;border-radius:14px}.drinkmain{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:0;color:#fff;width:100%;padding:14px 6px 10px}.drinkmain .emoji{font-size:31px}.drinkmain small,.units{font-size:11px;color:#aec0cd}.editcorner{position:absolute;right:4px;top:4px;background:#3b5166;color:#fff;border:0;border-radius:8px;padding:4px 8px}.entry{border-top:1px solid #32475a;padding:10px 0}.entry>div{min-width:0}.entry strong{font-size:14px}.primary,.secondary{padding:13px;border-radius:12px;border:1px solid #448c87;font-weight:700}.primary{background:#63d2c6;color:#102b2b}.secondary{background:#263b50;color:#e8f2f6}.full{width:100%;margin-top:12px}.danger{color:#ff9c9c;border-color:#794950}footer{text-align:center;color:#8096a8;font-size:11px;margin-top:28px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#06111bcc;display:flex;align-items:flex-end;justify-content:center;z-index:20}.modal{background:#1b2b3d;border:1px solid #42576b;border-radius:20px 20px 0 0;padding:22px;width:100%;max-width:540px;max-height:92vh;overflow-y:auto}label{display:block;color:#bdcedb;font-size:13px;margin:14px 0}input,select,textarea{display:block;width:100%;background:#101f30;color:#fff;border:1px solid #4c6275;border-radius:9px;padding:12px;margin-top:7px;font:inherit;font-size:16px}input[type=checkbox]{display:inline;width:auto;margin-right:8px}.check{display:flex;align-items:center}.warning{color:#ffb5a6;background:#5c302b;padding:10px;border-radius:9px;font-size:13px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#376b67;color:#fff;padding:12px 20px;border-radius:12px;z-index:30;white-space:nowrap}.drinkmain{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.sliderfield{border:0;padding:0;margin:14px 0;min-width:0}.sliderheading{display:flex;align-items:center;justify-content:space-between;gap:12px}.sliderheading label{margin:0}.sliderheading input{width:116px;min-width:0;margin:0;padding:8px;text-align:right}.sliderfield input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:52px;margin:4px 0 0;padding:0;background:transparent;border:0;cursor:pointer}.sliderfield input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:#526d82}.sliderfield input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:#526d82}.sliderfield input[type=range]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;box-sizing:border-box;width:44px;height:44px;margin-top:-19px;border:7px solid transparent;border-radius:50%;background:#63d2c6;background-clip:padding-box;cursor:grab}.sliderfield input[type=range]::-moz-range-thumb{box-sizing:border-box;width:44px;height:44px;border:7px solid transparent;border-radius:50%;background:#63d2c6;background-clip:padding-box;cursor:grab}.sliderfield input[type=range]:active::-webkit-slider-thumb{background-color:#9ae7de;cursor:grabbing}.sliderfield input[type=range]:active::-moz-range-thumb{background-color:#9ae7de;cursor:grabbing}.sliderfield:disabled{opacity:.45}.sliderlimits{display:flex;justify-content:space-between;color:#9db0c1;font-size:11px;font-variant-numeric:tabular-nums}.sliderfield input:focus-visible{outline:2px solid #63d2c6;outline-offset:3px}input[type=time]{min-width:0;max-width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none}input[type=time]::-webkit-date-and-time-value{min-width:0;text-align:left}.drinkicon{width:1em;height:1.125em;display:inline-block;vertical-align:middle}.drinkmain .emoji{display:flex;align-items:center;justify-content:center;height:38px}.entry>.entryactions{display:flex;align-items:center;gap:8px;flex-shrink:0}.entry>.entryactions .small{height:36px;display:inline-flex;align-items:center;justify-content:center}.favoritestar{width:36px;padding:0;font-size:24px;line-height:1}.favoritestar[aria-pressed=true]{color:#f9c76a;border-color:#a17c3f}.sectiontitle{display:flex;align-items:center;gap:8px;min-width:0}.infobutton{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border:1px solid #526d82;border-radius:50%;background:transparent;color:#bdcedb;font-size:16px;font-weight:700}.infobutton:focus-visible{outline:2px solid #63d2c6;outline-offset:3px}.reorderbuttons{display:flex;gap:4px}.entry>.entryactions .reorderbuttons .small{width:28px;height:36px;padding:0;font-size:18px}.entryactions{margin-left:auto}.updatebanner{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;width:max-content;max-width:calc(100% - 24px);padding:12px 16px;border:1px solid #63d2c6;border-radius:12px;background:#263b50;box-shadow:0 4px 24px #06111b80;font-size:14px}.stat b.bac-warning{color:#e6be73}.stat b.bac-high{color:#f87171}