@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial;--tw-duration:initial}::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:#fef2f2;--color-red-200:#ffcaca;--color-red-300:#ffa3a3;--color-red-400:#ff6568;--color-red-500:#fb2c36;--color-red-600:#e40014;--color-red-700:#bf000f;--color-red-800:#9f0712;--color-red-900:#82181a;--color-amber-50:#fffbeb;--color-amber-200:#fee685;--color-amber-300:#ffd236;--color-amber-400:#fcbb00;--color-amber-600:#dd7400;--color-amber-700:#b75000;--color-amber-800:#953d00;--color-amber-900:#7b3306;--color-green-50:#f0fdf4;--color-green-200:#b9f8cf;--color-green-300:#7bf1a8;--color-green-400:#05df72;--color-green-500:#00c758;--color-green-600:#00a544;--color-green-700:#008138;--color-green-800:#016630;--color-green-900:#0d542b;--color-blue-50:#eff6ff;--color-blue-200:#bedbff;--color-blue-400:#54a2ff;--color-blue-500:#3080ff;--color-blue-600:#155dfc;--color-blue-700:#1447e6;--color-blue-800:#193cb8;--color-blue-900:#1c398e;--color-purple-50:#faf5ff;--color-purple-300:#d9b3ff;--color-purple-400:#c07eff;--color-purple-500:#ac4bff;--color-purple-600:#9810fa;--color-purple-700:#8200da;--color-purple-900:#59168b;--color-gray-50:#f9fafb;--color-gray-300:#d1d5dc;--color-gray-400:#99a1af;--color-gray-500:#6a7282;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-xl:36rem;--container-3xl:48rem;--container-4xl:56rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--blur-sm:8px;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-handwritten:var(--font-caveat),cursive}@supports (color:lab(0% 0 0)){:root,:host{--color-red-50:lab(96.5005% 4.18508 1.52328);--color-red-200:lab(86.017% 19.8815 7.75869);--color-red-300:lab(76.5514% 36.422 15.5335);--color-red-400:lab(63.7053% 60.745 31.3109);--color-red-500:lab(55.4814% 75.0732 48.8528);--color-red-600:lab(48.4493% 77.4328 61.5452);--color-red-700:lab(40.4273% 67.2623 53.7441);--color-red-800:lab(33.7174% 55.8993 41.0293);--color-red-900:lab(28.5139% 44.5539 29.0463);--color-amber-50:lab(98.6252% -.635922 8.42309);--color-amber-200:lab(91.7203% -.505269 49.9084);--color-amber-300:lab(86.4156% 6.13147 78.3961);--color-amber-400:lab(80.1641% 16.6016 99.2089);--color-amber-600:lab(60.3514% 40.5624 87.1228);--color-amber-700:lab(47.2709% 42.9082 69.2966);--color-amber-800:lab(37.8822% 37.1699 52.2718);--color-amber-900:lab(31.2288% 30.2627 40.0378);--color-green-50:lab(98.1563% -5.60117 2.75915);--color-green-200:lab(92.4222% -26.4702 12.9427);--color-green-300:lab(86.9953% -47.2691 25.0054);--color-green-400:lab(78.503% -64.9265 39.7492);--color-green-500:lab(70.5521% -66.5147 45.8073);--color-green-600:lab(59.0978% -58.6621 41.2579);--color-green-700:lab(47.0329% -47.0239 31.4788);--color-green-800:lab(37.4616% -36.7971 22.9692);--color-green-900:lab(30.797% -29.6927 17.382);--color-blue-50:lab(96.492% -1.14644 -5.11479);--color-blue-200:lab(86.15% -4.04379 -21.0797);--color-blue-400:lab(65.0361% -1.42065 -56.9802);--color-blue-500:lab(54.1736% 13.3369 -74.6839);--color-blue-600:lab(44.0605% 29.0279 -86.0352);--color-blue-700:lab(36.9089% 35.0961 -85.6872);--color-blue-800:lab(30.2514% 27.7853 -70.2699);--color-blue-900:lab(26.1542% 15.7545 -51.5504);--color-purple-50:lab(97.1627% 2.99937 -4.13398);--color-purple-300:lab(78.3298% 26.2195 -34.9499);--color-purple-400:lab(63.6946% 47.6127 -59.2066);--color-purple-500:lab(52.0183% 66.11 -78.2316);--color-purple-600:lab(43.0295% 75.21 -86.5669);--color-purple-700:lab(36.1758% 69.8525 -80.0381);--color-purple-900:lab(24.9401% 45.2703 -51.2728);--color-gray-50:lab(98.2596% -.247031 -.706708);--color-gray-300:lab(85.1236% -.612259 -3.7138);--color-gray-400:lab(65.9269% -.832707 -8.17473);--color-gray-500:lab(47.7841% -.393182 -10.0268)}}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}body{background-color:var(--bg);background-image:radial-gradient(ellipse at 50% 45%,transparent 45%,#00000012 100%),radial-gradient(1100px 400px at 10% -5%,var(--brew-accent-100),transparent 60%),radial-gradient(900px 350px at 90% -5%,var(--brew-accent-200),transparent 55%),transparent}@supports (color:color-mix(in lab, red, red)){body{background-image:radial-gradient(ellipse at 50% 45%,transparent 45%,#00000012 100%),radial-gradient(1100px 400px at 10% -5%,color-mix(in oklch,var(--brew-accent-100)28%,transparent),transparent 60%),radial-gradient(900px 350px at 90% -5%,color-mix(in oklch,var(--brew-accent-200)20%,transparent),transparent 55%),transparent}}body{background-repeat:no-repeat,no-repeat,no-repeat;background-size:100% 100%,auto,auto;transition:background-color .3s}.dark body{background-image:radial-gradient(ellipse at 50% 45%,transparent 30%,#0000000f 100%),radial-gradient(1000px 360px at 15% -10%,var(--brew-accent-400),transparent 55%),radial-gradient(900px 300px at 85% -10%,var(--brew-accent-600),transparent 50%)}@supports (color:color-mix(in lab, red, red)){.dark body{background-image:radial-gradient(ellipse at 50% 45%,transparent 30%,#0000000f 100%),radial-gradient(1000px 360px at 15% -10%,color-mix(in oklch,var(--brew-accent-400)10%,transparent),transparent 55%),radial-gradient(900px 300px at 85% -10%,color-mix(in oklch,var(--brew-accent-600)8%,transparent),transparent 50%)}}.dark body{background-repeat:no-repeat,no-repeat,no-repeat;background-size:100% 100%,auto,auto}}@layer components;@layer utilities{.\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-30{top:calc(var(--spacing)*30)}.top-40{top:calc(var(--spacing)*40)}.top-100{top:calc(var(--spacing)*100)}.top-300{top:calc(var(--spacing)*300)}.right-4{right:calc(var(--spacing)*4)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-4{bottom:calc(var(--spacing)*4)}.-left-8{left:calc(var(--spacing)*-8)}.isolate{isolation:isolate}.z-\[70\]{z-index:70}.col-span-2{grid-column:span 2/span 2}.col-span-full{grid-column:1/-1}.float-left{float:left}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.my-4{margin-block:calc(var(--spacing)*4)}.my-6{margin-block:calc(var(--spacing)*6)}.my-8{margin-block:calc(var(--spacing)*8)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-10{margin-top:calc(var(--spacing)*10)}.mb-0\.5{margin-bottom:calc(var(--spacing)*.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-1\.5{margin-left:calc(var(--spacing)*1.5)}.ml-6{margin-left:calc(var(--spacing)*6)}.ml-8{margin-left:calc(var(--spacing)*8)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-20{height:calc(var(--spacing)*20)}.h-\[320px\]{height:320px}.h-full{height:100%}.h-px{height:1px}.max-h-48{max-height:calc(var(--spacing)*48)}.min-h-\[50vh\]{min-height:50vh}.min-h-dvh{min-height:100dvh}.w-1{width:calc(var(--spacing)*1)}.w-2{width:calc(var(--spacing)*2)}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-14{width:calc(var(--spacing)*14)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-34\/70{width:48.5714%}.w-full{width:100%}.w-px{width:1px}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[280px\]{max-width:280px}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[4\.5rem\]{min-width:4.5rem}.min-w-\[5\.5rem\]{min-width:5.5rem}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-\[slideIn_0\.2s_ease-out\]{animation:.2s ease-out slideIn}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing)*4)}.gap-y-1{row-gap:calc(var(--spacing)*1)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-4{border-top-style:var(--tw-border-style);border-top-width:4px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[rgb\(var\(--border\)\)\]{border-color:rgb(var(--border))}.border-\[rgb\(var\(--brew-accent-400\)\)\]{border-color:rgb(var(--brew-accent-400))}.border-\[rgb\(var\(--brew-border\)\)\]{border-color:rgb(var(--brew-border))}.border-\[rgb\(var\(--brew-border-subtle\)\)\]{border-color:rgb(var(--brew-border-subtle))}.border-\[var\(--brew-accent-600\)\]{border-color:var(--brew-accent-600)}.border-\[var\(--brew-danger-600\)\]{border-color:var(--brew-danger-600)}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-300{border-color:var(--color-amber-300)}.border-blue-200{border-color:var(--color-blue-200)}.border-green-200{border-color:var(--color-green-200)}.border-green-300{border-color:var(--color-green-300)}.border-green-500{border-color:var(--color-green-500)}.border-purple-300{border-color:var(--color-purple-300)}.border-red-200{border-color:var(--color-red-200)}.border-red-300{border-color:var(--color-red-300)}.border-t-transparent{border-top-color:#0000}.bg-\[color-mix\(in_oklch\,var\(--brew-accent-600\)_12\%\,transparent\)\]{background-color:var(--brew-accent-600)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--brew-accent-600\)_12\%\,transparent\)\]{background-color:color-mix(in oklch,var(--brew-accent-600)12%,transparent)}}.bg-\[color-mix\(in_oklch\,var\(--brew-danger-600\)_10\%\,transparent\)\]{background-color:var(--brew-danger-600)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--brew-danger-600\)_10\%\,transparent\)\]{background-color:color-mix(in oklch,var(--brew-danger-600)10%,transparent)}}.bg-\[color-mix\(in_oklch\,var\(--fg-strong\)_6\%\,transparent\)\]{background-color:var(--fg-strong)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--fg-strong\)_6\%\,transparent\)\]{background-color:color-mix(in oklch,var(--fg-strong)6%,transparent)}}.bg-\[rgb\(var\(--brew-accent-400\)\)\]\/10{background-color:rgb(var(--brew-accent-400))}@supports (color:color-mix(in lab, red, red)){.bg-\[rgb\(var\(--brew-accent-400\)\)\]\/10{background-color:color-mix(in oklab,rgb(var(--brew-accent-400))10%,transparent)}}.bg-\[rgb\(var\(--brew-accent-400\)\)\]\/80{background-color:rgb(var(--brew-accent-400))}@supports (color:color-mix(in lab, red, red)){.bg-\[rgb\(var\(--brew-accent-400\)\)\]\/80{background-color:color-mix(in oklab,rgb(var(--brew-accent-400))80%,transparent)}}.bg-\[rgb\(var\(--brew-border-subtle\)\)\]{background-color:rgb(var(--brew-border-subtle))}.bg-\[rgb\(var\(--brew-surface\)\)\]\/80{background-color:rgb(var(--brew-surface))}@supports (color:color-mix(in lab, red, red)){.bg-\[rgb\(var\(--brew-surface\)\)\]\/80{background-color:color-mix(in oklab,rgb(var(--brew-surface))80%,transparent)}}.bg-\[var\(--bg\)\]{background-color:var(--bg)}.bg-\[var\(--coral-600\)\]{background-color:var(--coral-600)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.bg-black\/10{background-color:color-mix(in oklab,var(--color-black)10%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-current{background-color:currentColor}.bg-green-50{background-color:var(--color-green-50)}.bg-green-500{background-color:var(--color-green-500)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-300{background-color:var(--color-purple-300)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-500\/20{background-color:#fb2c3633}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/20{background-color:color-mix(in oklab,var(--color-red-500)20%,transparent)}}.bg-red-500\/80{background-color:#fb2c36cc}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/80{background-color:color-mix(in oklab,var(--color-red-500)80%,transparent)}}.bg-red-600{background-color:var(--color-red-600)}.object-contain{object-fit:contain}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-12{padding-block:calc(var(--spacing)*12)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-8{padding-top:calc(var(--spacing)*8)}.pl-5{padding-left:calc(var(--spacing)*5)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-wrap{text-wrap:wrap}.text-\[rgb\(var\(--text\)\)\]{color:rgb(var(--text))}.text-\[rgb\(var\(--text-muted\)\)\]{color:rgb(var(--text-muted))}.text-\[var\(--brew-danger-600\)\]{color:var(--brew-danger-600)}.text-\[var\(--brew-text-secondary\)\]{color:var(--brew-text-secondary)}.text-\[var\(--coral-500\)\]{color:var(--coral-500)}.text-\[var\(--coral-600\)\]{color:var(--coral-600)}.text-\[var\(--fg-muted\)\]{color:var(--fg-muted)}.text-\[var\(--fg-strong\)\]{color:var(--fg-strong)}.text-amber-600{color:var(--color-amber-600)}.text-amber-800{color:var(--color-amber-800)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-purple-600{color:var(--color-purple-600)}.text-purple-700{color:var(--color-purple-700)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-800{color:var(--color-red-800)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a))drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a)drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:opacity-70:is(:where(.group):hover *){opacity:.7}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:border-\[rgb\(var\(--brew-accent-400\)\)\]:hover{border-color:rgb(var(--brew-accent-400))}.hover\:border-\[var\(--brew-accent-400\)\]:hover{border-color:var(--brew-accent-400)}.hover\:bg-\[color-mix\(in_oklch\,var\(--fg-strong\)_10\%\,transparent\)\]:hover{background-color:var(--fg-strong)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[color-mix\(in_oklch\,var\(--fg-strong\)_10\%\,transparent\)\]:hover{background-color:color-mix(in oklch,var(--fg-strong)10%,transparent)}}.hover\:bg-\[rgb\(var\(--brew-surface\)\)\]\/50:hover{background-color:rgb(var(--brew-surface))}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[rgb\(var\(--brew-surface\)\)\]\/50:hover{background-color:color-mix(in oklab,rgb(var(--brew-surface))50%,transparent)}}.hover\:bg-black\/10:hover{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/10:hover{background-color:color-mix(in oklab,var(--color-black)10%,transparent)}}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:text-\[var\(--brew-accent-600\)\]:hover{color:var(--brew-accent-600)}.hover\:text-\[var\(--coral-500\)\]:hover{color:var(--coral-500)}.hover\:text-\[var\(--coral-700\)\]:hover{color:var(--coral-700)}.hover\:text-\[var\(--fg-strong\)\]:hover{color:var(--fg-strong)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[var\(--coral-600\)\]:focus-visible{--tw-ring-color:var(--coral-600)}.focus-visible\:ring-red-500:focus-visible{--tw-ring-color:var(--color-red-500)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:opacity-30:disabled{opacity:.3}@media (min-width:40rem){.sm\:absolute{position:absolute}.sm\:top-1\/2{top:50%}.sm\:right-4{right:calc(var(--spacing)*4)}.sm\:-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:pt-0{padding-top:calc(var(--spacing)*0)}}@media (min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:px-8{padding-inline:calc(var(--spacing)*8)}}.dark\:border-amber-700:where(.dark,.dark *){border-color:var(--color-amber-700)}.dark\:border-amber-800:where(.dark,.dark *){border-color:var(--color-amber-800)}.dark\:border-blue-800:where(.dark,.dark *){border-color:var(--color-blue-800)}.dark\:border-green-800:where(.dark,.dark *){border-color:var(--color-green-800)}.dark\:border-purple-700:where(.dark,.dark *){border-color:var(--color-purple-700)}.dark\:border-red-800:where(.dark,.dark *){border-color:var(--color-red-800)}.dark\:bg-amber-900\/20:where(.dark,.dark *){background-color:#7b330633}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-900\/20:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-amber-900)20%,transparent)}}.dark\:bg-amber-900\/30:where(.dark,.dark *){background-color:#7b33064d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-amber-900)30%,transparent)}}.dark\:bg-blue-900\/30:where(.dark,.dark *){background-color:#1c398e4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-blue-900)30%,transparent)}}.dark\:bg-green-900\/20:where(.dark,.dark *){background-color:#0d542b33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-green-900\/20:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-green-900)20%,transparent)}}.dark\:bg-green-900\/30:where(.dark,.dark *){background-color:#0d542b4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-green-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-green-900)30%,transparent)}}.dark\:bg-purple-600:where(.dark,.dark *){background-color:var(--color-purple-600)}.dark\:bg-purple-900\/20:where(.dark,.dark *){background-color:#59168b33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-purple-900\/20:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-purple-900)20%,transparent)}}.dark\:bg-red-900\/30:where(.dark,.dark *){background-color:#82181a4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-red-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-red-900)30%,transparent)}}.dark\:text-\[var\(--coral-500\)\]:where(.dark,.dark *){color:var(--coral-500)}.dark\:text-amber-400:where(.dark,.dark *){color:var(--color-amber-400)}.dark\:text-blue-400:where(.dark,.dark *){color:var(--color-blue-400)}.dark\:text-green-400:where(.dark,.dark *){color:var(--color-green-400)}.dark\:text-purple-400:where(.dark,.dark *){color:var(--color-purple-400)}.dark\:text-red-400:where(.dark,.dark *){color:var(--color-red-400)}@media (hover:hover){.dark\:hover\:bg-white\/10:where(.dark,.dark *):hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/10:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.dark\:hover\:text-\[var\(--coral-400\)\]:where(.dark,.dark *):hover{color:var(--coral-400)}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.bg-dashboard{background:radial-gradient(1100px 400px at 10% -5%,var(--brew-accent-100),transparent 60%),radial-gradient(900px 350px at 90% -5%,var(--brew-accent-200),transparent 55%),var(--bg)}@supports (color:color-mix(in lab, red, red)){.bg-dashboard{background:radial-gradient(1100px 400px at 10% -5%,color-mix(in oklch,var(--brew-accent-100)18%,transparent),transparent 60%),radial-gradient(900px 350px at 90% -5%,color-mix(in oklch,var(--brew-accent-200)12%,transparent),transparent 55%),var(--bg)}}.bg-dashboard{background-attachment:fixed}.dark .bg-dashboard{background:radial-gradient(1000px 360px at 15% -10%,var(--brew-accent-400),transparent 55%),radial-gradient(900px 300px at 85% -10%,var(--brew-accent-600),transparent 50%),linear-gradient(180deg,#12100e 0%,#100e0c 35%,var(--bg)100%)}@supports (color:color-mix(in lab, red, red)){.dark .bg-dashboard{background:radial-gradient(1000px 360px at 15% -10%,color-mix(in oklch,var(--brew-accent-400)8%,transparent),transparent 55%),radial-gradient(900px 300px at 85% -10%,color-mix(in oklch,var(--brew-accent-600)6%,transparent),transparent 50%),linear-gradient(180deg,#12100e 0%,#100e0c 35%,var(--bg)100%)}}.dark .bg-dashboard{background-attachment:fixed}.card-glass{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:rgb(var(--border));background-color:var(--card);--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);box-shadow:var(--shadow-card);transition:box-shadow .2s,transform .2s;position:relative}.card-glass:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.dark .card-glass{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark .card-glass{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.dark .card-glass{background-color:var(--card)}@supports (color:color-mix(in lab, red, red)){.dark .card-glass{background-color:color-mix(in oklab,var(--card)65%,transparent)}}.card-inner-ring:after{content:"";pointer-events:none;inset:calc(var(--spacing)*0);border-radius:var(--radius-2xl);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:rgb(var(--border));--tw-ring-inset:inset;position:absolute}.dark .card-inner-ring:after{--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark .card-inner-ring:after{--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.shadow-soft{box-shadow:var(--shadow-card)!important}.neon-glow{background:radial-gradient(60% 140% at 10% -20%,rgba(var(--glow)/.35),transparent 60%),radial-gradient(40% 100% at 90% -10%,rgba(var(--accent)/.25),transparent 60%)}.text-primary{color:var(--coral-500)}.text-primary-strong{color:var(--coral-600)}.text-muted{color:var(--fg-muted)}.text-strong{color:var(--fg-strong)}.btn-neon{align-items:center;gap:calc(var(--spacing)*2);border-radius:var(--radius-xl);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:#fff;background:linear-gradient(to bottom,var(--coral-500),var(--coral-600));border:1.5px solid var(--coral-700);display:inline-flex}@supports (color:color-mix(in lab, red, red)){.btn-neon{border:1.5px solid color-mix(in oklch,var(--coral-700)80%,var(--coral-600))}}.btn-neon{box-shadow:inset 0 1.5px 0 #ffffff40,inset 0 -1px 0 #00000014,0 3px 0 0 var(--coral-800),0 4px 8px #0000001a}@supports (color:color-mix(in lab, red, red)){.btn-neon{box-shadow:inset 0 1.5px 0 #ffffff40,inset 0 -1px 0 #00000014,0 3px 0 0 color-mix(in oklch,var(--coral-800)80%,black),0 4px 8px #0000001a}}.btn-neon{transition:transform .1s,box-shadow .1s,background .1s}.btn-neon:hover{background:linear-gradient(to bottom,var(--coral-400),var(--coral-500));box-shadow:inset 0 1.5px 0 #ffffff4d,inset 0 -1px 0 #00000014,0 4px 0 0 var(--coral-800),0 5px 12px #0000001f;transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.btn-neon:hover{box-shadow:inset 0 1.5px 0 #ffffff4d,inset 0 -1px 0 #00000014,0 4px 0 0 color-mix(in oklch,var(--coral-800)80%,black),0 5px 12px #0000001f}}.btn-neon:active{background:linear-gradient(to bottom,var(--coral-600),var(--coral-700));box-shadow:inset 0 2px 3px #00000026,0 0px 0 0 var(--coral-800);transform:translateY(3px)}@supports (color:color-mix(in lab, red, red)){.btn-neon:active{box-shadow:inset 0 2px 3px #00000026,0 0px 0 0 color-mix(in oklch,var(--coral-800)80%,black)}}.dark .btn-neon{background:linear-gradient(to bottom,var(--coral-500),var(--coral-600));border-color:#0006;box-shadow:inset 0 1.5px #ffffff26,inset 0 -1px #0000001f,0 3px #00000073,0 4px 8px #0003}.dark .btn-neon:hover{background:linear-gradient(to bottom,var(--coral-400),var(--coral-500));transform:translateY(-1px);box-shadow:inset 0 1.5px #ffffff2e,inset 0 -1px #0000001f,0 4px #00000073,0 5px 12px #00000040}.btn-outline{align-items:center;gap:calc(var(--spacing)*2);border-radius:var(--radius-xl);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--coral-700);background:linear-gradient(to bottom,var(--card),var(--card));display:inline-flex}@supports (color:color-mix(in lab, red, red)){.btn-outline{background:linear-gradient(to bottom,var(--card),color-mix(in oklch,var(--card)96%,var(--coral-100)))}}.btn-outline{border:1.5px solid var(--coral-400);box-shadow:inset 0 1.5px 0 #ffffffb3,inset 0 -1px 0 #0000000a,0 3px 0 0 var(--coral-600),0 4px 8px #0000000f}@supports (color:color-mix(in lab, red, red)){.btn-outline{box-shadow:inset 0 1.5px 0 #ffffffb3,inset 0 -1px 0 #0000000a,0 3px 0 0 color-mix(in oklch,var(--coral-600)60%,#b4aaa0),0 4px 8px #0000000f}}.btn-outline{transition:transform .1s,box-shadow .1s,background .1s}.btn-outline:hover{background:linear-gradient(to bottom,var(--card),var(--coral-100))}@supports (color:color-mix(in lab, red, red)){.btn-outline:hover{background:linear-gradient(to bottom,var(--card),color-mix(in oklch,var(--coral-100)40%,var(--card)))}}.btn-outline:hover{box-shadow:inset 0 1.5px 0 #ffffffb3,inset 0 -1px 0 #0000000a,0 4px 0 0 var(--coral-600),0 5px 12px #00000014;transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.btn-outline:hover{box-shadow:inset 0 1.5px 0 #ffffffb3,inset 0 -1px 0 #0000000a,0 4px 0 0 color-mix(in oklch,var(--coral-600)60%,#b4aaa0),0 5px 12px #00000014}}.btn-outline:active{box-shadow:inset 0 2px 3px #0000000f,0 0px 0 0 var(--coral-600);transform:translateY(3px)}@supports (color:color-mix(in lab, red, red)){.btn-outline:active{box-shadow:inset 0 2px 3px #0000000f,0 0px 0 0 color-mix(in oklch,var(--coral-600)60%,#b4aaa0)}}.dark .btn-outline{color:var(--coral-400);background:linear-gradient(to bottom,var(--card),var(--card))}@supports (color:color-mix(in lab, red, red)){.dark .btn-outline{background:linear-gradient(to bottom,var(--card),color-mix(in oklch,var(--card)97%,black))}}.dark .btn-outline{border-color:var(--coral-500);box-shadow:inset 0 1.5px #ffffff14,inset 0 -1px #0000001a,0 3px #0006,0 4px 8px #00000026}.dark .btn-outline:hover{transform:translateY(-1px);box-shadow:inset 0 1.5px #ffffff14,inset 0 -1px #0000001a,0 4px #0006,0 5px 12px #0003}.btn-tonal{align-items:center;gap:calc(var(--spacing)*2);border-radius:var(--radius-xl);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--fg-strong);background:linear-gradient(to bottom,var(--coral-100),var(--coral-100));display:inline-flex}@supports (color:color-mix(in lab, red, red)){.btn-tonal{background:linear-gradient(to bottom,color-mix(in oklch,var(--coral-100)20%,var(--card)),color-mix(in oklch,var(--coral-100)12%,var(--card)))}}.btn-tonal{border:1px solid var(--fg-strong)}@supports (color:color-mix(in lab, red, red)){.btn-tonal{border:1px solid color-mix(in oklch,var(--fg-strong)12%,transparent)}}.btn-tonal{box-shadow:inset 0 1.5px 0 #ffffff8c,inset 0 -1px 0 #00000008,0 2px 0 0 var(--fg-strong),0 3px 6px #0000000a}@supports (color:color-mix(in lab, red, red)){.btn-tonal{box-shadow:inset 0 1.5px 0 #ffffff8c,inset 0 -1px 0 #00000008,0 2px 0 0 color-mix(in oklch,var(--fg-strong)10%,transparent),0 3px 6px #0000000a}}.btn-tonal{transition:transform .1s,box-shadow .1s,background .1s}.btn-tonal:hover{background:linear-gradient(to bottom,var(--coral-100),var(--coral-100))}@supports (color:color-mix(in lab, red, red)){.btn-tonal:hover{background:linear-gradient(to bottom,color-mix(in oklch,var(--coral-100)30%,var(--card)),color-mix(in oklch,var(--coral-100)20%,var(--card)))}}.btn-tonal:hover{box-shadow:inset 0 1.5px 0 #ffffff8c,inset 0 -1px 0 #00000008,0 3px 0 0 var(--fg-strong),0 4px 10px #0000000f;transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.btn-tonal:hover{box-shadow:inset 0 1.5px 0 #ffffff8c,inset 0 -1px 0 #00000008,0 3px 0 0 color-mix(in oklch,var(--fg-strong)10%,transparent),0 4px 10px #0000000f}}.btn-tonal:active{box-shadow:inset 0 1px 2px #0000000f,0 0px 0 0 var(--fg-strong);transform:translateY(2px)}@supports (color:color-mix(in lab, red, red)){.btn-tonal:active{box-shadow:inset 0 1px 2px #0000000f,0 0px 0 0 color-mix(in oklch,var(--fg-strong)10%,transparent)}}.section-soft{border-radius:var(--radius-xl);border-style:var(--tw-border-style);padding:calc(var(--spacing)*3);border-width:1px}@media (min-width:40rem){.section-soft{padding:calc(var(--spacing)*4)}}.section-soft{background-color:var(--fg-strong)}@supports (color:color-mix(in lab, red, red)){.section-soft{background-color:color-mix(in oklch,var(--fg-strong)6%,transparent)}}.section-soft{border-color:var(--fg-strong)}@supports (color:color-mix(in lab, red, red)){.section-soft{border-color:color-mix(in oklch,var(--fg-strong)12%,transparent)}}.section-soft{box-shadow:var(--shadow-card);transition:box-shadow .2s,transform .2s}.section-soft:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.page-recipe .section-soft input,.page-recipe .section-soft select{box-shadow:var(--shadow-card);transition:box-shadow .15s,background-color .15s}.page-recipe .section-soft input:hover,.page-recipe .section-soft select:hover,.page-recipe .section-soft input:focus,.page-recipe .section-soft select:focus{outline:none;box-shadow:0 0 0 1px #0000000a,0 1px 1px -.5px #0000000a}.page-recipe .section-soft>:first-child{margin-top:0!important}.page-recipe .section-soft>:last-child{margin-bottom:0!important}.page-recipe .section-soft.py-2{padding-top:1rem!important;padding-bottom:.5rem!important}.text-white\/90{color:var(--fg-strong)!important}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklch,var(--fg-strong)95%,black 5%)!important}}.text-white\/80{color:var(--fg-strong)!important}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklch,var(--fg-strong)90%,black 10%)!important}}.text-white\/70{color:var(--fg-strong)!important}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklch,var(--fg-strong)85%,black 15%)!important}}.text-white\/60,.text-white\/30{color:var(--fg-muted)!important}@supports (color:color-mix(in lab, red, red)){.text-white\/30{color:color-mix(in oklch,var(--fg-muted)60%,transparent)!important}}.hover\:text-white\/90:hover{color:var(--fg-strong)!important}@supports (color:color-mix(in lab, red, red)){.hover\:text-white\/90:hover{color:color-mix(in oklch,var(--fg-strong)95%,black 5%)!important}}.border-white\/10{border-color:var(--fg-strong)!important}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklch,var(--fg-strong)10%,transparent)!important}}.border-white\/20{border-color:var(--fg-strong)!important}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklch,var(--fg-strong)20%,transparent)!important}}.bg-white\/5{background-color:var(--fg-strong)!important}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklch,var(--fg-strong)5%,transparent)!important}}.bg-white\/10{background-color:var(--fg-strong)!important}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklch,var(--fg-strong)10%,transparent)!important}}.bg-white\/15{background-color:var(--fg-strong)!important}@supports (color:color-mix(in lab, red, red)){.bg-white\/15{background-color:color-mix(in oklch,var(--fg-strong)15%,transparent)!important}}.bg-white\/25{background-color:var(--fg-strong)!important}@supports (color:color-mix(in lab, red, red)){.bg-white\/25{background-color:color-mix(in oklch,var(--fg-strong)25%,transparent)!important}}.bg-white\/40{background-color:var(--fg-strong)!important}@supports (color:color-mix(in lab, red, red)){.bg-white\/40{background-color:color-mix(in oklch,var(--fg-strong)40%,transparent)!important}}.bg-white\/50{background-color:var(--fg-strong)!important}@supports (color:color-mix(in lab, red, red)){.bg-white\/50{background-color:color-mix(in oklch,var(--fg-strong)50%,transparent)!important}}.bg-white\/90{background-color:var(--fg-strong)!important}@supports (color:color-mix(in lab, red, red)){.bg-white\/90{background-color:color-mix(in oklch,var(--fg-strong)90%,transparent)!important}}.hover\:bg-white\/10:hover{background-color:var(--fg-strong)!important}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklch,var(--fg-strong)10%,transparent)!important}}.hover\:bg-white\/15:hover{background-color:var(--fg-strong)!important}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/15:hover{background-color:color-mix(in oklch,var(--fg-strong)15%,transparent)!important}}.bg-black\/50{background-color:var(--fg-strong)!important}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklch,var(--fg-strong)50%,transparent)!important}}.ring-white\/50{--tw-ring-color:var(--fg-strong)!important}@supports (color:color-mix(in lab, red, red)){.ring-white\/50{--tw-ring-color:color-mix(in oklch,var(--fg-strong)50%,transparent)!important}}.ring-white\/60{--tw-ring-color:var(--fg-strong)!important}@supports (color:color-mix(in lab, red, red)){.ring-white\/60{--tw-ring-color:color-mix(in oklch,var(--fg-strong)60%,transparent)!important}}.brew-section{margin-bottom:calc(var(--spacing)*6);border-radius:var(--radius-2xl);padding:calc(var(--spacing)*6);z-index:1;--brew-card:var(--brew-accent-50);position:relative}@supports (color:color-mix(in lab, red, red)){.brew-section{--brew-card:color-mix(in oklch,var(--brew-accent-50)55%,var(--bg))}}.brew-section{--brew-card-inset:var(--brew-accent-100)}@supports (color:color-mix(in lab, red, red)){.brew-section{--brew-card-inset:color-mix(in oklch,var(--brew-accent-100)55%,var(--bg))}}.brew-section{background:radial-gradient(ellipse 140% 100% at 5% -10%,var(--brew-accent-200),transparent 65%)padding-box,radial-gradient(ellipse 110% 80% at 100% 110%,var(--brew-accent-200),transparent 60%)padding-box,linear-gradient(165deg,var(--brew-accent-100)0%,var(--brew-accent-100)50%,var(--brew-accent-50)100%)padding-box,linear-gradient(var(--brew-card),var(--brew-card))padding-box,linear-gradient(to bottom,var(--brew-accent-400),var(--brew-accent-300))border-box;border:1px solid #0000}@supports (color:color-mix(in lab, red, red)){.brew-section{background:radial-gradient(ellipse 140% 100% at 5% -10%,color-mix(in oklch,var(--brew-accent-200)65%,transparent),transparent 65%)padding-box,radial-gradient(ellipse 110% 80% at 100% 110%,color-mix(in oklch,var(--brew-accent-200)45%,transparent),transparent 60%)padding-box,linear-gradient(165deg,color-mix(in oklch,var(--brew-accent-100)90%,transparent)0%,color-mix(in oklch,var(--brew-accent-100)50%,transparent)50%,color-mix(in oklch,var(--brew-accent-50)20%,transparent)100%)padding-box,linear-gradient(var(--brew-card),var(--brew-card))padding-box,linear-gradient(to bottom,color-mix(in oklch,var(--brew-accent-400)65%,transparent),color-mix(in oklch,var(--brew-accent-300)30%,transparent))border-box}}.brew-section{--glow-opacity:.18;background-size:auto,auto,auto,auto,auto}.brew-section:before{content:"";z-index:-1;background:var(--brew-accent-500);opacity:var(--glow-opacity);filter:blur(100px);pointer-events:none;border-radius:24px;position:absolute;inset:0 -120px}.dark .brew-section{--brew-card:var(--brew-accent-700)}@supports (color:color-mix(in lab, red, red)){.dark .brew-section{--brew-card:color-mix(in oklch,var(--brew-accent-700)40%,var(--bg))}}.dark .brew-section{--brew-card-inset:var(--brew-accent-800)}@supports (color:color-mix(in lab, red, red)){.dark .brew-section{--brew-card-inset:color-mix(in oklch,var(--brew-accent-800)40%,var(--bg))}}.dark .brew-section{--section-grad-from:var(--brew-accent-700)}@supports (color:color-mix(in lab, red, red)){.dark .brew-section{--section-grad-from:color-mix(in oklch,var(--brew-accent-700)70%,var(--brew-accent-800))}}.dark .brew-section{--section-grad-to:var(--brew-accent-800)}@supports (color:color-mix(in lab, red, red)){.dark .brew-section{--section-grad-to:color-mix(in oklch,var(--brew-accent-800)40%,var(--brew-accent-900))}}.dark .brew-section{--section-grad-angle:to bottom;background:linear-gradient(var(--section-grad-angle),var(--section-grad-from),var(--section-grad-to))padding-box,linear-gradient(to bottom,var(--brew-accent-400),var(--brew-accent-600))border-box;border:1px solid #0000}@supports (color:color-mix(in lab, red, red)){.dark .brew-section{background:linear-gradient(var(--section-grad-angle),var(--section-grad-from),var(--section-grad-to))padding-box,linear-gradient(to bottom,color-mix(in oklch,var(--brew-accent-400)45%,transparent),color-mix(in oklch,var(--brew-accent-600)18%,transparent))border-box}}.dark .brew-section{box-shadow:0 0 0 1px transparent,0 1px 1px -.5px var(--brew-accent-900),0 3px 3px -1.5px var(--brew-accent-900),0 6px 6px -3px var(--brew-accent-900),0 12px 12px -6px #0000001a,0 24px 24px -12px #00000014}@supports (color:color-mix(in lab, red, red)){.dark .brew-section{box-shadow:0 0 0 1px transparent,0 1px 1px -.5px color-mix(in oklch,var(--brew-accent-900)14%,transparent),0 3px 3px -1.5px color-mix(in oklch,var(--brew-accent-900)12%,transparent),0 6px 6px -3px color-mix(in oklch,var(--brew-accent-900)10%,transparent),0 12px 12px -6px #0000001a,0 24px 24px -12px #00000014}}.dark .brew-section{--glow-opacity:.25;transition:box-shadow .3s}.brew-input{border-radius:var(--radius-lg);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;background:var(--brew-card-inset);transition-duration:.15s}@supports (color:color-mix(in lab, red, red)){.brew-input{background:color-mix(in oklch,var(--brew-card-inset)60%,transparent)}}.brew-input{border:1px solid var(--brew-accent-300)}@supports (color:color-mix(in lab, red, red)){.brew-input{border:1px solid color-mix(in oklch,var(--brew-accent-300)20%,rgb(var(--brew-border-subtle)))}}.brew-input{color:var(--fg-strong);box-shadow:var(--shadow-inset)}@media (max-width:767px){.brew-input{font-size:16px}}.dark .brew-input{background:var(--brew-accent-900)}@supports (color:color-mix(in lab, red, red)){.dark .brew-input{background:color-mix(in oklch,var(--brew-accent-900)20%,color-mix(in oklch,var(--brew-card-inset)35%,transparent))}}.dark .brew-input{border-color:var(--brew-accent-700)}@supports (color:color-mix(in lab, red, red)){.dark .brew-input{border-color:color-mix(in oklch,var(--brew-accent-700)20%,#ffffff14)}}.brew-input:focus{border-color:var(--brew-accent-400);background:var(--brew-card-inset);outline:none}@supports (color:color-mix(in lab, red, red)){.brew-input:focus{background:color-mix(in oklch,var(--brew-card-inset)80%,transparent)}}.brew-input:focus{box-shadow:var(--shadow-inset),0 0 0 2px var(--brew-accent-400)}@supports (color:color-mix(in lab, red, red)){.brew-input:focus{box-shadow:var(--shadow-inset),0 0 0 2px color-mix(in oklch,var(--brew-accent-400)30%,transparent)}}.brew-input:hover:not(:focus){border-color:rgb(var(--brew-border))}.focus-glow{transition:border-color .15s,box-shadow .15s,background-color .15s}.focus-glow:focus{border-color:var(--coral-600);box-shadow:var(--shadow-inset),0 0 0 2px var(--coral-600);outline:none}@supports (color:color-mix(in lab, red, red)){.focus-glow:focus{box-shadow:var(--shadow-inset),0 0 0 2px color-mix(in oklch,var(--coral-600)22%,transparent)}}.dark .focus-glow:focus{border-color:var(--coral-500);box-shadow:var(--shadow-inset),0 0 0 2px var(--coral-500)}@supports (color:color-mix(in lab, red, red)){.dark .focus-glow:focus{box-shadow:var(--shadow-inset),0 0 0 2px color-mix(in oklch,var(--coral-500)20%,transparent)}}.brew-gauge{border-radius:var(--radius-xl);padding:calc(var(--spacing)*4);text-align:center;--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);background:var(--brew-card);overflow:hidden}@supports (color:color-mix(in lab, red, red)){.brew-gauge{background:color-mix(in oklch,var(--brew-card)55%,transparent)}}.brew-gauge{border:1px solid var(--brew-accent-300)}@supports (color:color-mix(in lab, red, red)){.brew-gauge{border:1px solid color-mix(in oklch,var(--brew-accent-300)25%,rgb(var(--brew-border-subtle)))}}.brew-gauge{box-shadow:inset 0 1px 0 #ffffff0f,var(--shadow-card);transition:box-shadow .2s,transform .2s}.brew-gauge:hover{box-shadow:inset 0 1px 0 #ffffff0f,var(--shadow-card-hover);transform:translateY(-1px)}.dark .brew-gauge{background:var(--brew-accent-950)}@supports (color:color-mix(in lab, red, red)){.dark .brew-gauge{background:color-mix(in oklch,var(--brew-accent-950)35%,transparent)}}.dark .brew-gauge{background-origin:padding-box,border-box;background-clip:padding-box,border-box;background-image:linear-gradient(to bottom,var(--brew-accent-800),var(--brew-accent-950)),linear-gradient(to bottom,var(--brew-accent-600),var(--brew-accent-800));border:1px solid #0000}@supports (color:color-mix(in lab, red, red)){.dark .brew-gauge{background-image:linear-gradient(to bottom,color-mix(in oklch,var(--brew-accent-800)20%,transparent),color-mix(in oklch,var(--brew-accent-950)40%,transparent)),linear-gradient(to bottom,color-mix(in oklch,var(--brew-accent-600)35%,transparent),color-mix(in oklch,var(--brew-accent-800)15%,transparent))}}.dark .brew-gauge{box-shadow:inset 0 1px 0 #ffffff0a,var(--shadow-card)}.brew-gauge-label{margin-bottom:calc(var(--spacing)*1);--tw-font-weight:var(--font-weight-bold);font-size:10px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--brew-tracking-widest);color:var(--fg-muted)}.brew-gauge-value{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black);letter-spacing:var(--brew-tracking-tight);color:var(--fg-strong)}.brew-section-title{padding-bottom:calc(var(--spacing)*1);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black);letter-spacing:var(--brew-tracking-tight);color:var(--fg-strong);border-bottom:3px solid var(--brew-accent-500);display:inline-block}.brew-btn-primary{justify-content:center;align-items:center;gap:calc(var(--spacing)*2);border-radius:var(--radius-xl);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);background:linear-gradient(to bottom,var(--brew-accent-400),var(--brew-accent-500));color:#fff;border:1.5px solid var(--brew-accent-600);display:inline-flex}@supports (color:color-mix(in lab, red, red)){.brew-btn-primary{border:1.5px solid color-mix(in oklch,var(--brew-accent-600)80%,var(--brew-accent-500))}}.brew-btn-primary{box-shadow:inset 0 1.5px 0 #ffffff40,inset 0 -1px 0 #00000014,0 3px 0 0 var(--brew-accent-700),0 4px 8px #0000001a}@supports (color:color-mix(in lab, red, red)){.brew-btn-primary{box-shadow:inset 0 1.5px 0 #ffffff40,inset 0 -1px 0 #00000014,0 3px 0 0 color-mix(in oklch,var(--brew-accent-700)80%,black),0 4px 8px #0000001a}}.brew-btn-primary{transition:transform .1s,box-shadow .1s,background .1s}.brew-btn-primary:hover{background:linear-gradient(to bottom,var(--brew-accent-300),var(--brew-accent-400));box-shadow:inset 0 1.5px 0 #ffffff4d,inset 0 -1px 0 #00000014,0 4px 0 0 var(--brew-accent-700),0 5px 12px #0000001f;transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.brew-btn-primary:hover{box-shadow:inset 0 1.5px 0 #ffffff4d,inset 0 -1px 0 #00000014,0 4px 0 0 color-mix(in oklch,var(--brew-accent-700)80%,black),0 5px 12px #0000001f}}.brew-btn-primary:active{background:linear-gradient(to bottom,var(--brew-accent-500),var(--brew-accent-600));box-shadow:inset 0 2px 3px #00000026,0 0px 0 0 var(--brew-accent-700);transform:translateY(3px)}@supports (color:color-mix(in lab, red, red)){.brew-btn-primary:active{box-shadow:inset 0 2px 3px #00000026,0 0px 0 0 color-mix(in oklch,var(--brew-accent-700)80%,black)}}.brew-btn-ghost{justify-content:center;align-items:center;gap:calc(var(--spacing)*2);border-radius:var(--radius-xl);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--fg-strong);background:linear-gradient(to bottom,var(--brew-card),var(--brew-card));display:inline-flex}@supports (color:color-mix(in lab, red, red)){.brew-btn-ghost{background:linear-gradient(to bottom,var(--brew-card),color-mix(in oklch,var(--brew-card)97%,black))}}.brew-btn-ghost{border:1px solid var(--fg-strong)}@supports (color:color-mix(in lab, red, red)){.brew-btn-ghost{border:1px solid color-mix(in oklch,var(--fg-strong)14%,transparent)}}.brew-btn-ghost{box-shadow:inset 0 1.5px 0 #ffffff8c,inset 0 -1px 0 #00000008,0 2px 0 0 var(--fg-strong),0 3px 6px #0000000a}@supports (color:color-mix(in lab, red, red)){.brew-btn-ghost{box-shadow:inset 0 1.5px 0 #ffffff8c,inset 0 -1px 0 #00000008,0 2px 0 0 color-mix(in oklch,var(--fg-strong)12%,transparent),0 3px 6px #0000000a}}.brew-btn-ghost{transition:transform .1s,box-shadow .1s,background .1s,color .1s}.brew-btn-ghost--inset{background:linear-gradient(to bottom,var(--brew-card-inset),var(--brew-card-inset))}@supports (color:color-mix(in lab, red, red)){.brew-btn-ghost--inset{background:linear-gradient(to bottom,var(--brew-card-inset),color-mix(in oklch,var(--brew-card-inset)97%,black))}}.dark .brew-btn-ghost--inset{background:linear-gradient(to bottom,var(--brew-card-inset),var(--brew-card-inset))}@supports (color:color-mix(in lab, red, red)){.dark .brew-btn-ghost--inset{background:linear-gradient(to bottom,var(--brew-card-inset),color-mix(in oklch,var(--brew-card-inset)95%,black))}}.dark .brew-btn-ghost{background:linear-gradient(to bottom,var(--brew-card),var(--brew-card))}@supports (color:color-mix(in lab, red, red)){.dark .brew-btn-ghost{background:linear-gradient(to bottom,var(--brew-card),color-mix(in oklch,var(--brew-card)95%,black))}}.dark .brew-btn-ghost{border-color:#ffffff1a;box-shadow:inset 0 1.5px #ffffff14,inset 0 -1px #0000001a,0 2px #00000059,0 3px 6px #00000026}.brew-btn-ghost:hover{color:var(--brew-accent-600);border-color:var(--brew-accent-400);box-shadow:inset 0 1.5px 0 #ffffff8c,inset 0 -1px 0 #00000008,0 3px 0 0 var(--brew-accent-600),0 4px 10px #0000000f;transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.brew-btn-ghost:hover{box-shadow:inset 0 1.5px 0 #ffffff8c,inset 0 -1px 0 #00000008,0 3px 0 0 color-mix(in oklch,var(--brew-accent-600)50%,#b4aaa0),0 4px 10px #0000000f}}.dark .brew-btn-ghost:hover{color:var(--brew-accent-400);border-color:var(--brew-accent-600);box-shadow:inset 0 1.5px #ffffff14,inset 0 -1px #0000001a,0 3px #0006,0 4px 10px #0003}.brew-btn-ghost:active{box-shadow:inset 0 2px 3px #0000000f,0 0px 0 0 var(--fg-strong);transform:translateY(1.5px)}@supports (color:color-mix(in lab, red, red)){.brew-btn-ghost:active{box-shadow:inset 0 2px 3px #0000000f,0 0px 0 0 color-mix(in oklch,var(--fg-strong)12%,transparent)}}.brew-ingredient-row{border-radius:var(--radius-lg);padding:calc(var(--spacing)*3);--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);background:var(--brew-card)}@supports (color:color-mix(in lab, red, red)){.brew-ingredient-row{background:color-mix(in oklch,var(--brew-card)45%,transparent)}}.brew-ingredient-row{border:1px solid var(--brew-accent-300)}@supports (color:color-mix(in lab, red, red)){.brew-ingredient-row{border:1px solid color-mix(in oklch,var(--brew-accent-300)20%,rgb(var(--brew-border-subtle)))}}.brew-ingredient-row{transition:all .15s,transform .2s;box-shadow:inset 0 1px #ffffff0d}.dark .brew-ingredient-row{background:var(--brew-accent-950)}@supports (color:color-mix(in lab, red, red)){.dark .brew-ingredient-row{background:color-mix(in oklch,var(--brew-accent-950)40%,transparent)}}.dark .brew-ingredient-row{background-origin:padding-box,border-box;background-clip:padding-box,border-box;background-image:linear-gradient(to right,var(--brew-accent-700),var(--brew-accent-800)),linear-gradient(to right,var(--brew-accent-700),var(--brew-accent-600));border:1px solid #0000}@supports (color:color-mix(in lab, red, red)){.dark .brew-ingredient-row{background-image:linear-gradient(to right,color-mix(in oklch,var(--brew-accent-700)15%,transparent),color-mix(in oklch,var(--brew-accent-800)10%,transparent)),linear-gradient(to right,color-mix(in oklch,var(--brew-accent-700)30%,transparent),color-mix(in oklch,var(--brew-accent-600)25%,transparent))}}.brew-ingredient-row:hover{background:var(--brew-accent-100)}@supports (color:color-mix(in lab, red, red)){.brew-ingredient-row:hover{background:color-mix(in oklch,var(--brew-accent-100)12%,color-mix(in oklch,var(--brew-card)60%,transparent))}}.brew-ingredient-row:hover{border-color:var(--brew-accent-400)}@supports (color:color-mix(in lab, red, red)){.brew-ingredient-row:hover{border-color:color-mix(in oklch,var(--brew-accent-400)40%,rgb(var(--brew-border)))}}.brew-ingredient-row:hover{box-shadow:inset 0 1px 0 #ffffff0f,var(--shadow-card);transform:translateY(-1px)}.dark .brew-ingredient-row:hover{background-image:linear-gradient(to right,var(--brew-accent-700),var(--brew-accent-900)),linear-gradient(to right,var(--brew-accent-600),var(--brew-accent-700))}@supports (color:color-mix(in lab, red, red)){.dark .brew-ingredient-row:hover{background-image:linear-gradient(to right,color-mix(in oklch,var(--brew-accent-700)35%,transparent),color-mix(in oklch,var(--brew-accent-900)50%,transparent)),linear-gradient(to right,color-mix(in oklch,var(--brew-accent-600)40%,transparent),color-mix(in oklch,var(--brew-accent-700)25%,transparent))}}.brew-recipe-card{--_srm:var(--card-srm,#dcbe8c);border-radius:var(--radius-xl);background:linear-gradient(to bottom,#ffffff14,transparent 50%,#00000005)padding-box,linear-gradient(var(--brew-card),var(--brew-card))padding-box,linear-gradient(to bottom,var(--_srm),var(--_srm))border-box;border:1.5px solid #0000;position:relative}@supports (color:color-mix(in lab, red, red)){.brew-recipe-card{background:linear-gradient(to bottom,#ffffff14,transparent 50%,#00000005)padding-box,linear-gradient(var(--brew-card),var(--brew-card))padding-box,linear-gradient(to bottom,color-mix(in oklch,var(--_srm)60%,transparent),color-mix(in oklch,var(--_srm)20%,transparent))border-box}}.brew-recipe-card{box-shadow:inset 0 1px 0 #fff6,0 5px 0 0 var(--_srm),0 6px 4px #0000000f,0 10px 20px #00000012,0 20px 40px #0000000a}@supports (color:color-mix(in lab, red, red)){.brew-recipe-card{box-shadow:inset 0 1px 0 #fff6,0 5px 0 0 color-mix(in oklch,var(--_srm)45%,#b9b4ac),0 6px 4px #0000000f,0 10px 20px #00000012,0 20px 40px #0000000a}}.brew-recipe-card{transition:transform .15s,box-shadow .15s}.brew-recipe-card:hover{box-shadow:inset 0 1px 0 #ffffff80,0 7px 0 0 var(--_srm),0 8px 6px #00000014,0 16px 32px #0000001a,0 32px 64px #0000000f;transform:translateY(-4px)}@supports (color:color-mix(in lab, red, red)){.brew-recipe-card:hover{box-shadow:inset 0 1px 0 #ffffff80,0 7px 0 0 color-mix(in oklch,var(--_srm)45%,#b9b4ac),0 8px 6px #00000014,0 16px 32px #0000001a,0 32px 64px #0000000f}}.brew-recipe-card:active:not(:has(button:active)){box-shadow:inset 0 2px 6px #0000001f,0 0px 0 0 var(--_srm),0 1px 2px #0000000f;transform:translateY(5px)}@supports (color:color-mix(in lab, red, red)){.brew-recipe-card:active:not(:has(button:active)){box-shadow:inset 0 2px 6px #0000001f,0 0px 0 0 color-mix(in oklch,var(--_srm)45%,#b9b4ac),0 1px 2px #0000000f}}.brew-recipe-card:active:not(:has(button:active)){transition-duration:80ms}.brew-recipe-card button:active{transition-duration:80ms;transform:translateY(2px);box-shadow:0 0 #0000}.dark .brew-recipe-card{background:linear-gradient(to bottom,#ffffff0a,transparent 50%,#0000000f)padding-box,linear-gradient(var(--brew-card),var(--brew-card))padding-box,linear-gradient(to bottom,var(--_srm),var(--_srm))border-box}@supports (color:color-mix(in lab, red, red)){.dark .brew-recipe-card{background:linear-gradient(to bottom,#ffffff0a,transparent 50%,#0000000f)padding-box,linear-gradient(var(--brew-card),var(--brew-card))padding-box,linear-gradient(to bottom,color-mix(in oklch,var(--_srm)40%,transparent),color-mix(in oklch,var(--_srm)12%,transparent))border-box}}.dark .brew-recipe-card{box-shadow:inset 0 1px 0 #ffffff12,0 5px 0 0 var(--_srm),0 6px 4px #00000026,0 10px 20px #0003,0 20px 40px #0000001f}@supports (color:color-mix(in lab, red, red)){.dark .brew-recipe-card{box-shadow:inset 0 1px 0 #ffffff12,0 5px 0 0 color-mix(in oklch,var(--_srm)35%,#282623),0 6px 4px #00000026,0 10px 20px #0003,0 20px 40px #0000001f}}.dark .brew-recipe-card:hover{box-shadow:inset 0 1px 0 #ffffff17,0 7px 0 0 var(--_srm),0 8px 6px #0003,0 16px 32px #00000040,0 32px 64px #00000026}@supports (color:color-mix(in lab, red, red)){.dark .brew-recipe-card:hover{box-shadow:inset 0 1px 0 #ffffff17,0 7px 0 0 color-mix(in oklch,var(--_srm)35%,#282623),0 8px 6px #0003,0 16px 32px #00000040,0 32px 64px #00000026}}.dark .brew-recipe-card:active:not(:has(button:active)){box-shadow:inset 0 2px 6px #0006,0 0px 0 0 var(--_srm),0 1px 2px #00000026}@supports (color:color-mix(in lab, red, red)){.dark .brew-recipe-card:active:not(:has(button:active)){box-shadow:inset 0 2px 6px #0006,0 0px 0 0 color-mix(in oklch,var(--_srm)35%,#282623),0 1px 2px #00000026}}.dark .brew-recipe-card--ghost{background:linear-gradient(to bottom,#ffffff0a,transparent 50%,#0000000f)padding-box,linear-gradient(var(--_srm),var(--_srm))padding-box,linear-gradient(to bottom,var(--_srm),var(--_srm))border-box}@supports (color:color-mix(in lab, red, red)){.dark .brew-recipe-card--ghost{background:linear-gradient(to bottom,#ffffff0a,transparent 50%,#0000000f)padding-box,linear-gradient(color-mix(in oklch,var(--_srm)14%,var(--bg)),color-mix(in oklch,var(--_srm)14%,var(--bg)))padding-box,linear-gradient(to bottom,color-mix(in oklch,var(--_srm)40%,transparent),color-mix(in oklch,var(--_srm)12%,transparent))border-box}}.dark .brew-recipe-card--ghost{box-shadow:inset 0 1px 0 #ffffff12,0 5px 0 0 var(--_srm),0 6px 4px #00000026,0 10px 20px #0003,0 20px 40px #0000001f}@supports (color:color-mix(in lab, red, red)){.dark .brew-recipe-card--ghost{box-shadow:inset 0 1px 0 #ffffff12,0 5px 0 0 color-mix(in oklch,var(--_srm)35%,#282623),0 6px 4px #00000026,0 10px 20px #0003,0 20px 40px #0000001f}}.dark .brew-recipe-card--ghost:hover{box-shadow:inset 0 1px 0 #ffffff17,0 7px 0 0 var(--_srm),0 8px 6px #0003,0 16px 32px #00000040,0 32px 64px #00000026}@supports (color:color-mix(in lab, red, red)){.dark .brew-recipe-card--ghost:hover{box-shadow:inset 0 1px 0 #ffffff17,0 7px 0 0 color-mix(in oklch,var(--_srm)35%,#282623),0 8px 6px #0003,0 16px 32px #00000040,0 32px 64px #00000026}}.brew-tag{padding-inline:calc(var(--spacing)*2.5);padding-block:calc(var(--spacing)*.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);letter-spacing:var(--brew-tracking-wide);background:var(--brew-accent-200);border-radius:3.40282e38px}@supports (color:color-mix(in lab, red, red)){.brew-tag{background:color-mix(in oklch,var(--brew-accent-200)30%,transparent)}}.brew-tag{color:var(--brew-accent-800);border:1px solid var(--brew-accent-300)}@supports (color:color-mix(in lab, red, red)){.brew-tag{border:1px solid color-mix(in oklch,var(--brew-accent-300)35%,transparent)}}.dark .brew-tag{background:var(--brew-accent-800)}@supports (color:color-mix(in lab, red, red)){.dark .brew-tag{background:color-mix(in oklch,var(--brew-accent-800)20%,transparent)}}.dark .brew-tag{color:var(--brew-accent-200);border-color:var(--brew-accent-700)}@supports (color:color-mix(in lab, red, red)){.dark .brew-tag{border-color:color-mix(in oklch,var(--brew-accent-700)25%,transparent)}}.brew-journal{border-radius:var(--radius-lg);width:100%;padding:calc(var(--spacing)*4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);background:var(--brew-card-inset)}@supports (color:color-mix(in lab, red, red)){.brew-journal{background:color-mix(in oklch,var(--brew-card-inset)50%,transparent)}}.brew-journal{border:1px solid var(--brew-accent-300)}@supports (color:color-mix(in lab, red, red)){.brew-journal{border:1px solid color-mix(in oklch,var(--brew-accent-300)20%,rgb(var(--brew-border-subtle)))}}.brew-journal{color:var(--fg-strong);box-shadow:var(--shadow-inset);resize:vertical;field-sizing:content;min-height:100px}.dark .brew-journal{border-color:var(--brew-accent-700)}@supports (color:color-mix(in lab, red, red)){.dark .brew-journal{border-color:color-mix(in oklch,var(--brew-accent-700)20%,#ffffff14)}}.brew-journal::placeholder{opacity:.5;font-style:italic}.brew-journal:focus{border-color:var(--brew-accent-400);box-shadow:var(--shadow-inset),0 0 0 2px var(--brew-accent-400);outline:none}@supports (color:color-mix(in lab, red, red)){.brew-journal:focus{box-shadow:var(--shadow-inset),0 0 0 2px color-mix(in oklch,var(--brew-accent-400)25%,transparent)}}.brew-srm-swatch{border-radius:var(--radius-xl);padding:calc(var(--spacing)*4);text-align:center;border:1px solid #0000001a;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #00000014,inset 0 4px 12px #0000000f,inset 0 -1px 4px #0000000a,0 0 0 1px #0000000f,0 1px 1px -.5px #0000000a,0 3px 3px -1.5px #00000008}.brew-srm-swatch:after{content:"";inset:calc(var(--spacing)*0);pointer-events:none;background:linear-gradient(#ffffff26 0%,#0000 40%,#0000001a 100%);position:absolute}.brew-gauge-needle{transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.style-strip-panel{border-radius:var(--radius-xl);padding:calc(var(--spacing)*6);--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);background:var(--brew-card-inset)}@supports (color:color-mix(in lab, red, red)){.style-strip-panel{background:color-mix(in oklch,var(--brew-card-inset)45%,transparent)}}.style-strip-panel{border:1px solid rgb(var(--brew-border-subtle));box-shadow:inset 0 1px #ffffff0a}.dark .style-strip-panel{background:var(--brew-card-inset)}@supports (color:color-mix(in lab, red, red)){.dark .style-strip-panel{background:color-mix(in oklch,var(--brew-card-inset)35%,transparent)}}.dark .style-strip-panel{border-color:#ffffff14}.style-strip-stack{flex-direction:column;gap:16px;display:flex}.style-strip{flex-direction:column;gap:0;display:flex}.style-strip-header{justify-content:space-between;align-items:baseline;display:flex}.style-strip-label{text-transform:uppercase;letter-spacing:var(--brew-tracking-widest);color:var(--fg-muted);font-size:12px;font-weight:700}.style-strip-value{font-family:var(--font-handwritten);color:var(--fg-strong);white-space:nowrap;pointer-events:none;z-index:3;font-size:22px;font-weight:400;line-height:1;transition:left .5s cubic-bezier(.34,1.56,.64,1);position:absolute;top:-26px}.style-strip-value.is-out{color:var(--brew-danger)}.style-strip-track-wrap{padding-top:0;padding-bottom:16px;position:relative;overflow:visible}.style-strip-track{background:var(--brew-card-inset);border-top:1px solid #0000001a;border-bottom:1px solid #ffffff14;border-radius:8px;height:14px;position:relative;overflow:visible;box-shadow:inset 0 2px 4px #0000001f,inset 0 0 0 .5px #0000000f,0 1px 2px #0000000f}.dark .style-strip-track{border-top-color:#00000040;border-bottom-color:#ffffff0a;box-shadow:inset 0 2px 5px #00000059,inset 0 0 0 .5px #00000026,0 1px 2px #00000026}.style-strip-range{background:linear-gradient(to bottom,var(--brew-accent-400),var(--brew-accent-600));border-radius:6px;transition:left .5s cubic-bezier(.34,1.56,.64,1),width .5s cubic-bezier(.34,1.56,.64,1);position:absolute;top:2px;bottom:2px;box-shadow:inset 0 1px #fff3}.dark .style-strip-range{background:linear-gradient(to bottom,var(--brew-accent-500),var(--brew-accent-700));box-shadow:inset 0 1px #ffffff1a}.style-strip-range.is-srm{box-shadow:inset 0 1px #ffffff40,inset 0 -1px #0000001a}.style-strip-needle{background:var(--fg-strong);opacity:.65;z-index:2;clip-path:polygon(30% 0%,70% 0%,100% 40%,100% 85%,85% 100%,15% 100%,0% 85%,0% 40%);border-radius:.5px 1px 2px;width:3px;height:30px;margin-left:-1.5px;transition:left .5s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;transform:translateY(-50%)}.style-strip-needle.is-srm{clip-path:polygon(25% 0%,90% 0%,100% 12%,100% 88%,80% 100%,10% 100%,0% 88%,0% 12%);border-radius:1px 4px 2px 1px;width:10px;height:34px;margin-left:-5px}.style-strip-needle.is-out{background:var(--brew-danger);opacity:.8}.style-strip-tick{color:var(--fg-muted);opacity:.55;white-space:nowrap;pointer-events:none;font-size:11px;font-weight:600;position:absolute;bottom:0;transform:translate(-50%)}.water-source-target-row{grid-template-columns:auto auto auto;align-items:end;gap:4px 16px;width:-moz-fit-content;width:fit-content;display:grid}.style-strip-range.is-reversed{background:linear-gradient(to bottom,var(--brew-accent-400),var(--brew-accent-600))}@supports (color:color-mix(in lab, red, red)){.style-strip-range.is-reversed{background:linear-gradient(to bottom,color-mix(in oklch,var(--brew-accent-400)50%,var(--brew-danger)),color-mix(in oklch,var(--brew-accent-600)50%,var(--brew-danger)))}}.style-strip-range.is-reversed{opacity:.7}.dark .style-strip-range.is-reversed{background:linear-gradient(to bottom,var(--brew-accent-500),var(--brew-accent-700))}@supports (color:color-mix(in lab, red, red)){.dark .style-strip-range.is-reversed{background:linear-gradient(to bottom,color-mix(in oklch,var(--brew-accent-500)50%,var(--brew-danger)),color-mix(in oklch,var(--brew-accent-700)50%,var(--brew-danger)))}}.water-strip-base-segment{opacity:.45;background:linear-gradient(#9ba6b1,#798898);background:linear-gradient(lab(67.498% -2.08244 -7.08767),lab(55.8773% -2.93925 -10.5476))}.dark .water-strip-base-segment{opacity:.55;background:linear-gradient(#5b646f,#3c4958);background:linear-gradient(lab(41.9742% -2.00994 -7.05371),lab(30.3447% -2.69409 -10.4528))}:root{--water-strip-text-l:.45;--water-strip-bar-l-from:.7;--water-strip-bar-l-to:.55}.dark{--water-strip-text-l:.75;--water-strip-bar-l-from:.78;--water-strip-bar-l-to:.62}.water-strip-num-source.is-positioned,.water-strip-lbl-source.is-positioned{transition:left .5s cubic-bezier(.34,1.56,.64,1),top .3s cubic-bezier(.34,1.56,.64,1);left:auto;transform:translate(-50%)}.water-strip-source-tick{background:var(--fg-muted);opacity:.4;z-index:2;width:2px;height:18px;margin-left:-1px;transition:left .5s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;transform:translateY(-50%)}.water-strip-num-target.is-src-tgt-crowded{top:-18px}.water-strip-lbl-target.is-src-tgt-crowded{top:12px}.water-strip-needle.is-src-tgt-crowded{clip-path:none;height:36px}.water-strip-needle{opacity:.75;background:#000;transition:height .4s cubic-bezier(.34,1.56,.64,1),clip-path .3s}.dark .water-strip-needle{background:#fff}.style-strip-needle.water-strip-needle-bjcp{opacity:.5;border-radius:0;width:1.5px;height:14px;margin-left:-.75px;clip-path:none!important}.water-strip-needle:not(.water-strip-needle-bjcp){height:16px}.water-strip-needle-draggable{cursor:ew-resize;z-index:3;touch-action:none;transform-origin:50%;transition:scale .35s cubic-bezier(.34,1.56,.64,1),opacity .2s}.water-strip-needle-draggable:before{content:"";position:absolute;inset:-16px -28px}.water-strip-needle-draggable:hover{opacity:1;scale:1.6}.is-dragging .style-strip-needle{transition:scale .35s cubic-bezier(.34,1.56,.64,1),opacity .15s!important}.style-strip.is-dragging .water-strip-num-target{transition:top .3s cubic-bezier(.34,1.56,.64,1),font-size .25s cubic-bezier(.34,1.56,.64,1)!important}.is-dragging .water-strip-lbl-target{transition:none!important}.is-dragging .water-strip-needle{opacity:1;scale:2}.water-strip-current-tick{clip-path:polygon(30% 0%,70% 0%,100% 40%,100% 85%,85% 100%,15% 100%,0% 85%,0% 40%);z-index:2;border-radius:.5px 1px 2px;width:3px;height:26px;margin-left:-1.5px;transition:left .5s cubic-bezier(.34,1.56,.64,1),height .4s cubic-bezier(.34,1.56,.64,1),clip-path .3s;position:absolute;top:50%}.water-strip-current-tick.is-crowded{clip-path:none;height:36px}.water-strip-track-wrap{padding-top:22px;padding-bottom:16px}.water-strip-num{pointer-events:none;white-space:nowrap;z-index:3;position:absolute;top:-2px}.water-strip-num-source{color:var(--fg-strong);opacity:.7;font-size:10px;font-weight:600;top:2px;left:0}.dark .water-strip-num-source{opacity:.85}.water-strip-num-target{color:var(--fg-strong);opacity:.7;font-size:10px;font-weight:600;transition:left .5s cubic-bezier(.34,1.56,.64,1),top .3s cubic-bezier(.34,1.56,.64,1),font-size .25s cubic-bezier(.34,1.56,.64,1);top:2px;transform:translate(-50%)}.style-strip:has(.water-strip-needle-draggable:hover) .water-strip-num-target{top:-10px}.style-strip.is-dragging:has(.water-strip-needle-draggable) .water-strip-num-target{opacity:1;font-size:16px;top:-20px}.water-strip-num-current{font-family:var(--font-handwritten);color:var(--fg-strong);font-size:22px;font-weight:400;transition:left .5s cubic-bezier(.34,1.56,.64,1),top .4s cubic-bezier(.34,1.56,.64,1),color .4s}.water-strip-num-current.is-out{color:var(--brew-danger)}.water-strip-num-current.is-crowded{top:-18px}.water-strip-num-hand{font-family:var(--font-handwritten);color:var(--fg-strong);opacity:.8;font-size:16px;font-weight:400}.water-strip-labels-below{pointer-events:none;height:12px;position:absolute;bottom:0;left:0;right:0}.water-strip-lbl{text-transform:uppercase;letter-spacing:.05em;color:var(--fg-strong);opacity:.5;font-size:8px;font-weight:600;position:absolute;top:0}.dark .water-strip-lbl{opacity:.7;white-space:nowrap;pointer-events:none}.water-strip-lbl-source{left:0}.water-strip-lbl-target{transition:left .5s cubic-bezier(.34,1.56,.64,1),top .4s cubic-bezier(.34,1.56,.64,1);transform:translate(-50%)}.water-strip-lbl-current{font-family:var(--font-handwritten);letter-spacing:0;opacity:.65;-webkit-text-stroke:.3px currentColor;font-size:12px;font-weight:400;transition:left .5s cubic-bezier(.34,1.56,.64,1),top .4s cubic-bezier(.34,1.56,.64,1),color .4s;transform:translate(-50%)}.water-strip-lbl-current.is-crowded{top:12px}.water-strip-lbl-hand{font-family:var(--font-handwritten);letter-spacing:0;opacity:.6;-webkit-text-stroke:.3px currentColor;font-size:12px;font-weight:400}.brew-chip{cursor:pointer;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;background:var(--brew-card-inset);border-radius:3.40282e38px;transition-duration:.15s}@supports (color:color-mix(in lab, red, red)){.brew-chip{background:color-mix(in oklch,var(--brew-card-inset)50%,transparent)}}.brew-chip{color:var(--fg-muted);border:1px solid var(--brew-accent-300)}@supports (color:color-mix(in lab, red, red)){.brew-chip{border:1px solid color-mix(in oklch,var(--brew-accent-300)18%,rgb(var(--brew-border-subtle)))}}.dark .brew-chip{background:var(--brew-accent-900)}@supports (color:color-mix(in lab, red, red)){.dark .brew-chip{background:color-mix(in oklch,var(--brew-accent-900)15%,#ffffff08)}}.dark .brew-chip{border-color:var(--brew-accent-700)}@supports (color:color-mix(in lab, red, red)){.dark .brew-chip{border-color:color-mix(in oklch,var(--brew-accent-700)18%,#ffffff0f)}}.brew-chip:hover{background:var(--brew-accent-100)}@supports (color:color-mix(in lab, red, red)){.brew-chip:hover{background:color-mix(in oklch,var(--brew-accent-100)25%,color-mix(in oklch,var(--brew-card-inset)60%,transparent))}}.brew-chip:hover{border-color:var(--brew-accent-400)}@supports (color:color-mix(in lab, red, red)){.brew-chip:hover{border-color:color-mix(in oklch,var(--brew-accent-400)35%,rgb(var(--brew-border)))}}.brew-chip:hover{color:var(--fg-strong)}.dark .brew-chip:hover{border-color:var(--brew-accent-600);background:#ffffff14}@supports (color:color-mix(in lab, red, red)){.dark .brew-chip:hover{border-color:color-mix(in oklch,var(--brew-accent-600)30%,#ffffff1a)}}.brew-chip:active{transform:scale(.96)}.brew-chip-active{cursor:pointer;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;background:var(--brew-accent-500);color:#fff;border:1px solid var(--brew-accent-600);box-shadow:0 1px 1px -.5px var(--brew-accent-500),0 2px 2px -1px var(--brew-accent-500),0 4px 4px -2px var(--brew-accent-500);border-radius:3.40282e38px;transition-duration:.15s}@supports (color:color-mix(in lab, red, red)){.brew-chip-active{box-shadow:0 1px 1px -.5px color-mix(in oklch,var(--brew-accent-500)10%,transparent),0 2px 2px -1px color-mix(in oklch,var(--brew-accent-500)8%,transparent),0 4px 4px -2px color-mix(in oklch,var(--brew-accent-500)6%,transparent)}}.brew-chip-active:hover{background:var(--brew-accent-600)}.brew-chip-active:active{transform:scale(.96)}.brew-chip-label{padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--brew-tracking-widest);color:var(--fg-muted)}.brew-link{color:var(--brew-accent-600);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;transition-duration:.15s}.brew-link:hover{color:var(--brew-accent-500)}.dark .brew-link{color:var(--brew-accent-400)}.dark .brew-link:hover{color:var(--brew-accent-300)}.brew-picker-row{border-radius:var(--radius-lg);width:100%;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2.5);text-align:left;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.1s;background:var(--brew-card-inset);transition-duration:.1s}@supports (color:color-mix(in lab, red, red)){.brew-picker-row{background:color-mix(in oklch,var(--brew-card-inset)35%,transparent)}}.brew-picker-row{border:1px solid var(--brew-accent-300)}@supports (color:color-mix(in lab, red, red)){.brew-picker-row{border:1px solid color-mix(in oklch,var(--brew-accent-300)15%,rgb(var(--brew-border-subtle)/.4))}}.brew-picker-row:hover{background:var(--brew-card-inset)}@supports (color:color-mix(in lab, red, red)){.brew-picker-row:hover{background:color-mix(in oklch,var(--brew-card-inset)70%,transparent)}}.brew-picker-row:hover{border-color:var(--brew-accent-400)}@supports (color:color-mix(in lab, red, red)){.brew-picker-row:hover{border-color:color-mix(in oklch,var(--brew-accent-400)30%,rgb(var(--brew-border-subtle)))}}.brew-picker-row:hover{box-shadow:0 0 0 1px #00000008,0 1px 1px -.5px #00000008,0 3px 3px -1.5px #00000008}.dark .brew-picker-row{background:var(--brew-accent-900)}@supports (color:color-mix(in lab, red, red)){.dark .brew-picker-row{background:color-mix(in oklch,var(--brew-accent-900)12%,#ffffff05)}}.dark .brew-picker-row{border-color:var(--brew-accent-800)}@supports (color:color-mix(in lab, red, red)){.dark .brew-picker-row{border-color:color-mix(in oklch,var(--brew-accent-800)15%,#ffffff0d)}}.dark .brew-picker-row:hover{background:var(--brew-accent-800)}@supports (color:color-mix(in lab, red, red)){.dark .brew-picker-row:hover{background:color-mix(in oklch,var(--brew-accent-800)18%,#ffffff0d)}}.dark .brew-picker-row:hover{border-color:var(--brew-accent-700)}@supports (color:color-mix(in lab, red, red)){.dark .brew-picker-row:hover{border-color:color-mix(in oklch,var(--brew-accent-700)25%,#ffffff1a)}}.brew-picker-row:active{transform:scale(.99);box-shadow:inset 0 1px 2px #0000000f}.brew-menu-item{width:100%;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);text-align:left;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.1s;color:var(--fg-strong);transition-duration:.1s}.brew-menu-item:hover{background:var(--brew-card-inset)}.brew-danger-text{color:var(--brew-danger);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;transition-duration:.15s}.brew-danger-text:hover{color:var(--brew-danger)}@supports (color:color-mix(in lab, red, red)){.brew-danger-text:hover{color:color-mix(in oklch,var(--brew-danger)80%,black)}}.dark .brew-danger-text:hover{color:var(--brew-danger)}@supports (color:color-mix(in lab, red, red)){.dark .brew-danger-text:hover{color:color-mix(in oklch,var(--brew-danger)80%,white)}}.brew-alert-warning{border-radius:var(--radius-lg);padding:calc(var(--spacing)*3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);background:var(--brew-warning)}@supports (color:color-mix(in lab, red, red)){.brew-alert-warning{background:color-mix(in oklch,var(--brew-warning)10%,color-mix(in oklch,var(--brew-card)50%,transparent))}}.brew-alert-warning{border:1px solid var(--brew-warning)}@supports (color:color-mix(in lab, red, red)){.brew-alert-warning{border:1px solid color-mix(in oklch,var(--brew-warning)25%,transparent)}}.brew-alert-warning{color:var(--fg-strong)}.dark .brew-alert-warning{background:var(--brew-warning)}@supports (color:color-mix(in lab, red, red)){.dark .brew-alert-warning{background:color-mix(in oklch,var(--brew-warning)6%,color-mix(in oklch,var(--brew-card)35%,transparent))}}.brew-row-actions{opacity:0;flex-shrink:0;align-items:center;gap:2px;max-width:0;transition:max-width .2s,opacity .15s,padding .2s;display:flex;overflow:hidden}.brew-ingredient-row:hover>.brew-row-actions,.brew-ingredient-row:focus-within>.brew-row-actions,.starter-step-row:hover>.brew-row-actions,.starter-step-row:focus-within>.brew-row-actions,.yeast-card-header:hover>.brew-row-actions,.yeast-card-header:focus-within>.brew-row-actions,.hop-variety-card:hover>.brew-row-actions,.hop-variety-card:focus-within>.brew-row-actions,.hop-addition-row:hover>.brew-row-actions,.hop-addition-row:focus-within>.brew-row-actions,.brew-row-hover:hover>.brew-row-actions,.brew-row-hover:focus-within>.brew-row-actions,.brew-row-actions-parent:hover>*>.brew-row-actions,.brew-row-actions-parent:focus-within>*>.brew-row-actions{opacity:1;max-width:120px;padding-left:4px}@media (max-width:767px){.brew-row-actions{opacity:.35;max-width:120px;padding-left:4px;transition:opacity .15s}:is(.brew-row-actions:has(:focus),.brew-row-actions:has(:active)){opacity:1}}.brew-row-action-btn{opacity:.5;cursor:pointer;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;line-height:1;transition:opacity .15s,background .15s;display:flex}.brew-row-action-btn:hover{opacity:1;background:#00000014}.dark .brew-row-action-btn:hover{background:#ffffff1a}.mash-section-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.mash-generate-buttons{flex-shrink:0;gap:6px;display:flex}@media (max-width:540px){.mash-section-header{flex-wrap:wrap}.mash-generate-buttons{width:100%}.mash-generate-buttons>button{flex:1}}.mash-step-list{flex-direction:column;gap:6px;display:flex}.mash-step-index{font-family:var(--font-handwritten);color:var(--brew-accent-500);opacity:.6;flex-shrink:0;font-size:16px;line-height:1}.mash-step-datum{flex-direction:column;flex-shrink:0;align-items:center;gap:1px;display:flex}.mash-step-datum-label{text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted);opacity:.6;font-size:9px;font-weight:600;line-height:1}.mash-step-datum-value{justify-content:center;align-items:center;gap:0;display:flex}.mash-step-datum-input{font-family:var(--font-handwritten);color:var(--fg-strong);text-align:center;-moz-appearance:textfield;background:0 0;border:none;border-radius:4px;outline:none;width:64px;height:34px;padding:0;font-size:28px;line-height:1;transition:background .12s}.mash-step-datum-input:focus{background:var(--brew-accent-100)}@supports (color:color-mix(in lab, red, red)){.mash-step-datum-input:focus{background:color-mix(in oklch,var(--brew-accent-100)20%,transparent)}}.dark .mash-step-datum-input:focus{background:var(--brew-accent-800)}@supports (color:color-mix(in lab, red, red)){.dark .mash-step-datum-input:focus{background:color-mix(in oklch,var(--brew-accent-800)25%,transparent)}}.mash-step-datum-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mash-step-datum-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mash-step-datum-unit{color:var(--fg-muted);margin-left:2px;font-size:12px;font-weight:500}.mash-stepper{opacity:0;flex-direction:column;justify-content:center;gap:2px;max-width:0;height:34px;margin-left:0;transition:max-width .2s,opacity .15s,margin .2s;display:flex;overflow:hidden}.brew-ingredient-row:hover .mash-stepper,.brew-ingredient-row:focus-within .mash-stepper{opacity:1;max-width:24px;margin-left:4px}@media (hover:none){.mash-stepper{opacity:1;max-width:24px;margin-left:4px}}.mash-stepper-btn{width:16px;height:14px;color:var(--fg-muted);opacity:.5;border-radius:3px;justify-content:center;align-items:center;transition:all .1s;display:flex}.mash-stepper-btn:hover{opacity:1;background:var(--brew-accent-200)}@supports (color:color-mix(in lab, red, red)){.mash-stepper-btn:hover{background:color-mix(in oklch,var(--brew-accent-200)40%,transparent)}}.mash-stepper-btn:hover{color:var(--brew-accent-700)}.dark .mash-stepper-btn:hover{background:var(--brew-accent-700)}@supports (color:color-mix(in lab, red, red)){.dark .mash-stepper-btn:hover{background:color-mix(in oklch,var(--brew-accent-700)45%,transparent)}}.dark .mash-stepper-btn:hover{color:var(--brew-accent-300)}@media (max-width:420px){.mash-step-datum-input{width:52px;font-size:22px}}.equip-hero-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;display:grid}@media (max-width:420px){.equip-hero-grid{grid-template-columns:repeat(2,1fr)}}.equip-datum{background:var(--brew-card);border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:14px 8px 12px;display:flex;overflow:visible}@supports (color:color-mix(in lab, red, red)){.equip-datum{background:color-mix(in oklch,var(--brew-card)45%,transparent)}}.equip-datum{border:1px solid var(--brew-accent-300)}@supports (color:color-mix(in lab, red, red)){.equip-datum{border:1px solid color-mix(in oklch,var(--brew-accent-300)20%,rgb(var(--brew-border-subtle)))}}.equip-datum{transition:all .15s;box-shadow:inset 0 1px #ffffff26,0 1px 2px #0000000a}.equip-datum:focus-within{background:var(--brew-accent-100)}@supports (color:color-mix(in lab, red, red)){.equip-datum:focus-within{background:color-mix(in oklch,var(--brew-accent-100)12%,color-mix(in oklch,var(--brew-card)60%,transparent))}}.equip-datum:focus-within{box-shadow:inset 0 1px 0 #ffffff0f,var(--shadow-card)}.dark .equip-datum{background:var(--brew-accent-950)}@supports (color:color-mix(in lab, red, red)){.dark .equip-datum{background:color-mix(in oklch,var(--brew-accent-950)40%,transparent)}}.dark .equip-datum{border-color:var(--brew-accent-700)}@supports (color:color-mix(in lab, red, red)){.dark .equip-datum{border-color:color-mix(in oklch,var(--brew-accent-700)30%,transparent)}}.dark .equip-datum{box-shadow:inset 0 1px #ffffff0d,0 0 8px #ffffff05,0 1px 2px #0000001f}.dark .equip-datum:focus-within{background:var(--brew-accent-900)}@supports (color:color-mix(in lab, red, red)){.dark .equip-datum:focus-within{background:color-mix(in oklch,var(--brew-accent-900)50%,transparent)}}.equip-datum.is-small{padding:10px 6px 8px}.equip-datum-label{text-transform:uppercase;letter-spacing:var(--brew-tracking-widest);color:var(--fg-muted);opacity:.7;font-size:10px;font-weight:600;line-height:1}.equip-datum-value{justify-content:center;align-items:baseline;gap:2px;display:flex}.equip-datum-input{font-family:var(--font-handwritten);color:var(--fg-strong);text-align:center;-moz-appearance:textfield;background:0 0;border:none;outline:none;width:90px;font-size:28px;line-height:1.1}.equip-datum-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.equip-datum-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.equip-datum.is-small .equip-datum-input{width:72px;font-size:20px}.equip-datum-unit{color:var(--fg-muted);opacity:.5;font-size:13px;font-weight:500}.equip-datum.is-small .equip-datum-unit{font-size:11px}.equip-advanced{margin-top:16px}.equip-advanced-toggle{cursor:pointer;text-transform:uppercase;letter-spacing:.06em;color:var(--brew-accent-600);align-items:center;gap:6px;font-size:11px;font-weight:600;list-style:none;transition:color .15s;display:flex}.equip-advanced-toggle::-webkit-details-marker{display:none}.dark .equip-advanced-toggle{color:var(--brew-accent-400)}.equip-advanced-toggle:hover{color:var(--brew-accent-700)}.dark .equip-advanced-toggle:hover{color:var(--brew-accent-300)}.equip-advanced-chevron{flex-shrink:0;transition:transform .2s}.equip-advanced[open]>.equip-advanced-toggle>.equip-advanced-chevron{transform:rotate(90deg)}.equip-group{margin-top:14px}.equip-group-label{text-transform:uppercase;letter-spacing:var(--brew-tracking-widest);color:var(--fg-muted);opacity:.45;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.equip-detail-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px;display:grid}.salt-additions-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.salt-additions-grid .starter-stepper-center{flex:1}.salt-additions-grid .equip-datum-input{width:4ch}@media (max-width:768px){.salt-additions-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:420px){.salt-additions-grid{grid-template-columns:repeat(2,1fr)}}.equip-datum.is-small .starter-stepper-btn{width:24px;font-size:14px}.yeast-card{background:var(--brew-card);border-radius:10px;flex-direction:column;display:flex}@supports (color:color-mix(in lab, red, red)){.yeast-card{background:color-mix(in oklch,var(--brew-card)45%,transparent)}}.yeast-card{border:1px solid var(--brew-accent-300)}@supports (color:color-mix(in lab, red, red)){.yeast-card{border:1px solid color-mix(in oklch,var(--brew-accent-300)20%,rgb(var(--brew-border-subtle)))}}.yeast-card{transition:all .15s;box-shadow:inset 0 1px #ffffff26,0 1px 2px #0000000a}.yeast-card:hover{background:var(--brew-accent-100)}@supports (color:color-mix(in lab, red, red)){.yeast-card:hover{background:color-mix(in oklch,var(--brew-accent-100)12%,color-mix(in oklch,var(--brew-card)60%,transparent))}}.yeast-card:hover{box-shadow:inset 0 1px 0 #ffffff0f,var(--shadow-card)}.dark .yeast-card{background:var(--brew-accent-950)}@supports (color:color-mix(in lab, red, red)){.dark .yeast-card{background:color-mix(in oklch,var(--brew-accent-950)40%,transparent)}}.dark .yeast-card{border-color:var(--brew-accent-700)}@supports (color:color-mix(in lab, red, red)){.dark .yeast-card{border-color:color-mix(in oklch,var(--brew-accent-700)25%,transparent)}}.dark .yeast-card{box-shadow:inset 0 1px #ffffff08,0 1px 2px #0000001f}.dark .yeast-card:hover{background:var(--brew-accent-900)}@supports (color:color-mix(in lab, red, red)){.dark .yeast-card:hover{background:color-mix(in oklch,var(--brew-accent-900)50%,transparent)}}.yeast-card-header{align-items:center;gap:12px;padding:12px 16px;display:flex}.yeast-card-info{flex-direction:column;gap:2px;min-width:0;display:flex}.yeast-card-name-row{align-items:center;gap:6px;display:flex}.yeast-card-name{color:var(--fg-strong);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.yeast-att-badge{background:var(--brew-accent-200);border-radius:6px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:700}@supports (color:color-mix(in lab, red, red)){.yeast-att-badge{background:color-mix(in oklch,var(--brew-accent-200)40%,transparent)}}.yeast-att-badge{color:var(--brew-accent-800);transform:translateY(-8px)}.dark .yeast-att-badge{background:var(--brew-accent-800)}@supports (color:color-mix(in lab, red, red)){.dark .yeast-att-badge{background:color-mix(in oklch,var(--brew-accent-800)40%,transparent)}}.dark .yeast-att-badge{color:var(--brew-accent-300)}.yeast-card-lab{text-transform:uppercase;letter-spacing:var(--brew-tracking-widest);color:var(--fg-muted);opacity:.7;font-size:10px;font-weight:500}.yeast-header-inputs{flex-shrink:0;gap:6px;margin-left:auto;display:flex}.yeast-header-inputs .equip-datum{align-items:stretch}.yeast-header-inputs .equip-datum-label{text-align:center}.yeast-header-inputs .equip-datum.is-small .equip-datum-input{width:100%;font-family:inherit;font-weight:700}.yeast-header-inputs .equip-datum.is-small select.equip-datum-input{text-align:center;text-align-last:center;font-size:14px;font-weight:600}.yeast-header-inputs .equip-datum-input[type=date]{text-align:center;font-size:14px}.dark .yeast-header-inputs .equip-datum-input[type=date]::-webkit-calendar-picker-indicator{filter:invert()}.yeast-stack{flex-direction:column;display:flex}.yeast-stack>.starter-dashboard,.yeast-stack>.starter-steps-section{margin-top:8px}.starter-dashboard{gap:6px;display:flex}.starter-dashboard .starter-metric{flex:1;align-items:center}.starter-metric.is-danger{border-color:var(--brew-danger)}@supports (color:color-mix(in lab, red, red)){.starter-metric.is-danger{border-color:color-mix(in oklch,var(--brew-danger)25%,rgb(var(--brew-border-subtle)))}}.starter-metric.is-danger{background:var(--brew-danger)}@supports (color:color-mix(in lab, red, red)){.starter-metric.is-danger{background:color-mix(in oklch,var(--brew-danger)5%,color-mix(in oklch,var(--brew-card)55%,transparent))}}.dark .starter-metric.is-danger{border-color:var(--brew-danger)}@supports (color:color-mix(in lab, red, red)){.dark .starter-metric.is-danger{border-color:color-mix(in oklch,var(--brew-danger)30%,transparent)}}.dark .starter-metric.is-danger{background:var(--brew-danger)}@supports (color:color-mix(in lab, red, red)){.dark .starter-metric.is-danger{background:color-mix(in oklch,var(--brew-danger)8%,color-mix(in oklch,var(--brew-accent-950)45%,transparent))}}.starter-steps-section{flex-direction:column;gap:6px;display:flex}.starter-sub-label{text-transform:uppercase;letter-spacing:var(--brew-tracking-widest);color:var(--fg-muted);margin-bottom:8px;font-size:11px;font-weight:700}.starter-sub-header{align-items:center;gap:8px;display:flex}.starter-sub-sep{opacity:.35}.starter-model-select{text-transform:uppercase;letter-spacing:.08em;color:var(--fg-strong);background:var(--brew-card);font-size:11px;font-weight:600}@supports (color:color-mix(in lab, red, red)){.starter-model-select{background:color-mix(in oklch,var(--brew-card)40%,transparent)}}.starter-model-select{border:1px solid var(--brew-accent-300)}@supports (color:color-mix(in lab, red, red)){.starter-model-select{border:1px solid color-mix(in oklch,var(--brew-accent-300)15%,rgb(var(--brew-border-subtle)))}}.starter-model-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l3 3 3-3' stroke='%23888' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border-radius:6px;padding:4px 22px 4px 8px;transition:border-color .15s,background .15s}.starter-model-select:hover{background:var(--brew-card)}@supports (color:color-mix(in lab, red, red)){.starter-model-select:hover{background:color-mix(in oklch,var(--brew-card)60%,transparent)}}.starter-model-select:hover{border-color:var(--brew-accent-300)}@supports (color:color-mix(in lab, red, red)){.starter-model-select:hover{border-color:color-mix(in oklch,var(--brew-accent-300)25%,rgb(var(--brew-border-subtle)))}}.starter-model-select:focus{border-color:var(--brew-accent-500);outline:none}.dark .starter-model-select{background:var(--brew-accent-950)}@supports (color:color-mix(in lab, red, red)){.dark .starter-model-select{background:color-mix(in oklch,var(--brew-accent-950)30%,transparent)}}.dark .starter-model-select{border-color:var(--brew-accent-700)}@supports (color:color-mix(in lab, red, red)){.dark .starter-model-select{border-color:color-mix(in oklch,var(--brew-accent-700)20%,transparent)}}.dark .starter-model-select{color:var(--fg-strong)}.dark .starter-model-select:hover{background:var(--brew-accent-950)}@supports (color:color-mix(in lab, red, red)){.dark .starter-model-select:hover{background:color-mix(in oklch,var(--brew-accent-950)45%,transparent)}}.starter-model-select option{text-transform:none;letter-spacing:normal;font-size:13px}.starter-input-grid{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px;display:grid}.starter-input-grid .equip-datum-input{width:100%;font-family:inherit;font-weight:700}.starter-input-grid select.equip-datum-input{text-align:left;cursor:pointer;appearance:auto;text-overflow:ellipsis;padding:0 4px;font-size:15px;overflow:hidden}.starter-readout{cursor:default}.starter-step-row .equip-datum.is-small .equip-datum-input{font-family:var(--font-handwritten);width:100%;font-size:32px;font-weight:400}.starter-step-row select.equip-datum-input{text-align:left;cursor:pointer;appearance:auto;text-overflow:ellipsis;padding:0 4px;font-family:inherit;font-size:15px;font-weight:600;overflow:hidden}.starter-step-row .equip-datum.starter-readout{justify-content:center}.starter-step-row .equip-datum.starter-readout .equip-datum-value{align-items:center}.starter-step-row .starter-readout-value{color:var(--fg-strong);font-family:inherit;font-size:18px;font-weight:700;line-height:1}.equip-datum:has(.starter-stepper){position:relative}.starter-stepper{display:contents}.starter-stepper-btn{width:32px;color:var(--fg-muted);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;z-index:1;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;padding:0;font-size:16px;font-weight:600;line-height:1;transition:color .12s;display:flex;position:absolute;top:0;bottom:0}.starter-stepper-btn:first-child{background:linear-gradient(to left,transparent,var(--brew-card));border-radius:10px 0 0 10px;left:0}@supports (color:color-mix(in lab, red, red)){.starter-stepper-btn:first-child{background:linear-gradient(to left,transparent,color-mix(in oklch,var(--brew-card)50%,transparent))}}.starter-stepper-btn:last-child{background:linear-gradient(to right,transparent,var(--brew-card));border-radius:0 10px 10px 0;right:0}@supports (color:color-mix(in lab, red, red)){.starter-stepper-btn:last-child{background:linear-gradient(to right,transparent,color-mix(in oklch,var(--brew-card)50%,transparent))}}.starter-stepper-btn:hover{color:var(--fg-strong)}.starter-stepper-btn:first-child:hover{background:linear-gradient(to left,transparent,var(--brew-accent-300))}@supports (color:color-mix(in lab, red, red)){.starter-stepper-btn:first-child:hover{background:linear-gradient(to left,transparent,color-mix(in oklch,var(--brew-accent-300)18%,var(--brew-card)))}}.starter-stepper-btn:last-child:hover{background:linear-gradient(to right,transparent,var(--brew-accent-300))}@supports (color:color-mix(in lab, red, red)){.starter-stepper-btn:last-child:hover{background:linear-gradient(to right,transparent,color-mix(in oklch,var(--brew-accent-300)18%,var(--brew-card)))}}.starter-stepper-btn:first-child:active{background:linear-gradient(to left,transparent,var(--brew-accent-300))}@supports (color:color-mix(in lab, red, red)){.starter-stepper-btn:first-child:active{background:linear-gradient(to left,transparent,color-mix(in oklch,var(--brew-accent-300)28%,var(--brew-card)))}}.starter-stepper-btn:last-child:active{background:linear-gradient(to right,transparent,var(--brew-accent-300))}@supports (color:color-mix(in lab, red, red)){.starter-stepper-btn:last-child:active{background:linear-gradient(to right,transparent,color-mix(in oklch,var(--brew-accent-300)28%,var(--brew-card)))}}.starter-stepper-center{justify-content:center;align-items:baseline;gap:1px;display:flex}.starter-stepper-input{text-align:center}.starter-stepper-unit{pointer-events:none;flex-shrink:0}.starter-stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.starter-stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.starter-stepper-input[type=number]{-moz-appearance:textfield}.dark .starter-stepper-btn{color:var(--fg-muted)}.dark .starter-stepper-btn:first-child{background:linear-gradient(to left,transparent,var(--brew-accent-900))}@supports (color:color-mix(in lab, red, red)){.dark .starter-stepper-btn:first-child{background:linear-gradient(to left,transparent,color-mix(in oklch,var(--brew-accent-900)35%,transparent))}}.dark .starter-stepper-btn:last-child{background:linear-gradient(to right,transparent,var(--brew-accent-900))}@supports (color:color-mix(in lab, red, red)){.dark .starter-stepper-btn:last-child{background:linear-gradient(to right,transparent,color-mix(in oklch,var(--brew-accent-900)35%,transparent))}}.dark .starter-stepper-btn:first-child:hover{background:linear-gradient(to left,transparent,var(--brew-accent-800))}@supports (color:color-mix(in lab, red, red)){.dark .starter-stepper-btn:first-child:hover{background:linear-gradient(to left,transparent,color-mix(in oklch,var(--brew-accent-800)45%,transparent))}}.dark .starter-stepper-btn:first-child:hover{color:var(--fg-strong)}.dark .starter-stepper-btn:last-child:hover{background:linear-gradient(to right,transparent,var(--brew-accent-800))}@supports (color:color-mix(in lab, red, red)){.dark .starter-stepper-btn:last-child:hover{background:linear-gradient(to right,transparent,color-mix(in oklch,var(--brew-accent-800)45%,transparent))}}.dark .starter-stepper-btn:last-child:hover{color:var(--fg-strong)}.dark .starter-stepper-btn:first-child{border-right-color:var(--brew-accent-700)}@supports (color:color-mix(in lab, red, red)){.dark .starter-stepper-btn:first-child{border-right-color:color-mix(in oklch,var(--brew-accent-700)30%,transparent)}}.dark .starter-stepper-btn:last-child{border-left-color:var(--brew-accent-700)}@supports (color:color-mix(in lab, red, red)){.dark .starter-stepper-btn:last-child{border-left-color:color-mix(in oklch,var(--brew-accent-700)30%,transparent)}}.dark .starter-stepper-btn:hover{background:var(--brew-accent-800)}@supports (color:color-mix(in lab, red, red)){.dark .starter-stepper-btn:hover{background:color-mix(in oklch,var(--brew-accent-800)45%,transparent)}}.dark .starter-stepper-btn:hover{color:var(--fg-strong)}.starter-metric{background:var(--brew-card);border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:10px 16px 8px;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.starter-metric{background:color-mix(in oklch,var(--brew-card)55%,transparent)}}.starter-metric{border:1px solid var(--brew-accent-300)}@supports (color:color-mix(in lab, red, red)){.starter-metric{border:1px solid color-mix(in oklch,var(--brew-accent-300)20%,rgb(var(--brew-border-subtle)))}}.starter-metric{min-width:80px;transition:background .2s,box-shadow .2s;box-shadow:inset 0 1px #ffffff0f,0 1px 3px #0000000f}.dark .starter-metric{background:var(--brew-accent-950)}@supports (color:color-mix(in lab, red, red)){.dark .starter-metric{background:color-mix(in oklch,var(--brew-accent-950)45%,transparent)}}.dark .starter-metric{border-color:var(--brew-accent-700)}@supports (color:color-mix(in lab, red, red)){.dark .starter-metric{border-color:color-mix(in oklch,var(--brew-accent-700)30%,transparent)}}.dark .starter-metric{box-shadow:inset 0 1px #ffffff0d,0 0 8px #ffffff05,0 1px 3px #00000026}.starter-metric-label{text-transform:uppercase;letter-spacing:var(--brew-tracking-widest);color:var(--fg-muted);opacity:.65;font-size:10px;font-weight:600;line-height:1}.starter-metric-value{color:var(--fg-strong);white-space:nowrap;font-family:inherit;font-size:26px;font-weight:700;line-height:1.1;transition:transform .2s}.starter-metric-unit{font-family:var(--font-body,sans-serif);color:var(--fg-muted);opacity:.5;font-size:11px;font-weight:500}.starter-metric.is-flash .starter-metric-value{animation:.5s ease-out starter-metric-pulse}@keyframes starter-metric-pulse{0%{opacity:.6;transform:scale(1.15)}40%{opacity:1;transform:scale(1.02)}to{transform:scale(1)}}.starter-step-row{grid-template-columns:18px .65fr 1fr .5fr auto;align-items:stretch;gap:6px;display:grid}.starter-step-num{color:var(--brew-accent-500);opacity:.6;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.starter-warning{font-family:var(--font-handwritten);color:var(--brew-danger);white-space:nowrap;pointer-events:none;z-index:1;font-size:18px;position:absolute;top:-18px;left:50%;transform:translate(-50%)rotate(-2deg)}.ph-adjust-flag{transform-origin:0;font-family:var(--font-handwritten);color:var(--brew-danger);white-space:nowrap;pointer-events:none;z-index:1;font-size:32px;position:absolute;top:-4px;left:-4px;transform:rotate(-16deg)}.ph-card-actionable{transition:transform .1s,box-shadow .1s,border-color .1s}.ph-card-actionable:hover{border-color:var(--brew-danger);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.ph-card-actionable:hover{border-color:color-mix(in oklch,var(--brew-danger)50%,rgb(var(--brew-border-subtle)))}}.ph-card-actionable:hover{box-shadow:inset 0 1px 0 #ffffff0f,0 4px 12px var(--brew-danger),0 2px 4px #00000014}@supports (color:color-mix(in lab, red, red)){.ph-card-actionable:hover{box-shadow:inset 0 1px 0 #ffffff0f,0 4px 12px color-mix(in oklch,var(--brew-danger)20%,transparent),0 2px 4px #00000014}}.ph-card-actionable:active{transform:translateY(1px);box-shadow:inset 0 2px 3px #0000001a,0 0 #0000}.starter-add-faded{opacity:.5;transition:opacity .15s}.starter-add-faded:hover{opacity:.9}}.hs-theme{--hs-cream:#f4eedd;--hs-cream-2:#fbf6ea;--hs-paper:#fffbef;--hs-ink:#1a1612;--hs-muted:#5a4f42;--hs-malt:#f2c14e;--hs-roast:#d4452c;--hs-water:#2b6fb8;--hs-hops:#4a8a3d;--hs-yeast:#e75;--hs-honey:#ffd97a;--hs-font-display:var(--font-archivo-black),var(--font-space-grotesk),system-ui,sans-serif;--hs-font-body:var(--font-space-grotesk),system-ui,sans-serif;--hs-font-script:var(--font-caveat),"Comic Sans MS",cursive;--hs-font-mono:var(--font-ibm-plex-mono),ui-monospace,"SF Mono",monospace;--hs-radius-sm:6px;--hs-radius-md:12px;--hs-radius-lg:14px;--hs-radius-xl:18px;--hs-radius-pill:999px;--hs-stroke:2px solid var(--hs-ink);--hs-stroke-thin:1.5px solid var(--hs-ink);--hs-shadow-1:2px 2px 0 var(--hs-ink);--hs-shadow-2:3px 3px 0 var(--hs-ink);--hs-shadow-3:4px 4px 0 var(--hs-ink);--hs-shadow-4:6px 6px 0 var(--hs-ink);--hs-tilt-script:-3deg;--hs-tilt-card:.3deg;--hs-ease:cubic-bezier(.2,.7,.3,1);background:var(--hs-cream);color:var(--hs-ink);font-family:var(--hs-font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dark .hs-theme,.hs-theme.dark,.hs-theme[data-theme=dark]{--hs-cream:#14110d;--hs-cream-2:#1c1814;--hs-paper:#25201a;--hs-ink:#f4ede0;--hs-muted:#a39a8c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.hs-theme [data-tabular],.hs-theme .hs-tabular,.hs-theme input[type=number]{font-variant-numeric:tabular-nums lining-nums}.hs-theme ::selection{background:var(--hs-malt)}@supports (color:color-mix(in lab, red, red)){.hs-theme ::selection{background:color-mix(in oklch,var(--hs-malt)70%,transparent)}}.hs-theme ::selection{color:var(--hs-ink)}@keyframes hs-slide-from-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes hs-slide-from-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes hs-fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hs-lift-card{transition:transform .18s}.hs-lift-card:before{content:"";background:var(--hs-ink);z-index:0;pointer-events:none;border-radius:14px;transition:transform .18s;position:absolute;inset:0;transform:translate(4px,4px)}.hs-lift-inner{z-index:1;transform-style:preserve-3d;transition:transform .12s ease-out;position:relative;box-shadow:none!important}@media (hover:hover){.hs-lift-card:hover{transform:translate(-2px,-3px)scale(1.02)}.hs-lift-card:hover:before{transform:translate(7px,7px)perspective(900px)rotateX(calc(var(--hs-tilt-y,0deg)*.6))rotateY(calc(var(--hs-tilt-x,0deg)*.6))}.hs-lift-card:hover .hs-lift-inner{transform:perspective(900px)rotateX(var(--hs-tilt-y,0deg))rotateY(var(--hs-tilt-x,0deg))!important}}.hs-lift-card[data-preview-selected=true]:before{background:var(--hs-honey)!important;transform:translate(7px,7px)!important}.hs-preview-shell{align-items:stretch;display:flex}.hs-preview-col{min-width:0}@media (max-width:1199px){.hs-preview-col{display:none!important}}.hs-theme .brew-section[data-accent=grain]{--hs-section-accent:var(--hs-malt)}.hs-theme .brew-section[data-accent=hops]{--hs-section-accent:var(--hs-hops)}.hs-theme .brew-section[data-accent=mash]{--hs-section-accent:var(--hs-roast)}.hs-theme .brew-section[data-accent=yeast]{--hs-section-accent:var(--hs-yeast)}.hs-theme .brew-section[data-accent=fermentation]{--hs-section-accent:var(--hs-honey)}.hs-theme .brew-section[data-accent=equipment]{--hs-section-accent:var(--hs-muted)}.hs-theme .brew-section[data-accent=targets]{--hs-section-accent:var(--hs-ink)}.hs-theme,.hs-theme .brew-section,.dark .hs-theme,.dark .hs-theme .brew-section,.hs-theme.dark,.hs-theme.dark .brew-section{--brew-card:var(--hs-paper)!important;--brew-card-inset:var(--hs-cream-2)!important}.hs-theme,.dark .hs-theme,.hs-theme.dark{--bg:var(--hs-cream)!important}.hs-theme .hs-loose-section .brew-section{background:var(--hs-paper)!important;border:2px solid var(--hs-ink)!important;border-radius:var(--hs-radius-lg)!important;box-shadow:var(--hs-shadow-3)!important;--glow-opacity:0!important;background-image:none!important;margin-bottom:0!important;padding:26px 26px 28px!important;animation:none!important}.hs-theme .hs-section-frame .brew-section{background:var(--hs-paper)!important;border-left:2px solid var(--hs-ink)!important;border-right:2px solid var(--hs-ink)!important;border-bottom:2px solid var(--hs-ink)!important;border-radius:0 0 var(--hs-radius-lg)var(--hs-radius-lg)!important;box-shadow:var(--hs-shadow-3)!important;--glow-opacity:0!important;z-index:0!important;background-image:none!important;border-top:none!important;margin-bottom:0!important;padding:26px 26px 28px!important;animation:none!important;position:relative!important}.hs-theme .hs-section-frame{z-index:0!important}.hs-theme .brew-section:not(.hs-section-frame .brew-section):not(.hs-loose-section .brew-section){background:var(--hs-paper)!important;border:2px solid var(--hs-ink)!important;border-radius:var(--hs-radius-lg)!important;box-shadow:var(--hs-shadow-3)!important;--glow-opacity:0!important;background-image:none!important;padding:26px 26px 28px!important;animation:none!important}.hs-theme .brew-section:before,.hs-theme .brew-section:after{content:none!important;display:none!important}.dark .hs-theme .brew-section,.hs-theme.dark .brew-section{animation:none!important}.hs-theme .brew-section-title{font-family:var(--hs-font-display)!important;letter-spacing:-.035em!important;color:var(--hs-ink)!important;background:0 0!important;background-clip:unset!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:var(--hs-ink)!important;border-bottom:none!important;margin-bottom:12px!important;padding-bottom:0!important;font-size:28px!important;font-weight:800!important;line-height:.92!important}.hs-theme .brew-input,.hs-theme .brew-theme input[type=text],.hs-theme .brew-theme input[type=number],.hs-theme .brew-theme input[type=search],.hs-theme .brew-theme input[type=email],.hs-theme .brew-theme input[type=tel],.hs-theme .brew-theme textarea{background:var(--hs-paper)!important;border:1px solid var(--hs-ink)!important}@supports (color:color-mix(in lab, red, red)){.hs-theme .brew-input,.hs-theme .brew-theme input[type=text],.hs-theme .brew-theme input[type=number],.hs-theme .brew-theme input[type=search],.hs-theme .brew-theme input[type=email],.hs-theme .brew-theme input[type=tel],.hs-theme .brew-theme textarea{border:1px solid color-mix(in oklch,var(--hs-ink)12%,transparent)!important}}.hs-theme .brew-input,.hs-theme .brew-theme input[type=text],.hs-theme .brew-theme input[type=number],.hs-theme .brew-theme input[type=search],.hs-theme .brew-theme input[type=email],.hs-theme .brew-theme input[type=tel],.hs-theme .brew-theme textarea{box-shadow:none!important;color:var(--hs-ink)!important;font-family:var(--hs-font-body)!important;border-radius:8px!important;padding:8px 12px!important;font-size:14px!important;transition:border-color .12s,background .12s!important}.hs-theme .brew-theme select{background-color:var(--hs-paper)!important;border:1px solid var(--hs-ink)!important}@supports (color:color-mix(in lab, red, red)){.hs-theme .brew-theme select{border:1px solid color-mix(in oklch,var(--hs-ink)12%,transparent)!important}}.hs-theme .brew-theme select{box-shadow:none!important;color:var(--hs-ink)!important;font-family:var(--hs-font-body)!important;border-radius:8px!important;padding:8px 12px!important;font-size:14px!important}.hs-theme .brew-input:focus,.hs-theme .brew-theme input:focus,.hs-theme .brew-theme select:focus,.hs-theme .brew-theme textarea:focus{border-color:var(--hs-ink)!important;box-shadow:0 0 0 1px var(--hs-ink)!important;outline:none!important}.hs-theme .brew-theme .brew-row-hover input[type=number],.hs-theme .brew-theme .brew-row-hover select{box-shadow:none!important;font-variant-numeric:tabular-nums!important;background:0 0!important;border:none!important;border-radius:0!important;width:auto!important;min-width:56px!important;padding:6px 8px!important;font-size:13px!important}.hs-theme .brew-theme .brew-row-hover input[type=number]:focus,.hs-theme .brew-theme .brew-row-hover select:focus{background:var(--hs-malt)!important}@supports (color:color-mix(in lab, red, red)){.hs-theme .brew-theme .brew-row-hover input[type=number]:focus,.hs-theme .brew-theme .brew-row-hover select:focus{background:color-mix(in oklch,var(--hs-malt)25%,transparent)!important}}.hs-theme .brew-theme .brew-row-hover input[type=number]:focus,.hs-theme .brew-theme .brew-row-hover select:focus{box-shadow:none!important;outline:none!important}.hs-theme .brew-theme .brew-row-hover>div[class*=rounded-lg][style*=background]{background:var(--hs-cream-2)!important;border:1px solid var(--hs-ink)!important;background-image:none!important}@supports (color:color-mix(in lab, red, red)){.hs-theme .brew-theme .brew-row-hover>div[class*=rounded-lg][style*=background]{border:1px solid color-mix(in oklch,var(--hs-ink)12%,transparent)!important}}.hs-theme .brew-theme .brew-row-hover>div[class*=rounded-lg][style*=background]{box-shadow:none!important}.hs-theme .brew-theme .brew-row-hover [class*=border-l],.hs-theme .brew-theme .brew-row-hover [class*=border-r]{border-color:var(--hs-ink)!important}@supports (color:color-mix(in lab, red, red)){.hs-theme .brew-theme .brew-row-hover [class*=border-l],.hs-theme .brew-theme .brew-row-hover [class*=border-r]{border-color:color-mix(in oklch,var(--hs-ink)12%,transparent)!important}}.hs-theme .brew-btn-primary{background:var(--hs-ink)!important;color:var(--hs-cream)!important;border:2px solid var(--hs-ink)!important;border-radius:var(--hs-radius-pill)!important;font-family:var(--hs-font-body)!important;letter-spacing:.04em!important;text-transform:uppercase!important;box-shadow:3px 3px 0 var(--hs-section-accent,var(--hs-roast))!important;background-image:none!important;padding:9px 18px!important;font-size:13px!important;font-weight:700!important;transition:transform .12s,box-shadow .12s!important}.hs-theme .brew-btn-primary:hover{box-shadow:4px 4px 0 var(--hs-section-accent,var(--hs-roast))!important;transform:translate(-1px,-1px)!important}.hs-theme .brew-btn-primary:active{box-shadow:1px 1px 0 var(--hs-section-accent,var(--hs-roast))!important;transform:translate(2px,2px)!important}.hs-theme .brew-btn-ghost{color:var(--hs-ink)!important;border:1.5px solid var(--hs-ink)!important;background:0 0!important}@supports (color:color-mix(in lab, red, red)){.hs-theme .brew-btn-ghost{border:1.5px solid color-mix(in oklch,var(--hs-ink)30%,transparent)!important}}.hs-theme .brew-btn-ghost{border-radius:var(--hs-radius-pill)!important;font-family:var(--hs-font-body)!important;box-shadow:none!important;padding:8px 16px!important;font-size:13px!important;font-weight:600!important}.hs-theme .brew-btn-ghost:hover{background:var(--hs-cream-2)!important;border-color:var(--hs-ink)!important;color:var(--hs-ink)!important;box-shadow:none!important;transform:none!important}.hs-theme .brew-tag{background:var(--hs-section-accent,var(--hs-malt))!important}@supports (color:color-mix(in lab, red, red)){.hs-theme .brew-tag{background:color-mix(in oklch,var(--hs-section-accent,var(--hs-malt))25%,var(--hs-cream-2))!important}}.hs-theme .brew-tag{color:var(--hs-ink)!important;border-radius:var(--hs-radius-pill)!important;box-shadow:none!important;font-family:var(--hs-font-body)!important;letter-spacing:.08em!important;text-transform:uppercase!important;border:none!important;padding:3px 10px!important;font-size:10px!important;font-weight:700!important}.hs-theme .brew-chip,.hs-theme .brew-chip-label{background:var(--hs-cream-2)!important;color:var(--hs-ink)!important;border:1.5px solid var(--hs-ink)!important;background-image:none!important}@supports (color:color-mix(in lab, red, red)){.hs-theme .brew-chip,.hs-theme .brew-chip-label{border:1.5px solid color-mix(in oklch,var(--hs-ink)25%,transparent)!important}}.hs-theme .brew-chip,.hs-theme .brew-chip-label{border-radius:var(--hs-radius-pill)!important;box-shadow:none!important;font-family:var(--hs-font-body)!important;padding:5px 12px!important;font-size:12px!important;font-weight:600!important}.hs-theme .brew-chip:hover{background:var(--hs-cream)!important;border-color:var(--hs-ink)!important}.hs-theme .brew-chip-active{background:var(--hs-ink)!important;color:var(--hs-cream)!important;border-color:var(--hs-ink)!important}.hs-theme .brew-gauge{background:var(--hs-cream-2)!important;border:none!important;border-top:4px solid var(--hs-section-accent,var(--hs-malt))!important;border-radius:var(--hs-radius-md)!important;box-shadow:none!important;background-image:none!important;padding:12px 14px!important}.hs-theme .brew-gauge-label{font-family:var(--hs-font-body)!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:var(--hs-muted)!important;margin:4px 0!important;font-size:10px!important;font-weight:700!important}.hs-theme .brew-gauge-value{font-family:var(--hs-font-display)!important;letter-spacing:-.035em!important;color:var(--hs-ink)!important;font-variant-numeric:tabular-nums!important;font-weight:800!important;line-height:.92!important}.hs-theme .brew-ingredient-row{background:var(--hs-cream-2)!important;border-radius:var(--hs-radius-sm)!important;box-shadow:none!important;background-image:none!important;border:none!important;margin-bottom:8px!important;padding:14px 16px!important}.hs-theme .brew-ingredient-row:hover{background:var(--hs-cream)!important}.hs-theme .brew-ingredient-row .border-b{border-color:var(--hs-ink)!important}@supports (color:color-mix(in lab, red, red)){.hs-theme .brew-ingredient-row .border-b{border-color:color-mix(in oklch,var(--hs-ink)12%,transparent)!important}}.hs-theme .brew-menu-item{font-family:var(--hs-font-body)!important;color:var(--hs-ink)!important;background:0 0!important;border:none!important;padding:10px 14px!important;font-size:13px!important}.hs-theme .brew-menu-item:hover{background:var(--hs-cream-2)!important}.hs-theme .brew-segmented-toggle{background:var(--hs-cream-2)!important;border:1.5px solid var(--hs-ink)!important}@supports (color:color-mix(in lab, red, red)){.hs-theme .brew-segmented-toggle{border:1.5px solid color-mix(in oklch,var(--hs-ink)22%,transparent)!important}}.hs-theme .brew-segmented-toggle{border-radius:var(--hs-radius-pill);padding:2px;box-shadow:none!important}.hs-theme .brew-segmented-toggle:before,.hs-theme .brew-segmented-toggle:after{border-radius:var(--hs-radius-pill);background:var(--hs-ink)!important;box-shadow:none!important}.hs-theme .brew-segmented-toggle button{text-transform:uppercase;color:var(--hs-muted)!important;font-family:var(--hs-font-body)!important;letter-spacing:.04em!important;background:0 0!important;font-size:12px!important;font-weight:600!important}.hs-theme .brew-segmented-toggle button.is-active{color:var(--hs-cream)!important}.hs-theme .fermentable-chip{background:var(--hs-paper)!important;border:1px solid var(--hs-ink)!important}@supports (color:color-mix(in lab, red, red)){.hs-theme .fermentable-chip{border:1px solid color-mix(in oklch,var(--hs-ink)18%,transparent)!important}}.hs-theme .fermentable-chip{font-family:var(--hs-font-mono);font-size:11px;border-radius:var(--hs-radius-sm)!important;box-shadow:none!important;color:var(--hs-ink)!important}.hs-theme .fermentable-chip-srm{border:1px solid var(--hs-ink)}.hs-theme .fermentable-spacer{background:var(--hs-ink)}@supports (color:color-mix(in lab, red, red)){.hs-theme .fermentable-spacer{background:color-mix(in oklch,var(--hs-ink)12%,transparent)}}.hs-theme .fermentable-datum{color:var(--hs-ink);font-family:var(--hs-font-mono);font-variant-numeric:tabular-nums}.hs-theme .recharts-polar-grid line,.hs-theme .recharts-cartesian-grid line{stroke:var(--hs-ink)!important}@supports (color:color-mix(in lab, red, red)){.hs-theme .recharts-polar-grid line,.hs-theme .recharts-cartesian-grid line{stroke:color-mix(in oklch,var(--hs-ink)12%,transparent)!important}}.hs-theme .recharts-polar-angle-axis text,.hs-theme .recharts-text{fill:var(--hs-muted)!important}.hs-theme .brew-theme .inline-flex.items-center.gap-2.rounded-lg[style*=brew-accent]{background:var(--hs-cream-2)!important;border:1px solid var(--hs-ink)!important}@supports (color:color-mix(in lab, red, red)){.hs-theme .brew-theme .inline-flex.items-center.gap-2.rounded-lg[style*=brew-accent]{border:1px solid color-mix(in oklch,var(--hs-ink)12%,transparent)!important}}.hs-theme{--fg-strong:var(--hs-ink);--fg-muted:var(--hs-muted);--card:var(--hs-paper);--surface:var(--hs-cream-2);--bg:var(--hs-cream);--coral-50:var(--hs-roast)}@supports (color:color-mix(in lab, red, red)){.hs-theme{--coral-50:color-mix(in oklch,var(--hs-roast)8%,var(--hs-cream))}}.hs-theme{--coral-100:var(--hs-roast)}@supports (color:color-mix(in lab, red, red)){.hs-theme{--coral-100:color-mix(in oklch,var(--hs-roast)14%,var(--hs-cream))}}.hs-theme{--coral-200:var(--hs-roast)}@supports (color:color-mix(in lab, red, red)){.hs-theme{--coral-200:color-mix(in oklch,var(--hs-roast)22%,var(--hs-cream))}}.hs-theme{--coral-300:var(--hs-roast)}@supports (color:color-mix(in lab, red, red)){.hs-theme{--coral-300:color-mix(in oklch,var(--hs-roast)35%,var(--hs-cream))}}.hs-theme{--coral-400:var(--hs-roast);--coral-500:var(--hs-roast);--coral-600:var(--hs-roast)}@supports (color:color-mix(in lab, red, red)){.hs-theme{--coral-600:color-mix(in oklch,var(--hs-roast)80%,var(--hs-ink))}}.hs-theme{--coral-700:var(--hs-roast)}@supports (color:color-mix(in lab, red, red)){.hs-theme{--coral-700:color-mix(in oklch,var(--hs-roast)60%,var(--hs-ink))}}.hs-theme{--shadow-card:var(--hs-shadow-2)}.hs-theme .learn-prose{font-family:var(--hs-font-body);color:var(--hs-ink);font-size:15px;line-height:1.65}.hs-theme .learn-prose p{margin:0 0 1em}.hs-theme .learn-prose h2{font-family:var(--hs-font-display)!important;letter-spacing:-.035em!important;color:var(--hs-ink)!important;margin:32px 0 12px!important;font-size:clamp(22px,2.6vw,30px)!important;line-height:1!important}.hs-theme .learn-prose h3{font-family:var(--hs-font-display)!important;letter-spacing:-.03em!important;color:var(--hs-ink)!important;margin:24px 0 8px!important;font-size:18px!important}.hs-theme .learn-prose a{color:var(--hs-roast);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1.5px}.hs-theme .learn-prose a:hover{color:var(--hs-ink)}.hs-theme .learn-prose ul,.hs-theme .learn-prose ol{margin:0 0 1em;padding-left:24px}.hs-theme .learn-prose li{margin:.25em 0}.hs-theme .learn-prose code{background:var(--hs-cream-2);border-radius:4px;padding:1px 6px;font-size:.92em;font-family:var(--hs-font-mono)!important}.hs-theme .learn-prose pre{background:var(--hs-cream-2);border:1.5px solid var(--hs-ink);border-radius:8px;padding:14px 16px;overflow-x:auto;font-family:var(--hs-font-mono)!important}@supports (color:color-mix(in lab, red, red)){.hs-theme .learn-prose pre{border:1.5px solid color-mix(in oklch,var(--hs-ink)14%,transparent)}}.hs-theme .learn-prose blockquote{border-left:4px solid var(--hs-malt);background:var(--hs-cream-2);color:var(--hs-muted);border-radius:0 8px 8px 0;margin:1em 0;padding:12px 18px;font-style:italic}.hs-theme .learn-prose table{border-collapse:collapse;font-family:var(--hs-font-body);margin:1em 0}.hs-theme .learn-prose th,.hs-theme .learn-prose td{border:1.5px solid var(--hs-ink)}@supports (color:color-mix(in lab, red, red)){.hs-theme .learn-prose th,.hs-theme .learn-prose td{border:1.5px solid color-mix(in oklch,var(--hs-ink)20%,transparent)}}.hs-theme .learn-prose th,.hs-theme .learn-prose td{text-align:left;padding:8px 12px}.hs-theme .learn-prose th{background:var(--hs-cream-2);font-family:var(--hs-font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--hs-muted);font-size:11px;font-weight:700}.hs-theme .btn-neon{background:var(--hs-ink)!important;color:var(--hs-cream)!important;border:2px solid var(--hs-ink)!important;font-family:var(--hs-font-body)!important;letter-spacing:.04em!important;text-transform:uppercase!important;box-shadow:var(--hs-shadow-2)!important;border-radius:999px!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important}.hs-theme .btn-neon:hover{box-shadow:var(--hs-shadow-3)!important;transform:translate(-1px,-1px)!important}.hs-theme .katex{color:var(--hs-ink);font-size:1.05em}.hs-theme article.brew-animate-in{max-width:768px;animation:none!important}.hs-theme article>header h1{font-family:var(--hs-font-display)!important;letter-spacing:-.035em!important;color:var(--hs-ink)!important;font-size:clamp(36px,4.6vw,64px)!important;font-weight:800!important;line-height:.95!important}.hs-theme article>header p{display:inline-block;transform:rotate(-2deg);font-family:var(--hs-font-script)!important;color:var(--hs-roast)!important;letter-spacing:0!important;margin-top:8px!important;font-size:22px!important;line-height:1.2!important}.hs-theme article>header>div:last-of-type{background:var(--hs-ink)!important;width:56px!important;height:2px!important;margin-top:18px!important}.hs-theme article canvas,.hs-theme .learn-prose canvas{display:none!important}.hs-theme article>div.mt-12>div.rounded-2xl{overflow:hidden;background:var(--hs-paper)!important;border:2px solid var(--hs-ink)!important;border-radius:var(--hs-radius-lg)!important;box-shadow:var(--hs-shadow-3)!important;padding:28px 24px!important}.hs-theme article>div.mt-12{border-top:2px solid var(--hs-ink)!important}@supports (color:color-mix(in lab, red, red)){.hs-theme article>div.mt-12{border-top:2px solid color-mix(in oklch,var(--hs-ink)14%,transparent)!important}}.hs-theme article>div.mt-12{margin-top:48px!important;padding-top:32px!important}.hs-theme article>div.mt-12>div.rounded-2xl p{font-family:var(--hs-font-script)!important;color:var(--hs-muted)!important;font-size:18px!important}.hs-theme article>div.mt-10 h3{font-family:var(--hs-font-body)!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:var(--hs-muted)!important;font-size:10px!important;font-weight:700!important}.hs-theme article>div.mt-10 a.group{background:var(--hs-paper)!important;border:2px solid var(--hs-ink)!important;border-radius:var(--hs-radius-lg)!important;box-shadow:var(--hs-shadow-2)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:16px 18px!important}.hs-theme article>div.mt-10 a.group:hover{box-shadow:var(--hs-shadow-3)!important;transform:translate(-1px,-1px)!important}.hs-theme article>div.mt-10 a.group span:first-of-type{font-family:var(--hs-font-display)!important;letter-spacing:-.02em!important;color:var(--hs-ink)!important;font-size:16px!important}.hs-theme article>div.mt-10 a.group span:last-of-type{font-family:var(--hs-font-body)!important;color:var(--hs-muted)!important;font-size:12px!important;line-height:1.5!important}.hs-theme figure.rounded-2xl{background:var(--hs-cream-2)!important;border:1.5px solid var(--hs-ink)!important}@supports (color:color-mix(in lab, red, red)){.hs-theme figure.rounded-2xl{border:1.5px solid color-mix(in oklch,var(--hs-ink)18%,transparent)!important}}.hs-theme figure.rounded-2xl{overflow:hidden;border-radius:var(--hs-radius-md)!important;box-shadow:none!important;margin:28px 0!important;padding:20px 22px!important}.hs-theme figure.rounded-2xl>figcaption{font-family:var(--hs-font-body)!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:var(--hs-muted)!important;margin-bottom:12px!important;font-size:10px!important;font-weight:700!important}.hs-theme .learn-prose>div[class*=overflow-x-auto]{background:var(--hs-cream-2);border:1.5px solid var(--hs-ink)}@supports (color:color-mix(in lab, red, red)){.hs-theme .learn-prose>div[class*=overflow-x-auto]{border:1.5px solid color-mix(in oklch,var(--hs-ink)14%,transparent)}}.hs-theme .learn-prose>div[class*=overflow-x-auto]{border-radius:var(--hs-radius-md);padding:16px 18px;margin:18px 0!important}.hs-theme article div[class*=rounded-xl],.hs-theme article div[class*=rounded-2xl],.hs-theme article div[class*=rounded-3xl],.hs-theme article div[class*=rounded-lg],.hs-theme .learn-prose div[class*=rounded]{background-image:none!important}.hs-theme article>div[class*=rounded-2xl][class*=overflow-hidden],.hs-theme .learn-prose>div[class*=rounded-2xl][class*=overflow-hidden],.hs-theme .learn-prose div[class*=rounded-2xl][class*=overflow-hidden]{background:var(--hs-paper)!important;border:2px solid var(--hs-ink)!important;border-radius:var(--hs-radius-lg)!important;box-shadow:var(--hs-shadow-3)!important}.hs-theme .learn-prose div.rounded-xl,.hs-theme article div.rounded-xl:not([class*=overflow-hidden]),.hs-theme article div.grain.rounded-xl,.hs-theme article div.grain.rounded-2xl{background:var(--hs-cream-2)!important;border:1.5px solid var(--hs-ink)!important}@supports (color:color-mix(in lab, red, red)){.hs-theme .learn-prose div.rounded-xl,.hs-theme article div.rounded-xl:not([class*=overflow-hidden]),.hs-theme article div.grain.rounded-xl,.hs-theme article div.grain.rounded-2xl{border:1.5px solid color-mix(in oklch,var(--hs-ink)14%,transparent)!important}}.hs-theme .learn-prose div.rounded-xl,.hs-theme article div.rounded-xl:not([class*=overflow-hidden]),.hs-theme article div.grain.rounded-xl,.hs-theme article div.grain.rounded-2xl{box-shadow:none!important}.hs-theme article div[style*=linear-gradient],.hs-theme .learn-prose div[style*=linear-gradient],.hs-theme article span[style*=linear-gradient]{background:var(--hs-cream-2)!important;color:var(--hs-ink)!important;background-image:none!important}.hs-theme article div[class*=rounded-2xl][class*=overflow-hidden]>div:first-child,.hs-theme .learn-prose div[class*=rounded-2xl][class*=overflow-hidden]>div:first-child{background:var(--hs-cream-2)!important;border-bottom:1.5px solid var(--hs-ink)!important}@supports (color:color-mix(in lab, red, red)){.hs-theme article div[class*=rounded-2xl][class*=overflow-hidden]>div:first-child,.hs-theme .learn-prose div[class*=rounded-2xl][class*=overflow-hidden]>div:first-child{border-bottom:1.5px solid color-mix(in oklch,var(--hs-ink)14%,transparent)!important}}.hs-theme article div[class*=rounded-2xl] span[class*=rounded-full]{background:var(--hs-hops)!important}@supports (color:color-mix(in lab, red, red)){.hs-theme article div[class*=rounded-2xl] span[class*=rounded-full]{background:color-mix(in oklch,var(--hs-hops)18%,var(--hs-cream-2))!important}}.hs-theme article div[class*=rounded-2xl] span[class*=rounded-full]{color:var(--hs-ink)!important;font-family:var(--hs-font-body)!important;letter-spacing:.04em!important;border:1px solid var(--hs-ink)!important;font-weight:700!important}@supports (color:color-mix(in lab, red, red)){.hs-theme article div[class*=rounded-2xl] span[class*=rounded-full]{border:1px solid color-mix(in oklch,var(--hs-ink)14%,transparent)!important}}.hs-theme article div[class*=rounded-2xl] div[class*=rounded-lg]{background:var(--hs-cream-2)!important;border:1px solid var(--hs-ink)!important}@supports (color:color-mix(in lab, red, red)){.hs-theme article div[class*=rounded-2xl] div[class*=rounded-lg]{border:1px solid color-mix(in oklch,var(--hs-ink)10%,transparent)!important}}.hs-theme article div[class*=rounded-2xl]>div:last-child[class*=text-center]{background:var(--hs-cream-2)!important;border-top:1.5px solid var(--hs-ink)!important}@supports (color:color-mix(in lab, red, red)){.hs-theme article div[class*=rounded-2xl]>div:last-child[class*=text-center]{border-top:1.5px solid color-mix(in oklch,var(--hs-ink)12%,transparent)!important}}.hs-theme article div[class*=rounded-2xl]>div:last-child[class*=text-center]{color:var(--hs-muted)!important;font-family:var(--hs-font-script)!important;font-size:16px!important}.hs-theme article div[class*=rounded]:before,.hs-theme article div[class*=rounded]:after,.hs-theme .learn-prose div[class*=rounded]:before,.hs-theme .learn-prose div[class*=rounded]:after{content:none!important;display:none!important}.hs-theme article table,.hs-theme .learn-prose table{overflow:hidden;border-collapse:collapse!important;font-family:var(--hs-font-body)!important;background:var(--hs-paper)!important;border:2px solid var(--hs-ink)!important;border-radius:var(--hs-radius-md)!important;width:100%!important;box-shadow:var(--hs-shadow-2)!important;margin:18px 0!important}.hs-theme article thead{background:var(--hs-cream-2)!important;border-bottom:2px solid var(--hs-ink)!important}.hs-theme article th{font-family:var(--hs-font-body)!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:var(--hs-muted)!important;text-align:left!important;padding:10px 12px!important;font-size:10px!important;font-weight:700!important}.hs-theme article td{border-bottom:1px solid var(--hs-ink)!important;padding:10px 12px!important}@supports (color:color-mix(in lab, red, red)){.hs-theme article td{border-bottom:1px solid color-mix(in oklch,var(--hs-ink)10%,transparent)!important}}.hs-theme article td{font-family:var(--hs-font-body)!important;color:var(--hs-ink)!important}.hs-theme article tbody tr:last-child td{border-bottom:none!important}.hs-theme .learn-prose div.rounded-xl h3,.hs-theme .learn-prose div.rounded-2xl h3{font-family:var(--hs-font-display)!important;letter-spacing:-.025em!important;color:var(--hs-ink)!important;margin:0 0 8px!important;font-size:16px!important}.hs-theme article a[href]:not(.brew-btn-primary):not(.btn-neon){color:var(--hs-roast);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1.5px}.hs-theme article a[href]:hover{color:var(--hs-ink)}.hs-theme .learn-prose .brew-section,.hs-theme .learn-prose .brew-card,.hs-theme .learn-prose [class*=rounded-3xl]{background:var(--hs-paper)!important;border:2px solid var(--hs-ink)!important;border-radius:var(--hs-radius-lg)!important;box-shadow:var(--hs-shadow-3)!important;--glow-opacity:0!important;background-image:none!important;padding:22px!important;animation:none!important}.hs-theme .brew-theme{color:var(--hs-ink)!important;font-family:var(--hs-font-body)!important;background:0 0!important}.hs-theme .brew-theme p,.hs-theme .brew-theme span,.hs-theme .brew-theme label,.hs-theme .brew-theme li,.hs-theme .brew-theme button,.hs-theme .brew-theme div{font-family:inherit}.hs-theme .brew-theme h1,.hs-theme .brew-theme h2,.hs-theme .brew-theme h3,.hs-theme .brew-theme h4{font-family:var(--hs-font-display)!important;letter-spacing:-.035em!important;color:var(--hs-ink)!important;line-height:.95!important}.hs-theme .brew-theme [class*=font-mono],.hs-theme .brew-theme code,.hs-theme .brew-theme kbd{font-family:var(--hs-font-mono)!important}.hs-theme .brew-theme .tabular-nums{font-variant-numeric:tabular-nums!important}.hs-theme .brew-theme .text-muted{color:var(--hs-muted)!important}.hs-theme .brew-theme .text-strong,.hs-theme .brew-theme [class*=text-strong]{color:var(--hs-ink)!important}.hs-theme .brew-section .rounded-lg.border:not([style*=brew-accent]),.hs-theme .brew-section .rounded-xl.border,.hs-theme .brew-section .rounded-md.border{border-color:var(--hs-ink)!important}@supports (color:color-mix(in lab, red, red)){.hs-theme .brew-section .rounded-lg.border:not([style*=brew-accent]),.hs-theme .brew-section .rounded-xl.border,.hs-theme .brew-section .rounded-md.border{border-color:color-mix(in oklch,var(--hs-ink)10%,transparent)!important}}.hs-theme .style-strip-panel{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:none!important;padding:0!important}.hs-theme .style-strip{gap:4px!important}.hs-theme .style-strip-header{font-size:11px!important}.hs-theme .style-strip-label{font-family:var(--hs-font-body)!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:var(--hs-muted)!important;font-size:10px!important;font-weight:700!important}.hs-theme .style-strip-value{font-family:var(--hs-font-mono)!important;color:var(--hs-ink)!important;font-variant-numeric:tabular-nums!important;font-size:12px!important;font-weight:600!important}.hs-theme .style-strip-value.is-out{color:var(--hs-roast)!important}.hs-theme .style-strip-track-wrap{margin-top:2px!important}.hs-theme .style-strip-track{background:var(--hs-cream)!important;border:1.5px solid var(--hs-ink)!important;height:8px!important}@supports (color:color-mix(in lab, red, red)){.hs-theme .style-strip-track{border:1.5px solid color-mix(in oklch,var(--hs-ink)20%,transparent)!important}}.hs-theme .style-strip-track{box-shadow:none!important;border-radius:999px!important}.hs-theme .style-strip-range:not(.is-srm){background:var(--hs-hops)!important;opacity:.4!important;box-shadow:none!important;border-radius:999px!important;top:0!important;bottom:0!important}.hs-theme .style-strip-range.is-srm{opacity:1!important;box-shadow:none!important;border-radius:999px!important;top:0!important;bottom:0!important}.hs-theme .style-strip-needle{background:var(--hs-ink)!important;width:3px!important;height:14px!important;box-shadow:none!important;border-radius:1px!important}.hs-theme .style-strip-needle.is-out{background:var(--hs-roast)!important}.hs-theme .style-strip-tick{font-family:var(--hs-font-mono)!important;color:var(--hs-muted)!important;font-size:9px!important}.hs-theme .brew-theme .rounded-lg[style*=brew-accent-900],.hs-theme .brew-theme .rounded-lg[style*=brew-accent-800],.hs-theme .brew-theme .rounded-xl[style*=brew-accent-900],.hs-theme .brew-theme .rounded-md[style*=brew-accent-900],.hs-theme [style*=--brew-accent-900]{background:var(--hs-cream-2)!important;border:1px solid var(--hs-ink)!important}@supports (color:color-mix(in lab, red, red)){.hs-theme .brew-theme .rounded-lg[style*=brew-accent-900],.hs-theme .brew-theme .rounded-lg[style*=brew-accent-800],.hs-theme .brew-theme .rounded-xl[style*=brew-accent-900],.hs-theme .brew-theme .rounded-md[style*=brew-accent-900],.hs-theme [style*=--brew-accent-900]{border:1px solid color-mix(in oklch,var(--hs-ink)12%,transparent)!important}}.hs-theme .brew-theme .rounded-lg[style*=brew-accent-900],.hs-theme .brew-theme .rounded-lg[style*=brew-accent-800],.hs-theme .brew-theme .rounded-xl[style*=brew-accent-900],.hs-theme .brew-theme .rounded-md[style*=brew-accent-900],.hs-theme [style*=--brew-accent-900]{box-shadow:none!important;color:var(--hs-ink)!important}.hs-theme .brew-theme [class*=rounded][style*=backdrop-filter],.hs-theme .brew-theme .rounded-xl[style*=brew-card-inset]{background:var(--hs-cream-2)!important;border:1px solid var(--hs-ink)!important}@supports (color:color-mix(in lab, red, red)){.hs-theme .brew-theme [class*=rounded][style*=backdrop-filter],.hs-theme .brew-theme .rounded-xl[style*=brew-card-inset]{border:1px solid color-mix(in oklch,var(--hs-ink)12%,transparent)!important}}.hs-theme .brew-theme [class*=rounded][style*=backdrop-filter],.hs-theme .brew-theme .rounded-xl[style*=brew-card-inset]{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}.hs-theme [style*=backdrop-filter],.hs-theme [class*=backdrop-blur]{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.hs-theme .equip-hero-grid,.hs-theme details.equip-advanced>summary{display:none!important}.hs-theme details.equip-advanced{display:block!important}.hs-theme details.equip-advanced:before{content:"Advanced settings";font-family:var(--hs-font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--hs-muted);margin-bottom:12px;font-size:10px;font-weight:700;display:block}.hs-theme .equip-group{background:var(--hs-cream-2)!important;border-radius:var(--hs-radius-md)!important;box-shadow:none!important;background-image:none!important;border:none!important;margin-bottom:12px!important;padding:14px 16px!important}.hs-theme .equip-group-label{margin-bottom:8px;display:block;font-family:var(--hs-font-body)!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:var(--hs-muted)!important;font-size:10px!important;font-weight:700!important}.hs-theme .equip-detail-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important;gap:10px!important;display:grid!important}.hs-theme .equip-datum-label{font-family:var(--hs-font-body)!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--hs-muted)!important;font-size:10px!important;font-weight:700!important}.hs-theme .brew-section[data-accent=equipment]>div:first-of-type{border-bottom:1px solid var(--hs-ink)!important;align-items:center!important;gap:12px!important;margin-bottom:14px!important;padding-bottom:12px!important;display:flex!important}@supports (color:color-mix(in lab, red, red)){.hs-theme .brew-section[data-accent=equipment]>div:first-of-type{border-bottom:1px solid color-mix(in oklch,var(--hs-ink)12%,transparent)!important}}.hs-theme .hs-tab-slide{animation-duration:.22s;animation-timing-function:cubic-bezier(.2,.7,.3,1);animation-fill-mode:backwards}.hs-theme .hs-tab-slide-right{animation-name:hs-slide-from-right}.hs-theme .hs-tab-slide-left{animation-name:hs-slide-from-left}.hs-theme .hs-section-frame .brew-section.brew-animate-in,.hs-theme .hs-section-frame .brew-animate-in{animation:none!important}.hs-theme .hs-builder-grid{background:var(--hs-paper);border:2px solid var(--hs-ink);box-shadow:var(--hs-sh3);border-radius:0 0 14px 14px;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);grid-template-areas:"title title""main side";align-items:start;gap:22px 24px;padding:24px;display:grid;position:relative}.hs-theme .hs-builder-grid.is-brewsheet{box-shadow:none;background:0 0;border:none;border-radius:0;grid-template-columns:minmax(0,1fr);grid-template-areas:"main";padding:0}.hs-theme .hs-builder-grid.section-empty{grid-template-columns:minmax(0,1fr);grid-template-areas:"title""main"}.hs-theme .hs-builder-title{grid-area:title}.hs-theme .hs-builder-main{grid-area:main;min-width:0}.hs-theme .hs-builder-side{grid-area:side;min-width:0;padding-top:56px}.hs-theme .hs-builder-grid[data-tab=water] .hs-builder-side{padding-top:41px}.hs-theme .hs-builder-grid[data-tab=yeast] .hs-builder-side{padding-top:44px}.hs-theme .hs-builder-main section.hs-ferm-section>header:first-of-type,.hs-theme .hs-builder-main section.hs-hops-section>header:first-of-type,.hs-theme .hs-builder-main section.hs-mash-section>header:first-of-type,.hs-theme .hs-builder-main section.hs-water-section>header:first-of-type,.hs-theme .hs-builder-main section.hs-yeast-section>header:first-of-type,.hs-theme .hs-builder-main section.hs-fermentation-section>header:first-of-type{display:none!important}.hs-theme .hs-builder-main section.hs-ferm-section,.hs-theme .hs-builder-main section.hs-hops-section,.hs-theme .hs-builder-main section.hs-mash-section,.hs-theme .hs-builder-main section.hs-water-section,.hs-theme .hs-builder-main section.hs-yeast-section,.hs-theme .hs-builder-main section.hs-fermentation-section{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}@media (max-width:900px){.hs-theme .hs-builder-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"title""main""side";row-gap:16px;padding:18px}.hs-theme .hs-builder-side{padding-top:0}}.hs-theme .hs-script{font-family:var(--hs-font-script);font-weight:500}.hs-theme .hs-display{font-family:var(--hs-font-display);letter-spacing:-.035em;line-height:.92}.hs-theme .hs-mono{font-family:var(--hs-font-mono)}.hs-theme .hs-tabular{font-variant-numeric:tabular-nums lining-nums}.hs-theme .hs-no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hs-theme .hs-no-scrollbar::-webkit-scrollbar{display:none}.inv-row{transition:transform .15s cubic-bezier(.3,.9,.35,1),box-shadow .15s cubic-bezier(.3,.9,.35,1)}@media (hover:hover){.inv-row:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--hs-ink)!important}.inv-row:hover .inv-emblem{transform:translateY(-1px)scale(1.045)}}.inv-row:active{transition-duration:70ms;transform:translate(1px,1px);box-shadow:1px 1px 0 var(--hs-ink)!important}.inv-emblem{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.inv-name-link{text-underline-offset:2px;text-decoration:none;transition:transform .13s cubic-bezier(.3,.9,.35,1)}.inv-name-link:hover{text-decoration:underline;transform:translateY(-1px)}@keyframes inv-row-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.inv-row-enter{animation:.44s cubic-bezier(.22,1,.36,1) both inv-row-in;animation-delay:var(--inv-delay,0s)}.inv-chip,.inv-section-add{transition:transform .12s,box-shadow .12s,background .12s}@media (hover:hover){.inv-chip:hover,.inv-section-add:hover{box-shadow:2px 2px 0 var(--hs-ink);transform:translate(-1px,-1px)}}.inv-chip:active,.inv-section-add:active{box-shadow:none;transform:translate(1px,1px)}@media (prefers-reduced-motion:reduce){.inv-row,.inv-emblem,.inv-name-link,.inv-chip,.inv-section-add{transition:none!important}.inv-row:hover,.inv-row:active,.inv-row:hover .inv-emblem,.inv-name-link:hover{transform:none!important}.inv-row-enter{animation:none!important}}.hs-theme{--hs-grain-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.10 0 0 0 0 0.086 0 0 0 0 0.07 0.20 0 0 0 0'/%3E%3C/filter%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.16' numOctaves='3' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.22 0 0 0 0 0.18 0 0 0 0 0.13 0.10 0 0 0 0'/%3E%3C/filter%3E%3Crect width='280' height='280' filter='url(%23g)'/%3E%3Crect width='280' height='280' filter='url(%23f)'/%3E%3C/svg%3E");--hs-grain-opacity:.45}.dark .hs-theme,.hs-theme.dark,.hs-theme[data-theme=dark]{--hs-grain-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.957 0 0 0 0 0.929 0 0 0 0 0.878 0.13 0 0 0 0'/%3E%3C/filter%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.16' numOctaves='3' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.85 0 0 0 0 0.80 0 0 0 0 0.70 0.06 0 0 0 0'/%3E%3C/filter%3E%3Crect width='280' height='280' filter='url(%23g)'/%3E%3Crect width='280' height='280' filter='url(%23f)'/%3E%3C/svg%3E");--hs-grain-opacity:.38}.hs-paper-grain{position:relative}.hs-paper-grain:after{content:"";pointer-events:none;background-image:var(--hs-grain-url);opacity:var(--hs-grain-opacity);border-radius:inherit;background-size:280px 280px;position:absolute;inset:0}.hs-roll{font-variant-numeric:tabular-nums lining-nums;display:inline-flex}.hs-roll-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hs-roll-track{line-height:1;display:inline-flex}.hs-roll-char{line-height:1;display:inline-block}.hs-roll-win{width:1ch;height:1em;line-height:1;animation:.24s ease-out both hs-roll-mount;display:inline-block;overflow:hidden}.hs-roll-col{will-change:transform;flex-direction:column;transition:transform .19s cubic-bezier(.3,.9,.35,1);display:flex}.hs-roll-col>span{text-align:center;height:1em;line-height:1;display:block}@keyframes hs-roll-mount{0%{opacity:0}to{opacity:1}}@keyframes hs-letterpress{0%{box-shadow:var(--hs-press-sh,var(--hs-shadow-2));translate:0}38%{translate:var(--hs-press-d,3px)var(--hs-press-d,3px);box-shadow:0 0 0 var(--hs-ink)}to{box-shadow:var(--hs-press-sh,var(--hs-shadow-2));translate:0}}.hs-letterpress-once{animation:.46s cubic-bezier(.3,.9,.35,1) both hs-letterpress}@keyframes hs-ink-in{0%{opacity:0;filter:blur(1px)}60%{opacity:1}to{opacity:1;filter:blur()}}.hs-ink-in{animation:.2s ease-out both hs-ink-in}@keyframes hs-draw-on{to{stroke-dashoffset:0}}.hs-draw-on{stroke-dasharray:1;stroke-dashoffset:1px;animation:.42s cubic-bezier(.5,0,.18,1) both hs-draw-on}@keyframes hs-fill-in{0%{fill-opacity:0}to{fill-opacity:1}}.hs-fill-in{stroke-dasharray:1;stroke-dashoffset:1px;animation:.42s cubic-bezier(.5,0,.18,1) both hs-draw-on,.24s ease-out .26s both hs-fill-in}@keyframes hs-stamp-in{0%{opacity:0;transform:scale(1.3)}55%{opacity:1;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.hs-stamp-in{animation:.38s cubic-bezier(.3,1.2,.4,1) both hs-stamp-in;display:inline-block}.hs-glide-x{transition:left .28s cubic-bezier(.34,1.2,.4,1)}@media (hover:hover){.hs-btn:not(:disabled):hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--hs-btn-sh,var(--hs-ink))!important}}.hs-btn:not(:disabled):active{box-shadow:1px 1px 0 var(--hs-btn-sh,var(--hs-ink))!important;transform:translate(2px,2px)!important}@keyframes hs-plate-slip-a{0%{transform:translate(0)}28%{transform:translate(1.7px,-1.2px)}to{transform:translate(0)}}@keyframes hs-plate-slip-b{0%{transform:translate(0)}28%{transform:translate(-1.3px,1px)}to{transform:translate(0)}}.hs-plate-slip-a{animation:.7s cubic-bezier(.22,1,.36,1) hs-plate-slip-a}.hs-plate-slip-b{animation:.7s cubic-bezier(.22,1,.36,1) hs-plate-slip-b}@keyframes hs-vt-wipe-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}::view-transition-old(root){animation:none}::view-transition-new(root){animation:.4s cubic-bezier(.22,1,.36,1) hs-vt-wipe-in}::view-transition-group(recipe-sheet){animation-duration:.42s;animation-timing-function:cubic-bezier(.3,1.08,.35,1)}::view-transition-image-pair(recipe-sheet){isolation:isolate}@media (prefers-reduced-motion:reduce){.hs-roll-col{transition:none!important}.hs-roll-win,.hs-letterpress-once,.hs-ink-in,.hs-stamp-in,.hs-plate-slip-a,.hs-plate-slip-b{animation:none!important}.hs-draw-on,.hs-fill-in{stroke-dashoffset:0!important;animation:none!important}.hs-glide-x{transition:none!important}::view-transition-old(root){animation:none!important}::view-transition-new(root){animation:none!important}::view-transition-group(recipe-sheet){animation:none!important}::view-transition-old(recipe-sheet){animation:none!important}::view-transition-new(recipe-sheet){animation:none!important}}input[type=number],[class*=value],[class*=metric],[class*=readout],[class*=total],[class*=stat],[class*=gauge],[class*=strip-num],[class*=strip-tick]{font-variant-numeric:tabular-nums lining-nums}html,body{overflow-x:clip}:root{--brew-corner-shape:squircle}@supports (corner-shape:squircle){*,:before,:after{corner-shape:var(--brew-corner-shape)}}:root{--srm-l-scale:1;--srm-bg-l-scale:1;--srm-bg-c-scale:1;--bg:oklch(calc(98.3%*var(--srm-bg-l-scale))calc(.0074*var(--srm-bg-c-scale))80.7);--surface:oklch(calc(96.86%*var(--srm-bg-l-scale))calc(.0091*var(--srm-bg-c-scale))78.3);--card:oklch(calc(99.45%*var(--srm-bg-l-scale))calc(.0057*var(--srm-bg-c-scale))84.6);--text:0 0 0;--text-muted:100 90 75;--border:212 205 190;--accent:251 146 60;--glow:249 115 22;--coral-50:#fff1eb;--coral-100:#ffe2d7;--coral-200:oklch(calc(87.71%*var(--srm-l-scale)).071 47);--coral-300:oklch(calc(81.06%*var(--srm-l-scale)).12 50.84);--coral-400:oklch(calc(75.22%*var(--srm-l-scale)).179 58.74);--coral-500:oklch(calc(64.96%*var(--srm-l-scale)).154 58.7);--coral-600:oklch(calc(54.28%*var(--srm-l-scale)).129 58.65);--coral-700:oklch(calc(44.82%*var(--srm-l-scale)).107 58.53);--coral-800:oklch(calc(34.32%*var(--srm-l-scale)).082 58.51);--coral-900:#341800;--coral-950:#230e00;--fg-strong:#0f0a08;--fg-muted:#5b534f;--brew-accent-50:#fdf3ef;--brew-accent-100:#fee5db;--brew-accent-200:oklch(calc(88%*var(--srm-l-scale)).065 45);--brew-accent-300:oklch(calc(78%*var(--srm-l-scale)).105 45);--brew-accent-400:oklch(calc(70%*var(--srm-l-scale)).135 45);--brew-accent-500:oklch(calc(60%*var(--srm-l-scale)).14 45);--brew-accent-600:oklch(calc(50%*var(--srm-l-scale)).125 45);--brew-accent-700:oklch(calc(42%*var(--srm-l-scale)).1 45);--brew-accent-800:oklch(calc(34%*var(--srm-l-scale)).075 45);--brew-accent-900:#381b0e;--brew-accent-950:#231108;--brew-neutral-50:#fcf8f4;--brew-neutral-100:#f3ede9;--brew-neutral-200:#e3ddd8;--brew-neutral-300:#cac2bd;--brew-neutral-400:#948e89;--brew-neutral-500:#76706c;--brew-neutral-600:#5a5450;--brew-neutral-700:#3f3935;--brew-neutral-800:#25211d;--brew-neutral-900:#14110e;--brew-success:#00a159;--brew-warning:#d9a514;--brew-danger:#d73337;--brew-info:#0093c5;--shadow-card:0 0 0 1px #8c785a0b,0 1px 1px -.5px #8c785a0b,0 3px 3px -1.5px #8c785a0b,0 6px 6px -3px #8c785a0b,0 12px 12px -6px #8c785a09,0 24px 24px -12px #8c785a08;--shadow-card-hover:0 0 0 1px #8c785a0f,0 1px 1px -.5px #8c785a0f,0 4px 4px -2px #8c785a0f,0 8px 8px -4px #8c785a0f,0 16px 16px -8px #8c785a0d,0 36px 36px -18px #8c785a0a;--shadow-elevated:0 0 0 1px #8c785a0f,0 1px 1px -.5px #0000000f,0 4px 4px -2px #0000000f,0 10px 10px -5px #0000000f,0 24px 24px -12px #0000000f,0 48px 48px -24px #0000000d;--shadow-inset:inset 0 1px 2px #8c785a17,inset 0 2px 4px #8c785a0f;--noise-texture:none;--paper-texture:none;--brew-tracking-tight:-.025em;--brew-tracking-wide:.08em;--brew-tracking-widest:.14em;--brew-bg:var(--bg);--brew-surface:var(--surface);--brew-card:var(--card);--brew-card-inset:oklch(calc(95.6%*var(--srm-bg-l-scale))calc(.0115*var(--srm-bg-c-scale))84.6);--brew-border:215 208 194;--brew-border-subtle:202 194 180;--sidebar-recipe-bg:oklch(calc(65%*var(--srm-l-scale)).12 55);--sidebar-recipe-text:#fbf8f5;--sidebar-equipment-bg:oklch(calc(42%*var(--srm-l-scale)).12 260);--sidebar-equipment-text:#dde5f2;--sidebar-grain-bg:oklch(calc(62%*var(--srm-l-scale)).16 75);--sidebar-grain-text:#fdf8f1;--sidebar-mash-bg:oklch(calc(60%*var(--srm-l-scale)).16 55);--sidebar-mash-text:#fbf8f5;--sidebar-hops-bg:oklch(calc(48%*var(--srm-l-scale)).14 145);--sidebar-hops-text:#e7f2e6;--sidebar-yeast-bg:oklch(calc(45%*var(--srm-l-scale)).16 310);--sidebar-yeast-text:#e9e1ef;--sidebar-water-bg:oklch(calc(48%*var(--srm-l-scale)).18 250);--sidebar-water-text:#dee9f5;--sidebar-fermentation-bg:oklch(calc(52%*var(--srm-l-scale)).17 15);--sidebar-fermentation-text:#f5ecec;--sidebar-packaging-bg:oklch(calc(55%*var(--srm-l-scale)).15 50);--sidebar-packaging-text:#f4ede9;--sidebar-targets-bg:oklch(calc(58%*var(--srm-l-scale)).14 25);--sidebar-targets-text:#f8efee;--brew-amber-400:var(--brew-accent-400);--brew-amber-500:var(--brew-accent-500);--brew-amber-600:var(--brew-accent-600);--brew-amber-700:var(--brew-accent-700);--brew-amber-800:var(--brew-accent-800);--brew-amber-200:var(--brew-accent-200);--brew-amber-300:var(--brew-accent-300);--brew-amber-100:var(--brew-accent-100);--brew-amber-900:var(--brew-accent-900)}@supports (color:lab(0% 0 0)){:root{--coral-50:lab(96.1397% 4.08247 4.63611);--coral-100:lab(92.085% 8.91089 9.13261);--coral-900:lab(12.0796% 12.7702 18.2341);--coral-950:lab(6.22531% 9.59551 9.49774);--fg-strong:lab(3.02419% 1.22431 1.43087);--fg-muted:lab(36.1487% 2.638 3.5655);--brew-accent-50:lab(96.4571% 2.86448 3.27326);--brew-accent-100:lab(92.8779% 7.25746 8.25328);--brew-accent-900:lab(13.8268% 13.2118 14.747);--brew-accent-950:lab(7.0148% 8.98772 7.34164);--brew-neutral-50:lab(97.6694% 1.00449 1.99283);--brew-neutral-100:lab(94.1856% 1.34394 2.65995);--brew-neutral-200:lab(88.3817% 1.68654 3.32918);--brew-neutral-300:lab(79.0975% 2.03419 4.00186);--brew-neutral-400:lab(59.3811% 1.697 3.33608);--brew-neutral-500:lab(47.7808% 1.70383 3.34069);--brew-neutral-600:lab(36.1803% 1.71356 3.3475);--brew-neutral-700:lab(24.5795% 1.7288 3.3585);--brew-neutral-800:lab(12.9781% 1.75589 3.37938);--brew-neutral-900:lab(5.25443% 1.08454 1.89748);--brew-success:lab(58.0959% -55.03 28.5007);--brew-warning:lab(71.1681% 11.7208 71.0541);--brew-danger:lab(49.2539% 63.2983 39.3808);--brew-info:lab(56.1458% -22.4183 -38.7139);--sidebar-recipe-text:lab(97.6654% .960678 1.57158);--sidebar-equipment-text:lab(90.652% -.969052 -7.43358);--sidebar-grain-text:lab(97.697% .86847 3.70294);--sidebar-mash-text:lab(97.6654% .960678 1.57158);--sidebar-hops-text:lab(94.4641% -5.58892 4.3331);--sidebar-yeast-text:lab(90.4729% 4.44937 -5.75035);--sidebar-water-text:lab(91.8599% -2.11921 -7.10604);--sidebar-fermentation-text:lab(94.0923% 3.25879 1.01895);--sidebar-packaging-text:lab(94.1588% 2.16705 2.94946);--sidebar-targets-text:lab(95.2683% 3.05608 1.64289)}}.dark{--bg:oklch(calc(20.5%*var(--srm-bg-l-scale))calc(.0053*var(--srm-bg-c-scale))67.4);--surface:oklch(calc(23.5%*var(--srm-bg-l-scale))calc(.0051*var(--srm-bg-c-scale))67.5);--card:oklch(calc(26.0%*var(--srm-bg-l-scale))calc(.0082*var(--srm-bg-c-scale))84.6);--text:240 238 232;--text-muted:170 162 150;--border:64 60 54;--accent:251 146 60;--glow:234 88 12;--coral-50:#fff1eb;--coral-100:#ffe2d7;--coral-200:oklch(calc(87.71%*var(--srm-l-scale)).071 47);--coral-300:oklch(calc(81.06%*var(--srm-l-scale)).12 50.84);--coral-400:oklch(calc(75.22%*var(--srm-l-scale)).179 58.74);--coral-500:oklch(calc(64.96%*var(--srm-l-scale)).154 58.7);--coral-600:oklch(calc(54.28%*var(--srm-l-scale)).129 58.65);--coral-700:oklch(calc(44.82%*var(--srm-l-scale)).107 58.53);--coral-800:oklch(calc(34.32%*var(--srm-l-scale)).082 58.51);--coral-900:#341800;--coral-950:#230e00;--fg-strong:#f5f1ee;--fg-muted:#a39d9a;--shadow-card:0 0 0 1px #00000026,0 1px 1px -.5px #0000001f,0 3px 3px -1.5px #0000001f,0 6px 6px -3px #0000001f,0 12px 12px -6px #0000001a,0 24px 24px -12px #00000014;--shadow-card-hover:0 0 0 1px #0000002e,0 1px 1px -.5px #00000026,0 4px 4px -2px #00000026,0 8px 8px -4px #00000026,0 16px 16px -8px #0000001f,0 36px 36px -18px #0000001a;--shadow-elevated:0 0 0 1px #00000040,0 1px 1px -.5px #0003,0 4px 4px -2px #0003,0 10px 10px -5px #0000002e,0 24px 24px -12px #00000026,0 48px 48px -24px #0000001f;--shadow-inset:inset 0 1px 2px #0003,inset 0 2px 4px #00000024;--noise-texture:none;--paper-texture:none;--brew-bg:var(--bg);--brew-surface:var(--surface);--brew-card:var(--card);--brew-card-inset:oklch(calc(22.0%*var(--srm-bg-l-scale))calc(.0052*var(--srm-bg-c-scale))67.5);--brew-border:64 60 54;--brew-border-subtle:52 48 44}@supports (color:lab(0% 0 0)){.dark{--coral-50:lab(96.1397% 4.08247 4.63611);--coral-100:lab(92.085% 8.91089 9.13261);--coral-900:lab(12.0796% 12.7702 18.2341);--coral-950:lab(6.22531% 9.59551 9.49774);--fg-strong:lab(95.3355% 1.29512 1.76641);--fg-muted:lab(65.167% 1.73503 2.36051)}}.brew-section[data-accent=equipment]{--brew-accent-50:#f2f5fb;--brew-accent-100:#e5ecf6;--brew-accent-200:oklch(calc(90%*var(--srm-l-scale)).03 260);--brew-accent-300:oklch(calc(80%*var(--srm-l-scale)).05 260);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).07 260);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).08 260);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).07 260);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).055 260);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).04 260);--brew-accent-900:#171f2e;--brew-accent-950:#0c121a}@supports (color:lab(0% 0 0)){.brew-section[data-accent=equipment]{--brew-accent-50:lab(96.4946% -.420153 -2.99119);--brew-accent-100:lab(92.9905% -.753075 -5.58909);--brew-accent-900:lab(11.6829% -.461198 -10.7846);--brew-accent-950:lab(5.19304% -.298686 -6.50336)}}.brew-section[data-accent=grain]{--brew-accent-50:#faf4ec;--brew-accent-100:#f9e8d2;--brew-accent-200:oklch(calc(90%*var(--srm-l-scale)).075 75);--brew-accent-300:oklch(calc(80%*var(--srm-l-scale)).12 75);--brew-accent-400:oklch(calc(72%*var(--srm-l-scale)).15 75);--brew-accent-500:oklch(calc(62%*var(--srm-l-scale)).155 75);--brew-accent-600:oklch(calc(52%*var(--srm-l-scale)).14 75);--brew-accent-700:oklch(calc(42%*var(--srm-l-scale)).115 75);--brew-accent-800:oklch(calc(34%*var(--srm-l-scale)).085 75);--brew-accent-900:#341f00;--brew-accent-950:#201301}@supports (color:lab(0% 0 0)){.brew-section[data-accent=grain]{--brew-accent-50:lab(96.54% 1.0497 4.44846);--brew-accent-100:lab(93.085% 3.3083 13.1546);--brew-accent-900:lab(14.075% 8.48384 22.3648);--brew-accent-950:lab(7.18827% 5.26968 10.417)}}.brew-section[data-accent=mash]{--brew-accent-50:#fcf3ee;--brew-accent-100:#ffe6d6;--brew-accent-200:oklch(calc(90%*var(--srm-l-scale)).075 55);--brew-accent-300:oklch(calc(80%*var(--srm-l-scale)).12 55);--brew-accent-400:oklch(calc(72%*var(--srm-l-scale)).145 55);--brew-accent-500:oklch(calc(62%*var(--srm-l-scale)).15 55);--brew-accent-600:oklch(calc(52%*var(--srm-l-scale)).135 55);--brew-accent-700:oklch(calc(42%*var(--srm-l-scale)).11 55);--brew-accent-800:oklch(calc(34%*var(--srm-l-scale)).08 55);--brew-accent-900:#381c06;--brew-accent-950:#231105}@supports (color:lab(0% 0 0)){.brew-section[data-accent=mash]{--brew-accent-50:lab(96.4839% 2.32524 3.78425);--brew-accent-100:lab(92.9252% 6.971 11.174);--brew-accent-900:lab(13.8804% 12.7081 18.2869);--brew-accent-950:lab(7.05471% 8.47877 8.8151)}}.brew-section[data-accent=hops]{--brew-accent-50:#f1f7f1;--brew-accent-100:#dff1df;--brew-accent-200:oklch(calc(90%*var(--srm-l-scale)).07 145);--brew-accent-300:oklch(calc(80%*var(--srm-l-scale)).11 145);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).14 145);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).155 145);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).135 145);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).11 145);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).07 145);--brew-accent-900:#0e2510;--brew-accent-950:#071608}@supports (color:lab(0% 0 0)){.brew-section[data-accent=hops]{--brew-accent-50:lab(96.6527% -2.79459 2.1611);--brew-accent-100:lab(93.4342% -8.3831 6.51677);--brew-accent-900:lab(12.4499% -14.0178 11.191);--brew-accent-950:lab(5.59976% -6.93539 5.04641)}}.brew-section[data-accent=yeast]{--brew-accent-50:#f7f3fa;--brew-accent-100:#f0e7f8;--brew-accent-200:oklch(calc(88%*var(--srm-l-scale)).06 310);--brew-accent-300:oklch(calc(78%*var(--srm-l-scale)).1 310);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).14 310);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).16 310);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).145 310);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).12 310);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).085 310);--brew-accent-900:#281634;--brew-accent-950:#170c1f}@supports (color:lab(0% 0 0)){.brew-section[data-accent=yeast]{--brew-accent-50:lab(96.3976% 2.21443 -2.88498);--brew-accent-100:lab(92.7298% 5.57265 -7.1779);--brew-accent-900:lab(10.9377% 14.6276 -16.5438);--brew-accent-950:lab(4.83601% 7.68287 -10.1267)}}.brew-section[data-accent=water]{--brew-accent-50:#eff7fb;--brew-accent-100:#dbeff9;--brew-accent-200:oklch(calc(88%*var(--srm-l-scale)).06 230);--brew-accent-300:oklch(calc(78%*var(--srm-l-scale)).1 230);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).145 230);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).16 230);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).145 230);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).12 230);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).085 230);--brew-accent-900:#002333;--brew-accent-950:#00141f}@supports (color:lab(0% 0 0)){.brew-section[data-accent=water]{--brew-accent-50:lab(96.5592% -2.12541 -2.92389);--brew-accent-100:lab(93.1338% -5.22921 -7.26423);--brew-accent-900:lab(11.92% -9.191 -16.5313);--brew-accent-950:lab(5.31826% -4.56754 -10.4259)}}.brew-section[data-accent=fermentation]{--brew-accent-50:#fcf3f3;--brew-accent-100:#ffe4e5;--brew-accent-200:oklch(calc(88%*var(--srm-l-scale)).065 15);--brew-accent-300:oklch(calc(78%*var(--srm-l-scale)).11 15);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).15 15);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).17 15);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).155 15);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).125 15);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).09 15);--brew-accent-900:#380f15;--brew-accent-950:#22080b}@supports (color:lab(0% 0 0)){.brew-section[data-accent=fermentation]{--brew-accent-50:lab(96.4123% 3.25876 1.01892);--brew-accent-100:lab(92.7161% 9.7715 3.07267);--brew-accent-900:lab(11.1208% 21.0649 7.0978);--brew-accent-950:lab(4.90084% 12.3678 3.07876)}}.brew-section[data-accent=targets]{--brew-accent-50:#fcf3f2;--brew-accent-100:#ffe4e1;--brew-accent-200:oklch(calc(88%*var(--srm-l-scale)).065 25);--brew-accent-300:oklch(calc(78%*var(--srm-l-scale)).11 25);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).15 25);--brew-accent-500:oklch(calc(58%*var(--srm-l-scale)).165 25);--brew-accent-600:oklch(calc(48%*var(--srm-l-scale)).15 25);--brew-accent-700:oklch(calc(40%*var(--srm-l-scale)).12 25);--brew-accent-800:oklch(calc(32%*var(--srm-l-scale)).085 25);--brew-accent-900:#371210;--brew-accent-950:#200a08}@supports (color:lab(0% 0 0)){.brew-section[data-accent=targets]{--brew-accent-50:lab(96.4283% 3.05605 1.64284);--brew-accent-100:lab(92.7628% 9.19709 4.96113);--brew-accent-900:lab(11.248% 18.8478 10.2853);--brew-accent-950:lab(4.97718% 10.4922 4.23867)}}.section-sidebar{z-index:40;scrollbar-width:none;pointer-events:none;width:22vw;height:100vh;padding:16px 0 24px;display:none;position:fixed;top:0;left:0;overflow:hidden auto}@media (min-width:768px){.section-sidebar{padding-left:1vw;display:block}}@media (min-width:1280px){.section-sidebar{padding-left:1.4vw}}.section-sidebar::-webkit-scrollbar{width:0}.sidebar-nav-slot{pointer-events:none;justify-content:center;padding-top:88px;padding-bottom:24px;transition:opacity .25s,transform .25s;display:flex}.sidebar-nav-slot.sidebar-nav-hidden{opacity:0;pointer-events:none;transform:translateY(-8px)}.section-sidebar-track{flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;padding-top:16px;padding-bottom:120px;display:flex}.section-sidebar-title{font-family:var(--font-handwritten);color:var(--fg-strong);word-break:break-word;text-align:center;width:17.5vw;padding:0 4px 8px;font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.1;transform:rotate(-2deg)}.section-sidebar-title>span{display:inline-block;position:relative}.section-sidebar-title>span:before,.section-sidebar-title>span:after{content:"";pointer-events:none;transform-origin:0;background:currentColor;border-radius:2px;height:2.5px;position:absolute;left:2%;right:2%;transform:scaleX(0)rotate(.8deg)}.section-sidebar-title>span:before{bottom:1px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 75%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 75%,#0000)}.section-sidebar-title>span:after{opacity:.5;height:2px;bottom:-2px;left:8%;right:6%;transform:scaleX(0)rotate(-.5deg);-webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 65%,#0000);mask-image:linear-gradient(90deg,#0000,#000 20% 65%,#0000)}.section-sidebar-title.is-drawn>span:before{animation:80ms ease-out forwards title-stroke-1}.section-sidebar-title.is-drawn>span:after{animation:60ms ease-out 80ms forwards title-stroke-2}@keyframes title-stroke-1{0%{transform:scaleX(0)rotate(.8deg)}to{transform:scaleX(1)rotate(.8deg)}}@keyframes title-stroke-2{0%{transform:scaleX(0)rotate(-.5deg)}to{transform:scaleX(1)rotate(-.5deg)}}.section-sidebar-item{all:unset;box-sizing:border-box;cursor:pointer;pointer-events:all;border:1px solid var(--sidebar-accent);border-radius:14px;flex-direction:column;justify-content:space-between;align-items:flex-start;width:17.5vw;min-width:25px;min-height:88px;padding:28px 10px 34px;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.section-sidebar-item{border:1px solid color-mix(in oklch,var(--sidebar-accent)35%,transparent)}}.section-sidebar-item{box-shadow:inset 0 1px 0 #ffffff2e,0 3px 0 0 var(--sidebar-accent),0 4px 6px #0000001a}@supports (color:lab(0% 0 0)){.section-sidebar-item{box-shadow:inset 0 1px 0 lab(100% 0 0/.18),0 3px 0 0 var(--sidebar-accent),0 4px 6px #0000001a}}@supports (color:color-mix(in lab, red, red)){.section-sidebar-item{box-shadow:inset 0 1px 0 lab(100% 0 0/.18),0 3px 0 0 color-mix(in oklch,var(--sidebar-accent),black 30%),0 4px 6px #0000001a}}.section-sidebar-item{transition:height .35s cubic-bezier(.3,1.4,.6,1),min-height .35s cubic-bezier(.3,1.4,.6,1),width .7s cubic-bezier(.22,1,.36,1),border-radius .6s,filter .25s,opacity .5s,box-shadow .15s,transform .35s cubic-bezier(.34,1.96,.64,1)}.section-sidebar-item:before{content:"";border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(#fff3 0%,#ffffff0f 25%,#fff0 50%,#00000014 80%,#0000002e 100%) no-repeat;background:linear-gradient(lab(100% 0 0/.2) 0%,lab(100% 0 0/.06) 25%,lab(100% 0 0/0) 50%,lab(0% 0 0/.08) 80%,lab(0% 0 0/.18) 100%) no-repeat;position:absolute;inset:0}.section-sidebar-item:not(.is-active){opacity:.65;box-shadow:inset 0 1px 0 #ffffff1f,0 2px 0 0 var(--sidebar-accent),0 2px 4px #00000014;transform:scale(.96)}@supports (color:lab(0% 0 0)){.section-sidebar-item:not(.is-active){box-shadow:inset 0 1px 0 lab(100% 0 0/.12),0 2px 0 0 var(--sidebar-accent),0 2px 4px #00000014}}@supports (color:color-mix(in lab, red, red)){.section-sidebar-item:not(.is-active){box-shadow:inset 0 1px 0 lab(100% 0 0/.12),0 2px 0 0 color-mix(in oklch,var(--sidebar-accent),black 30%),0 2px 4px #00000014}}.section-sidebar-item:hover{opacity:1;filter:brightness(1.06);border-color:var(--sidebar-accent);transform:scale(1.02)translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.section-sidebar-item:hover{border-color:color-mix(in oklch,var(--sidebar-accent)45%,transparent)}}.section-sidebar-item:hover{box-shadow:inset 0 1px 0 #ffffff38,0 4px 0 0 var(--sidebar-accent),0 6px 12px #0000001f,0 12px 24px -6px var(--sidebar-accent)}@supports (color:lab(0% 0 0)){.section-sidebar-item:hover{box-shadow:inset 0 1px 0 lab(100% 0 0/.22),0 4px 0 0 var(--sidebar-accent),0 6px 12px #0000001f,0 12px 24px -6px var(--sidebar-accent)}}@supports (color:color-mix(in lab, red, red)){.section-sidebar-item:hover{box-shadow:inset 0 1px 0 lab(100% 0 0/.22),0 4px 0 0 color-mix(in oklch,var(--sidebar-accent),black 30%),0 6px 12px #0000001f,0 12px 24px -6px color-mix(in oklch,var(--sidebar-accent)15%,transparent)}}.section-sidebar-item:active{filter:brightness(.95);box-shadow:inset 0 2px 4px #00000026,0 0px 0 0 var(--sidebar-accent),0 1px 2px #0000000f!important;transform:scale(.97)translateY(2px)!important}@supports (color:color-mix(in lab, red, red)){.section-sidebar-item:active{box-shadow:inset 0 2px 4px #00000026,0 0px 0 0 color-mix(in oklch,var(--sidebar-accent),black 30%),0 1px 2px #0000000f!important}}.section-sidebar-item.is-active{opacity:1;border-color:var(--sidebar-accent);border-radius:16px;width:18.5vw;min-height:320px;transform:scale(1)}@supports (color:color-mix(in lab, red, red)){.section-sidebar-item.is-active{border-color:color-mix(in oklch,var(--sidebar-accent)50%,transparent)}}.section-sidebar-item.is-active{box-shadow:inset 0 1px 0 #fff3,0 4px 0 0 var(--sidebar-accent),0 6px 8px #0000001a,0 12px 20px -6px var(--sidebar-accent),0 24px 36px -12px #00000014}@supports (color:lab(0% 0 0)){.section-sidebar-item.is-active{box-shadow:inset 0 1px 0 lab(100% 0 0/.2),0 4px 0 0 var(--sidebar-accent),0 6px 8px #0000001a,0 12px 20px -6px var(--sidebar-accent),0 24px 36px -12px #00000014}}@supports (color:color-mix(in lab, red, red)){.section-sidebar-item.is-active{box-shadow:inset 0 1px 0 lab(100% 0 0/.2),0 4px 0 0 color-mix(in oklch,var(--sidebar-accent),black 28%),0 6px 8px #0000001a,0 12px 20px -6px color-mix(in oklch,var(--sidebar-accent)12%,transparent),0 24px 36px -12px #00000014}}.section-sidebar-number{z-index:1;letter-spacing:.05em;opacity:.7;font-size:18px;font-weight:800;line-height:1;transition:opacity .3s 50ms,transform .35s cubic-bezier(.22,1,.36,1);position:absolute;top:11px;left:13px;transform:translateY(0)}.section-sidebar-item.is-active .section-sidebar-number{opacity:1;transform:translateY(-1px)}.section-sidebar-label{z-index:1;letter-spacing:-.01em;opacity:1;font-size:16px;font-weight:750;line-height:1.15;transition:opacity .35s .1s,transform .45s cubic-bezier(.22,1,.36,1) 50ms;position:absolute;bottom:12px;left:13px;transform:translateY(0)}.section-sidebar-item:not(.is-active) .section-sidebar-label{opacity:.65;transform:translateY(3px)}.section-sidebar-label-full,.section-sidebar-label-short{display:none}@media (max-width:639px){.section-sidebar-item.is-active .section-sidebar-label-short{display:inline}}@media (min-width:640px){.section-sidebar-label-short{display:inline}}@media (min-width:1024px){.section-sidebar-label-short{display:none}.section-sidebar-label-full{display:inline}}.section-sidebar-dot{z-index:1;will-change:top;border-radius:50%;width:6px;height:6px;transition:opacity .4s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.34,1.56,.64,1),width .3s,height .3s;position:absolute;right:13px}.section-sidebar-item.is-active .section-sidebar-dot{box-shadow:0 0 6px 1px #ffffff40;box-shadow:0 0 6px 1px lab(100% 0 0/.25)}.sidebar-scribble{pointer-events:none;text-align:right;flex-direction:column;flex-grow:1;justify-content:center;align-self:stretch;align-items:flex-end;gap:0;display:flex}.section-sidebar-item.is-active .sidebar-scribble{justify-content:center;gap:clamp(1px,.3vw,4px)}.sidebar-scribble-line{font-family:var(--font-handwritten);opacity:.6;--_rot:0deg;--_tx:0px;max-width:100%;transform:rotate(var(--_rot))translateX(var(--_tx));font-size:clamp(12px,1.6vw,18px);font-weight:400;line-height:1.1;transition:font-size .4s,line-height .4s,opacity .35s;display:block}.sidebar-scribble-line strong{font-size:1.65em;font-weight:800}.section-sidebar-item.is-active .sidebar-scribble-line{opacity:0;font-size:clamp(16px,2vw,24px);line-height:1.15;animation:.35s cubic-bezier(.22,1,.36,1) forwards scribble-in}.section-sidebar-item.is-active .sidebar-scribble-line:has(.sidebar-scribble-hop-group){font-size:clamp(11px,1.4vw,16px)}.section-sidebar-item.is-active .sidebar-scribble-line:has(.sidebar-scribble-equipment){margin-bottom:24px}.sidebar-scribble-line:has(.sidebar-scribble-mash-strike){opacity:.48;font-size:clamp(11px,1.35vw,15px)}.section-sidebar-item.is-active .sidebar-scribble-line:has(.sidebar-scribble-mash-strike){opacity:0;font-size:clamp(12px,1.5vw,17px)}.sidebar-scribble-mash-strike{opacity:.75;margin-top:16px;display:inline-block}.sidebar-scribble-line:has(.sidebar-scribble-mash-strike) strong{font-size:1.35em}.sidebar-scribble-line:first-child{--_rot:-3deg;--_tx:-8px}.sidebar-scribble-line:nth-child(2){--_rot:2.2deg;--_tx:-14px}.sidebar-scribble-line:nth-child(3){--_rot:-1.4deg;--_tx:-4px}.sidebar-scribble-line:nth-child(4){--_rot:3.2deg;--_tx:-18px}.sidebar-scribble-line:nth-child(5){--_rot:-2.5deg;--_tx:-10px}.sidebar-scribble-line:nth-child(6){--_rot:1.6deg;--_tx:-20px}.sidebar-scribble-line:nth-child(7){--_rot:-3.8deg;--_tx:-6px}.sidebar-scribble-line:nth-child(8){--_rot:2.8deg;--_tx:-16px}.sidebar-scribble-line:nth-child(9){--_rot:-1.2deg;--_tx:-12px}.sidebar-scribble-line:nth-child(10){--_rot:3.4deg;--_tx:-22px}@keyframes scribble-in{0%{opacity:0;transform:translateY(8px)rotate(var(--_rot))translateX(var(--_tx))}to{opacity:.75;transform:translateY(0)rotate(var(--_rot))translateX(var(--_tx))}}.sidebar-scribble-line:has(.sidebar-scribble-cols){--_rot:0deg;--_tx:0px;align-self:stretch}.sidebar-scribble-cols{justify-content:space-between;align-items:center;gap:6px;width:100%;display:flex}.sidebar-scribble-col-left,.sidebar-scribble-col-right{flex-direction:column;display:flex}.sidebar-scribble-col-left{text-align:left;gap:12px}.sidebar-scribble-col-right{text-align:right;align-items:flex-end}.sidebar-scribble-recipe-og{align-items:center;gap:18px;display:flex}.sidebar-recipe-gravities{flex-direction:column;gap:1px;font-size:.85em;display:flex}.sidebar-recipe-abv{opacity:.7;white-space:nowrap;font-size:1.5em}.sidebar-scribble-line:has(.sidebar-scribble-equipment){--_rot:-4.5deg;--_tx:0px;align-self:flex-end}.sidebar-scribble-equipment{align-items:center;gap:6px;display:flex}.sidebar-equip-batch{white-space:nowrap;font-size:1em}.sidebar-equip-volumes{opacity:.55;flex-direction:column;align-items:flex-end;gap:0;font-size:.68em;display:flex}.sidebar-scribble-line:has(.sidebar-scribble-hop-group){--_rot:0deg;--_tx:0px;align-self:stretch}.sidebar-scribble-hop-group{align-items:center;gap:6px;width:100%;display:flex}.sidebar-hop-names{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-hop-names span{white-space:nowrap}.sidebar-hop-addition{opacity:.5;white-space:nowrap;flex-shrink:0;font-size:1.4em}.sidebar-scribble-line:has(.sidebar-hop-summary){--_rot:0deg;--_tx:0px;align-self:stretch;margin-top:6px}.sidebar-hop-summary{justify-content:space-between;align-items:center;width:100%;display:flex}.sidebar-hop-ibu{opacity:.7;white-space:nowrap;transform-origin:50%;font-size:.85em;transform:rotate(-8deg)translateY(6px)translate(64px)}.sidebar-hop-total{opacity:.7;white-space:nowrap;transform-origin:100%;font-size:1.2em;transform:rotate(-3deg)translateY(18px)translate(-16px)}.sidebar-scribble-line:has(.sidebar-scribble-yeast){--_rot:0deg;--_tx:0px;position:relative}.sidebar-scribble-yeast{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.sidebar-yeast-lab{opacity:.65;transform-origin:0;white-space:nowrap;font-size:.7em;position:absolute;top:.5em;left:-55px;transform:rotate(-12deg)}@media (min-width:768px){.has-section-sidebar{padding-left:20vw;padding-right:2vw;max-width:none!important;margin-left:0!important;margin-right:auto!important}}@media (min-width:1280px){.has-section-sidebar{padding-left:18vw}}@media (min-width:1600px){.has-section-sidebar{padding-left:10vw;padding-right:0;max-width:100vw!important;margin-left:auto!important;margin-right:auto!important}}@media (min-width:768px){:has(.has-section-sidebar)>footer{padding-left:22vw}}@media (min-width:1280px){:has(.has-section-sidebar)>footer{padding-left:18vw}}@media (min-width:1600px){:has(.has-section-sidebar)>footer{padding-left:19vw}}.mobile-accordion-tile,.mobile-sidebar-title{display:none}@media (max-width:767px){.mobile-sidebar-title{font-family:var(--font-handwritten);color:var(--fg-strong);text-align:center;word-break:break-word;margin:4px 0 10px;padding:0 10px;font-size:clamp(1.6rem,7.5vw,2.25rem);line-height:1.05;display:block;transform:rotate(-1.8deg)}.mobile-sidebar-title>span{display:inline-block;position:relative}.mobile-sidebar-title>span:before,.mobile-sidebar-title>span:after{content:"";pointer-events:none;background:currentColor;border-radius:2px;position:absolute;left:2%;right:2%}.mobile-sidebar-title>span:before{opacity:.9;height:2px;bottom:1px}.mobile-sidebar-title>span:after{opacity:.45;height:1.5px;bottom:-2px;left:8%;right:6%}.mobile-sidebar-title-input{font:inherit;color:inherit;text-align:center;appearance:none;background:0 0;border:none;outline:none;width:100%;padding:0}.mobile-sidebar-title-input::placeholder{color:var(--fg-muted);opacity:.4}.mobile-accordion-tile{all:unset;box-sizing:border-box;cursor:pointer;border:1px solid var(--sidebar-accent);border-radius:14px;align-items:center;gap:10px;width:100%;margin-bottom:6px;padding:12px 14px;display:flex;position:relative;overflow:clip}@supports (color:color-mix(in lab, red, red)){.mobile-accordion-tile{border:1px solid color-mix(in oklch,var(--sidebar-accent)30%,transparent)}}.mobile-accordion-tile{box-shadow:inset 0 1px 0 #ffffff24,0 3px 0 0 var(--sidebar-accent),0 3px 6px #00000014}@supports (color:lab(0% 0 0)){.mobile-accordion-tile{box-shadow:inset 0 1px 0 lab(100% 0 0/.14),0 3px 0 0 var(--sidebar-accent),0 3px 6px #00000014}}@supports (color:color-mix(in lab, red, red)){.mobile-accordion-tile{box-shadow:inset 0 1px 0 lab(100% 0 0/.14),0 3px 0 0 color-mix(in oklch,var(--sidebar-accent),black 30%),0 3px 6px #00000014}}.mobile-accordion-tile{opacity:.7;transition:transform .2s,box-shadow .15s,opacity .2s,margin .3s,border-radius .3s,padding .3s,gap .3s}.mobile-accordion-tile:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#fff3 0%,#ffffff0d 35%,#0000000f 80%,#00000024 100%);background:linear-gradient(lab(100% 0 0/.2) 0%,lab(100% 0 0/.05) 35%,lab(0% 0 0/.06) 80%,lab(0% 0 0/.14) 100%);position:absolute;inset:0}.mobile-accordion-tile.is-open{opacity:1;border-bottom-color:#0000;border-radius:12px 12px 0 0;gap:6px;margin-bottom:0;padding:5px 14px;box-shadow:inset 0 1px #ffffff1f,0 0 #0000;box-shadow:inset 0 1px lab(100% 0 0/.12),0 0 lab(0% 0 0/0)}.mobile-accordion-tile.is-open:before{opacity:.5}.mobile-accordion-tile:active{transition-duration:60ms!important;transform:scale(.98)translateY(1px)!important;box-shadow:inset 0 2px 4px #0000001f,0 0 #0000,0 1px 2px #0000000a!important}.mobile-accordion-number{letter-spacing:.05em;opacity:.5;z-index:1;flex-shrink:0;font-size:18px;font-weight:800;line-height:1;transition:font-size .3s,opacity .3s;position:relative}.mobile-accordion-tile.is-open .mobile-accordion-number{opacity:.35;font-size:11px}.mobile-accordion-label{z-index:1;flex-shrink:0;max-width:200px;font-size:15px;font-weight:700;line-height:1.2;transition:font-size .3s,opacity .25s,max-width .35s;position:relative;overflow:hidden}.mobile-accordion-tile.is-open .mobile-accordion-label{opacity:0;max-width:0;font-size:0}.mobile-accordion-preview{min-width:0;font-family:var(--font-handwritten);opacity:.88;z-index:1;flex-direction:column;flex:1;align-items:flex-end;padding-bottom:2px;font-size:15px;line-height:1.4;display:flex;position:relative}.mobile-accordion-preview-line{text-align:right;display:block}.mobile-accordion-preview strong{font-size:1.3em;font-weight:800}.mobile-accordion-preview .sidebar-scribble-recipe-og,.mobile-accordion-preview .sidebar-scribble-equipment{justify-content:flex-end}.mobile-accordion-preview .sidebar-hop-ibu,.mobile-accordion-preview .sidebar-hop-total{transform:none}.mobile-accordion-preview .sidebar-hop-summary{justify-content:flex-end;gap:12px}.mobile-accordion-preview .sidebar-yeast-lab{opacity:.7;font-size:.75em;position:static;transform:none}.mobile-accordion-preview .sidebar-scribble-yeast{align-items:flex-end}.mobile-accordion-preview .sidebar-yeast-starter{opacity:.8;font-size:.85em}.mobile-accordion-preview .sidebar-equip-volumes{opacity:.8;font-size:.8em}.mobile-accordion-preview .sidebar-scribble-mash-strike{opacity:1;margin-top:4px}.mobile-accordion-chevron{z-index:1;opacity:.5;flex-shrink:0;align-items:center;transition:opacity .3s;display:flex;position:relative}.mobile-accordion-tile.is-open .mobile-accordion-chevron{opacity:.6}.mobile-accordion-body{grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.22,1,.36,1);display:grid}.mobile-accordion-body.is-open{grid-template-rows:1fr}.mobile-accordion-body-inner{min-height:0;overflow:hidden}.mobile-accordion-body.is-open .mobile-accordion-body-inner{padding-bottom:8px;overflow:hidden visible}.mobile-accordion-body.is-open .brew-section{border-top-color:#0000;border-top-left-radius:0;border-top-right-radius:0;margin-top:0}}.hs-collapse{grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.785,.135,.15,.86);display:grid}.hs-collapse.is-open{grid-template-rows:1fr}.hs-collapse-inner{opacity:0;min-height:0;transition:opacity .25s ease-out 50ms;overflow:hidden}.hs-collapse.is-open .hs-collapse-inner{opacity:1}@media (prefers-reduced-motion:reduce){.hs-collapse,.hs-collapse-inner{transition:none}}@keyframes brew-fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes brew-quick-fade{0%{opacity:0}to{opacity:1}}@keyframes wiggle{0%{transform:rotate(0)scale(1)}5%{transform:rotate(-12deg)scale(1.25)}10%{transform:rotate(10deg)scale(1.25)}15%{transform:rotate(-6deg)scale(1.15)}20%{transform:rotate(4deg)scale(1.05)}25%{transform:rotate(0)scale(1)}50%{transform:scale(1.15)}75%{transform:scale(1)}to{transform:scale(1)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes brew-element-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.009)}}.dark .brew-section{animation:14s ease-in-out infinite brew-element-breathe!important}.dark .section-sidebar-item{animation:15s ease-in-out infinite brew-element-breathe}@keyframes brew-top-breathe{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08,1.12)}}.brew-top-breathe{will-change:transform,opacity;animation:15s ease-in-out infinite brew-top-breathe}@keyframes brew-bottom-wave{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3,1.5)}}.brew-bottom-wave{will-change:transform,opacity;animation:7.5s ease-in-out infinite brew-bottom-wave}@keyframes brew-slide-in-left{0%{transform:translate(-120vw)}to{transform:translate(0)}}@keyframes brew-slide-in-right{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:translate(0)}}.brew-animate-in{animation:.28s ease-out backwards brew-fade-in-up}.brew-main-fade-in{animation:.16s ease-out backwards brew-quick-fade}.brew-animate-in-left{animation:.34s cubic-bezier(.22,1,.36,1) backwards brew-slide-in-left}.brew-animate-in-right{animation:.34s cubic-bezier(.22,1,.36,1) backwards brew-slide-in-right}.sidebar-animate-in-left{animation:.42s cubic-bezier(.22,1,.36,1) backwards brew-slide-in-left}.brew-stagger-1{animation-delay:40ms}.brew-stagger-2{animation-delay:80ms}.brew-stagger-3{animation-delay:.12s}.brew-stagger-4{animation-delay:.16s}.brew-stagger-5{animation-delay:.2s}.brew-stagger-6{animation-delay:.24s}.brew-stagger-7{animation-delay:.28s}.brew-stagger-8{animation-delay:.32s}.brew-stagger-9{animation-delay:.36s}.brew-stagger-10{animation-delay:.4s}.brew-stagger-sync{animation-delay:60ms}.sidebar-stagger-1{animation-delay:30ms}.sidebar-stagger-2{animation-delay:60ms}.sidebar-stagger-3{animation-delay:90ms}.sidebar-stagger-4{animation-delay:.12s}.sidebar-stagger-5{animation-delay:.15s}.sidebar-stagger-6{animation-delay:.18s}.sidebar-stagger-7{animation-delay:.21s}.sidebar-stagger-8{animation-delay:.24s}.sidebar-stagger-9{animation-delay:.27s}.sidebar-stagger-10{animation-delay:.3s}@keyframes brew-pulse{}.brew-pulse{animation:2s ease-in-out infinite brew-pulse}.beer-glass-liquid{transition:fill .5s ease-in-out}.beer-glass-foam{transition:opacity .4s}@keyframes beer-bubble-rise{0%{opacity:0;transform:translateY(0)}12%{opacity:.35}85%{opacity:.12}to{opacity:0;transform:translateY(-15px)}}.beer-bubble{animation:3.5s ease-in infinite beer-bubble-rise}.beer-bubble-1{animation-duration:3.5s;animation-delay:0s}.beer-bubble-2{animation-duration:4.2s;animation-delay:1.3s}.beer-bubble-3{animation-duration:3s;animation-delay:2.5s}.brew-gauge-animated{transition:color .2s ease-out,transform .18s ease-out}.brew-gauge-animated.is-changed{color:var(--brew-accent-500)}@supports (color:color-mix(in lab, red, red)){.brew-gauge-animated.is-changed{color:color-mix(in oklch,var(--brew-accent-500)40%,currentColor)}}.brew-gauge-animated.is-changed{transition:color 60ms ease-in-out,transform 80ms ease-in-out;transform:scale(1.15)}.ani-stepper-wrap{align-items:baseline;transition:transform .25s cubic-bezier(.22,1,.36,1);display:inline-flex}.ani-stepper-wrap.is-changed{transition:transform 65ms ease-in-out;transform:scale(1.22)}.ani-stepper-wrap.is-changed>input{color:var(--brew-accent-500)}@supports (color:color-mix(in lab, red, red)){.ani-stepper-wrap.is-changed>input{color:color-mix(in oklch,var(--brew-accent-500)40%,currentColor)}}.ani-stepper-wrap.is-changed>input{transition:color}.ani-stepper-wrap>input{transition:color .3s ease-out}.starter-stepper-btn:active,.hop-stepper-btn:active,.mash-stepper-btn:active,.fermentable-stepper-btn:active{transition:transform 60ms ease-out;transform:scale(.85)}@media (prefers-reduced-motion:reduce){.card-glass,.brew-recipe-card,.brew-ingredient-row,.brew-gauge,.section-soft,.btn-neon,.btn-outline,.btn-tonal,.brew-btn-primary,.brew-btn-ghost,.brew-chip,.brew-chip-active,.brew-picker-row,.section-sidebar-item,.equip-datum,.equip-advanced-chevron,.yeast-card{transition:none!important}:is(.card-glass:hover,.brew-recipe-card:hover,.brew-ingredient-row:hover,.brew-gauge:hover,.section-soft:hover,.btn-neon:hover,.btn-outline:hover,.btn-tonal:hover,.brew-btn-primary:hover,.brew-btn-ghost:hover,.brew-recipe-card:active:not(:has(button:active)),.btn-neon:active,.btn-outline:active,.btn-tonal:active,.brew-btn-primary:active,.brew-btn-ghost:active,.brew-chip:active,.brew-chip-active:active,.brew-picker-row:active,.section-sidebar-item:active){transform:none!important}.brew-animate-in,.brew-main-fade-in,.brew-animate-in-left,.brew-animate-in-right,.sidebar-animate-in-left{animation:none!important}.brew-gauge-animated,.brew-gauge-animated.is-changed,.ani-stepper-wrap,.ani-stepper-wrap>input,.style-strip-needle,.style-strip-range,.style-strip-value{transition:none!important}.beer-bubble{animation:none!important}.beer-glass-liquid,.beer-glass-foam{transition:none!important}.sidebar-scribble-line{opacity:.75;animation:none!important;transform:none!important}.mobile-accordion-tile,.mobile-accordion-body{transition:none!important}}.brew-gauge-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (min-width:640px){.brew-gauge-grid{grid-template-columns:repeat(7,1fr);min-width:max-content}}@media (max-width:420px){.brew-gauge-grid{grid-template-columns:repeat(3,1fr);gap:8px}.brew-gauge{padding:10px 6px!important}.brew-gauge-value{font-size:18px!important}.brew-srm-swatch .relative.z-10.text-3xl{font-size:22px!important}}.brew-ferm-step-metrics{gap:8px;margin-left:auto;display:flex}@media (max-width:500px){.brew-ferm-step-metrics{width:100%;margin-left:0}}@media (max-width:640px){.yeast-card-header{flex-wrap:wrap!important}.yeast-header-inputs{flex-wrap:wrap;width:100%;margin-left:0!important}}@media (max-width:420px){[data-accent=water] .grid.grid-cols-2 .text-2xl{font-size:20px}[data-accent=water] .grid.grid-cols-2 .rounded-lg{padding:12px}}@media (max-width:700px){.brew-section{padding:6px!important}}.brew-read-only{opacity:.9}.brew-read-only input,.brew-read-only select,.brew-read-only textarea,.brew-read-only .brew-btn,.brew-read-only .brew-btn-primary,.brew-read-only .brew-btn-ghost,.brew-read-only .brew-btn-outline{pointer-events:none}.brew-read-only .mobile-accordion-tile{pointer-events:auto;cursor:pointer}.brew-read-only .brew-btn-primary,.brew-read-only .brew-row-actions,.brew-read-only .brew-btn-ghost.brew-danger-text,.brew-read-only [data-accent=equipment] .brew-btn-ghost,.brew-read-only [data-accent=mash] .brew-btn-ghost,.brew-read-only [data-accent=grain]>.flex>.flex.items-center.gap-4>:not(h2),.brew-read-only .brew-action-add,.brew-read-only .brew-animate-in>button{display:none!important}.fermentable-chip{background:var(--brew-accent-200);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}@supports (color:color-mix(in lab, red, red)){.fermentable-chip{background:color-mix(in oklch,var(--brew-accent-200)40%,transparent)}}.fermentable-chip{color:var(--brew-accent-800);white-space:nowrap;align-items:center;gap:3px;line-height:1.3;display:inline-flex;transform:translateY(-8px)}.dark .fermentable-chip{background:var(--brew-accent-800)}@supports (color:color-mix(in lab, red, red)){.dark .fermentable-chip{background:color-mix(in oklch,var(--brew-accent-800)40%,transparent)}}.dark .fermentable-chip{color:var(--brew-accent-300)}@media (max-width:640px){.fermentable-chip{transform:translateY(2px)}}.fermentable-chip-srm{border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:inset 0 -1px 1px #00000026}.fermentable-datum{flex-direction:column;flex-shrink:0;align-items:center;gap:1px;display:flex}.fermentable-datum-label{text-transform:uppercase;letter-spacing:.05em;color:var(--fg-muted);opacity:.6;font-size:9px;font-weight:600;line-height:1}.fermentable-datum-value{justify-content:center;align-items:center;gap:0;display:flex}.fermentable-datum-input{font-family:var(--font-handwritten);color:var(--fg-strong);text-align:center;-moz-appearance:textfield;background:0 0;border:none;border-radius:4px;width:64px;height:34px;padding:0;font-size:28px;line-height:1;transition:background .12s}.fermentable-datum-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.fermentable-datum-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.fermentable-datum-input:focus{background:var(--brew-accent-100)}@supports (color:color-mix(in lab, red, red)){.fermentable-datum-input:focus{background:color-mix(in oklch,var(--brew-accent-100)20%,transparent)}}.fermentable-datum-input:focus{outline:none}.dark .fermentable-datum-input:focus{background:var(--brew-accent-800)}@supports (color:color-mix(in lab, red, red)){.dark .fermentable-datum-input:focus{background:color-mix(in oklch,var(--brew-accent-800)25%,transparent)}}.fermentable-datum-unit{color:var(--fg-muted);margin-left:2px;font-size:12px;font-weight:500}.fermentable-stepper{opacity:0;flex-direction:column;justify-content:center;gap:2px;max-width:0;height:34px;margin-left:0;transition:max-width .2s,opacity .15s,margin .2s;display:flex;overflow:hidden}.brew-ingredient-row:hover .fermentable-stepper,.brew-ingredient-row:focus-within .fermentable-stepper{opacity:1;max-width:24px;margin-left:4px}.fermentable-stepper-btn{width:16px;height:14px;color:var(--fg-muted);opacity:.5;border-radius:3px;justify-content:center;align-items:center;transition:all .1s;display:flex}.fermentable-stepper-btn:hover{opacity:1;background:var(--brew-accent-200)}@supports (color:color-mix(in lab, red, red)){.fermentable-stepper-btn:hover{background:color-mix(in oklch,var(--brew-accent-200)40%,transparent)}}.fermentable-stepper-btn:hover{color:var(--brew-accent-700)}.dark .fermentable-stepper-btn:hover{background:var(--brew-accent-700)}@supports (color:color-mix(in lab, red, red)){.dark .fermentable-stepper-btn:hover{background:color-mix(in oklch,var(--brew-accent-700)45%,transparent)}}.dark .fermentable-stepper-btn:hover{color:var(--brew-accent-300)}.fermentable-computed{color:var(--fg-muted);white-space:nowrap;text-align:right;min-width:56px;font-size:13px;font-weight:500}.fermentable-total-value{font-family:var(--font-handwritten);color:var(--fg-strong);font-size:20px}.fermentable-total-unit{opacity:.5;font-size:12px;font-weight:500}.fermentable-spacer{flex:1}@media (max-width:420px){.fermentable-datum-input{width:52px;font-size:22px}}.hop-variety-card{background:var(--brew-card);border-radius:10px;padding:16px}@supports (color:color-mix(in lab, red, red)){.hop-variety-card{background:color-mix(in oklch,var(--brew-card)45%,transparent)}}.hop-variety-card{border:1px solid var(--brew-accent-300)}@supports (color:color-mix(in lab, red, red)){.hop-variety-card{border:1px solid color-mix(in oklch,var(--brew-accent-300)20%,rgb(var(--brew-border-subtle)))}}.hop-variety-card{transition:all .15s,transform .2s;box-shadow:inset 0 1px #ffffff26,0 1px 2px #0000000a}.hop-variety-card:hover{background:var(--brew-accent-100)}@supports (color:color-mix(in lab, red, red)){.hop-variety-card:hover{background:color-mix(in oklch,var(--brew-accent-100)12%,color-mix(in oklch,var(--brew-card)60%,transparent))}}.hop-variety-card:hover{border-color:var(--brew-accent-400)}@supports (color:color-mix(in lab, red, red)){.hop-variety-card:hover{border-color:color-mix(in oklch,var(--brew-accent-400)40%,rgb(var(--brew-border)))}}.hop-variety-card:hover{box-shadow:inset 0 1px 0 #ffffff0f,var(--shadow-card);transform:translateY(-1px)}.dark .hop-variety-card{background:var(--brew-accent-950)}@supports (color:color-mix(in lab, red, red)){.dark .hop-variety-card{background:color-mix(in oklch,var(--brew-accent-950)40%,transparent)}}.dark .hop-variety-card{border-color:var(--brew-accent-700)}@supports (color:color-mix(in lab, red, red)){.dark .hop-variety-card{border-color:color-mix(in oklch,var(--brew-accent-700)25%,transparent)}}.dark .hop-variety-card{box-shadow:inset 0 1px #ffffff08,0 1px 2px #0000001f}.dark .hop-variety-card:hover{background:var(--brew-accent-900)}@supports (color:color-mix(in lab, red, red)){.dark .hop-variety-card:hover{background:color-mix(in oklch,var(--brew-accent-900)50%,transparent)}}.hop-variety-header{border-bottom:1px solid rgb(var(--brew-border-subtle));justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;display:flex}.hop-variety-name{color:var(--fg-strong);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;line-height:1.2;overflow:hidden}.hop-variety-aa-badge{background:var(--brew-accent-200);border-radius:6px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:700}@supports (color:color-mix(in lab, red, red)){.hop-variety-aa-badge{background:color-mix(in oklch,var(--brew-accent-200)40%,transparent)}}.hop-variety-aa-badge{color:var(--brew-accent-800);transform:translateY(-8px)}.dark .hop-variety-aa-badge{background:var(--brew-accent-800)}@supports (color:color-mix(in lab, red, red)){.dark .hop-variety-aa-badge{background:color-mix(in oklch,var(--brew-accent-800)40%,transparent)}}.dark .hop-variety-aa-badge{color:var(--brew-accent-300)}.hop-variety-footer{justify-content:space-between;align-items:baseline;margin-top:8px;padding-top:4px;display:flex}.hop-variety-stats{color:var(--fg-muted);letter-spacing:.02em;font-size:12px}.hop-variety-stats-value{font-family:var(--font-handwritten);color:var(--fg-strong);opacity:.7;font-size:18px}.hop-variety-stats-total{font-family:var(--font-handwritten);color:var(--fg-strong);font-size:28px}.hop-variety-stats-label{text-transform:uppercase;letter-spacing:.06em;opacity:.5;margin-right:12px;font-size:10px;font-weight:600}.hop-variety-stats-sep{opacity:.4;margin:0 8px}.hop-addition-row{background:var(--brew-accent-900);border-radius:8px;align-items:center;gap:8px;padding:6px 10px;display:flex}@supports (color:color-mix(in lab, red, red)){.hop-addition-row{background:color-mix(in oklch,var(--brew-accent-900)10%,color-mix(in oklch,var(--brew-card-inset)35%,transparent))}}.hop-addition-row{border:1px solid var(--brew-accent-700)}@supports (color:color-mix(in lab, red, red)){.hop-addition-row{border:1px solid color-mix(in oklch,var(--brew-accent-700)10%,rgb(var(--brew-border-subtle)))}}.hop-addition-row{transition:all .15s;box-shadow:inset 0 1px #ffffff0a}.hop-addition-row:hover{background:var(--brew-accent-100)}@supports (color:color-mix(in lab, red, red)){.hop-addition-row:hover{background:color-mix(in oklch,var(--brew-accent-100)10%,color-mix(in oklch,var(--brew-card)50%,transparent))}}.dark .hop-addition-row{background:var(--brew-accent-950)}@supports (color:color-mix(in lab, red, red)){.dark .hop-addition-row{background:color-mix(in oklch,var(--brew-accent-950)35%,transparent)}}.dark .hop-addition-row{border-color:var(--brew-accent-700)}@supports (color:color-mix(in lab, red, red)){.dark .hop-addition-row{border-color:color-mix(in oklch,var(--brew-accent-700)18%,transparent)}}.dark .hop-addition-row:hover{background:var(--brew-accent-900)}@supports (color:color-mix(in lab, red, red)){.dark .hop-addition-row:hover{background:color-mix(in oklch,var(--brew-accent-900)40%,transparent)}}.hop-addition-type{appearance:none;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;color:var(--brew-accent-800);background:var(--brew-accent-200);border:none;border-radius:6px;outline:none;flex-shrink:0;padding:4px 18px 4px 8px;font-size:10px;font-weight:700}@supports (color:color-mix(in lab, red, red)){.hop-addition-type{background:color-mix(in oklch,var(--brew-accent-200)40%,transparent)}}.hop-addition-type{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23777' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 5px center;background-repeat:no-repeat;background-size:8px 5px;transition:background .15s}.hop-addition-type:hover{background-color:var(--brew-accent-200)}@supports (color:color-mix(in lab, red, red)){.hop-addition-type:hover{background-color:color-mix(in oklch,var(--brew-accent-200)60%,transparent)}}.dark .hop-addition-type{color:var(--brew-accent-300);background-color:var(--brew-accent-800)}@supports (color:color-mix(in lab, red, red)){.dark .hop-addition-type{background-color:color-mix(in oklch,var(--brew-accent-800)40%,transparent)}}.dark .hop-addition-type:hover{background-color:var(--brew-accent-700)}@supports (color:color-mix(in lab, red, red)){.dark .hop-addition-type:hover{background-color:color-mix(in oklch,var(--brew-accent-700)45%,transparent)}}.hop-addition-datum{flex-direction:column;flex-shrink:0;align-items:center;gap:1px;display:flex}.hop-addition-datum-label{text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted);opacity:.6;font-size:9px;font-weight:600;line-height:1}.hop-addition-datum-value{justify-content:center;align-items:baseline;display:flex}.hop-addition-datum-input{font-family:var(--font-handwritten);color:var(--fg-strong);text-align:center;-moz-appearance:textfield;background:0 0;border:none;border-radius:4px;outline:none;width:52px;font-size:22px;line-height:1.1;transition:background .12s}.hop-addition-datum-input:focus{background:var(--brew-accent-100)}@supports (color:color-mix(in lab, red, red)){.hop-addition-datum-input:focus{background:color-mix(in oklch,var(--brew-accent-100)20%,transparent)}}.dark .hop-addition-datum-input:focus{background:var(--brew-accent-800)}@supports (color:color-mix(in lab, red, red)){.dark .hop-addition-datum-input:focus{background:color-mix(in oklch,var(--brew-accent-800)25%,transparent)}}.hop-addition-datum-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.hop-addition-datum-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.hop-addition-datum-input.is-narrow{width:40px}.hop-addition-datum-unit{color:var(--fg-muted);opacity:.5;font-size:11px;font-weight:500}.hop-stepper{opacity:0;flex-direction:column;flex-shrink:0;align-self:center;gap:1px;max-width:0;margin-left:0;transition:max-width .2s,opacity .15s,margin .2s;display:flex;overflow:hidden}.hop-addition-row:hover .hop-stepper,.hop-addition-row:focus-within .hop-stepper{opacity:1;max-width:24px;margin-left:4px}@media (hover:none){.hop-stepper{opacity:1;max-width:24px;margin-left:4px}}.hop-stepper-btn{width:20px;height:14px;color:var(--fg-muted);opacity:.45;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:0;line-height:1;transition:color .12s,background .12s,opacity .12s;display:flex}.hop-stepper-btn:hover{color:var(--fg-strong);opacity:1;background:var(--brew-accent-300)}@supports (color:color-mix(in lab, red, red)){.hop-stepper-btn:hover{background:color-mix(in oklch,var(--brew-accent-300)20%,transparent)}}.hop-stepper-btn:active{background:var(--brew-accent-300)}@supports (color:color-mix(in lab, red, red)){.hop-stepper-btn:active{background:color-mix(in oklch,var(--brew-accent-300)35%,transparent)}}.dark .hop-stepper-btn:hover{background:var(--brew-accent-800)}@supports (color:color-mix(in lab, red, red)){.dark .hop-stepper-btn:hover{background:color-mix(in oklch,var(--brew-accent-800)40%,transparent)}}.dark .hop-stepper-btn:hover{color:var(--fg-strong)}.dark .hop-stepper-btn:active{background:var(--brew-accent-700)}@supports (color:color-mix(in lab, red, red)){.dark .hop-stepper-btn:active{background:color-mix(in oklch,var(--brew-accent-700)45%,transparent)}}.hop-addition-spacer{flex:1}@media (max-width:420px){.hop-addition-row{flex-wrap:wrap;gap:2px 6px;padding:6px 8px}.hop-addition-type{flex-shrink:1;min-width:0;padding:4px 14px 4px 6px;font-size:9px}.hop-addition-datum{flex-shrink:1;min-width:0}.hop-addition-datum-input{width:36px;font-size:18px}.hop-addition-datum-input.is-narrow{width:30px}.hop-addition-spacer{flex:1 1 0;min-width:0}}.hop-add-addition-btn{color:var(--brew-accent-600);background:0 0;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:500;transition:background .15s,color .15s}.hop-add-addition-btn:hover{background:var(--brew-accent-100)}@supports (color:color-mix(in lab, red, red)){.hop-add-addition-btn:hover{background:color-mix(in oklch,var(--brew-accent-100)30%,transparent)}}.dark .hop-add-addition-btn{color:var(--brew-accent-400)}.dark .hop-add-addition-btn:hover{background:var(--brew-accent-800)}@supports (color:color-mix(in lab, red, red)){.dark .hop-add-addition-btn:hover{background:color-mix(in oklch,var(--brew-accent-800)30%,transparent)}}.hop-total-value{font-family:var(--font-handwritten);color:var(--fg-strong);font-size:20px}.hop-total-unit{opacity:.5;font-size:12px;font-weight:500}@keyframes hop-radar-enter{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes hop-radar-breathe{0%,to{opacity:1}50%{opacity:.8}}@keyframes hop-radar-web-in{0%{opacity:0;stroke-dashoffset:1200px}to{opacity:1;stroke-dashoffset:0}}@keyframes hop-radar-axis-in{0%{opacity:0}to{opacity:.3}}.hop-radar-ring{stroke-dasharray:1200;animation:.8s ease-out both hop-radar-web-in}.hop-radar-axis{animation:.5s ease-out both hop-radar-axis-in}.hop-radar-series{transform-origin:50%;animation:.6s cubic-bezier(.34,1.56,.64,1) both hop-radar-enter}.hop-radar-polygon{animation:4s ease-in-out 1s infinite hop-radar-breathe}.hop-flavor-panel{background:var(--brew-accent-900);border-radius:12px;margin-top:24px;padding:8px 12px 12px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.hop-flavor-panel{background:color-mix(in oklch,var(--brew-accent-900)15%,color-mix(in oklch,var(--brew-card-inset)35%,transparent))}}.hop-flavor-panel{border:1px solid var(--brew-accent-700)}@supports (color:color-mix(in lab, red, red)){.hop-flavor-panel{border:1px solid color-mix(in oklch,var(--brew-accent-700)15%,rgb(var(--brew-border-subtle)))}}.hop-flavor-panel{box-shadow:inset 0 1px #ffffff0a}.dark .hop-flavor-panel{background:var(--brew-accent-950)}@supports (color:color-mix(in lab, red, red)){.dark .hop-flavor-panel{background:color-mix(in oklch,var(--brew-accent-950)50%,transparent)}}.dark .hop-flavor-panel{border-color:var(--brew-accent-700)}@supports (color:color-mix(in lab, red, red)){.dark .hop-flavor-panel{border-color:color-mix(in oklch,var(--brew-accent-700)25%,transparent)}}.bjcp-hop-note{color:var(--brew-accent-700);background:var(--brew-accent-200);border-radius:8px;margin:0 4px 4px;padding:8px 12px;font-size:12px;line-height:1.5}@supports (color:color-mix(in lab, red, red)){.bjcp-hop-note{background:color-mix(in oklch,var(--brew-accent-200)15%,color-mix(in oklch,var(--brew-card)40%,transparent))}}.bjcp-hop-note{border:1px solid var(--brew-accent-300)}@supports (color:color-mix(in lab, red, red)){.bjcp-hop-note{border:1px solid color-mix(in oklch,var(--brew-accent-300)20%,rgb(var(--brew-border-subtle)))}}.bjcp-hop-note-label{color:var(--brew-accent-800);font-weight:600}.dark .bjcp-hop-note{color:var(--brew-accent-300);background:var(--brew-accent-900)}@supports (color:color-mix(in lab, red, red)){.dark .bjcp-hop-note{background:color-mix(in oklch,var(--brew-accent-900)25%,transparent)}}.dark .bjcp-hop-note{border-color:var(--brew-accent-700)}@supports (color:color-mix(in lab, red, red)){.dark .bjcp-hop-note{border-color:color-mix(in oklch,var(--brew-accent-700)20%,transparent)}}.dark .bjcp-hop-note-label{color:var(--brew-accent-200)}.hop-radar-legend-wrap{background:var(--brew-card);border-radius:10px;padding:10px 12px}@supports (color:color-mix(in lab, red, red)){.hop-radar-legend-wrap{background:color-mix(in oklch,var(--brew-card)45%,transparent)}}.hop-radar-legend-wrap{border:1px solid var(--brew-accent-300)}@supports (color:color-mix(in lab, red, red)){.hop-radar-legend-wrap{border:1px solid color-mix(in oklch,var(--brew-accent-300)20%,rgb(var(--brew-border-subtle)))}}.hop-radar-legend-wrap{box-shadow:inset 0 1px #ffffff26,0 1px 2px #0000000a}.dark .hop-radar-legend-wrap{background:var(--brew-accent-950)}@supports (color:color-mix(in lab, red, red)){.dark .hop-radar-legend-wrap{background:color-mix(in oklch,var(--brew-accent-950)40%,transparent)}}.dark .hop-radar-legend-wrap{border-color:var(--brew-accent-700)}@supports (color:color-mix(in lab, red, red)){.dark .hop-radar-legend-wrap{border-color:color-mix(in oklch,var(--brew-accent-700)30%,transparent)}}.dark .hop-radar-legend-wrap{box-shadow:inset 0 1px #ffffff0d,0 1px 2px #0000001f}.hop-radar-legend-item{cursor:pointer;-webkit-user-select:none;user-select:none;letter-spacing:.02em;color:var(--fg-muted);align-items:center;gap:8px;padding:4px 2px;font-size:12px;font-weight:600;transition:opacity .2s,color .15s;display:flex}.hop-radar-legend-item:hover{color:var(--fg-strong)}.hop-radar-legend-swatch{border-radius:2px;flex-shrink:0;width:8px;height:8px}.brew-segmented-toggle{letter-spacing:.02em;background:var(--brew-accent-100);border-radius:10px;grid-template-columns:1fr 1fr;align-items:center;font-size:11px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.brew-segmented-toggle{background:color-mix(in oklch,var(--brew-accent-100)30%,var(--brew-card-inset))}}.brew-segmented-toggle{border:1px solid var(--brew-accent-300)}@supports (color:color-mix(in lab, red, red)){.brew-segmented-toggle{border:1px solid color-mix(in oklch,var(--brew-accent-300)25%,transparent)}}.brew-segmented-toggle{box-shadow:inset 0 2px 4px var(--brew-accent-900)}@supports (color:color-mix(in lab, red, red)){.brew-segmented-toggle{box-shadow:inset 0 2px 4px color-mix(in oklch,var(--brew-accent-900)8%,transparent)}}.brew-segmented-toggle{--_pad:3px;--_gap:2px;--_radius:7px;padding:var(--_pad);gap:var(--_gap)}.brew-segmented-toggle:before{content:"";top:var(--_pad);bottom:var(--_pad);left:var(--_pad);right:calc(50% + var(--_gap)/2);border-radius:var(--_radius);background:linear-gradient(to bottom,var(--brew-accent-400),var(--brew-accent-500));border:1px solid var(--brew-accent-600);position:absolute}@supports (color:color-mix(in lab, red, red)){.brew-segmented-toggle:before{border:1px solid color-mix(in oklch,var(--brew-accent-600)80%,var(--brew-accent-500))}}.brew-segmented-toggle:before{box-shadow:inset 0 1px 0 #fff3,0 2px 0 0 var(--brew-accent-700),0 2px 6px #0000001a}@supports (color:color-mix(in lab, red, red)){.brew-segmented-toggle:before{box-shadow:inset 0 1px 0 #fff3,0 2px 0 0 color-mix(in oklch,var(--brew-accent-700)60%,black),0 2px 6px #0000001a}}.brew-segmented-toggle:before{z-index:1;transition:left .392s cubic-bezier(.22,1.7,.36,1),right .342s cubic-bezier(.16,2.2,.36,1) 37ms}.brew-segmented-toggle:has(button:first-child.is-active):has(button:last-child:hover):before{left:calc(var(--_pad) + 1.5px);right:calc(50% + var(--_gap)/2 - 3px)}.brew-segmented-toggle:has(button:last-child.is-active):has(button:first-child:hover):before{left:calc(50% + var(--_gap)/2 - 3px);right:calc(var(--_pad) + 1.5px)}.brew-segmented-toggle:has(button:last-child.is-active):before{left:calc(50% + var(--_gap)/2);right:var(--_pad);transition:left .342s cubic-bezier(.16,2.2,.36,1) 37ms,right .392s cubic-bezier(.22,1.7,.36,1);animation:.412s cubic-bezier(.22,1,.36,1) pill-vert-a}.brew-segmented-toggle:has(button:first-child.is-active):before{animation:.412s cubic-bezier(.22,1,.36,1) pill-vert-b}@keyframes pill-vert-a{0%{scale:1}20%{scale:1 .88}55%{scale:1 1.06}75%{scale:1 .97}to{scale:1}}@keyframes pill-vert-b{0%{scale:1}20%{scale:1 .88}55%{scale:1 1.06}75%{scale:1 .97}to{scale:1}}.brew-segmented-toggle:after{content:"";top:0;bottom:0;left:0;right:calc(50% - var(--_gap)/2);border-radius:calc(var(--_radius) + var(--_pad));background:var(--brew-accent-100);position:absolute}@supports (color:color-mix(in lab, red, red)){.brew-segmented-toggle:after{background:color-mix(in oklch,var(--brew-accent-100)30%,var(--brew-card-inset))}}.brew-segmented-toggle:after{z-index:0;transition:left .392s cubic-bezier(.22,1.7,.36,1),right .392s cubic-bezier(.22,1.7,.36,1)}.brew-segmented-toggle:has(button:last-child.is-active):after{left:calc(50% - var(--_gap)/2);right:0}.brew-segmented-toggle button{z-index:2;text-align:center;color:var(--brew-accent-700);border-radius:var(--_radius);cursor:pointer;background:0 0;border:none;padding:5px 14px;font-weight:500;transition:color .15s,transform .1s;position:relative}.brew-segmented-toggle button:hover:not(.is-active){color:var(--brew-accent-800)}.brew-segmented-toggle button.is-active{color:#fff;font-weight:600}.brew-segmented-toggle button.is-active:active{transform:translateY(1px)}.dark .brew-segmented-toggle{background:var(--brew-accent-950)}@supports (color:color-mix(in lab, red, red)){.dark .brew-segmented-toggle{background:color-mix(in oklch,var(--brew-accent-950)60%,transparent)}}.dark .brew-segmented-toggle{border-color:var(--brew-accent-800)}@supports (color:color-mix(in lab, red, red)){.dark .brew-segmented-toggle{border-color:color-mix(in oklch,var(--brew-accent-800)30%,transparent)}}.dark .brew-segmented-toggle{box-shadow:inset 0 2px 4px #00000040}.dark .brew-segmented-toggle button{color:var(--brew-accent-400)}.dark .brew-segmented-toggle button:hover:not(.is-active){color:var(--brew-accent-300)}.dark .brew-segmented-toggle button.is-active{color:#fff}.brew-segmented-toggle.brew-segmented-toggle--lg{--_pad:2px;--_radius:10px;border-radius:12px;font-size:14px;font-weight:500}.brew-segmented-toggle--lg button{padding:6px 15px}.recipe-name-label{text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted);margin-bottom:2px;font-size:11px;font-weight:600;display:block}.recipe-name-wrapper{max-width:100%;padding-bottom:6px;display:inline-block;position:relative}.recipe-name-wrapper:before,.recipe-name-wrapper:after{content:"";background:var(--fg-strong);pointer-events:none;transform-origin:0;border-radius:2px;height:2.5px;position:absolute;left:2%;right:2%;transform:scaleX(0)rotate(.8deg)}.recipe-name-wrapper:before{bottom:1px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 75%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 75%,#0000)}.recipe-name-wrapper:after{opacity:.5;height:2px;bottom:-2px;left:8%;right:6%;transform:scaleX(0)rotate(-.5deg);-webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 65%,#0000);mask-image:linear-gradient(90deg,#0000,#000 20% 65%,#0000)}.recipe-name-wrapper.is-drawn:before{animation:80ms ease-out forwards title-stroke-1}.recipe-name-wrapper.is-drawn:after{animation:60ms ease-out 80ms forwards title-stroke-2}.recipe-name-input{font-family:var(--font-handwritten);color:var(--fg-strong);border:none;outline:none;min-width:3ch;max-width:100%;padding:0;font-size:clamp(2rem,4vw,3.5rem);line-height:1.3;background:0 0!important}.recipe-name-input::placeholder{color:var(--fg-muted);opacity:.5}.recipe-name-input:-webkit-autofill{-webkit-text-fill-color:var(--fg-strong);transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #0000}.recipe-name-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--fg-strong);transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #0000}.recipe-name-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--fg-strong);transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #0000}.sidebar-nav-button-wrapper{z-index:10;opacity:.55;width:16vw;transition:opacity .2s;position:relative}.sidebar-nav-button-wrapper:hover{opacity:.85}.sidebar-nav-button{align-items:center;width:100%;display:flex;overflow:visible;gap:0!important;padding:0!important}.sidebar-nav-back{all:unset;box-sizing:border-box;cursor:pointer;color:var(--fg-strong);flex:1;align-items:center;gap:6px;padding:10px 12px;font-size:12px;font-weight:600;transition:background .15s;display:flex}.sidebar-nav-back:hover{background:var(--fg-strong)}@supports (color:color-mix(in lab, red, red)){.sidebar-nav-back:hover{background:color-mix(in oklch,var(--fg-strong)6%,transparent)}}.sidebar-nav-arrow{font-size:14px;line-height:1}.sidebar-nav-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-nav-divider{background:rgb(var(--brew-border));flex-shrink:0;align-self:stretch;width:1px}.sidebar-nav-status{all:unset;box-sizing:border-box;cursor:pointer;justify-content:center;align-self:stretch;align-items:center;width:20%;min-width:36px;padding:0 8px;transition:background .15s;display:flex}.sidebar-nav-status:hover{background:var(--fg-strong)}@supports (color:color-mix(in lab, red, red)){.sidebar-nav-status:hover{background:color-mix(in oklch,var(--fg-strong)6%,transparent)}}.sidebar-nav-dot{border-radius:50%;width:8px;height:8px;transition:background-color .3s,box-shadow .3s}.sidebar-nav-dot.is-public{background-color:#22c55e;box-shadow:0 0 6px 2px #22c55e73}.sidebar-nav-dot.is-private{background-color:#ef4444;box-shadow:0 0 6px 2px #ef444459}.sidebar-nav-dropdown{background:var(--brew-card);border:1px solid rgb(var(--brew-border));z-index:50;pointer-events:auto;border-radius:12px;flex-direction:column;gap:10px;width:max-content;min-width:220px;padding:12px;animation:.15s ease-out sidebar-dropdown-in;display:flex;box-shadow:0 8px 24px #00000026}@keyframes sidebar-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sidebar-nav-dropdown-status{color:var(--fg-strong);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.sidebar-nav-dropdown-link{align-items:center;gap:6px;display:flex}.sidebar-nav-dropdown-link input{flex:1;min-width:0}.sidebar-nav-copy-btn{all:unset;box-sizing:border-box;cursor:pointer;color:var(--brew-accent-600);border:1px solid rgb(var(--brew-border));background:var(--brew-card);border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s}.sidebar-nav-copy-btn:hover{background:var(--brew-accent-600)}@supports (color:color-mix(in lab, red, red)){.sidebar-nav-copy-btn:hover{background:color-mix(in oklch,var(--brew-accent-600)8%,var(--brew-card))}}.sidebar-nav-toggle-btn{all:unset;box-sizing:border-box;text-align:center;cursor:pointer;color:var(--fg-strong);border:1px solid rgb(var(--brew-border));background:var(--brew-card);border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .15s}.sidebar-nav-toggle-btn:hover{background:var(--fg-strong)}@supports (color:color-mix(in lab, red, red)){.sidebar-nav-toggle-btn:hover{background:color-mix(in oklch,var(--fg-strong)6%,var(--brew-card))}}.sidebar-nav-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.sticky-bar-btn{border:1px solid rgb(var(--brew-border));background:var(--brew-card);color:var(--fg-strong);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.sticky-bar-btn:hover{background:var(--fg-strong)}@supports (color:color-mix(in lab, red, red)){.sticky-bar-btn:hover{background:color-mix(in oklch,var(--fg-strong)6%,var(--brew-card))}}.sticky-bar-btn-arrow{font-size:16px;line-height:1}.learn-prose h2{scroll-margin-top:5rem}.learn-prose p{line-height:1.75}.learn-prose strong{color:var(--fg-strong);font-weight:700}.learn-prose em{font-style:italic}.learn-prose a{color:var(--coral-500);font-weight:500;text-decoration:none;transition:color .15s}.learn-prose a:hover{color:var(--coral-600);text-decoration:underline}.learn-prose ul,.learn-prose ol{padding-left:1.25rem}.learn-prose li{line-height:1.75}.learn-prose li+li{margin-top:.25rem}.learn-prose code{background:var(--fg-strong);border-radius:.375rem;padding:.125rem .375rem;font-size:.875em}@supports (color:color-mix(in lab, red, red)){.learn-prose code{background:color-mix(in oklch,var(--fg-strong)6%,transparent)}}.learn-prose code{color:var(--fg-strong)}.learn-prose table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.875rem}.learn-prose th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted);border-bottom:2px solid var(--fg-strong);padding:.5rem .75rem;font-size:.75rem;font-weight:700}@supports (color:color-mix(in lab, red, red)){.learn-prose th{border-bottom:2px solid color-mix(in oklch,var(--fg-strong)12%,transparent)}}.learn-prose td{border-bottom:1px solid var(--fg-strong);padding:.5rem .75rem}@supports (color:color-mix(in lab, red, red)){.learn-prose td{border-bottom:1px solid color-mix(in oklch,var(--fg-strong)6%,transparent)}}.learn-prose td{color:var(--fg-strong)}.learn-prose tr:hover td{background:var(--fg-strong)}@supports (color:color-mix(in lab, red, red)){.learn-prose tr:hover td{background:color-mix(in oklch,var(--fg-strong)3%,transparent)}}.grain{position:relative}.grain:after{content:"";background-image:var(--grain-overlay);opacity:var(--grain-opacity,1);mix-blend-mode:overlay;pointer-events:none;border-radius:inherit;z-index:1;background-repeat:repeat;background-size:256px 256px;position:absolute;inset:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}