/* Hallmark · macrostructure: Map / Diagram · tone: playful · theme: Garden café adaptation · anchor hue: warm brown · nav: N1a · footer: Ft5 · enrichment: live chart */
/* Hallmark · pre-emit critique: P4 H4 E4 S5 R4 V4 */
@import url('./tokens.css');
*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--color-paper);color:var(--color-ink);font:14px/1.6 var(--font-body)}button,input,select{font:inherit;color:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:var(--color-transparent)}button,a,summary{touch-action:manipulation}button{cursor:pointer;white-space:nowrap}a{color:inherit;text-underline-offset:4px}button{border:1px solid var(--color-rule);border-radius:var(--radius-control);background:var(--color-surface);padding:10px 14px;min-height:44px;font-weight:700}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}input,select{width:100%;min-width:0;min-height:44px;padding:9px 10px;border:1px solid var(--color-input-rule);border-radius:var(--radius-control);background:var(--color-surface)}input::placeholder{color:var(--color-muted)}input[aria-invalid=true]{outline:2px solid var(--color-error);outline-offset:1px}input[type=range]{padding:0;border:none;accent-color:var(--color-accent);background:var(--color-transparent);min-height:32px}label{display:block;font-size:12px;font-weight:700;margin:12px 0 6px}label small{font-weight:500;color:var(--color-muted)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);font-style:normal;line-height:1.13;letter-spacing:-.035em;min-width:0;overflow-wrap:anywhere}h2{font-size:25px}p{color:var(--color-muted)}[hidden]{display:none!important}.skip{position:absolute;left:20px;top:-80px;background:var(--color-surface);z-index:10;padding:12px}.skip:focus{top:12px}.mast{max-width:1360px;margin:0 auto;padding:24px 40px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--color-rule)}.brand{font:800 23px var(--font-display);display:flex;align-items:center;gap:12px;text-decoration:none;white-space:nowrap}.brand svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round}.edition{font:700 9px var(--font-body);letter-spacing:.08em;background:var(--color-accent-soft);color:var(--color-accent);padding:5px 7px;border-radius:4px}nav{display:flex;gap:24px;font-size:12px;font-weight:700}nav a{white-space:nowrap;padding:10px 0;text-decoration:none}main{max-width:1280px;margin:auto;padding:0 24px}.intro{display:flex;align-items:center;justify-content:space-between;padding:40px 0 36px;gap:24px}h1{font-size:var(--text-display);font-weight:800;line-height:1;letter-spacing:-.055em}h1 span{color:var(--color-roast)}.intro p{margin-top:16px;font-size:15px}.intro-note{font:600 20px/1.4 var(--font-display);border-left:2px solid var(--color-rule);padding:8px 0 8px 24px;margin-right:24px}.intro-note span{display:block;font:11px/1.6 var(--font-body);color:var(--color-muted);margin-top:10px}.workspace{display:grid;grid-template-columns:330px minmax(0,1fr);gap:24px;align-items:start}.panel{background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-card)}.menu{padding:24px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.menu .section-title{display:block}.menu h2{font-size:25px}.small-tag{font-size:9px;font-weight:800;letter-spacing:.1em;color:var(--color-muted)}.menu .small-tag{display:block;margin-top:6px}.tabs{display:flex;flex-wrap:wrap;gap:4px;margin:18px 0 12px}.tabs button{min-height:36px;padding:5px 9px;font-size:11px;border-color:var(--color-transparent);background:var(--color-paper)}.tabs button[aria-pressed=true]{background:var(--color-ink);color:var(--color-surface)}.drink-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.drink-option{display:flex;align-items:flex-start;flex-direction:column;justify-content:space-between;min-height:71px;padding:10px;text-align:left;white-space:normal;font-size:12px;line-height:1.3;border-color:var(--color-rule)}.drink-option span{font-size:10px;font-weight:500;color:var(--color-muted);margin-top:6px}.drink-option[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent-soft);box-shadow:inset 0 0 0 1px var(--color-accent)}.chosen{border-top:1px solid var(--color-rule);margin-top:20px;padding-top:18px}.chosen>span{display:block;font-size:11px;color:var(--color-muted)}.chosen strong{font:700 22px var(--font-display);display:block;margin:3px 0}.two-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.help{font-size:11px;line-height:1.65;margin-top:10px}.help a{font-weight:600}.primary{background:var(--color-accent);color:var(--color-surface);border-color:var(--color-accent);display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:18px}.primary span{font-size:20px;line-height:1}.text-button{border:0;background:var(--color-transparent);padding:7px 0;color:var(--color-accent);font-size:12px;text-decoration:underline;text-underline-offset:4px;min-height:40px}.results{min-width:0}.curve-panel{padding:24px 28px 20px;position:relative;overflow:hidden}.curve-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.curve-heading h2{font-size:23px;margin-top:5px}.range-buttons{display:flex;border:1px solid var(--color-rule);border-radius:9px;padding:3px}.range-buttons button{border:none;background:var(--color-transparent);font-size:11px;min-height:30px;padding:4px 12px}.range-buttons button[aria-pressed=true]{background:var(--color-ink);color:var(--color-surface)}.headline-result{display:flex;align-items:center;gap:14px;padding-top:18px}.headline-result>strong{font:700 69px/1 var(--font-display);letter-spacing:-.055em}.headline-result>span{font-size:11px;color:var(--color-muted);line-height:1.7}.headline-result b{font-weight:700;color:var(--color-ink)}#curve-mood{margin-left:auto;font:500 15px/1.35 var(--font-display);color:var(--color-roast);text-align:right}.chart-wrap{position:relative;margin-top:16px;min-width:0}.chart-wrap svg{width:100%;height:auto;display:block;overflow:visible}#chart text{font:12px var(--font-body);fill:var(--color-muted)}#chart .grid{stroke:var(--color-rule);stroke-width:1;stroke-dasharray:2 5}#chart .main-line{stroke:var(--color-roast);stroke-width:3;fill:none;stroke-linejoin:round}#chart .band{fill:var(--color-band);opacity:.38}#chart .night{fill:var(--color-night);opacity:.55}#chart .target{stroke:var(--color-accent);stroke-width:1.5;stroke-dasharray:6 4}#chart .cursor-line{stroke:var(--color-ink);stroke-width:1;stroke-dasharray:3 3}#chart .dose-dot{fill:var(--color-roast);stroke:var(--color-surface);stroke-width:2}#chart .cursor-dot{fill:var(--color-ink);stroke:var(--color-surface);stroke-width:3}#empty-chart{position:absolute;inset:36% 10% 10%;text-align:center;font-size:13px;color:var(--color-muted)}#empty-chart button{display:block;margin:6px auto;background:var(--color-surface);padding:4px 8px}.legend{display:flex;gap:18px;flex-wrap:wrap;font-size:10px;color:var(--color-muted);margin-top:4px}.legend>span{display:flex;align-items:center;gap:6px}.key{display:inline-block;width:17px;height:3px}.curve-key{background:var(--color-roast)}.band-key{height:9px;background:var(--color-band)}.target-key{border-top:2px dashed var(--color-accent)}.scrub-label{display:flex;justify-content:space-between;margin-top:18px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0;gap:12px}.metrics article{border:1px solid var(--color-rule);border-radius:14px;padding:18px;background:var(--color-paper)}.metrics article:first-child{background:var(--color-accent-soft)}.metrics article>span{font-size:10px;font-weight:600;display:block}.metrics article>span b{font-weight:700;display:inline-block}.metrics article>strong{font:700 34px/1.2 var(--font-display);display:block;margin:10px 0 6px;letter-spacing:-.04em;overflow-wrap:anywhere}.metrics small{font-size:15px;font-weight:500}.metrics p{font-size:10px;line-height:1.6}.metrics #target-time{font-size:27px}.log-panel{padding:20px 24px}.log-panel h2{font-size:21px}.log-panel h2 span{font:600 11px var(--font-body);margin-left:6px;display:inline-block;background:var(--color-paper);padding:4px 8px;border-radius:30px}.empty-log{padding:22px 0;font-size:12px}.log-row{display:grid;grid-template-columns:100px minmax(0,1fr) 65px 75px;align-items:center;border-bottom:1px solid var(--color-rule);padding:10px 0;gap:8px}.log-time{font-size:12px;font-weight:700}.log-time small{display:block;font-size:9px;color:var(--color-muted);font-weight:500}.log-name{font-size:12px;overflow-wrap:anywhere}.log-dose{font-size:12px;font-weight:700;text-align:right}.log-actions{display:flex;justify-content:flex-end;gap:3px}.log-actions button{padding:4px;min-width:32px;min-height:36px;font-size:11px;border:0;background:var(--color-transparent)}.log-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;font-size:10px;color:var(--color-muted)}.settings{display:grid;grid-template-columns:330px minmax(0,1fr);gap:36px;margin-top:24px;padding:32px;background:var(--color-paper)}.settings-intro h2{font-size:34px;margin:12px 0}.settings-intro p{font-size:12px;max-width:30ch}.settings-fields>label:first-child{display:flex;justify-content:space-between;margin-top:0}.settings-fields>label strong{font:700 20px var(--font-display)}.quick-halves{display:flex;gap:7px;flex-wrap:wrap}.quick-halves button{min-height:34px;padding:5px 9px;font-size:10px}.quick-halves button[aria-pressed=true]{background:var(--color-accent-soft);border-color:var(--color-accent)}.settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:10px}.science{display:grid;grid-template-columns:330px minmax(0,1fr);gap:60px;margin:64px 8px}.science h2{font-size:40px;margin:12px 0 20px}.science-intro>p{font-size:13px;max-width:34ch}.formula{background:var(--color-accent-soft);padding:18px;border-radius:12px;margin-top:24px;font-size:13px}.formula span{display:block;font-size:10px;color:var(--color-muted);margin-top:8px}.science-details details{border-bottom:1px solid var(--color-rule);padding:15px 0}.science-details details:first-child{border-top:1px solid var(--color-rule)}summary{font-weight:700;cursor:pointer;padding:6px 0;min-height:44px}.science-details summary{font:600 19px/1.4 var(--font-display);display:flex;align-items:center;justify-content:space-between;list-style:none;gap:12px}.science-details summary::-webkit-details-marker{display:none}.science-details summary::after{content:'+';font:400 25px var(--font-display)}.science-details details[open] summary::after{content:'−'}.science-details details p{font-size:12px;margin:10px 0}.science-details .factor-tag{font-size:9px;letter-spacing:.04em;font-weight:700;color:var(--color-accent);display:block;margin-top:10px}.science-details .text-button{display:inline-block;margin-right:12px}.sources{padding:32px 0 60px;max-width:1000px}.sources h2{font-size:24px}.sources p{font-size:12px;margin:14px 0}.sources details{border-top:1px solid var(--color-rule);font-size:12px;padding:6px 0}#source-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin:24px 0}#source-list a{font-size:11px;overflow-wrap:anywhere;padding:8px 0}footer{border-top:2px solid var(--color-ink);border-bottom:1px solid var(--color-rule);padding:32px 0;display:flex;justify-content:space-between;align-items:end;gap:24px}footer>strong{font:700 38px/1.1 var(--font-display);letter-spacing:-.04em}footer p{font-size:11px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--color-ink);color:var(--color-surface);padding:12px 20px;border-radius:10px;z-index:10;max-width:90vw;font-size:12px}.warning{color:var(--color-error)!important}.science-details .factor-tag.caution{color:var(--color-error)}@media(hover:hover){button:hover{filter:brightness(.96)}a:hover{text-decoration:underline}.drink-option:hover{border-color:var(--color-accent)}input:hover,select:hover{background:var(--color-paper)}}@media(min-width:1100px){.menu{position:sticky;top:20px}}@media(max-width:1050px){.mast{padding:20px 24px}.workspace{grid-template-columns:290px minmax(0,1fr);gap:18px}.menu{padding:18px}.curve-panel{padding:20px}.headline-result>strong{font-size:58px}#curve-mood{font-size:12px}.metrics{gap:8px}.metrics article{padding:12px}.settings{grid-template-columns:250px minmax(0,1fr);gap:24px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.science{grid-template-columns:280px minmax(0,1fr);gap:36px}.edition{display:none}.log-row{grid-template-columns:76px minmax(0,1fr) 54px 65px}}@media(max-width:800px){.mast{padding:16px 20px;gap:12px}.brand{font-size:19px;gap:8px}.brand svg{width:28px}nav{gap:14px}nav a:last-child{display:none}main{padding:0 20px}.intro{padding:28px 0}.intro-note{display:none}.workspace{grid-template-columns:minmax(0,1fr)}.menu{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 24px}.menu>.section-title,.menu>.tabs,.menu>.drink-list{grid-column:1}.menu>form{grid-column:2;grid-row:1/5}.menu .chosen{border:none;padding:0;margin:0}.menu .drink-list{align-content:start}.curve-panel{padding:24px}.settings{grid-template-columns:minmax(0,1fr);gap:24px;padding:24px}.settings-intro h2 br{display:none}.settings-intro p{max-width:65ch}.science{grid-template-columns:minmax(0,1fr);gap:24px;margin:40px 0}.science-intro{max-width:560px}.science-intro h2 br{display:none}.science-intro>p{max-width:60ch}.formula{margin-top:16px}.log-row{grid-template-columns:100px minmax(0,1fr) 65px 75px}footer>strong{font-size:30px}}
@media(max-width:480px){.mast{padding:12px 14px}.brand{font-size:17px}.brand svg{width:26px;height:30px}nav a{font-size:10px}main{padding:0 12px}.intro{padding:24px 4px}.intro p{font-size:12px;max-width:32ch}h1{font-size:43px}.menu{display:block;padding:18px}.drink-list{grid-template-columns:repeat(2,minmax(0,1fr))}.menu .chosen{border-top:1px solid var(--color-rule);margin-top:20px;padding-top:16px}.tabs button{min-height:40px;padding:6px 12px}.drink-option{min-height:64px}.curve-panel{padding:18px 14px}.curve-heading h2{font-size:21px}.curve-heading .small-tag{font-size:8px}.range-buttons button{padding:4px 9px;min-height:36px}.headline-result>strong{font-size:54px}.headline-result{gap:10px}.headline-result>span{font-size:10px}#curve-mood{font-size:11px;max-width:95px}.chart-wrap{margin-top:20px}.legend{gap:9px;font-size:8px}#chart text{font-size:17px}.chart-wrap svg{min-height:180px}.chart-wrap #empty-chart{font-size:11px;inset:30% 5% 10%}.metrics{grid-template-columns:minmax(0,1fr);gap:8px;margin:12px 0}.metrics article{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:3px 8px;padding:14px 16px}.metrics article>span{font-size:11px}.metrics article>strong{grid-column:2;grid-row:1/3;text-align:right;align-self:center;margin:0;font-size:30px}.metrics article p{font-size:10px}.metrics #target-time{font-size:23px}.log-panel{padding:16px}.log-panel h2{font-size:20px}.log-row{grid-template-columns:64px minmax(0,1fr) 55px;gap:6px}.log-time{font-size:11px}.log-name{font-size:11px}.log-actions{grid-column:2/4;margin-top:-4px}.log-actions button{min-height:44px;padding:6px 12px}.log-dose{font-size:11px}.settings{padding:20px;gap:20px}.settings-intro h2{font-size:29px}.settings-grid{gap:8px}.quick-halves{gap:6px}.quick-halves button{font-size:9px;min-height:40px}.science h2{font-size:34px}.science-details summary{font-size:18px}footer{display:block;padding:24px 4px}footer>strong{font-size:33px}footer p{margin-top:18px}#source-list{grid-template-columns:minmax(0,1fr)}.sources{padding-left:4px;padding-right:4px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button:active{transform:none}}