@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/dm-sans-0.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/dm-sans-1.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/dm-sans-2.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/dm-sans-3.ttf) format('truetype');
}

:root{--bg:#f7f6f3;--ink:#191919;--muted:#878782;--line:#e6e4df;--accent:#e98069;--white:#fff;--soft:#efeee9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}header{height:88px;max-width:1320px;padding:0 50px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{font-size:20px;font-weight:700;letter-spacing:-1.2px;display:flex;gap:11px;align-items:center}.mark{display:flex;align-items:center;gap:3px}.mark i{width:10px;height:15px;background:var(--ink);border-radius:50%;display:block}.mark i:last-child{opacity:.42}.topnote{font-size:12px;color:var(--muted);letter-spacing:.02em}main{max-width:1240px;margin:auto;padding:32px 30px 100px}.intro{text-align:center;margin:32px 0 34px}.eyebrow{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.intro h1{font-weight:500;font-size:clamp(34px,5vw,64px);letter-spacing:-.065em;line-height:1.1;margin:11px 0}.intro p{color:var(--muted);margin:0;font-size:15px}.hero{max-width:720px;margin:0 auto 58px;text-align:center}.value{font-weight:400;font-size:clamp(88px,13vw,152px);letter-spacing:-.105em;line-height:1;margin-left:-.08em;font-variant-numeric:tabular-nums}.value small{font-size:.28em;letter-spacing:-.05em;margin-left:6px}.value-label{font-size:13px;color:var(--muted);margin-top:10px}.meter{margin:37px auto 17px;height:7px;border-radius:100px;background:#e7e5e0;position:relative;max-width:510px;overflow:hidden}.meter span{position:absolute;left:0;top:0;bottom:0;border-radius:100px;background:var(--accent);transition:width .5s}.sobriety{font-size:16px;margin-top:17px}.sobriety strong{font-weight:600}.warning{display:inline-block;font-size:12px;color:#8a6659;margin-top:14px;background:#f0e6e0;padding:10px 17px;border-radius:100px}.layout{display:grid;grid-template-columns:1fr;gap:44px;align-items:start;max-width:720px;margin:0 auto}.section-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:22px}.section-head h2{font-size:20px;font-weight:500;letter-spacing:-.045em;margin:0}.section-head span{font-size:12px;color:var(--muted)}.drink-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.drink{background:transparent;border:1px solid var(--line);border-radius:15px;min-height:119px;padding:13px 5px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;transition:.15s}.drink:hover,.drink.selected{border-color:var(--ink);background:#fff}.drink .emoji{font-size:28px;height:38px;display:flex;align-items:center}.drink b{font-size:13px;font-weight:500}.drink em{font-style:normal;font-size:10px;color:var(--muted)}.controls{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.field label{display:block;font-size:11px;color:var(--muted);margin-bottom:7px}.field input,.field select{background:#fff;border:1px solid var(--line);border-radius:11px;width:100%;height:47px;padding:0 13px;color:var(--ink);outline:none;min-width:0}.field input:focus,.field select:focus{border-color:#999}.add{width:100%;height:53px;background:var(--ink);color:#fff;border:0;border-radius:100px;margin:7px 0 0;font-size:13px;font-weight:600}.add:hover{background:#3d3d3a}.subsection{margin-top:48px}.log{min-height:72px}.entry{display:grid;grid-template-columns:35px 1fr auto 30px;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:13px 0}.entry .em{font-size:24px}.entry b{font-size:13px;font-weight:500;display:block}.entry small{font-size:11px;color:var(--muted)}.entry time{font-size:12px;color:var(--muted)}.remove{border:0;background:none;color:#9f9c96;font-size:20px}.empty{font-size:13px;color:var(--muted);padding:16px 0}.profile{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.graph-wrap{position:relative;width:100%;height:200px}canvas{display:block;width:100%;height:100%}.graph-hours{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:8px}.fineprint{font-size:11px;color:#97948e;line-height:1.65;margin-top:42px;max-width:630px}.hint{font-size:11px;color:var(--muted);margin-top:14px}.counter{display:flex;gap:6px;align-items:center}.counter button{border:1px solid var(--line);background:white;border-radius:9px;width:37px;height:47px;font-size:19px}.counter output{flex:1;text-align:center;font-size:14px}.counterbox{min-width:0}.footer{margin-top:70px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:11px}@media(max-width:850px){header{height:72px;padding:0 23px}main{padding:10px 22px 60px}.intro{margin:27px 0 32px}.hero{margin-bottom:56px}.layout{grid-template-columns:1fr;gap:44px}.drink-grid{gap:7px}.drink{min-height:108px}.subsection{margin-top:40px}.footer{margin-top:55px}}@media(max-width:410px){.drink-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.drink b{font-size:11px}.controls{gap:7px}.field input,.field select{padding:0 8px}.value{font-size:88px}.topnote{font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.about .profile{display:flex;gap:0;border:1px solid var(--line);border-radius:100px;background:var(--white);overflow:hidden}.about .profile .field{flex:1;min-width:0;padding:12px 22px}.about .profile .field+.field{border-left:1px solid var(--line)}.about .profile label{margin-bottom:3px}.about .profile input,.about .profile select{height:28px;padding:0;border:0;border-radius:0;background:transparent;font-weight:500;cursor:pointer}.about .profile input{cursor:text}.about .profile:focus-within{border-color:#999}@media(max-width:410px){.about .profile .field{padding:12px 17px}}
 .about .profile .time-field{flex:1.2}.about .profile input[type="time"]{font-size:13px;width:100%;min-width:0}@media(max-width:600px){.about .profile{flex-wrap:wrap;border-radius:24px}.about .profile .time-field{flex:0 0 100%;border-left:0!important;border-top:1px solid var(--line)}}
 .catalog{margin-top:20px;display:grid;grid-template-columns:1fr 1.3fr;gap:12px}.catalog .hint{grid-column:1/-1;margin-top:0}.about .profile .time-field select{font-size:14px}@media(max-width:600px){.catalog{grid-template-columns:1fr}}
 .catalog-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:16px 21px;margin-top:14px;border:1px solid var(--line);border-radius:100px;background:var(--white);color:var(--ink);font-size:13px;font-weight:500;text-align:left}.catalog-toggle:hover,.catalog-toggle[aria-expanded="true"]{border-color:var(--ink)}.catalog-toggle[aria-expanded="true"]>span:last-child{transform:rotate(180deg)}.catalog{display:block;margin-top:14px}.catalog[hidden]{display:none}.catalog-list{max-height:330px;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:16px;background:var(--white);margin-top:12px;padding:0 12px 10px;scrollbar-width:thin}.catalog-heading{position:sticky;top:0;background:var(--white);padding:15px 10px 9px;font-size:11px;font-weight:700;color:var(--muted);border-bottom:1px solid var(--line);z-index:1}.catalog-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;background:transparent;border:0;border-radius:9px;padding:12px 10px;text-align:left;color:var(--ink);font-size:13px}.catalog-item small{white-space:nowrap;color:var(--muted);font-size:11px}.catalog-item:hover,.catalog-item[aria-pressed="true"]{background:var(--soft)}.catalog .hint{margin-top:12px}.catalog-list .empty{padding:20px 10px}
 .volume-controls{grid-template-columns:1fr;margin:20px 0 16px}.purchase-row{display:flex;align-items:stretch;gap:12px}.purchase-row .counter{flex:0 0 140px;gap:0;border:1px solid var(--line);border-radius:100px;background:var(--white);overflow:hidden}.purchase-row .counter button{width:44px;height:53px;flex-shrink:0;border:0;border-radius:0;background:transparent}.purchase-row .counter button:hover{background:var(--soft)}.purchase-row .counter output{min-width:38px;align-self:center}.purchase-row .add{flex:1;margin:0;min-width:0;height:55px}@media(max-width:410px){.purchase-row{gap:8px}.purchase-row .counter{flex-basis:120px}.purchase-row .counter button{width:39px}.purchase-row .counter output{min-width:32px}}
 .catalog-toggle{display:inline-flex;width:auto;min-width:210px;justify-content:center;background:var(--ink);color:var(--white);border-color:var(--ink);padding:14px 22px}.catalog-toggle:hover,.catalog-toggle[aria-expanded="true"]{background:#3d3d3a}.volume-choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.field .volume-option{display:flex;align-items:center;gap:8px;margin:0;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--white);font-size:12px;color:var(--ink);cursor:pointer}.field .volume-option:has(input:checked){border-color:var(--ink);background:var(--soft)}.field .volume-option input{width:15px;height:15px;margin:0;padding:0;accent-color:var(--ink);cursor:pointer}
 .field .volume-option{border:0;background:#eeece6;color:#66635d;padding:13px 17px;transition:background .15s,color .15s}.field .volume-option:hover{background:#e5e1d9}.field .volume-option:has(input:checked){border:0;background:#e98069;color:#281913}.field .volume-option input{accent-color:#281913}.volume-choices{gap:8px}.chosen-drink strong{color:var(--ink);font-weight:500}#catalogtoggle[aria-expanded="true"]{background:#f0dfd8;border-color:transparent}#catalogtoggle b{font-size:12px}

/* Borderless controls and rounded volume choices. */
button,input,select,.about .profile,.about .profile .field+.field,.catalog-list,.catalog-heading,.section-head,.entry,.footer,.field .volume-option{border:0!important}
.drink{background:#eeece6;border-radius:22px}
.drink:hover{background:#e5e1d9}
.drink.selected{background:#f0d6cc}
.field input,.field select{border-radius:18px;background:#eeece6}
.field input:focus-visible,.field select:focus-visible,button:focus-visible,.volume-option:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}
.about .profile{background:#eeece6}
.about .profile input,.about .profile select{background:transparent}
.purchase-row .counter{border:0!important;background:#eeece6}
.purchase-row .counter button{background:transparent}
.catalog-list{background:#eeece6;border-radius:22px}
.catalog-heading{background:#eeece6}
.catalog-item:hover,.catalog-item[aria-pressed="true"]{background:#f0d6cc}
.field .volume-option{position:relative;border-radius:100px;padding:14px 22px;background:#eeece6;font-weight:500}
.field .volume-option input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}
.field .volume-option:has(input:checked){background:var(--accent);color:#281913}
.section-head{padding-bottom:8px}
.entry{border-radius:16px;background:#eeece6;padding:13px 15px;margin-bottom:8px}
.footer{padding-top:0}

body,button,input,select,output{font-family:'DM Sans',sans-serif}
.about .profile .field+.field{border-left:1px solid #d5d1c8!important}
.driving-warning{margin:24px auto 18px;padding:23px 28px;max-width:510px;border-radius:22px;background:#b92e26;color:#fff;text-align:center}
.driving-warning[hidden]{display:none}
.driving-warning strong{display:block;font-size:clamp(27px,5vw,40px);font-weight:700;letter-spacing:.03em;line-height:1.15}
.driving-warning span{display:block;font-size:14px;margin-top:8px}
@media(max-width:600px){.about .profile .time-field{border-left:0!important}.about .profile .field:nth-child(2){border-left:1px solid #d5d1c8!important}}
 .top-timeline{max-width:720px;margin:0 auto 44px}.hero{margin-bottom:35px}.top-timeline .graph-wrap{height:180px}
 .volume-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:0}.field .volume-option{justify-content:center;width:100%;padding:15px 4px;font-size:14px}.volume-controls{margin:16px 0}.catalog[hidden]+.volume-controls{margin-top:16px}
 .time-progress{position:relative;max-width:510px;margin:34px auto 20px;padding-top:22px}.time-progress .meter{margin:0;height:9px;overflow:visible}.time-progress .meter i{position:absolute;top:50%;width:15px;height:15px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%)}.progress-now{position:absolute;top:0;white-space:nowrap;font-size:11px;color:var(--ink)}.progress-times{display:flex;justify-content:space-between;gap:15px;text-align:left;margin-top:12px;font-size:11px;color:var(--muted)}.progress-times span:last-child{text-align:right}
 .driving-face{display:inline-flex;vertical-align:middle;margin-left:18px;width:clamp(28px,4vw,44px);height:clamp(28px,4vw,44px);letter-spacing:normal}.driving-face[hidden]{display:none}.driving-face svg{width:100%;height:100%}

.time-progress{max-width:620px;margin:25px auto 20px;padding:0 6px;overflow-x:auto;scrollbar-width:thin;text-align:left}
.progress-track{position:relative;padding-top:82px;padding-bottom:34px;margin:0 8px}
.time-progress .meter{height:10px;margin:0}
.progress-now{top:60px;font-size:10px}
.zero-marker{position:absolute;top:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:3px;white-space:nowrap}
.zero-marker[hidden]{display:none}.zero-marker svg{width:30px;height:30px}.zero-marker span{font-size:10px;color:#367b56}.zero-marker:after{content:'';position:absolute;top:52px;height:30px;width:1px;background:#43976a}
.hour-ticks{position:relative;margin-top:12px;height:20px}.hour-ticks span{position:absolute;font-size:10px;color:var(--muted);white-space:nowrap}.hour-ticks span:before{content:'';position:absolute;top:-12px;left:50%;height:5px;width:1px;background:#a5a197}
 .time-progress .meter{height:14px;background:#565650}.time-progress .meter span{top:3px;bottom:3px}.time-progress .meter i{width:17px;height:17px}.hour-ticks span{color:#65655f}
 .time-progress .meter{background:#eeece6}
 .result-row{display:flex;justify-content:center;align-items:center;gap:32px}.remaining-time{text-align:left;letter-spacing:normal}.remaining-time[hidden]{display:none}.remaining-time strong{display:block;font-size:clamp(23px,4vw,38px);font-weight:500;letter-spacing:-.045em;white-space:nowrap}.remaining-time>span{display:block;font-size:11px;color:var(--muted);margin-top:6px}@media(max-width:600px){.result-row{gap:18px}.result-row .value{font-size:clamp(62px,14vw,88px)}.remaining-time strong{font-size:24px}.remaining-time>span{font-size:10px}.driving-face{margin-left:8px;width:25px;height:25px}}
 .graph-hours{display:block;position:relative;height:18px}.graph-hours span{position:absolute;transform:translateX(-50%);white-space:nowrap;font-size:10px}

.hero{background:#fff;border-radius:48px;padding:38px 34px 30px;max-width:780px;box-shadow:0 8px 32px rgba(25,25,25,.035)}
.hero .time-progress{max-width:100%}
@media(max-width:600px){.hero{border-radius:32px;padding:28px 18px 24px}.hero .warning{border-radius:20px;line-height:1.5}}
 .result-row .value{letter-spacing:normal;font-weight:700;margin-left:0}.result-row .value small{letter-spacing:normal}.remaining-time strong{font-weight:700;letter-spacing:normal}

.result-row{gap:36px}.remaining-time{border-left:1px solid #e1ded7!important;padding:12px 0 12px 36px}
@media(max-width:600px){.result-row{gap:16px}.remaining-time{padding:10px 0 10px 16px}}

.hero{position:relative}
.result-row{padding-bottom:24px;border-bottom:1px solid #e1ded7!important;margin-bottom:18px}
.hero>.driving-face{position:absolute;right:22px;top:20px;margin:0;padding:8px;width:48px;height:48px;border-radius:100px;background:#fae5e1;box-shadow:0 3px 12px rgba(185,46,38,.08)}
@media(max-width:600px){.hero>.driving-face{right:12px;top:12px;width:38px;height:38px;padding:6px}.result-row{padding-top:12px;padding-bottom:20px}}
 .search-wrap{position:relative}.search-wrap #drinksearch{padding-right:48px}.search-close{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:35px;height:35px;border-radius:50%;background:transparent;color:var(--ink);font-size:24px;line-height:1}.search-close:hover{background:#e1ded7}#drinksearch::-webkit-search-cancel-button{display:none}
 .duplicate{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:transparent;color:#706d66}.duplicate:hover{background:#e1ded7;color:var(--ink)}
 .zero-marker:after{right:0}.progress-track{margin-right:8px}
 .header-right{display:flex;align-items:center;gap:18px}.language-switch{display:flex;gap:3px;padding:4px;border-radius:100px;background:#eeece6}.language-switch button{padding:8px 11px;border-radius:100px;background:transparent;color:var(--muted);font-size:11px;font-weight:700}.language-switch button[aria-pressed="true"]{background:var(--ink);color:#fff}@media(max-width:600px){.header-right{gap:10px}.header-right .topnote{display:none}}

/* Keep all progress elements in one coordinate system. */
.hero .time-progress{width:100%;max-width:620px;margin:24px auto 20px;padding:0;overflow:visible}
.progress-track{width:100%;min-width:0!important;margin:0;padding:82px 0 30px;position:relative}
.time-progress .meter{position:relative;width:100%;max-width:none;margin:0;height:14px;border-radius:100px;overflow:visible;background:#eeece6}
.time-progress .meter span{position:absolute;top:3px;bottom:3px;border-radius:100px;transition:none}
.progress-now{top:60px;line-height:14px}
.zero-marker{top:0;gap:3px}.zero-marker:after{top:52px;right:0;height:30px}
.hour-ticks{width:100%;position:relative;margin-top:12px;height:18px}

.hero .time-progress{box-sizing:border-box;padding-right:64px;padding-left:6px}
.zero-marker{transform:translateX(-50%)!important}
.zero-marker:after{right:auto;left:50%}
@media(max-width:600px){.hero .time-progress{padding-right:48px;padding-left:4px}.zero-marker span{font-size:9px}}
 .language-dropdown{background:#eeece6;color:var(--ink);border-radius:100px;padding:10px 14px;font-size:12px;font-weight:500;cursor:pointer;max-width:165px}

.time-progress .meter::after{content:'';position:absolute;left:calc(100% - 7px);top:0;width:71px;height:14px;border-radius:0 100px 100px 0;background:#eeece6;z-index:0}
.time-progress .meter span,.time-progress .meter i{z-index:1}
@media(max-width:600px){.time-progress .meter::after{width:55px}}

.language-picker{position:relative;z-index:20}.language-picker>button{display:flex;align-items:center;gap:15px;padding:11px 15px;border-radius:100px;background:#eeece6;color:var(--ink);font-size:12px;font-weight:500;white-space:nowrap}.language-picker>button:hover,.language-picker>button[aria-expanded="true"]{background:#e5e1d9}.language-picker>button svg{flex-shrink:0;transition:transform .15s}.language-picker>button[aria-expanded="true"] svg{transform:rotate(180deg)}.language-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:190px;padding:6px;border-radius:18px;background:#fff;box-shadow:0 8px 28px rgba(25,25,25,.12)}.language-menu[hidden]{display:none}.language-menu button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px;border-radius:12px;background:transparent;color:var(--ink);font-size:12px;text-align:left}.language-menu button:hover{background:#eeece6}.language-menu button[aria-pressed="true"]{background:#f0d6cc}.language-check{visibility:hidden}.language-menu button[aria-pressed="true"] .language-check{visibility:visible}

.drink-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;margin-bottom:3px}.drink-icon svg{width:100%;height:100%}.drink{padding:17px 6px;gap:6px}.drink.selected{background:#f0d6cc}.catalog-item-name{display:flex;align-items:center;gap:10px}.catalog-icon{display:flex;flex-shrink:0;width:30px;height:30px}.catalog-icon svg,.entry .em svg{width:100%;height:100%}.entry .em{width:35px;height:35px;display:flex;align-items:center;justify-content:center}.catalog-item{padding:10px}.drink-icon svg,.catalog-icon svg,.entry .em svg{overflow:visible}
 .drink-icon{width:64px;height:64px}.drink-icon img,.catalog-icon img,.entry .em img{width:100%;height:100%;object-fit:contain}.drink{min-height:143px}.catalog-icon{width:38px;height:38px}.entry .em{width:38px;height:38px}
 .drink-icon{width:42px;height:42px}.drink{min-height:119px}.catalog-icon{width:30px;height:30px}.entry .em{width:35px;height:35px}
 .intro p{line-height:1.6;max-width:600px;margin:auto}.knowledge{max-width:900px;margin:70px auto 0}.knowledge-intro{text-align:center;margin-bottom:30px}.knowledge h2{font-size:25px;letter-spacing:-.04em;font-weight:500;line-height:1.2;margin:0 0 16px}.knowledge p{font-size:14px;line-height:1.8;color:#6f6d67}.knowledge a{color:#4d4b44;text-underline-offset:4px}.content-card{background:#fff;padding:30px;border-radius:28px;margin-bottom:18px}.knowledge-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.knowledge table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}.knowledge th,.knowledge td{padding:13px 10px}.knowledge th{color:var(--muted);font-weight:500}.knowledge tbody tr:nth-child(odd){background:#f7f6f3}.table-scroll{overflow-x:auto}.knowledge details{padding:16px 0}.knowledge details+details{border-top:1px solid var(--line)}.knowledge summary{cursor:pointer;font-size:14px;font-weight:500;line-height:1.5}.knowledge details p{margin-bottom:0}.knowledge code{background:#eeece6;padding:3px 7px;border-radius:5px;font-size:12px;white-space:normal}.related-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.related-links a{display:flex;justify-content:space-between;gap:12px;text-decoration:none;background:#eeece6;padding:16px;border-radius:14px;font-size:13px}.source-note{padding:22px 12px}.source-note h2{font-size:18px}.source-note p{font-size:12px}@media(max-width:600px){.knowledge-grid,.related-links{grid-template-columns:1fr}.content-card{padding:23px}.knowledge{margin-top:50px}.knowledge h2{font-size:22px}.intro h1{font-size:40px}}
 .brand{color:var(--ink);text-decoration:none;font-size:23px;font-weight:700;letter-spacing:-.8px;gap:10px}.brand-symbol{display:block;flex-shrink:0;width:36px;height:36px}
 .drink-icon{width:46px;height:46px;color:#45433d}.catalog-icon,.entry .em{color:#45433d}.drink.selected .drink-icon{color:#191919}
 .entry{grid-template-columns:30px 35px minmax(0,1fr) 34px 30px;gap:10px}.entry-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#fff;color:#66635d;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}@media(max-width:410px){.entry{gap:7px;padding:12px 10px;grid-template-columns:26px 30px minmax(0,1fr) 30px 24px}.entry-number{width:25px;height:25px}.entry .em{width:30px;height:30px}}

.eyebrow{text-transform:none;letter-spacing:.03em}
.main-nav{display:flex;align-items:center;gap:23px}.main-nav a{color:#6f6d67;text-decoration:none;font-size:12px;font-weight:500;white-space:nowrap}.main-nav a:hover{color:var(--ink)}.header-right{gap:25px}
@media(max-width:850px){header{height:auto;min-height:82px;flex-wrap:wrap;gap:16px;padding-top:18px;padding-bottom:16px}.header-right{gap:18px}.main-nav{gap:14px}}
@media(max-width:600px){header{position:relative;padding-bottom:54px}.header-right{margin-left:auto}.main-nav{position:absolute;left:23px;right:23px;bottom:15px;justify-content:space-between;gap:8px}.main-nav a{font-size:11px}}
 .remove{display:flex;align-items:center;justify-content:center;width:30px;height:34px;border-radius:50%;transition:background .15s,color .15s}.remove:hover{color:#c7352d;background:#fae5e1}

.product-selection{margin-top:16px}.product-selection[hidden]{display:none}.product-row-head{display:grid;grid-template-columns:1fr 3fr;gap:10px;color:var(--muted);font-size:11px;margin-bottom:9px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.product-card{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:16px 10px;border-radius:20px;background:#eeece6;color:var(--ink);text-align:center}.product-card:hover{background:#e5e1d9}.product-card.active{background:#f0d6cc}.product-icon{width:39px;height:39px;color:#45433d}.product-icon svg{width:100%;height:100%}.product-card b{font-size:12px;font-weight:500;line-height:1.4}.product-card small{font-size:10px;color:#878782}@media(max-width:410px){.product-card{padding:13px 6px}.product-card b{font-size:11px}.product-grid{gap:7px}}

.compact-summary{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:30;display:flex;align-items:center;gap:26px;width:min(620px,calc(100% - 32px));padding:12px 22px;border-radius:100px;background:rgba(255,255,255,.96);box-shadow:0 6px 30px rgba(25,25,25,.13);backdrop-filter:blur(14px)}
.compact-summary[hidden]{display:none}.compact-home{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);font-size:14px;font-weight:700;margin-right:auto}.compact-metric{display:flex;flex-direction:column;gap:2px;white-space:nowrap}.compact-metric strong{font-size:23px;line-height:1.2;letter-spacing:normal;font-weight:700}.compact-metric small{font-size:13px}.compact-label{font-size:10px;color:var(--muted)}.compact-countdown{border-left:1px solid var(--line)!important;padding-left:24px}.compact-summary.has-alcohol #compactbac{color:#b92e26}#kalkulacka{scroll-margin-top:95px}
@media(max-width:600px){.compact-summary{top:8px;width:calc(100% - 20px);padding:11px 16px;gap:16px}.compact-home span{display:none}.compact-home{margin-right:4px}.compact-metric strong{font-size:21px}.compact-countdown{padding-left:16px}.compact-label{font-size:9px}}
 html{scroll-behavior:smooth;scroll-padding-top:100px}#ako-funguje,#faq,#metodika{scroll-margin-top:12px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
 .language-code{display:inline-flex;align-items:center;justify-content:center;min-width:30px;padding:4px 7px;border-radius:100px;background:var(--ink);color:#fff;font-size:10px;font-weight:700;letter-spacing:.02em}.language-picker>button{gap:9px;padding:8px 12px 8px 8px}
 .field-error{color:#b92e26;font-size:12px;line-height:1.5;margin:12px 0 0}.field-error[hidden]{display:none}.about .profile input[aria-invalid="true"]{color:#b92e26;background:#fae5e1;border-radius:8px}
 .language-option-name{display:flex;align-items:center;gap:10px}.language-menu .language-code{background:#e7e4dd;color:#59564f}.language-menu button[aria-pressed="true"] .language-code{background:var(--ink);color:#fff}
 .hour-ticks span small,.graph-hours span small{display:block;margin-top:2px;font-size:9px;color:var(--muted)}.hour-ticks,.graph-hours{height:32px}.progress-track{padding-bottom:42px}
 .compact-face{display:inline-flex;width:23px;height:23px;margin-left:7px;vertical-align:middle}.compact-face[hidden]{display:none}.compact-face svg{width:100%;height:100%}@media(max-width:600px){.compact-face{width:20px;height:20px;margin-left:5px}}
 @media(min-width:601px){.compact-summary{width:min(780px,calc(100% - 60px))}}
 .compact-face{width:38px;height:38px;margin-left:0;flex-shrink:0}@media(max-width:600px){.compact-face{width:30px;height:30px;margin-left:0}.compact-summary{gap:12px}}
 .graph-wrap{height:230px;min-width:0}#chart{cursor:crosshair;touch-action:pan-y}.chart-tooltip{position:absolute;z-index:3;pointer-events:none;padding:9px 12px;border-radius:12px;background:#191919;color:#fff;font-size:11px;white-space:nowrap;box-shadow:0 4px 16px rgba(25,25,25,.12)}.chart-cursor{position:absolute;top:10px;bottom:21px;width:1px;background:#9c968b;pointer-events:none}.chart-point{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%);pointer-events:none}.chart-tooltip[hidden],.chart-cursor[hidden],.chart-point[hidden]{display:none}
 .site-footer{max-width:1100px;margin:65px auto 0;padding:35px 28px 24px;background:#eeece6;border-radius:32px}.footer-brand{max-width:420px;margin-bottom:30px}.footer-brand p{font-size:12px;line-height:1.8;color:#77746d}.footer-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.footer-nav h2{font-size:13px;font-weight:600;letter-spacing:normal;margin:0 0 13px}.footer-nav a{display:block;font-size:12px;color:#706d66;text-decoration:none;line-height:1.6;padding:5px 0}.footer-nav a:hover,.footer-bottom a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.footer-bottom{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-top:30px;padding-top:20px;font-size:10px;color:#878782}.footer-bottom p{max-width:480px;line-height:1.7;margin:0}.footer-bottom a{color:inherit;text-decoration:none;white-space:nowrap}@media(max-width:600px){.site-footer{padding:26px 22px}.footer-nav{grid-template-columns:1fr 1fr;gap:24px 15px}.footer-bottom{align-items:flex-start;flex-wrap:wrap}.footer-bottom p{order:3;flex-basis:100%}}

main ul,main ol{line-height:1.85;padding-left:24px}main li+li{margin-top:12px}main li{padding-left:3px}
.site-footer{max-width:1320px;box-sizing:border-box;margin-left:auto;margin-right:auto;padding-left:50px;padding-right:50px}
main:has(>.site-footer){max-width:1320px;padding-left:0;padding-right:0}
main:has(>.site-footer)>.intro,main:has(>.site-footer)>.hero,main:has(>.site-footer)>.layout,main:has(>.site-footer)>.knowledge{width:calc(100% - 60px)}
@media(max-width:850px){.site-footer{padding-left:23px;padding-right:23px}main:has(>.site-footer)>.intro,main:has(>.site-footer)>.hero,main:has(>.site-footer)>.layout,main:has(>.site-footer)>.knowledge{width:calc(100% - 44px)}}

.compact-summary{top:0;left:0;transform:none;width:100%;max-width:none;border-radius:0;padding:14px max(24px,calc((100vw - 1220px)/2));box-sizing:border-box}
@media(max-width:600px){.compact-summary{top:0;left:0;width:100%;padding:12px 16px;border-radius:0;gap:12px}}

.compact-summary{display:block;padding:0}
.compact-summary[hidden]{display:none}
.compact-inner{display:flex;align-items:center;gap:26px;max-width:1320px;margin:0 auto;padding:14px 50px;box-sizing:border-box}
@media(max-width:850px){.compact-inner{padding-left:23px;padding-right:23px}}
@media(max-width:600px){.compact-summary{padding:0}.compact-inner{padding-top:12px;padding-bottom:12px;gap:12px}}

main:has(>.site-footer)>.intro,main:has(>.site-footer)>.hero,main:has(>.site-footer)>.layout,main:has(>.site-footer)>.knowledge{max-width:1220px;width:calc(100% - 100px);margin-left:auto;margin-right:auto}
@media(max-width:850px){main:has(>.site-footer)>.intro,main:has(>.site-footer)>.hero,main:has(>.site-footer)>.layout,main:has(>.site-footer)>.knowledge{width:calc(100% - 46px)}}

.mobile-menu-toggle{display:none}.drink-icon{flex:0 0 46px;aspect-ratio:1}.drink-icon svg{display:block;width:46px;height:46px;max-width:none;flex-shrink:0}.drink{min-width:0}.drink b{overflow-wrap:anywhere}
@media(max-width:600px){
header{position:relative;min-height:72px;height:auto;flex-wrap:nowrap;padding:16px 23px;gap:12px}
.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;margin-left:auto;width:40px;height:40px;border-radius:50%;background:#eeece6;color:var(--ink)}
header .header-right{display:none;position:absolute;top:calc(100% + 4px);left:23px;right:23px;margin:0;padding:16px;border-radius:22px;background:#fff;box-shadow:0 8px 28px rgba(25,25,25,.12);z-index:40;align-items:stretch;gap:14px}
header .header-right.mobile-open{display:flex;flex-direction:column}
header .main-nav{position:static;display:flex;flex-direction:column;align-items:stretch;gap:4px}
header .main-nav a{display:block;font-size:14px;padding:10px 12px;border-radius:12px}
header .main-nav a:hover{background:#eeece6}
header .language-picker{width:100%}header .language-picker>button{width:100%;justify-content:flex-start}header .language-picker>button svg{margin-left:auto}header .language-menu{position:static;margin-top:8px;min-width:0;box-shadow:none;background:#f7f6f3}
.about .profile{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:24px}
.about .profile .field{padding:13px 17px}.about .profile .field:nth-child(2){border-left:1px solid #d5d1c8!important}
.about .profile .time-field{grid-column:1/-1;border-left:0!important;border-top:1px solid #d5d1c8!important;min-width:0}
.drink-icon{width:38px;height:38px;flex-basis:38px}.drink-icon svg{width:38px;height:38px}.drink{padding:14px 5px;min-height:112px}#catalogtoggle b{font-size:11px}
}

@media(max-width:850px){
.about .profile{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:24px}
.about .profile>.field{border:0!important;position:relative;padding:14px 17px}
.about .profile>.field:nth-child(2)::before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:1px;background:#d5d1c8}
.about .profile>.time-field{grid-column:1/-1;border:0!important}
.about .profile>.time-field::before{content:'';position:absolute;left:17px;right:17px;top:0;height:1px;width:auto;background:#d5d1c8}
.site-footer{width:100%;max-width:100%;margin-top:45px;padding:28px 23px 24px;border-radius:26px;min-width:0}
.footer-brand{max-width:100%;margin-bottom:25px}.footer-brand p{max-width:420px}
.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px}.footer-nav>div{min-width:0}.footer-nav h2{font-size:13px;line-height:1.5}.footer-nav a{font-size:12px;overflow-wrap:anywhere;padding:6px 0}
.footer-bottom{display:grid;grid-template-columns:1fr auto;gap:12px;margin-top:26px;padding-top:10px}.footer-bottom p{grid-column:1/-1;grid-row:2;order:initial;max-width:none}
}
@media(max-width:380px){.footer-nav{grid-template-columns:1fr;gap:22px}.footer-nav a{padding:7px 0}.site-footer{padding-left:23px;padding-right:23px}}
 @media(max-width:850px){.about .profile>.field+.field,.about .profile>.field:nth-child(2){border:0!important}}
 .interactive-module h3{font-size:17px;font-weight:500;line-height:1.4;margin-top:25px}.process-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.process-options button{display:flex;flex-direction:column;gap:7px;padding:16px 12px;background:#eeece6;border-radius:18px;color:var(--ink);text-align:left}.process-options button[aria-pressed="true"]{background:#f0d6cc}.process-options b{font-size:12px;font-weight:500}.process-options span{font-size:11px;color:#878782}.process-result{display:flex;flex-direction:column;gap:6px;background:#f7f6f3;padding:24px;border-radius:20px;margin-top:16px}.process-result strong{font-size:38px;font-weight:700}.process-result span{font-size:13px;color:#77746d}.module-disclaimer{font-size:12px!important;line-height:1.8;padding:15px 18px;background:#f4ebe5;border-radius:15px}.country-filters{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.country-filters button{padding:10px 16px;background:#eeece6;border-radius:100px;font-size:12px;color:var(--ink)}.country-filters button[aria-pressed="true"]{background:#191919;color:#fff}.country-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.country-card{background:#f7f6f3;border-radius:18px;padding:16px}.country-card[hidden],.country-empty[hidden]{display:none}.country-name{display:flex;align-items:center;gap:8px}.country-code{display:inline-flex;padding:4px 6px;border-radius:8px;background:#eeece6;font-size:10px}.country-card .country-name h3{margin:0;font-size:12px;font-weight:500}.country-card>strong{display:block;font-size:29px;margin-top:14px}.country-card strong small{font-size:12px;font-weight:400}.country-card p{font-size:10px!important;line-height:1.8;margin-bottom:0}@media(max-width:850px){.country-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.process-options,.country-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.country-card{padding:13px}}
 .process-options .process-icon{display:flex;width:38px;height:38px;color:#45433d;margin-bottom:5px;flex-shrink:0}.process-icon svg{display:block;width:38px;height:38px}
 .country-flag{font-size:25px;line-height:1;flex-shrink:0}.country-source{display:inline-block;margin-top:12px;font-size:10px!important}.country-grid{max-height:650px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:6px}.region-field{margin-top:12px;max-width:250px}
 .region-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.region-pills button{padding:10px 16px;border-radius:100px;background:#eeece6;color:var(--ink);font-size:12px}.region-pills button:hover{background:#e5e1d9}.region-pills button[aria-pressed="true"]{background:#f0d6cc;color:var(--ink)}
 .intro-pill{display:inline-flex;align-items:center;padding:9px 17px;margin-top:15px;border-radius:100px;background:#eeece6;color:#706d66;font-size:12px;font-weight:500}

.language-menu{max-height:min(440px,65vh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;min-width:230px}
[dir="rtl"] .main-nav,[dir="rtl"] .header-right,[dir="rtl"] .compact-inner,[dir="rtl"] .entry{direction:rtl}
[dir="rtl"] .remaining-time,[dir="rtl"] .compact-countdown{border-left:0!important;border-right:1px solid #e1ded7!important;padding-left:0;padding-right:24px}
[dir="rtl"] .language-menu{right:auto;left:0}[dir="rtl"] .language-menu button{text-align:right}
[dir="rtl"] .knowledge p,[dir="rtl"] .article p,[dir="rtl"] .footer-nav{text-align:right}
[dir="rtl"] .time-progress,[dir="rtl"] .graph-wrap,[dir="rtl"] .hour-ticks,[dir="rtl"] .graph-hours{direction:ltr}
[dir="rtl"] .compact-home{margin-right:0;margin-left:auto}

.sex-picker{position:relative}.sex-picker>button{display:flex;align-items:center;gap:8px;width:100%;height:28px;padding:0;background:transparent;color:var(--ink);font-weight:500;font-size:14px;text-align:start}.sex-picker>button>span:first-child{display:flex;flex-shrink:0}.sex-chevron{margin-left:auto;flex-shrink:0}.sex-menu{position:absolute;left:0;top:calc(100% + 12px);min-width:155px;padding:6px;background:#fff;border-radius:16px;box-shadow:0 8px 28px rgba(25,25,25,.12);z-index:25}.sex-menu[hidden]{display:none}.sex-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 10px;border-radius:10px;background:transparent;color:var(--ink);font-size:13px;text-align:start}.sex-menu button:hover{background:#eeece6}.sex-menu button[aria-pressed="true"]{background:#f0d6cc}.about .profile{overflow:visible}.sex-menu svg{flex-shrink:0}[dir="rtl"] .sex-chevron{margin-left:0;margin-right:auto}
 .units-picker{position:relative;z-index:21}.units-picker>button{display:flex;align-items:center;gap:12px;background:#eeece6;padding:11px 14px;border-radius:100px;font-size:12px;color:var(--ink)}.units-menu{position:absolute;right:0;top:calc(100% + 8px);width:210px;display:grid;gap:12px;background:#fff;box-shadow:0 8px 28px rgba(25,25,25,.12);border-radius:18px;padding:16px}.units-menu[hidden]{display:none}@media(max-width:600px){.units-picker>button{width:100%;justify-content:space-between}.units-menu{position:static;width:100%;margin-top:8px;box-shadow:none;background:#f7f6f3}}[dir="rtl"] .units-menu{right:auto;left:0}
 .drink-icon{font-size:34px;line-height:1;align-items:center;justify-content:center}.drink-emoji{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:27px;line-height:1}.catalog-icon .drink-emoji{font-size:24px}.product-icon .drink-emoji{font-size:30px}.process-options .process-icon{font-size:30px;line-height:1;align-items:center;justify-content:center}

summary{list-style:none;position:relative;padding-right:30px;cursor:pointer}
summary::-webkit-details-marker{display:none}
summary::marker{content:''}
summary::after{content:'';position:absolute;right:5px;top:.35em;width:8px;height:8px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:rotate(45deg);transition:transform .18s}
details[open]>summary::after{transform:rotate(225deg);top:.6em}
[dir="rtl"] summary{padding-right:0;padding-left:30px}[dir="rtl"] summary::after{right:auto;left:5px}

.site-footer{width:100vw;max-width:none;position:relative;left:50%;transform:translateX(-50%);border-radius:0;margin-bottom:0;padding:40px max(50px,calc((100vw - 1220px)/2)) 28px;box-sizing:border-box}
main:has(>.site-footer){padding-bottom:0}
@media(max-width:850px){.site-footer{width:100vw;max-width:none;border-radius:0;padding:32px 23px 25px}}

.sex-menu button{align-items:center;line-height:1.3;min-height:43px}.sex-menu button svg{width:20px;height:24px;display:block}.sex-menu button span{display:block;flex:1}.sex-picker>button{align-items:center}.sex-picker #sexicon{height:24px;align-items:center}
.language-menu button[aria-pressed="true"],.sex-menu button[aria-pressed="true"],.catalog-item[aria-pressed="true"],.drink.selected b,.product-card.active b,.field .volume-option:has(input:checked),.region-pills button[aria-pressed="true"],.country-filters button[aria-pressed="true"],.process-options button[aria-pressed="true"] b{font-weight:700}
.drink-log-group{margin-top:22px}.drink-log-group:first-child{margin-top:0}.drink-log-group h3{font-size:12px;font-weight:600;color:var(--muted);margin:0 0 10px}.purchase-row .add{padding:0 14px;line-height:1.4}
 #sexlabel,#languagelabel{font-weight:700}.units-menu option:checked{font-weight:700}

.sex-picker>button{gap:0;line-height:28px}.sex-menu button{padding:11px 12px;gap:0;align-items:center}.sex-menu button span{line-height:1.4}
.about .profile #weightdisplay,.about .profile #starttime,.about .profile #endtime{font-weight:700}

.entry{grid-template-columns:30px minmax(0,1fr) minmax(120px,1fr) 34px 30px;gap:10px}
.entry-quantity{display:flex;align-items:center;justify-content:center;gap:12px;min-width:0}.emoji-group{display:flex;align-items:center;padding-left:4px}.emoji-group>span{display:block;width:26px;height:32px;margin-left:-4px}.emoji-group .drink-emoji{font-size:27px}.quantity-badge{display:inline-flex;justify-content:center;align-items:center;min-width:34px;padding:6px 8px;border-radius:100px;background:#fff;font-size:12px;font-weight:700;white-space:nowrap}.entry-description{min-width:0}
@media(max-width:600px){.entry{grid-template-columns:25px minmax(0,1fr) auto 30px 24px;gap:7px;padding:12px 10px}.entry-quantity{gap:6px}.emoji-group>span{width:18px;height:26px;margin-left:-6px}.emoji-group .drink-emoji{font-size:22px}.quantity-badge{min-width:28px;padding:5px 6px;font-size:11px}.entry-description b{font-size:12px}.entry-description small{font-size:10px}}
@media(max-width:380px){.emoji-group>span:nth-child(n+4){display:none}}

.entry{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr) 30px;gap:10px;min-height:68px;padding-right:15px}
.entry-description{grid-column:2;padding-right:0;max-width:calc(50% - 140px)}
.entry-quantity{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);gap:9px}
.entry>.remove{grid-column:3}.entry-step{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:29px;height:29px;padding:0;border-radius:50%;background:#fff;color:var(--ink);font-size:18px;line-height:1}.entry-step:hover{background:#e1ded7}
@media(max-width:600px){.entry{grid-template-columns:25px minmax(0,1fr) 24px;gap:7px;min-height:88px;padding:12px 10px}.entry-description{max-width:calc(50% - 70px)}.entry-quantity{gap:5px;left:58%}.entry-step{width:25px;height:25px;font-size:16px}.emoji-group>span:nth-child(n+4){display:none}}
@media(max-width:440px){.entry{min-height:106px;align-items:start}.entry-description{max-width:none;padding-right:25px}.entry-quantity{left:50%;top:auto;bottom:12px;transform:translateX(-50%)}.entry>.remove{align-self:start}.emoji-group>span:nth-child(n+4){display:block}}

.entry{grid-template-columns:30px minmax(0,1fr) auto 30px;align-items:center;min-height:68px;gap:12px}
.entry-description{grid-column:2;max-width:none;padding-right:0}
.entry-quantity{position:static;left:auto;top:auto;bottom:auto;transform:none;grid-column:3;display:flex;gap:7px}
.entry>.remove{grid-column:4;align-self:center}
@media(max-width:600px){.entry{grid-template-columns:28px minmax(0,1fr) auto 24px;min-height:68px;gap:8px;padding:12px 10px}.entry-description{max-width:none;padding-right:0}.entry-quantity{position:static;transform:none;gap:5px}.entry>.remove{align-self:center}}

.units-picker>button{gap:9px;padding:8px 12px 8px 8px;font-weight:500}.units-symbol{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:25px;border-radius:100px;background:var(--ink);color:#fff;font-size:16px}.units-picker>button>.lucide-chevron-down{flex-shrink:0;transition:transform .15s}.units-picker>button[aria-expanded="true"]>.lucide-chevron-down{transform:rotate(180deg)}.units-picker>button:hover{background:#e5e1d9}.units-menu{width:240px;padding:8px;gap:5px;border-radius:18px}.units-section{padding:7px}.units-heading{font-size:11px;color:var(--muted);margin-bottom:9px;padding:0 3px}.unit-options{display:grid;grid-template-columns:1fr 1fr;gap:6px}.unit-options button{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:10px;border-radius:12px;background:#f7f6f3;color:var(--ink)}.unit-options button:hover{background:#eeece6}.unit-options button[aria-pressed="true"]{background:#f0d6cc;font-weight:700}.unit-code{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:100px;background:#e7e4dd;color:#59564f;font-size:11px;white-space:nowrap}.unit-options button[aria-pressed="true"] .unit-code{background:var(--ink);color:#fff}.unit-check{visibility:hidden;font-size:12px}.unit-options button[aria-pressed="true"] .unit-check{visibility:visible}@media(max-width:600px){.units-menu{width:100%}}

.about .profile #weightdisplay,.about .profile #starttime,.about .profile #endtime,.sex-picker>button{font-size:20px;height:34px;line-height:34px;font-weight:700}
.about .profile .field{padding-top:14px;padding-bottom:14px}
.about .profile label{margin-bottom:5px}
@media(max-width:600px){.about .profile #weightdisplay,.about .profile #starttime,.about .profile #endtime,.sex-picker>button{font-size:19px}}

.cookie-banner{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:60;width:min(1000px,calc(100% - 32px));padding:20px 24px;display:flex;align-items:center;gap:25px;background:#fff;border-radius:24px;box-shadow:0 8px 40px rgba(25,25,25,.18);box-sizing:border-box}.cookie-banner[hidden]{display:none}.cookie-copy{flex:1}.cookie-copy strong{font-size:14px}.cookie-copy p{font-size:12px;line-height:1.7;color:#77746d;margin:7px 0 0}.cookie-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}.cookie-actions a{color:#706d66;font-size:11px;text-underline-offset:3px}.cookie-actions button{background:var(--ink);color:#fff;padding:12px 20px;border-radius:100px;font-size:12px;font-weight:600}.cookie-reopen{background:transparent;color:inherit;font-size:10px;padding:0;cursor:pointer}.cookie-reopen:hover{text-decoration:underline}@media(max-width:600px){.cookie-banner{padding:19px;flex-direction:column;align-items:stretch;gap:15px;border-radius:22px}.cookie-actions{justify-content:space-between}}
 .log-head-actions{display:flex;align-items:center;gap:14px}.clear-all{padding:9px 14px;border-radius:100px;background:#eeece6;color:#77746d;font-size:11px;font-weight:500}.clear-all:hover:not(:disabled){background:#fae5e1;color:#c7352d}.clear-all:disabled{opacity:.45;cursor:default}@media(max-width:410px){.log-head-actions{gap:8px}.clear-all{padding:8px 10px}}
 .clear-all{display:inline-flex;align-items:center;justify-content:center;gap:6px}.clear-all svg{flex-shrink:0}

.log-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:36px 20px;background:linear-gradient(135deg,#eeece6,#f3e8e1);border-radius:26px;gap:17px}.empty-illustration{display:flex;align-items:center;justify-content:center;gap:9px;padding:7px}.empty-illustration>span{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:18px;background:rgba(255,255,255,.8);font-size:26px;transform:rotate(-9deg)}.empty-illustration>span:nth-child(2){width:57px;height:57px;transform:rotate(5deg);background:#fff}.empty-illustration>span:last-child{transform:rotate(11deg)}.log-empty>strong{font-size:14px;font-weight:500;color:#706d66;line-height:1.6}.empty-action{display:inline-flex;align-items:center;gap:12px;padding:11px 18px;border-radius:100px;background:#fff;color:var(--ink);font-size:12px;font-weight:600;text-decoration:none}.empty-action:hover{background:#f0d6cc}#vybernapoja{scroll-margin-top:110px}

.units-picker>button,.language-picker>button{height:42px;box-sizing:border-box;display:flex;align-items:center;padding:8px 12px 8px 8px;line-height:1}
.units-symbol,.language-picker>button .language-code{display:inline-flex;align-items:center;justify-content:center;width:30px;min-width:30px;height:26px;box-sizing:border-box;padding:0;line-height:1}
.units-symbol{font-family:Arial,sans-serif;font-size:18px}
.units-picker>button>svg,.language-picker>button>svg{display:block;width:14px;height:14px;align-self:center}

.header-right{min-width:0}.result-row{flex-wrap:wrap}.entry-number{min-width:28px;width:auto;padding:0 6px;box-sizing:border-box}.about .profile #weightdisplay[aria-invalid="true"]{color:#b92e26;background:#fae5e1;border-radius:8px}.volume-option{min-width:0}.volume-option span{white-space:nowrap}
@media(max-width:600px){.volume-option span{font-size:11px}.purchase-row .add{font-size:12px}.hero .result-row .value{font-size:clamp(44px,13vw,78px)}.hero .remaining-time strong{font-size:22px}.progress-now{font-size:9px}.compact-inner{gap:9px}.compact-metric strong{font-size:19px}.compact-countdown{padding-left:10px}.country-card .country-name h3{overflow-wrap:anywhere}}
 @media(max-width:600px){.entry-step,.entry>.remove{width:36px;height:36px}.entry{grid-template-columns:28px minmax(0,1fr) auto 36px}.zero-marker span{max-width:150px;white-space:normal;text-align:center;line-height:1.4}}
 .footer-languages{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:28px;padding-top:22px}.footer-languages a{font-size:11px;color:#77746d;text-decoration:none;line-height:1.8}.footer-languages a:hover{color:var(--ink);text-decoration:underline}.footer-languages a[aria-current="page"]{font-weight:700;color:var(--ink)}

.profile-value{display:flex;align-items:center;gap:10px;min-width:0}.profile-icon{display:flex;align-items:center;justify-content:center;width:20px;height:24px;flex:0 0 20px;color:#878782}.profile-icon svg{display:block;width:20px;height:20px;flex-shrink:0}.profile-value input,.profile-value select{flex:1;min-width:0}.sex-picker>button{gap:10px}.sex-chevron{margin-left:auto}
 .entry-step{display:grid;place-items:center;padding:0;font-family:Arial,sans-serif;line-height:1}.entry-step>span{display:block;line-height:1;transform:translateY(-1px);font-size:18px}

.lucide-icon{display:block;width:18px;height:18px;flex-shrink:0;pointer-events:none}
.entry-step,.counter button,.remove,.search-close{display:grid;place-items:center;padding:0;line-height:0}
.entry-step>.lucide-icon,.counter button>.lucide-icon,.remove>.lucide-icon{width:18px;height:18px;margin:0;transform:none;align-self:center;justify-self:center}
.units-symbol .lucide-icon{width:16px;height:16px}.drink-icon .lucide-icon{width:32px;height:32px}.profile-icon .lucide-icon{width:20px;height:20px}
.driving-face .lucide-icon,.compact-face .lucide-icon{color:#fff;background:#c7352d;border-radius:50%;padding:3px;box-sizing:border-box}.zero-marker>.lucide-icon{color:#fff;background:#43976a;border-radius:50%;padding:3px;box-sizing:border-box;width:30px;height:30px}
summary::after{border:0;width:16px;height:16px;background:currentColor;mask-image:url("data:image/svg+xml,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2218%22%0A%20%20height%3D%2218%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22black%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22m6%209%206%206%206-6%22%20%2F%3E%0A%3C%2Fsvg%3E");mask-size:contain;mask-repeat:no-repeat;transform:none;top:.2em}
details[open]>summary::after{transform:rotate(180deg);top:.2em}
 .source-links a,.country-source,.source-note a,.footer-bottom>a,.content-card>a{display:inline-flex;align-items:center;gap:6px}.country-source .lucide-icon,.source-links .lucide-icon,.footer-bottom .lucide-icon{width:13px;height:13px}

.entry-description .entry-name{display:flex;align-items:center;gap:9px}.entry-name .drink-emoji{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;width:26px;height:28px;font-size:23px;line-height:1}

.weight-picker,.weight-picker-chevron{display:none}
@media(max-width:600px){
  .about .profile>.field:nth-child(2){grid-column:1/-1}
  .about .profile>.field:nth-child(2)::before{display:none}
  .about .profile .profile-value.has-weight-picker #weightdisplay{display:none}
  .about .profile .profile-value .weight-picker:not([hidden]){display:block;flex:1;min-width:0;width:100%;height:34px;padding:0 24px 0 0;border:0;border-radius:0;background:transparent;color:var(--ink);font-size:19px;line-height:34px;font-weight:700;-webkit-appearance:none;appearance:none;cursor:pointer}
  .about .profile .profile-value .weight-picker-chevron{display:block;flex:0 0 7px;width:7px;height:7px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);margin:-4px 6px 0 0}
  .about .profile #weightdisplay{-moz-appearance:textfield}
  .about .profile #weightdisplay::-webkit-inner-spin-button,.about .profile #weightdisplay::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
}
@media(max-width:600px){.compact-metric{text-align:right}}
@media(max-width:600px){.zero-marker{width:30px}.zero-marker span{position:absolute;top:33px;left:50%;z-index:1;width:min(120px,calc(100vw - 32px));max-width:none;transform:translateX(-50%);white-space:normal;text-align:center;line-height:1.4}}
.article{max-width:1320px;padding:35px 50px 70px;margin:auto}.article-shell{max-width:1320px;padding:0;margin:auto}@media(max-width:850px){.article{padding:30px 23px 55px}}.article h1{font-size:clamp(34px,6vw,52px);line-height:1.12;letter-spacing:-.05em;font-weight:500;margin:18px 0}.article h2{font-size:23px;line-height:1.3;font-weight:500;letter-spacing:-.03em}.article p{font-size:15px;color:#6f6d67}.article .lead{font-size:18px}.article a{color:#4d4b44;text-underline-offset:4px}.article section{background:#fff;border-radius:26px;padding:25px;margin:18px 0}.breadcrumb{font-size:12px;color:#878782}.article-cta{display:inline-block;padding:13px 22px;border-radius:100px;background:#191919;color:white!important;text-decoration:none;font-size:13px}.ethanol-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.ethanol-result{padding-top:20px;font-size:36px;font-weight:700}.ethanol-output span{font-size:12px}.article code{white-space:normal}.article .source-links{font-size:12px}