.lab-page{overflow:clip}.lab-shell{--lab-rule:1px solid var(--line)}.lab-hero{justify-content:space-between;align-items:center;gap:var(--space);padding:64px var(--space) 58px;display:flex}.lab-eyebrow{font-size:var(--type-micro);letter-spacing:.12em;font-weight:600;line-height:1.4}.lab-hero h1{font-size:var(--type-display);margin:22px 0 26px}.lab-hero h1 span{font-style:italic}.lab-lede{max-width:510px;color:var(--ink);line-height:1.7}.lab-hero-mark{border:2px solid var(--purple);border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:12px;width:210px;height:210px;margin-right:7%;display:flex;transform:rotate(12deg)}.lab-hero-mark span{font-size:var(--type-micro);letter-spacing:.1em;font-weight:600}.lab-hero-mark svg{width:88px;height:88px}.lab-workbench{margin:0 var(--space) 70px;border-top:2px solid var(--purple)}.lab-tabs{border-bottom:2px solid var(--purple);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.lab-tabs button{text-align:left;min-height:72px;font-size:var(--type-body);border-right:var(--lab-rule);transition:background var(--quick),color var(--quick);justify-content:space-between;align-items:center;gap:10px;padding:24px 22px;font-weight:600;display:flex}.lab-tabs button:last-child{border-right:0}.lab-tabs button[aria-selected=true]{background:var(--purple);color:var(--yellow)}.lab-tabs button:hover:not([aria-selected=true]){background:var(--yellow)}.lab-tabs button span{font-size:var(--type-subheading);line-height:1}.lab-tabs button:focus-visible{outline-offset:-6px}.lab-panel[hidden]{display:none!important}.lab-panel:focus-visible{outline-offset:5px}.lab-stage{border-bottom:var(--lab-rule);grid-template-columns:1.08fr 1fr;align-items:stretch;display:grid}.lab-controls{min-width:0;padding:48px 48px 54px 0}.lab-section-heading{margin-bottom:34px}.lab-section-heading h2{font-size:var(--type-subheading);letter-spacing:-.045em;margin:13px 0 18px}.lab-section-heading>p:last-child{color:var(--ink);max-width:460px;line-height:1.65}.lab-label,.lab-field>label{font-size:var(--type-small);margin-bottom:10px;font-weight:600;display:block}.lab-methods{margin-bottom:30px}.lab-methods>div{flex-wrap:wrap;gap:8px;display:flex}.lab-method{border:1px solid var(--purple);cursor:pointer;min-height:45px;font-size:var(--type-small);transition:background var(--quick);border-radius:3px;align-items:center;gap:8px;padding:10px 14px;display:flex;position:relative}.lab-method input{opacity:0;width:1px;height:1px;position:absolute}.lab-method:has(input:focus-visible){outline:3px solid var(--purple);outline-offset:3px}.lab-method:hover{background:var(--yellow)}.lab-method-selected{background:var(--yellow);font-weight:600}.lab-fields{gap:24px;display:grid}.lab-fields-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.lab-field{min-width:0}.lab-number-input{border-bottom:1.5px solid var(--purple);background:var(--paper);align-items:center;min-height:56px;display:flex}.lab-number-input input{width:100%;min-width:0;font-size:var(--type-subheading);font-variant-numeric:tabular-nums;color:var(--purple);background:0 0;border:0;border-radius:0;min-height:56px;padding:9px 10px;font-weight:600;line-height:1.2}.lab-number-input>span{font-size:var(--type-small);white-space:nowrap;padding-right:10px}.lab-number-input:focus-within{outline:2px solid var(--purple);outline-offset:2px}.lab-number-input input:focus-visible{outline:0}.lab-range{width:100%;height:44px;accent-color:var(--purple);cursor:pointer;margin:3px 0 0;display:block}.lab-field-hint,.lab-field-error{font-size:var(--type-small);line-height:1.5;margin-top:7px!important}.lab-field-hint{color:var(--ink)}.lab-field-error{color:var(--purple);font-weight:600}.lab-field:has([aria-invalid=true]) .lab-number-input{border-bottom-style:dashed}.lab-brew-tip{border-top:var(--lab-rule);margin-top:30px;padding-top:24px}.lab-brew-tip p{font-size:var(--type-small);color:var(--ink);margin:12px 0;line-height:1.7}.lab-brew-tip a{min-height:44px;font-size:var(--type-small);text-underline-offset:4px;align-items:center;gap:6px;text-decoration:underline;display:inline-flex}.lab-moka-note{border-left:4px solid var(--purple);margin-bottom:28px;padding:8px 0 8px 18px}.lab-moka-note p{font-size:var(--type-small);margin-top:8px;line-height:1.65}.lab-receipt{background:var(--yellow);border-left:var(--lab-rule);flex-direction:column;align-items:stretch;min-width:0;padding:30px 36px 20px;display:flex}.lab-receipt-top{border-bottom:1px dashed var(--purple);font-size:var(--type-micro);letter-spacing:.13em;justify-content:space-between;align-items:center;gap:18px;padding-bottom:18px;font-weight:600;display:flex}.lab-receipt-top svg{width:28px;height:28px}.lab-result{text-align:center;flex-direction:column;align-items:center;gap:2px;margin-top:25px;display:flex}.lab-result strong{letter-spacing:-.055em;font-family:Fraunces,Georgia,serif;font-weight:800;line-height:1;font-size:var(--type-display);font-variant-numeric:lining-nums;overflow-wrap:anywhere;max-width:100%}.lab-result>span{font-size:var(--type-small);font-weight:500}.lab-cup{align-self:center;width:260px;max-width:100%;height:auto;margin:10px 0 8px;overflow:visible}.lab-receipt-details{width:100%}.lab-data{border-top:1px dashed var(--purple);margin:0}.lab-data>div{border-bottom:1px dashed var(--purple);font-size:var(--type-small);justify-content:space-between;gap:18px;padding:13px 0;display:flex}.lab-data dt{max-width:65%}.lab-data dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:600}.lab-receipt-caption{font-size:var(--type-small);text-align:left;margin:16px 0 24px;line-height:1.6}.lab-receipt-signature{font-size:var(--type-micro);letter-spacing:.12em;border-top:1px dashed var(--purple);text-align:center;margin-top:24px;padding-top:16px;font-weight:600}.lab-timer{border-top:1.5px solid var(--purple);margin-top:23px;padding-top:21px}.lab-timer-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.lab-timer-heading>span:last-child{font-size:var(--type-micro)}.lab-clock{font-size:var(--type-heading);letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:10px 0 15px;font-weight:600;line-height:1.15}.lab-timer .lab-field{grid-template-columns:1fr 110px;align-items:center;gap:0 16px;display:grid}.lab-timer .lab-field>label{font-size:var(--type-small);margin:0}.lab-timer .lab-field-hint,.lab-timer .lab-field-error{grid-column:1/-1}.lab-timer .lab-number-input{background:0 0;min-height:44px}.lab-timer .lab-number-input input{min-height:44px;font-size:var(--type-body);padding:7px 0}.lab-timer .lab-number-input>span{padding-right:0}.lab-timer-actions{gap:10px;margin-top:18px;display:flex}.lab-button{min-height:50px;font-weight:600;font-size:var(--type-small);transition:background var(--quick),transform var(--quick);border-radius:3px;justify-content:center;align-items:center;gap:12px;padding:14px 20px;line-height:1.4;display:inline-flex}.lab-button:active{transform:scale(.98)}.lab-button-purple{background:var(--purple);color:var(--yellow)}.lab-button-purple:hover{background:var(--ink)}.lab-timer-actions .lab-button{flex:1}.lab-reset{border:1px solid var(--purple);border-radius:3px;justify-content:center;align-items:center;min-width:52px;min-height:50px;display:flex}.lab-reset:hover{background:var(--paper)}.lab-save-link{text-underline-offset:4px;width:100%;min-height:48px;font-size:var(--type-small);justify-content:center;align-items:center;gap:10px;margin-top:14px;text-decoration:underline;display:flex}.lab-timer-announcement:empty{display:none}.lab-timer-announcement:not(:empty){font-size:var(--type-small);border-bottom:var(--lab-rule);background:var(--paper);padding:12px 18px;font-weight:500}.lab-footnote{max-width:780px;font-size:var(--type-small);color:var(--ink);margin-top:20px;line-height:1.65}.lab-explainer{font-size:var(--type-small);color:var(--ink);border-top:var(--lab-rule);margin-top:30px;padding-top:24px;line-height:1.7}.lab-empty-result{font-family:Fraunces,Georgia,serif;font-size:var(--type-subheading);letter-spacing:-.04em;text-align:center;max-width:300px;margin:22px auto 32px;font-weight:700;line-height:1.15}.lab-notebook{border-bottom:var(--lab-rule);grid-template-columns:1.08fr 1fr;align-items:stretch;display:grid}.lab-current-recipe{border-top:var(--lab-rule);border-bottom:var(--lab-rule);gap:5px;margin-bottom:26px;padding:18px 0;display:grid}.lab-current-recipe>span{font-size:var(--type-small);color:var(--ink)}.lab-current-recipe button{min-height:44px;font-size:var(--type-small);text-underline-offset:4px;justify-self:start;align-items:center;gap:8px;padding:0;text-decoration:underline;display:flex}.lab-save-form{flex-direction:column;align-items:stretch;display:flex}.lab-save-form>input,.lab-save-form>textarea{border:1px solid var(--purple);color:var(--ink);font:inherit;background:0 0;border-radius:3px;min-width:0;max-width:100%;min-height:50px;padding:13px 14px}.lab-save-form>textarea{resize:vertical;line-height:1.5}.lab-save-form>input::placeholder,.lab-save-form>textarea::placeholder{color:var(--purple);opacity:.65}.lab-save-form>input+.lab-label{margin-top:24px}.lab-save-form .lab-label span{font-weight:400}.lab-save-form>.lab-field-hint{font-size:var(--type-micro);align-self:flex-end;margin-top:7px}.lab-storage-label{font-size:var(--type-small);margin:22px 0 14px}.lab-save-feedback:not(:empty),.lab-save-error{font-size:var(--type-small);border-bottom:var(--lab-rule);margin-top:10px;padding:14px 0;line-height:1.65}.lab-save-error{font-weight:600}.lab-storage-options{justify-items:start;margin-top:12px;display:grid}.lab-text-button{font-size:var(--type-small);text-underline-offset:4px;text-align:left;align-items:center;gap:10px;min-height:44px;padding:6px 0;text-decoration:underline;display:flex}.lab-collection{background:var(--purple);color:var(--paper);min-width:0;padding:34px 36px}.lab-collection-heading{color:var(--yellow);border-bottom:1px solid #fffdf466;justify-content:space-between;align-items:center;padding-bottom:22px;display:flex}.lab-collection-heading>span:last-child{font-size:var(--type-small)}.lab-collection button:focus-visible{outline-color:var(--yellow)}.lab-notebook-empty{max-width:340px;padding:54px 0}.lab-notebook-empty>svg{width:82px;height:82px;color:var(--yellow);margin-bottom:24px}.lab-notebook-empty h3{font-size:var(--type-subheading);letter-spacing:-.045em;line-height:1.07}.lab-notebook-empty p{font-size:var(--type-small);margin-top:20px;line-height:1.7}.lab-collection-message{font-size:var(--type-small);padding:28px 0}.lab-privacy-note{font-size:var(--type-small);border-top:1px solid #fffdf466;margin-top:12px;padding-top:20px;line-height:1.7}.lab-recipe-list{margin:0;padding:0;list-style:none}.lab-recipe-list>li{overflow-wrap:anywhere;border-bottom:1px solid #fffdf466;padding:24px 0}.lab-saved-meta{font-size:var(--type-micro);color:var(--yellow);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;gap:14px;display:flex}.lab-recipe-list h3{font-size:var(--type-subheading);letter-spacing:-.035em;margin:11px 0;line-height:1.08}.lab-saved-values,.lab-saved-note{font-size:var(--type-small);line-height:1.6}.lab-saved-note{white-space:pre-wrap;margin-top:10px!important}.lab-saved-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.lab-saved-actions button{min-height:44px;font-size:var(--type-small);color:var(--yellow);text-align:left;align-items:center;gap:10px;padding:8px 0;font-weight:600;display:flex}.lab-saved-actions button:last-child{justify-content:center;min-width:44px}.lab-delete-confirm{border:1px solid var(--yellow);font-size:var(--type-small);margin-top:12px;padding:16px}.lab-delete-confirm p{line-height:1.6}.lab-delete-confirm button{text-underline-offset:3px;min-height:44px;color:var(--yellow);margin-right:12px;padding:10px 12px 10px 0;text-decoration:underline}.lab-outro{padding:64px var(--space) 72px;background:var(--yellow);position:relative}.lab-outro h2{font-size:var(--type-heading);max-width:75%;margin:22px 0 28px}.lab-outro>a{min-height:48px;font-size:var(--type-small);border-bottom:1px solid var(--purple);align-items:center;gap:30px;font-weight:600;display:inline-flex}.lab-outro>svg{width:160px;height:160px;position:absolute;top:29%;right:10%;transform:rotate(-15deg)}@media (min-width:1500px){.lab-workbench{max-width:1440px;margin-left:auto;margin-right:auto}.lab-controls{padding-right:70px}.lab-receipt{padding-left:54px;padding-right:54px}.lab-hero{max-width:1592px;margin:auto}}@media (max-width:1000px){.lab-hero-mark{width:160px;height:160px;margin-right:0}.lab-hero-mark svg{width:64px;height:64px}.lab-controls{padding-right:28px}.lab-receipt,.lab-collection{padding-left:26px;padding-right:26px}.lab-tabs button{font-size:var(--type-small);padding:20px 14px}.lab-fields-two{grid-template-columns:1fr}.lab-timer .lab-field{grid-template-columns:1fr 90px}}@media (max-width:700px){.lab-hero{gap:0;padding-top:38px;padding-bottom:34px}.lab-hero h1{margin-top:16px;margin-bottom:22px}.lab-hero-mark{display:none}.lab-lede{font-size:var(--type-small);max-width:380px;line-height:1.7}.lab-workbench{margin-bottom:38px}.lab-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-tabs button{min-height:58px;padding:14px 12px}.lab-tabs button:nth-child(2){border-right:0}.lab-tabs button:nth-child(-n+2){border-bottom:var(--lab-rule)}.lab-tabs button span{font-size:var(--type-body)}.lab-stage,.lab-notebook{grid-template-columns:1fr}.lab-controls{padding:30px 0 34px}.lab-section-heading{margin-bottom:26px}.lab-section-heading h2{font-size:var(--type-subheading);margin-top:12px;line-height:1.04}.lab-section-heading>p:last-child{font-size:var(--type-small)}.lab-fields{gap:22px}.lab-fields-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.lab-field>label{line-height:1.5}.lab-fields-two .lab-field>label{min-height:40px;margin-bottom:7px}.lab-number-input input{font-size:var(--type-subheading);padding-left:7px}.lab-number-input>span{font-size:var(--type-micro);padding-right:7px}.lab-range{margin-top:0}.lab-field-hint,.lab-field-error{font-size:var(--type-small)}.lab-receipt{border-left:0;padding:24px 22px 20px}.lab-result{margin-top:24px}.lab-result strong{font-size:var(--type-display)}.lab-cup{width:232px;margin:6px 0}.lab-timer .lab-field{grid-template-columns:1fr 96px}.lab-timer .lab-field>label{min-height:0}.lab-receipt-signature{letter-spacing:.06em}.lab-data>div{gap:12px}.lab-timer-heading{gap:8px}.lab-button{padding:13px 15px}.lab-footnote{font-size:var(--type-small)}.lab-collection{padding:26px 22px}.lab-notebook-empty{padding:34px 0}.lab-notebook-empty>svg{width:68px;height:68px;margin-bottom:22px}.lab-privacy-note{font-size:var(--type-small)}.lab-current-recipe>span{line-height:1.7}.lab-outro{padding-top:38px;padding-bottom:40px}.lab-outro h2{max-width:82%;font-size:var(--type-heading)}.lab-outro>svg{width:68px;height:68px;top:45%;right:6%}}@media (prefers-reduced-motion:reduce){.lab-shell *,.lab-shell :before,.lab-shell :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.lab-shell[data-lab-motion=off] *{transition:none!important;animation:none!important}