@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,::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-divide-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-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@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-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-500:#f99c00;--color-amber-600:#dd7400;--color-amber-700:#b75000;--color-amber-800:#953d00;--color-amber-900:#7b3306;--color-amber-950:#461901;--color-yellow-400:#fac800;--color-yellow-500:#edb200;--color-yellow-600:#cd8900;--color-yellow-700:#a36100;--color-yellow-800:#874b00;--color-green-50:#f0fdf4;--color-green-200:#b9f8cf;--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-emerald-50:#ecfdf5;--color-emerald-100:#d0fae5;--color-emerald-500:#00bb7f;--color-emerald-600:#009767;--color-emerald-700:#007956;--color-emerald-900:#004e3b;--color-emerald-950:#002c22;--color-cyan-500:#00b7d7;--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-blue-950:#162456;--color-purple-50:#faf5ff;--color-purple-100:#f3e8ff;--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-slate-300:#cad5e2;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5dc;--color-gray-400:#99a1af;--color-gray-500:#6a7282;--color-gray-600:#4a5565;--color-gray-700:#364153;--color-gray-800:#1e2939;--color-gray-900:#101828;--color-neutral-500:#737373;--color-neutral-600:#525252;--color-neutral-900:#171717;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--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);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--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-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--drop-shadow-sm:0 1px 2px #00000026;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--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:"Shadows Into Light",cursive;--font-handwritten-alt:"Rock Salt",cursive;--font-display:"Bitter",serif}@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-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-500:lab(72.7183% 31.8672 97.9407);--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-amber-950:lab(15.8111% 20.9107 23.3752);--color-yellow-400:lab(83.2664% 8.65132 106.895);--color-yellow-500:lab(76.3898% 14.5258 98.4589);--color-yellow-600:lab(62.7799% 22.4197 86.1544);--color-yellow-700:lab(47.8202% 25.2426 66.5015);--color-yellow-800:lab(38.7484% 23.5833 51.4916);--color-green-50:lab(98.1563% -5.60117 2.75915);--color-green-200:lab(92.4222% -26.4702 12.9427);--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-emerald-50:lab(97.8462% -6.94966 1.85487);--color-emerald-100:lab(94.9004% -17.0769 5.63836);--color-emerald-500:lab(66.9756% -58.27 19.5419);--color-emerald-600:lab(55.0481% -49.9246 15.93);--color-emerald-700:lab(44.4871% -41.0396 11.0361);--color-emerald-900:lab(28.8637% -26.9249 5.45986);--color-emerald-950:lab(15.0582% -17.9507 2.38369);--color-cyan-500:lab(67.805% -35.3952 -30.2018);--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-blue-950:lab(15.6723% 8.86232 -32.2945);--color-purple-50:lab(97.1627% 2.99937 -4.13398);--color-purple-100:lab(93.3333% 6.97437 -9.83434);--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-slate-300:lab(84.7652% -1.94535 -7.93337);--color-gray-50:lab(98.2596% -.247031 -.706708);--color-gray-100:lab(96.1596% -.0823438 -1.13575);--color-gray-200:lab(91.6229% -.159115 -2.26791);--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);--color-gray-600:lab(35.6337% -1.58697 -10.8425);--color-gray-700:lab(27.1134% -.956401 -12.3224);--color-gray-800:lab(16.1051% -1.18239 -11.7533);--color-gray-900:lab(8.11897% .811279 -12.254);--color-neutral-500:lab(48.496% 0 0);--color-neutral-600:lab(34.924% 0 0);--color-neutral-900:lab(7.78201% -.0000149012 0)}}}@layer base{*,:after,:before,::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{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.full-bleed{width:100vw;margin-left:-50vw;position:relative;left:50%}.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)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.-top-1\.5{top:calc(var(--spacing)*-1.5)}.top-0{top:calc(var(--spacing)*0)}.top-0\.5{top:calc(var(--spacing)*.5)}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing)*3)}.top-6{top:calc(var(--spacing)*6)}.top-20{top:calc(var(--spacing)*20)}.top-full{top:100%}.-right-1\.5{right:calc(var(--spacing)*-1.5)}.right-0{right:calc(var(--spacing)*0)}.right-2\.5{right:calc(var(--spacing)*2.5)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.right-6{right:calc(var(--spacing)*6)}.right-8{right:calc(var(--spacing)*8)}.right-\[max\(0px\,calc\(50\%-38rem\)\)\]{right:max(0px,50% - 38rem)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-4{bottom:calc(var(--spacing)*4)}.bottom-6{bottom:calc(var(--spacing)*6)}.bottom-20{bottom:calc(var(--spacing)*20)}.-left-8{left:calc(var(--spacing)*-8)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing)*3)}.left-4{left:calc(var(--spacing)*4)}.left-6{left:calc(var(--spacing)*6)}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[70\]{z-index:70}.z-\[9999\]{z-index:9999}.col-span-2{grid-column:span 2/span 2}.col-span-full{grid-column:1/-1}.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}}.-m-4{margin:calc(var(--spacing)*-4)}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.-mx-5{margin-inline:calc(var(--spacing)*-5)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-6{margin-inline:calc(var(--spacing)*6)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing)*1)}.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-6{margin-top:calc(var(--spacing)*-6)}.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-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-\[3px\]{margin-top:3px}.mr-1{margin-right:calc(var(--spacing)*1)}.\!mb-0{margin-bottom:calc(var(--spacing)*0)!important}.mb-0\.5{margin-bottom:calc(var(--spacing)*.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-2\.5{margin-bottom:calc(var(--spacing)*2.5)}.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)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.-ml-2{margin-left:calc(var(--spacing)*-2)}.ml-0\.5{margin-left:calc(var(--spacing)*.5)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-1\.5{margin-left:calc(var(--spacing)*1.5)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-6{margin-left:calc(var(--spacing)*6)}.ml-8{margin-left:calc(var(--spacing)*8)}.ml-auto{margin-left:auto}.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-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-20{height:calc(var(--spacing)*20)}.h-32{height:calc(var(--spacing)*32)}.h-\[9px\]{height:9px}.h-\[35vh\]{height:35vh}.h-\[130vh\]{height:130vh}.h-\[320px\]{height:320px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-0{max-height:calc(var(--spacing)*0)}.max-h-48{max-height:calc(var(--spacing)*48)}.max-h-96{max-height:calc(var(--spacing)*96)}.max-h-\[50vh\]{max-height:50vh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[92vh\]{max-height:92vh}.max-h-\[420px\]{max-height:420px}.max-h-\[calc\(92vh-80px\)\]{max-height:calc(92vh - 80px)}.max-h-\[calc\(100vh-6rem\)\]{max-height:calc(100vh - 6rem)}.min-h-\[50vh\]{min-height:50vh}.min-h-dvh{min-height:100dvh}.w-1{width:calc(var(--spacing)*1)}.w-1\/2{width:50%}.w-2{width:calc(var(--spacing)*2)}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-40{width:calc(var(--spacing)*40)}.w-44{width:calc(var(--spacing)*44)}.w-48{width:calc(var(--spacing)*48)}.w-56{width:calc(var(--spacing)*56)}.w-64{width:calc(var(--spacing)*64)}.w-\[9px\]{width:9px}.w-\[44rem\]{width:44rem}.w-\[95vw\]{width:95vw}.w-\[96\%\]{width:96%}.w-\[280px\]{width:280px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[20vw\]{max-width:20vw}.max-w-\[28rem\]{max-width:28rem}.max-w-\[100px\]{max-width:100px}.max-w-\[120px\]{max-width:120px}.max-w-\[140px\]{max-width:140px}.max-w-\[160px\]{max-width:160px}.max-w-\[180px\]{max-width:180px}.max-w-\[200px\]{max-width:200px}.max-w-\[280px\]{max-width:280px}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[2\.5rem\]{min-width:2.5rem}.min-w-\[3\.5rem\]{min-width:3.5rem}.min-w-\[4\.5rem\]{min-width:4.5rem}.min-w-\[5\.5rem\]{min-width:5.5rem}.min-w-\[5rem\]{min-width:5rem}.min-w-\[8rem\]{min-width:8rem}.min-w-\[40px\]{min-width:40px}.min-w-max{min-width:max-content}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.origin-bottom{transform-origin:bottom}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-\[45\%\]{--tw-translate-y:calc(45%*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-1{--tw-translate-y:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-180{rotate:180deg}.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-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.list-disc{list-style-type:disc}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.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}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0{gap:calc(var(--spacing)*0)}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}.gap-12{gap:calc(var(--spacing)*12)}.gap-\[3px\]{gap:3px}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*.5)*calc(1 - var(--tw-space-y-reverse)))}: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-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*5)*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)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-1{column-gap:calc(var(--spacing)*1)}.gap-x-6{column-gap:calc(var(--spacing)*6)}.gap-y-1{row-gap:calc(var(--spacing)*1)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-\[rgb\(var\(--border\)\)\]>:not(:last-child)){border-color:rgb(var(--border))}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.\!rounded-xl{border-radius:var(--radius-xl)!important}.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-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-b-lg{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.rounded-b-xl{border-bottom-right-radius:var(--radius-xl);border-bottom-left-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-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.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-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.\!border-\[var\(--brew-warning\)\]{border-color:var(--brew-warning)!important}.border-\[color-mix\(in_oklch\,var\(--brew-accent-200\)_25\%\,transparent\)\]{border-color:var(--brew-accent-200)}@supports (color:color-mix(in lab, red, red)){.border-\[color-mix\(in_oklch\,var\(--brew-accent-200\)_25\%\,transparent\)\]{border-color:color-mix(in oklch,var(--brew-accent-200)25%,transparent)}}.border-\[color-mix\(in_oklch\,var\(--fg-strong\)_10\%\,transparent\)\]{border-color:var(--fg-strong)}@supports (color:color-mix(in lab, red, red)){.border-\[color-mix\(in_oklch\,var\(--fg-strong\)_10\%\,transparent\)\]{border-color:color-mix(in oklch,var(--fg-strong)10%,transparent)}}.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-\[rgb\(var\(--brew-border\)\)\]\/30{border-color:rgb(var(--brew-border))}@supports (color:color-mix(in lab, red, red)){.border-\[rgb\(var\(--brew-border\)\)\]\/30{border-color:color-mix(in oklab,rgb(var(--brew-border))30%,transparent)}}.border-\[rgb\(var\(--brew-border\)\)\]\/50{border-color:rgb(var(--brew-border))}@supports (color:color-mix(in lab, red, red)){.border-\[rgb\(var\(--brew-border\)\)\]\/50{border-color:color-mix(in oklab,rgb(var(--brew-border))50%,transparent)}}.border-\[rgb\(var\(--brew-border-subtle\)\)\]{border-color:rgb(var(--brew-border-subtle))}.border-\[var\(--accent\)\]\/20{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--accent\)\]\/20{border-color:color-mix(in oklab,var(--accent)20%,transparent)}}.border-\[var\(--brew-accent-100\)\]{border-color:var(--brew-accent-100)}.border-\[var\(--brew-accent-200\)\]{border-color:var(--brew-accent-200)}.border-\[var\(--brew-accent-300\)\]{border-color:var(--brew-accent-300)}.border-\[var\(--brew-accent-400\)\],.border-\[var\(--brew-accent-400\)\]\/30{border-color:var(--brew-accent-400)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--brew-accent-400\)\]\/30{border-color:color-mix(in oklab,var(--brew-accent-400)30%,transparent)}}.border-\[var\(--brew-accent-600\)\]{border-color:var(--brew-accent-600)}.border-\[var\(--brew-danger-600\)\]{border-color:var(--brew-danger-600)}.border-\[var\(--brew-warning\)\]{border-color:var(--brew-warning)}.border-\[var\(--coral-600\)\]{border-color:var(--coral-600)}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-300{border-color:var(--color-amber-300)}.border-amber-500{border-color:var(--color-amber-500)}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-500{border-color:var(--color-blue-500)}.border-cyan-500{border-color:var(--color-cyan-500)}.border-green-200{border-color:var(--color-green-200)}.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-500{border-color:var(--color-red-500)}.border-transparent{border-color:#0000}.border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.border-white\/5{border-color:color-mix(in oklab,var(--color-white)5%,transparent)}.border-white\/10{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.border-t-\[var\(--brew-accent-700\)\]{border-top-color:var(--brew-accent-700)}.border-t-amber-400\/70{border-top-color:#fcbb00b3}@supports (color:color-mix(in lab, red, red)){.border-t-amber-400\/70{border-top-color:color-mix(in oklab,var(--color-amber-400)70%,transparent)}}.border-t-blue-500\/60{border-top-color:#3080ff99}@supports (color:color-mix(in lab, red, red)){.border-t-blue-500\/60{border-top-color:color-mix(in oklab,var(--color-blue-500)60%,transparent)}}.border-t-emerald-500\/60{border-top-color:#00bb7f99}@supports (color:color-mix(in lab, red, red)){.border-t-emerald-500\/60{border-top-color:color-mix(in oklab,var(--color-emerald-500)60%,transparent)}}.border-t-slate-300\/70{border-top-color:#cad5e2b3}@supports (color:color-mix(in lab, red, red)){.border-t-slate-300\/70{border-top-color:color-mix(in oklab,var(--color-slate-300)70%,transparent)}}.border-t-transparent{border-top-color:#0000}.\!bg-\[var\(--brew-accent-200\)\]{background-color:var(--brew-accent-200)!important}.bg-\[color-mix\(in_oklch\,var\(--accent\)_8\%\,transparent\)\]{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--accent\)_8\%\,transparent\)\]{background-color:color-mix(in oklch,var(--accent)8%,transparent)}}.bg-\[color-mix\(in_oklch\,var\(--accent\)_12\%\,transparent\)\]{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--accent\)_12\%\,transparent\)\]{background-color:color-mix(in oklch,var(--accent)12%,transparent)}}.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\(--brew-info\)_10\%\,transparent\)\]{background-color:var(--brew-info)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--brew-info\)_10\%\,transparent\)\]{background-color:color-mix(in oklch,var(--brew-info)10%,transparent)}}.bg-\[color-mix\(in_oklch\,var\(--coral-500\)_12\%\,transparent\)\]{background-color:var(--coral-500)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--coral-500\)_12\%\,transparent\)\]{background-color:color-mix(in oklch,var(--coral-500)12%,transparent)}}.bg-\[color-mix\(in_oklch\,var\(--coral-600\)_12\%\,transparent\)\]{background-color:var(--coral-600)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--coral-600\)_12\%\,transparent\)\]{background-color:color-mix(in oklch,var(--coral-600)12%,transparent)}}.bg-\[color-mix\(in_oklch\,var\(--coral-600\)_15\%\,transparent\)\]{background-color:var(--coral-600)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--coral-600\)_15\%\,transparent\)\]{background-color:color-mix(in oklch,var(--coral-600)15%,transparent)}}.bg-\[color-mix\(in_oklch\,var\(--fg-strong\)_4\%\,transparent\)\]{background-color:var(--fg-strong)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--fg-strong\)_4\%\,transparent\)\]{background-color:color-mix(in oklch,var(--fg-strong)4%,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-\[color-mix\(in_oklch\,var\(--fg-strong\)_8\%\,transparent\)\]{background-color:var(--fg-strong)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--fg-strong\)_8\%\,transparent\)\]{background-color:color-mix(in oklch,var(--fg-strong)8%,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\(--accent\)\]{background-color:var(--accent)}.bg-\[var\(--bg\)\]{background-color:var(--bg)}.bg-\[var\(--brew-accent-100\)\]{background-color:var(--brew-accent-100)}.bg-\[var\(--brew-accent-200\)\]{background-color:var(--brew-accent-200)}.bg-\[var\(--brew-accent-400\)\]\/5{background-color:var(--brew-accent-400)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--brew-accent-400\)\]\/5{background-color:color-mix(in oklab,var(--brew-accent-400)5%,transparent)}}.bg-\[var\(--brew-accent-500\)\]{background-color:var(--brew-accent-500)}.bg-\[var\(--brew-accent-600\)\]{background-color:var(--brew-accent-600)}.bg-\[var\(--brew-card\)\],.bg-\[var\(--brew-card\)\]\/25{background-color:var(--brew-card)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--brew-card\)\]\/25{background-color:color-mix(in oklab,var(--brew-card)25%,transparent)}}.bg-\[var\(--brew-card\)\]\/40{background-color:var(--brew-card)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--brew-card\)\]\/40{background-color:color-mix(in oklab,var(--brew-card)40%,transparent)}}.bg-\[var\(--brew-card-inset\)\]{background-color:var(--brew-card-inset)}.bg-\[var\(--brew-surface\)\]{background-color:var(--brew-surface)}.bg-\[var\(--card\)\]{background-color:var(--card)}.bg-\[var\(--coral-600\)\]{background-color:var(--coral-600)}.bg-\[var\(--surface\)\],.bg-\[var\(--surface\)\]\/80{background-color:var(--surface)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--surface\)\]\/80{background-color:color-mix(in oklab,var(--surface)80%,transparent)}}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-50\/40{background-color:#fffbeb66}@supports (color:color-mix(in lab, red, red)){.bg-amber-50\/40{background-color:color-mix(in oklab,var(--color-amber-50)40%,transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.bg-black\/30{background-color:color-mix(in oklab,var(--color-black)30%,transparent)}.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-50\/30{background-color:#eff6ff4d}@supports (color:color-mix(in lab, red, red)){.bg-blue-50\/30{background-color:color-mix(in oklab,var(--color-blue-50)30%,transparent)}}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-50\/30{background-color:#ecfdf54d}@supports (color:color-mix(in lab, red, red)){.bg-emerald-50\/30{background-color:color-mix(in oklab,var(--color-emerald-50)30%,transparent)}}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-emerald-600\/60{background-color:#00976799}@supports (color:color-mix(in lab, red, red)){.bg-emerald-600\/60{background-color:color-mix(in oklab,var(--color-emerald-600)60%,transparent)}}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-500{background-color:var(--color-green-500)}.bg-neutral-900\/90{background-color:#171717e6}@supports (color:color-mix(in lab, red, red)){.bg-neutral-900\/90{background-color:color-mix(in oklab,var(--color-neutral-900)90%,transparent)}}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-100{background-color:var(--color-purple-100)}.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-400\/30{background-color:#ff65684d}@supports (color:color-mix(in lab, red, red)){.bg-red-400\/30{background-color:color-mix(in oklab,var(--color-red-400)30%,transparent)}}.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\/40{background-color:#fb2c3666}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/40{background-color:color-mix(in oklab,var(--color-red-500)40%,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)}.bg-red-600\/50{background-color:#e4001480}@supports (color:color-mix(in lab, red, red)){.bg-red-600\/50{background-color:color-mix(in oklab,var(--color-red-600)50%,transparent)}}.bg-red-700\/60{background-color:#bf000f99}@supports (color:color-mix(in lab, red, red)){.bg-red-700\/60{background-color:color-mix(in oklab,var(--color-red-700)60%,transparent)}}.bg-red-700\/70{background-color:#bf000fb3}@supports (color:color-mix(in lab, red, red)){.bg-red-700\/70{background-color:color-mix(in oklab,var(--color-red-700)70%,transparent)}}.bg-red-800\/80{background-color:#9f0712cc}@supports (color:color-mix(in lab, red, red)){.bg-red-800\/80{background-color:color-mix(in oklab,var(--color-red-800)80%,transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}.bg-white\/40{background-color:color-mix(in oklab,var(--color-white)40%,transparent)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.bg-yellow-400\/30{background-color:#fac8004d}@supports (color:color-mix(in lab, red, red)){.bg-yellow-400\/30{background-color:color-mix(in oklab,var(--color-yellow-400)30%,transparent)}}.bg-yellow-500\/40{background-color:#edb20066}@supports (color:color-mix(in lab, red, red)){.bg-yellow-500\/40{background-color:color-mix(in oklab,var(--color-yellow-500)40%,transparent)}}.bg-yellow-600\/50{background-color:#cd890080}@supports (color:color-mix(in lab, red, red)){.bg-yellow-600\/50{background-color:color-mix(in oklab,var(--color-yellow-600)50%,transparent)}}.bg-yellow-700\/60{background-color:#a3610099}@supports (color:color-mix(in lab, red, red)){.bg-yellow-700\/60{background-color:color-mix(in oklab,var(--color-yellow-700)60%,transparent)}}.bg-yellow-700\/70{background-color:#a36100b3}@supports (color:color-mix(in lab, red, red)){.bg-yellow-700\/70{background-color:color-mix(in oklab,var(--color-yellow-700)70%,transparent)}}.bg-yellow-800\/80{background-color:#874b00cc}@supports (color:color-mix(in lab, red, red)){.bg-yellow-800\/80{background-color:color-mix(in oklab,var(--color-yellow-800)80%,transparent)}}.bg-\[url\(\'data\:image\/svg\+xml\;charset\=utf-8\,\%3Csvg\%20xmlns\%3D\%22http\%3A\%2F\%2Fwww\.w3\.org\%2F2000\%2Fsvg\%22\%20fill\%3D\%22none\%22\%20viewBox\%3D\%220\%200\%2020\%2020\%22\%3E\%3Cpath\%20stroke\%3D\%22\%236b7280\%22\%20stroke-linecap\%3D\%22round\%22\%20stroke-linejoin\%3D\%22round\%22\%20stroke-width\%3D\%221\.5\%22\%20d\%3D\%22m6\%208\%204\%204\%204-4\%22\%2F\%3E\%3C\%2Fsvg\%3E\'\)\]{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20stroke%3D%22%236b7280%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m6%208%204%204%204-4%22%2F%3E%3C%2Fsvg%3E)}.bg-\[length\:1\.25rem_1\.25rem\]{background-size:1.25rem 1.25rem}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.bg-\[right_0\.5rem_center\]{background-position:right .5rem center}.bg-no-repeat{background-repeat:no-repeat}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.\!p-2{padding:calc(var(--spacing)*2)!important}.\!p-2\.5{padding:calc(var(--spacing)*2.5)!important}.\!p-3{padding:calc(var(--spacing)*3)!important}.\!p-4{padding:calc(var(--spacing)*4)!important}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.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)}.p-8{padding:calc(var(--spacing)*8)}.p-\[3px\]{padding:3px}.\!px-3{padding-inline:calc(var(--spacing)*3)!important}.\!px-5{padding-inline:calc(var(--spacing)*5)!important}.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)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.\!py-1\.5{padding-block:calc(var(--spacing)*1.5)!important}.\!py-2{padding-block:calc(var(--spacing)*2)!important}.\!py-2\.5{padding-block:calc(var(--spacing)*2.5)!important}.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-10{padding-block:calc(var(--spacing)*10)}.py-12{padding-block:calc(var(--spacing)*12)}.py-16{padding-block:calc(var(--spacing)*16)}.py-20{padding-block:calc(var(--spacing)*20)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-1\.5{padding-top:calc(var(--spacing)*1.5)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-12{padding-top:calc(var(--spacing)*12)}.\!pr-14{padding-right:calc(var(--spacing)*14)!important}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-2\.5{padding-right:calc(var(--spacing)*2.5)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-6{padding-right:calc(var(--spacing)*6)}.pr-7{padding-right:calc(var(--spacing)*7)}.pr-8{padding-right:calc(var(--spacing)*8)}.pr-9{padding-right:calc(var(--spacing)*9)}.pr-10{padding-right:calc(var(--spacing)*10)}.pr-11{padding-right:calc(var(--spacing)*11)}.pr-12{padding-right:calc(var(--spacing)*12)}.pr-16{padding-right:calc(var(--spacing)*16)}.pb-0\.5{padding-bottom:calc(var(--spacing)*.5)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-1\.5{padding-bottom:calc(var(--spacing)*1.5)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-10{padding-bottom:calc(var(--spacing)*10)}.pb-14{padding-bottom:calc(var(--spacing)*14)}.pb-16{padding-bottom:calc(var(--spacing)*16)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-2\.5{padding-left:calc(var(--spacing)*2.5)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-5{padding-left:calc(var(--spacing)*5)}.pl-7{padding-left:calc(var(--spacing)*7)}.pl-9{padding-left:calc(var(--spacing)*9)}.pl-11{padding-left:calc(var(--spacing)*11)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-handwritten-alt{font-family:var(--font-handwritten-alt)}.font-mono{font-family:var(--font-mono)}.\!text-2xl{font-size:var(--text-2xl)!important;line-height:var(--tw-leading,var(--text-2xl--line-height))!important}.\!text-3xl{font-size:var(--text-3xl)!important;line-height:var(--tw-leading,var(--text-3xl--line-height))!important}.\!text-base{font-size:var(--text-base)!important;line-height:var(--tw-leading,var(--text-base--line-height))!important}.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-\[8px\]{font-size:8px!important}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-\[0\.95\]{--tw-leading:.95;line-height:.95}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.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-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.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)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.\!text-\[var\(--brew-accent-900\)\]{color:var(--brew-accent-900)!important}.\!text-\[var\(--brew-warning\)\]{color:var(--brew-warning)!important}.text-\[rgb\(var\(--text\)\)\]{color:rgb(var(--text))}.text-\[rgb\(var\(--text-muted\)\)\]{color:rgb(var(--text-muted))}.text-\[var\(--brew-accent-500\)\]{color:var(--brew-accent-500)}.text-\[var\(--brew-accent-700\)\]{color:var(--brew-accent-700)}.text-\[var\(--brew-danger\)\]{color:var(--brew-danger)}.text-\[var\(--brew-danger-600\)\]{color:var(--brew-danger-600)}.text-\[var\(--brew-text-secondary\)\]{color:var(--brew-text-secondary)}.text-\[var\(--brew-text-tertiary\)\]{color:var(--brew-text-tertiary)}.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-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-900{color:var(--color-emerald-900)}.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-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-neutral-500{color:var(--color-neutral-500)}.text-neutral-600{color:var(--color-neutral-600)}.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-transparent{color:#0000}.text-white{color:var(--color-white)}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab, red, red)){.text-white\/40{color:color-mix(in oklab,var(--color-white)40%,transparent)}.text-white\/70{color:color-mix(in oklab,var(--color-white)70%,transparent)}}.text-white\/85{color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.text-white\/85{color:color-mix(in oklab,var(--color-white)85%,transparent)}.text-white\/90{color:color-mix(in oklab,var(--color-white)90%,transparent)}}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.lining-nums{--tw-numeric-figure:lining-nums;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,)}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-100{opacity:1}.opacity-\[0\.06\]{opacity:.06}.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-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[var\(--shadow-elevated\)\]{--tw-shadow:var(--shadow-elevated);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)}.shadow-md{--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)}.shadow-sm{--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)}.ring,.ring-1{--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)}.ring-2{--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)}.shadow-black\/30{--tw-shadow-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.shadow-black\/30{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-black)30%,transparent)var(--tw-shadow-alpha),transparent)}}.ring-black\/10{--tw-ring-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.ring-black\/10{--tw-ring-color:color-mix(in oklab,var(--color-black)10%,transparent)}}.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-\[0_1px_2px_rgba\(0\,0\,0\,0\.8\)\]{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#000c));--tw-drop-shadow:var(--tw-drop-shadow-size);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-\[0_2px_4px_rgba\(0\,0\,0\,0\.6\)\]{--tw-drop-shadow-size:drop-shadow(0 2px 4px var(--tw-drop-shadow-color,#0009));--tw-drop-shadow:var(--tw-drop-shadow-size);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-sm{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-sm));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,)}.grayscale{--tw-grayscale:grayscale(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,)}.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{--tw-backdrop-blur:blur(8px);-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-blur-md{--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,)}.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,)}.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))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-400{--tw-duration:.4s;transition-duration:.4s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.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)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-focus-within\:block:is(:where(.group):focus-within *){display:block}@media (hover:hover){.group-hover\:block:is(:where(.group):hover *){display:block}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:scale-\[0\.99\]:is(:where(.group):hover *){scale:.99}.group-hover\:rotate-90:is(:where(.group):hover *){rotate:90deg}.group-hover\:rotate-\[-12deg\]:is(:where(.group):hover *){rotate:-12deg}.group-hover\:bg-gray-100:is(:where(.group):hover *){background-color:var(--color-gray-100)}.group-hover\:text-\[var\(--coral-500\)\]:is(:where(.group):hover *){color:var(--coral-500)}.group-hover\:opacity-70:is(:where(.group):hover *){opacity:.7}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\:\!shadow-\[var\(--shadow-card-hover\)\]:is(:where(.group):hover *){--tw-shadow:var(--shadow-card-hover)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}}.placeholder\:text-\[var\(--fg-muted\)\]::placeholder{color:var(--fg-muted)}.focus-within\:z-10:focus-within{z-index:10}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:-rotate-12:hover{rotate:-12deg}.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\)_6\%\,transparent\)\]:hover{background-color:var(--fg-strong)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[color-mix\(in_oklch\,var\(--fg-strong\)_6\%\,transparent\)\]:hover{background-color:color-mix(in oklch,var(--fg-strong)6%,transparent)}}.hover\:bg-\[color-mix\(in_oklch\,var\(--fg-strong\)_8\%\,transparent\)\]:hover{background-color:var(--fg-strong)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[color-mix\(in_oklch\,var\(--fg-strong\)_8\%\,transparent\)\]:hover{background-color:color-mix(in oklch,var(--fg-strong)8%,transparent)}}.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-\[var\(--bg\)\]:hover{background-color:var(--bg)}.hover\:bg-black\/8:hover{background-color:#00000014}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/8:hover{background-color:color-mix(in oklab,var(--color-black)8%,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-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-emerald-700:hover{background-color:var(--color-emerald-700)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.hover\:bg-white\/30:hover{background-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/30:hover{background-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.hover\:text-\[var\(--brew-accent-600\)\]:hover{color:var(--brew-accent-600)}.hover\:text-\[var\(--brew-text-secondary\)\]:hover{color:var(--brew-text-secondary)}.hover\:text-\[var\(--coral-300\)\]\/80:hover{color:var(--coral-300)}@supports (color:color-mix(in lab, red, red)){.hover\:text-\[var\(--coral-300\)\]\/80:hover{color:color-mix(in oklab,var(--coral-300)80%,transparent)}}.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\:text-blue-700:hover{color:var(--color-blue-700)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-gray-800:hover{color:var(--color-gray-800)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-lg:hover{--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)}.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\:not-sr-only:focus{clip:auto;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:absolute:focus{position:absolute}.focus\:top-4:focus{top:calc(var(--spacing)*4)}.focus\:left-4:focus{left:calc(var(--spacing)*4)}.focus\:z-50:focus{z-index:50}.focus\:rounded-md:focus{border-radius:var(--radius-md)}.focus\:border-\[rgb\(var\(--border\)\)\]:focus{border-color:rgb(var(--border))}.focus\:border-\[var\(--coral-600\)\]:focus{border-color:var(--coral-600)}.focus\:border-red-500:focus{border-color:var(--color-red-500)}.focus\:bg-\[color-mix\(in_oklch\,var\(--fg-strong\)_12\%\,transparent\)\]:focus{background-color:var(--fg-strong)}@supports (color:color-mix(in lab, red, red)){.focus\:bg-\[color-mix\(in_oklch\,var\(--fg-strong\)_12\%\,transparent\)\]:focus{background-color:color-mix(in oklch,var(--fg-strong)12%,transparent)}}.focus\:bg-\[rgb\(var\(--accent\)\)\]:focus{background-color:rgb(var(--accent))}.focus\:bg-\[var\(--bg\)\]:focus{background-color:var(--bg)}.focus\:px-4:focus{padding-inline:calc(var(--spacing)*4)}.focus\:py-2:focus{padding-block:calc(var(--spacing)*2)}.focus\:text-white:focus{color:var(--color-white)}.focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + 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\:ring-2:focus{--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\:ring-\[var\(--coral-600\)\]:focus{--tw-ring-color:var(--coral-600)}.focus\:ring-red-500:focus{--tw-ring-color:var(--color-red-500)}.focus\:ring-offset-2:focus{--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\:outline-none:focus{--tw-outline-style:none;outline-style:none}.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}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.active\:scale-\[0\.98\]:active{scale:.98}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-20:disabled{opacity:.2}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}@supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))){.supports-\[backdrop-filter\]\:bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.supports-\[backdrop-filter\]\:bg-white\/5{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}}@media (min-width:420px){.min-\[420px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:40rem){.sm\:absolute{position:absolute}.sm\:top-1\/2{top:50%}.sm\:right-4{right:calc(var(--spacing)*4)}.sm\:col-span-1{grid-column:span 1/span 1}.sm\:-ml-1\.5{margin-left:calc(var(--spacing)*-1.5)}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:w-40{width:calc(var(--spacing)*40)}.sm\:w-\[360px\]{width:360px}.sm\:min-w-0{min-width:calc(var(--spacing)*0)}.sm\:-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:gap-1{gap:calc(var(--spacing)*1)}.sm\:gap-2{gap:calc(var(--spacing)*2)}.sm\:gap-10{gap:calc(var(--spacing)*10)}.sm\:gap-16{gap:calc(var(--spacing)*16)}.sm\:p-6{padding:calc(var(--spacing)*6)}.sm\:px-4{padding-inline:calc(var(--spacing)*4)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:px-8{padding-inline:calc(var(--spacing)*8)}.sm\:px-12{padding-inline:calc(var(--spacing)*12)}.sm\:py-12{padding-block:calc(var(--spacing)*12)}.sm\:pt-0{padding-top:calc(var(--spacing)*0)}.sm\:pt-24{padding-top:calc(var(--spacing)*24)}.sm\:pb-28{padding-bottom:calc(var(--spacing)*28)}.sm\:text-left{text-align:left}.sm\:text-right{text-align:right}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:block{display:block}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}@media (min-width:64rem){.lg\:block{display:block}.lg\:hidden{display:none}.lg\:w-72{width:calc(var(--spacing)*72)}.lg\:w-\[420px\]{width:420px}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:gap-10{gap:calc(var(--spacing)*10)}.lg\:px-8{padding-inline:calc(var(--spacing)*8)}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}.dark\:block:where(.dark,.dark *){display:block}.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-400:where(.dark,.dark *){border-color:var(--color-red-400)}.dark\:border-red-800:where(.dark,.dark *){border-color:var(--color-red-800)}.dark\:\!bg-\[var\(--brew-accent-800\)\]:where(.dark,.dark *){background-color:var(--brew-accent-800)!important}.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-amber-950\/10:where(.dark,.dark *){background-color:#4619011a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-950\/10:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-amber-950)10%,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-blue-950\/10:where(.dark,.dark *){background-color:#1624561a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-950\/10:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-blue-950)10%,transparent)}}.dark\:bg-emerald-900\/30:where(.dark,.dark *){background-color:#004e3b4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-emerald-900)30%,transparent)}}.dark\:bg-emerald-950\/10:where(.dark,.dark *){background-color:#002c221a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-950\/10:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-emerald-950)10%,transparent)}}.dark\:bg-gray-800:where(.dark,.dark *){background-color:var(--color-gray-800)}.dark\:bg-gray-900\/40:where(.dark,.dark *){background-color:#10182866}@supports (color:color-mix(in lab, red, red)){.dark\:bg-gray-900\/40:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-gray-900)40%,transparent)}}.dark\:bg-gray-900\/50:where(.dark,.dark *){background-color:#10182880}@supports (color:color-mix(in lab, red, red)){.dark\:bg-gray-900\/50:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-gray-900)50%,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-purple-900\/30:where(.dark,.dark *){background-color:#59168b4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-purple-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-purple-900)30%,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\(--brew-accent-100\)\]:where(.dark,.dark *){color:var(--brew-accent-100)!important}.dark\:text-\[var\(--coral-400\)\]:where(.dark,.dark *){color:var(--coral-400)}.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-emerald-100:where(.dark,.dark *){color:var(--color-emerald-100)}.dark\:text-gray-100:where(.dark,.dark *){color:var(--color-gray-100)}.dark\:text-gray-200:where(.dark,.dark *){color:var(--color-gray-200)}.dark\:text-gray-400:where(.dark,.dark *){color:var(--color-gray-400)}.dark\:text-green-400:where(.dark,.dark *){color:var(--color-green-400)}.dark\:text-purple-300:where(.dark,.dark *){color:var(--color-purple-300)}.dark\:text-purple-400:where(.dark,.dark *){color:var(--color-purple-400)}.dark\:text-red-400:where(.dark,.dark *){color:var(--color-red-400)}.dark\:opacity-\[0\.035\]:where(.dark,.dark *){opacity:.035}.dark\:ring-white\/15:where(.dark,.dark *){--tw-ring-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.dark\:ring-white\/15:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)15%,transparent)}}@media (hover:hover){.dark\:group-hover\:bg-gray-800\/60:where(.dark,.dark *):is(:where(.group):hover *){background-color:#1e293999}@supports (color:color-mix(in lab, red, red)){.dark\:group-hover\:bg-gray-800\/60:where(.dark,.dark *):is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-gray-800)60%,transparent)}}.dark\:hover\:bg-white\/8:where(.dark,.dark *):hover{background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/8:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-white)8%,transparent)}}.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)}.dark\:hover\:text-gray-100:where(.dark,.dark *):hover{color:var(--color-gray-100)}.dark\:hover\:text-gray-200:where(.dark,.dark *):hover{color:var(--color-gray-200)}.dark\:hover\:text-gray-300:where(.dark,.dark *):hover{color:var(--color-gray-300)}}.dark\:focus\:border-red-400:where(.dark,.dark *):focus{border-color:var(--color-red-400)}.dark\:focus\:ring-red-400:where(.dark,.dark *):focus{--tw-ring-color:var(--color-red-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-modal{border-radius:var(--radius-2xl);--tw-backdrop-blur:blur(var(--blur-xl));-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:radial-gradient(ellipse 140% 100% at 5% -10%,var(--brew-accent-100),transparent 65%),radial-gradient(ellipse 110% 80% at 100% 110%,var(--brew-accent-100),transparent 60%),linear-gradient(165deg,var(--brew-accent-50)0%,var(--brew-accent-50)50%,transparent 100%),var(--brew-card);overflow:hidden}@supports (color:color-mix(in lab, red, red)){.brew-modal{background:radial-gradient(ellipse 140% 100% at 5% -10%,color-mix(in oklch,var(--brew-accent-100)50%,transparent),transparent 65%),radial-gradient(ellipse 110% 80% at 100% 110%,color-mix(in oklch,var(--brew-accent-100)35%,transparent),transparent 60%),linear-gradient(165deg,color-mix(in oklch,var(--brew-accent-50)40%,transparent)0%,color-mix(in oklch,var(--brew-accent-50)15%,transparent)50%,transparent 100%),color-mix(in oklch,var(--brew-card)88%,transparent)}}.brew-modal{border:1px solid var(--brew-accent-200)}@supports (color:color-mix(in lab, red, red)){.brew-modal{border:1px solid color-mix(in oklch,var(--brew-accent-200)30%,rgb(var(--brew-border)/.6))}}.brew-modal{border-top:3px solid var(--brew-accent-500);box-shadow:var(--shadow-elevated),inset 0 1px 0 #ffffff14}.dark .brew-modal{background:radial-gradient(ellipse 140% 100% at 5% -10%,var(--brew-accent-900),transparent 65%),radial-gradient(ellipse 110% 80% at 100% 110%,var(--brew-accent-900),transparent 60%),linear-gradient(165deg,var(--brew-accent-950)0%,var(--brew-accent-950)50%,transparent 100%),var(--brew-card)}@supports (color:color-mix(in lab, red, red)){.dark .brew-modal{background:radial-gradient(ellipse 140% 100% at 5% -10%,color-mix(in oklch,var(--brew-accent-900)50%,transparent),transparent 65%),radial-gradient(ellipse 110% 80% at 100% 110%,color-mix(in oklch,var(--brew-accent-900)30%,transparent),transparent 60%),linear-gradient(165deg,color-mix(in oklch,var(--brew-accent-950)45%,transparent)0%,color-mix(in oklch,var(--brew-accent-950)20%,transparent)50%,transparent 100%),color-mix(in oklch,var(--brew-card)75%,transparent)}}.dark .brew-modal{border-color:var(--brew-accent-800)}@supports (color:color-mix(in lab, red, red)){.dark .brew-modal{border-color:color-mix(in oklch,var(--brew-accent-800)20%,#ffffff14)}}.dark .brew-modal{box-shadow:var(--shadow-elevated),inset 0 1px 0 #ffffff0d}.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: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}}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}: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)}}.palette-vintage{--srm-l-scale:1;--srm-bg-l-scale:1;--srm-bg-c-scale:1;--bg:oklch(calc(98.24%*var(--srm-bg-l-scale))calc(.013*var(--srm-bg-c-scale))71.3);--surface:oklch(calc(96.71%*var(--srm-bg-l-scale))calc(.0141*var(--srm-bg-c-scale))74.4);--card:oklch(calc(99.2%*var(--srm-bg-l-scale))calc(.0073*var(--srm-bg-c-scale))80.7);--text:59 56 51;--text-muted:107 125 148;--border:220 210 195;--accent:215 140 70;--glow:200 120 55;--coral-50:#fcf3ee;--coral-100:#f8e3d7;--coral-200:oklch(calc(87%*var(--srm-l-scale)).058 52);--coral-300:oklch(calc(78%*var(--srm-l-scale)).095 54);--coral-400:oklch(calc(72%*var(--srm-l-scale)).13 57);--coral-500:oklch(calc(62%*var(--srm-l-scale)).12 57);--coral-600:oklch(calc(52%*var(--srm-l-scale)).105 57);--coral-700:oklch(calc(43%*var(--srm-l-scale)).088 57);--coral-800:oklch(calc(34%*var(--srm-l-scale)).068 57);--coral-900:#351d0a;--coral-950:#221105;--fg-strong:#1e1a17;--fg-muted:#5f6b74;--brew-bg:var(--bg);--brew-surface:var(--surface);--brew-card:var(--card);--brew-card-inset:oklch(calc(95.26%*var(--srm-bg-l-scale))calc(.0159*var(--srm-bg-c-scale))73.7);--brew-border:220 210 195;--brew-border-subtle:210 200 185;--brew-accent-50:#fbf3ef;--brew-accent-100:#f9e7dc;--brew-accent-200:oklch(calc(88%*var(--srm-l-scale)).055 55);--brew-accent-300:oklch(calc(78%*var(--srm-l-scale)).09 55);--brew-accent-400:oklch(calc(70%*var(--srm-l-scale)).115 55);--brew-accent-500:oklch(calc(60%*var(--srm-l-scale)).115 55);--brew-accent-600:oklch(calc(50%*var(--srm-l-scale)).1 55);--brew-accent-700:oklch(calc(42%*var(--srm-l-scale)).085 55);--brew-accent-800:oklch(calc(34%*var(--srm-l-scale)).065 55);--brew-accent-900:#351e0d;--brew-accent-950:#211207;--sidebar-recipe-bg:oklch(calc(63%*var(--srm-l-scale)).09 55);--sidebar-recipe-text:#f8f4f2;--sidebar-equipment-bg:oklch(calc(42%*var(--srm-l-scale)).09 260);--sidebar-equipment-text:#dce2ec;--sidebar-grain-bg:oklch(calc(60%*var(--srm-l-scale)).12 75);--sidebar-grain-text:#f8f4ef;--sidebar-mash-bg:oklch(calc(58%*var(--srm-l-scale)).12 55);--sidebar-mash-text:#f8f4f2;--sidebar-hops-bg:oklch(calc(47%*var(--srm-l-scale)).1 145);--sidebar-hops-text:#e5eee5;--sidebar-yeast-bg:oklch(calc(44%*var(--srm-l-scale)).12 310);--sidebar-yeast-text:#e4dfe9;--sidebar-water-bg:oklch(calc(47%*var(--srm-l-scale)).14 250);--sidebar-water-text:#dde6ee;--sidebar-fermentation-bg:oklch(calc(50%*var(--srm-l-scale)).13 15);--sidebar-fermentation-text:#f0e9e9;--sidebar-packaging-bg:oklch(calc(52%*var(--srm-l-scale)).11 50);--sidebar-packaging-text:#f3edea;--sidebar-targets-bg:oklch(calc(55%*var(--srm-l-scale)).1 25);--sidebar-targets-text:#f4ecec;--shadow-card:0 0 0 1px #a0825a0d,0 1px 1px -.5px #a0825a0d,0 3px 3px -1.5px #a0825a0d,0 6px 6px -3px #a0825a0a,0 12px 12px -6px #a0825a09,0 24px 24px -12px #a0825a08;--shadow-card-hover:0 0 0 1px #a0825a12,0 1px 1px -.5px #a0825a12,0 4px 4px -2px #a0825a12,0 8px 8px -4px #a0825a0f,0 16px 16px -8px #a0825a0d,0 36px 36px -18px #a0825a0a;--brew-neutral-50:#fdf7f4;--brew-neutral-100:#f6ece8;--brew-neutral-200:#e7dbd6;--brew-neutral-300:#cec1bc;--brew-neutral-400:#978d88;--brew-neutral-500:#796f6b;--brew-neutral-600:#5b5350;--brew-neutral-700:#403935;--brew-neutral-800:#27201d;--brew-neutral-900:#16100e}@supports (color:lab(0% 0 0)){.palette-vintage{--coral-50:lab(96.4839% 2.32524 3.78425);--coral-100:lab(91.7903% 5.53408 8.90631);--coral-900:lab(13.9467% 10.4896 16.5556);--coral-950:lab(7.07948% 7.67596 8.61929);--fg-strong:lab(9.48503% 1.77336 2.3882);--fg-muted:lab(44.344% -3.11983 -6.5205);--brew-accent-50:lab(96.4902% 1.93307 3.15056);--brew-accent-100:lab(92.9609% 4.92209 7.93804);--brew-accent-900:lab(13.9482% 10.1194 15.2747);--brew-accent-950:lab(7.09044% 6.96666 7.71179);--sidebar-recipe-text:lab(96.5054% .960737 1.57162);--sidebar-equipment-text:lab(89.5104% -.750661 -5.5878);--sidebar-grain-text:lab(96.5339% .690222 2.95945);--sidebar-mash-text:lab(96.5054% .960737 1.57162);--sidebar-hops-text:lab(93.2385% -4.19179 3.2459);--sidebar-yeast-text:lab(89.3755% 3.32999 -4.31943);--sidebar-water-text:lab(90.7061% -1.6121 -5.34136);--sidebar-fermentation-text:lab(92.9538% 2.60708 .814796);--sidebar-packaging-text:lab(94.1672% 1.73023 2.35742);--sidebar-targets-text:lab(94.1266% 2.44421 1.31353);--brew-neutral-50:lab(97.6384% 1.90398 2.17838);--brew-neutral-100:lab(94.1371% 2.86493 3.27363);--brew-neutral-200:lab(88.3209% 3.59133 4.099);--brew-neutral-300:lab(79.0352% 3.83827 4.3776);--brew-neutral-400:lab(59.3256% 3.3631 3.83379);--brew-neutral-500:lab(47.7251% 3.3721 3.84039);--brew-neutral-600:lab(36.1357% 2.89272 3.29353);--brew-neutral-700:lab(24.5349% 2.90754 3.30491);--brew-neutral-800:lab(12.9336% 2.93367 3.32652);--brew-neutral-900:lab(5.22579% 1.90041 1.9367)}}.palette-vintage .brew-section[data-accent=equipment]{--brew-accent-200:oklch(calc(90%*var(--srm-l-scale)).025 260);--brew-accent-300:oklch(calc(80%*var(--srm-l-scale)).042 260);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).058 260);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).065 260);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).055 260);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).045 260);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).032 260);--brew-accent-900:#1e242f;--brew-accent-950:#12161e}@supports (color:lab(0% 0 0)){.palette-vintage .brew-section[data-accent=equipment]{--brew-accent-900:lab(14.055% -.631392 -8.34894);--brew-accent-950:lab(7.1551% -.448741 -6.12276)}}.palette-vintage .brew-section[data-accent=grain]{--brew-accent-200:oklch(calc(90%*var(--srm-l-scale)).058 75);--brew-accent-300:oklch(calc(80%*var(--srm-l-scale)).095 75);--brew-accent-400:oklch(calc(72%*var(--srm-l-scale)).115 75);--brew-accent-500:oklch(calc(62%*var(--srm-l-scale)).118 75);--brew-accent-600:oklch(calc(52%*var(--srm-l-scale)).105 75);--brew-accent-700:oklch(calc(42%*var(--srm-l-scale)).088 75);--brew-accent-800:oklch(calc(34%*var(--srm-l-scale)).065 75);--brew-accent-900:#312006;--brew-accent-950:#1f1404}@supports (color:lab(0% 0 0)){.palette-vintage .brew-section[data-accent=grain]{--brew-accent-900:lab(14.1239% 6.13959 18.3486);--brew-accent-950:lab(7.20658% 4.23875 9.24816)}}.palette-vintage .brew-section[data-accent=mash]{--brew-accent-200:oklch(calc(90%*var(--srm-l-scale)).058 55);--brew-accent-300:oklch(calc(80%*var(--srm-l-scale)).092 55);--brew-accent-400:oklch(calc(72%*var(--srm-l-scale)).11 55);--brew-accent-500:oklch(calc(62%*var(--srm-l-scale)).115 55);--brew-accent-600:oklch(calc(52%*var(--srm-l-scale)).1 55);--brew-accent-700:oklch(calc(42%*var(--srm-l-scale)).085 55);--brew-accent-800:oklch(calc(34%*var(--srm-l-scale)).062 55);--brew-accent-900:#351e0d;--brew-accent-950:#211207}@supports (color:lab(0% 0 0)){.palette-vintage .brew-section[data-accent=mash]{--brew-accent-900:lab(13.9482% 10.1194 15.2747);--brew-accent-950:lab(7.09044% 6.96666 7.71179)}}.palette-vintage .brew-section[data-accent=hops]{--brew-accent-200:oklch(calc(90%*var(--srm-l-scale)).055 145);--brew-accent-300:oklch(calc(80%*var(--srm-l-scale)).088 145);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).108 145);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).118 145);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).102 145);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).085 145);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).058 145);--brew-accent-900:#162917;--brew-accent-950:#0d1a0d}@supports (color:lab(0% 0 0)){.palette-vintage .brew-section[data-accent=hops]{--brew-accent-900:lab(14.6823% -11.7561 9.50065);--brew-accent-950:lab(7.58237% -7.44912 5.49539)}}.palette-vintage .brew-section[data-accent=yeast]{--brew-accent-200:oklch(calc(88%*var(--srm-l-scale)).048 310);--brew-accent-300:oklch(calc(78%*var(--srm-l-scale)).078 310);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).108 310);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).12 310);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).108 310);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).09 310);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).065 310);--brew-accent-900:#2b1d35;--brew-accent-950:#1b1122}@supports (color:lab(0% 0 0)){.palette-vintage .brew-section[data-accent=yeast]{--brew-accent-900:lab(13.4945% 11.1452 -13.0701);--brew-accent-950:lab(6.78978% 7.74019 -9.35498)}}.palette-vintage .brew-section[data-accent=water]{--brew-accent-200:oklch(calc(90%*var(--srm-l-scale)).05 230);--brew-accent-300:oklch(calc(80%*var(--srm-l-scale)).082 230);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).105 230);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).115 230);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).1 230);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).085 230);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).06 230);--brew-accent-900:#092835;--brew-accent-950:#051921}@supports (color:lab(0% 0 0)){.palette-vintage .brew-section[data-accent=water]{--brew-accent-900:lab(14.2585% -7.592 -12.0213);--brew-accent-950:lab(7.29627% -4.94169 -8.64792)}}.palette-vintage .brew-section[data-accent=fermentation]{--brew-accent-200:oklch(calc(88%*var(--srm-l-scale)).05 15);--brew-accent-300:oklch(calc(78%*var(--srm-l-scale)).082 15);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).11 15);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).125 15);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).11 15);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).09 15);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).065 15);--brew-accent-900:#371a1d;--brew-accent-950:#230f11}@supports (color:lab(0% 0 0)){.palette-vintage .brew-section[data-accent=fermentation]{--brew-accent-900:lab(13.6447% 15.2598 5.02131);--brew-accent-950:lab(6.88398% 10.7986 2.98284)}}.palette-vintage .brew-section[data-accent=targets]{--brew-accent-200:oklch(calc(88%*var(--srm-l-scale)).048 25);--brew-accent-300:oklch(calc(78%*var(--srm-l-scale)).078 25);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).1 25);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).112 25);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).1 25);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).082 25);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).06 25);--brew-accent-900:#361b19;--brew-accent-950:#22100f}@supports (color:lab(0% 0 0)){.palette-vintage .brew-section[data-accent=targets]{--brew-accent-900:lab(13.746% 13.3988 7.48689);--brew-accent-950:lab(6.95191% 9.43595 4.25627)}}.dark.palette-vintage{--bg:oklch(calc(22.0%*var(--srm-bg-l-scale))calc(.0052*var(--srm-bg-c-scale))67.5);--surface:oklch(calc(25.0%*var(--srm-bg-l-scale))calc(.0075*var(--srm-bg-c-scale))67.4);--card:oklch(calc(28.0%*var(--srm-bg-l-scale))calc(.0087*var(--srm-bg-c-scale))75.2);--text:240 235 228;--text-muted:150 162 178;--border:70 65 58;--accent:215 140 70;--glow:180 110 50;--fg-strong:#efeae8;--fg-muted:#909aa1;--brew-bg:var(--bg);--brew-surface:var(--surface);--brew-card:var(--card);--brew-card-inset:oklch(calc(23.8%*var(--srm-bg-l-scale))calc(.0067*var(--srm-bg-c-scale))78.2);--brew-border:70 65 58;--brew-border-subtle:58 54 48;--shadow-card:0 0 0 1px #0000002e,0 1px 1px -.5px #00000024,0 3px 3px -1.5px #00000024,0 6px 6px -3px #0000001f,0 12px 12px -6px #0000001a,0 24px 24px -12px #00000014;--shadow-card-hover:0 0 0 1px #00000038,0 1px 1px -.5px #0000002e,0 4px 4px -2px #0000002e,0 8px 8px -4px #00000029,0 16px 16px -8px #00000024,0 36px 36px -18px #0000001a}@supports (color:lab(0% 0 0)){.dark.palette-vintage{--fg-strong:lab(93.0155% 1.29527 1.76653);--fg-muted:lab(62.9012% -2.40442 -4.92152)}}.palette-midnight{--srm-l-scale:1;--srm-bg-l-scale:1;--srm-bg-c-scale:1;--bg:oklch(calc(96.36%*var(--srm-bg-l-scale))calc(.0086*var(--srm-bg-c-scale))264.5);--surface:oklch(calc(94.54%*var(--srm-bg-l-scale))calc(.0116*var(--srm-bg-c-scale))264.5);--card:oklch(calc(97.6%*var(--srm-bg-l-scale))calc(.007*var(--srm-bg-c-scale))268.5);--text:30 40 65;--text-muted:100 115 145;--border:205 215 230;--accent:60 130 246;--glow:37 99 235;--coral-50:#eff6fd;--coral-100:#deedfe;--coral-200:oklch(calc(88%*var(--srm-l-scale)).06 250);--coral-300:oklch(calc(78%*var(--srm-l-scale)).11 250);--coral-400:oklch(calc(68%*var(--srm-l-scale)).16 250);--coral-500:oklch(calc(58%*var(--srm-l-scale)).17 250);--coral-600:oklch(calc(48%*var(--srm-l-scale)).155 250);--coral-700:oklch(calc(40%*var(--srm-l-scale)).13 250);--coral-800:oklch(calc(32%*var(--srm-l-scale)).1 250);--coral-900:#00203e;--coral-950:#001226;--fg-strong:#0d1218;--fg-muted:#5b646f;--brew-bg:var(--bg);--brew-surface:var(--surface);--brew-card:var(--card);--brew-card-inset:oklch(calc(93.28%*var(--srm-bg-l-scale))calc(.0133*var(--srm-bg-c-scale))262.4);--brew-border:205 215 230;--brew-border-subtle:195 205 222;--brew-accent-50:#f0f6fc;--brew-accent-100:#e0edfb;--brew-accent-200:oklch(calc(88%*var(--srm-l-scale)).05 250);--brew-accent-300:oklch(calc(78%*var(--srm-l-scale)).095 250);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).14 250);--brew-accent-500:oklch(calc(58%*var(--srm-l-scale)).15 250);--brew-accent-600:oklch(calc(48%*var(--srm-l-scale)).135 250);--brew-accent-700:oklch(calc(40%*var(--srm-l-scale)).115 250);--brew-accent-800:oklch(calc(32%*var(--srm-l-scale)).085 250);--brew-accent-900:#04203a;--brew-accent-950:#031223;--brew-neutral-50:#f5f9fc;--brew-neutral-100:#eaeff5;--brew-neutral-200:#dbe2e9;--brew-neutral-300:#c1c8d0;--brew-neutral-400:#8d9399;--brew-neutral-500:#6f757b;--brew-neutral-600:#54595e;--brew-neutral-700:#393e42;--brew-neutral-800:#202429;--brew-neutral-900:#0f1215;--shadow-card:0 0 0 1px #3c50820d,0 1px 1px -.5px #3c50820d,0 3px 3px -1.5px #3c50820d,0 6px 6px -3px #3c50820a,0 12px 12px -6px #3c508209,0 24px 24px -12px #3c508208;--shadow-card-hover:0 0 0 1px #3c508212,0 1px 1px -.5px #3c508212,0 4px 4px -2px #3c508212,0 8px 8px -4px #3c50820f,0 16px 16px -8px #3c50820d,0 36px 36px -18px #3c50820a;--sidebar-recipe-bg:oklch(calc(55%*var(--srm-l-scale)).14 250);--sidebar-recipe-text:#eef2f7;--sidebar-equipment-bg:oklch(calc(40%*var(--srm-l-scale)).1 260);--sidebar-equipment-text:#dfe5ef;--sidebar-grain-bg:oklch(calc(58%*var(--srm-l-scale)).12 82);--sidebar-grain-text:#f8f5ef;--sidebar-mash-bg:oklch(calc(55%*var(--srm-l-scale)).14 55);--sidebar-mash-text:#f5f1ef;--sidebar-hops-bg:oklch(calc(46%*var(--srm-l-scale)).11 160);--sidebar-hops-text:#e5eee8;--sidebar-yeast-bg:oklch(calc(42%*var(--srm-l-scale)).13 290);--sidebar-yeast-text:#e1e0eb;--sidebar-water-bg:oklch(calc(48%*var(--srm-l-scale)).16 250);--sidebar-water-text:#e1e9f2;--sidebar-fermentation-bg:oklch(calc(48%*var(--srm-l-scale)).14 15);--sidebar-fermentation-text:#f0e9e9;--sidebar-packaging-bg:oklch(calc(49%*var(--srm-l-scale)).13 50);--sidebar-packaging-text:#f0eae6;--sidebar-targets-bg:oklch(calc(50%*var(--srm-l-scale)).12 250);--sidebar-targets-text:#e7ecf0}@supports (color:lab(0% 0 0)){.palette-midnight{--coral-50:lab(96.5096% -1.30332 -4.28046);--coral-100:lab(93.0083% -2.89878 -9.91472);--coral-900:lab(11.4411% -1.01736 -23.4175);--coral-950:lab(5.06531% -.719957 -15.9623);--fg-strong:lab(5.24559% -.9728 -4.53259);--fg-muted:lab(41.9742% -2.00994 -7.05371);--brew-accent-50:lab(96.5116% -1.09199 -3.57032);--brew-accent-100:lab(93.0144% -2.51472 -8.51302);--brew-accent-900:lab(11.5463% -1.80254 -20.1625);--brew-accent-950:lab(5.12371% -1.10842 -13.3922);--brew-neutral-50:lab(97.6754% -.662327 -2.14626);--brew-neutral-100:lab(94.1916% -1.09133 -3.56996);--brew-neutral-200:lab(89.5494% -1.30048 -4.27891);--brew-neutral-300:lab(80.2669% -1.50228 -4.98408);--brew-neutral-400:lab(60.5485% -1.28314 -4.26966);--brew-neutral-500:lab(48.9479% -1.27178 -4.26378);--brew-neutral-600:lab(37.3499% -1.05894 -3.55267);--brew-neutral-700:lab(25.749% -1.04122 -3.54384);--brew-neutral-800:lab(14.1473% -1.00957 -3.52893);--brew-neutral-900:lab(5.25979% -.594564 -2.30088);--sidebar-recipe-text:lab(95.3536% -.878215 -2.85877);--sidebar-equipment-text:lab(90.6704% -.751466 -5.58825);--sidebar-grain-text:lab(96.5469% .365764 3.03077);--sidebar-mash-text:lab(95.3454% .960797 1.57166);--sidebar-hops-text:lab(93.203% -3.8411 1.52746);--sidebar-yeast-text:lab(89.4171% 1.84324 -5.31205);--sidebar-water-text:lab(91.8661% -1.61284 -5.34177);--sidebar-fermentation-text:lab(92.9538% 2.60708 .814796);--sidebar-packaging-text:lab(93.0072% 1.73044 2.35749);--sidebar-targets-text:lab(93.0335% -.877798 -2.85856)}}.dark.palette-midnight{--bg:oklch(calc(22.0%*var(--srm-bg-l-scale))calc(.0255*var(--srm-bg-c-scale))269.7);--surface:oklch(calc(25.0%*var(--srm-bg-l-scale))calc(.0344*var(--srm-bg-c-scale))270.8);--card:oklch(calc(29.0%*var(--srm-bg-l-scale))calc(.0407*var(--srm-bg-c-scale))271.2);--text:220 228 245;--text-muted:140 155 185;--border:55 65 90;--accent:80 145 255;--glow:50 110 230;--fg-strong:#ebeff4;--fg-muted:#9299a1;--brew-bg:var(--bg);--brew-surface:var(--surface);--brew-card:var(--card);--brew-card-inset:oklch(calc(23.2%*var(--srm-bg-l-scale))calc(.0329*var(--srm-bg-c-scale))272.4);--brew-border:55 65 90;--brew-border-subtle:48 58 80;--shadow-card:0 0 0 1px #00000040,0 1px 1px -.5px #0003,0 3px 3px -1.5px #0000002e,0 6px 6px -3px #00000026,0 12px 12px -6px #0000001f,0 24px 24px -12px #0000001a;--shadow-card-hover:0 0 0 1px #0000004d,0 1px 1px -.5px #00000040,0 4px 4px -2px #00000038,0 8px 8px -4px #0003,0 16px 16px -8px #00000029,0 36px 36px -18px #0000001f}@supports (color:lab(0% 0 0)){.dark.palette-midnight{--fg-strong:lab(94.1935% -.877976 -2.85867);--fg-muted:lab(62.8648% -1.58694 -5.32832)}}.palette-midnight .brew-section[data-accent=equipment]{--brew-accent-200:oklch(calc(90%*var(--srm-l-scale)).035 255);--brew-accent-300:oklch(calc(80%*var(--srm-l-scale)).065 255);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).095 255);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).105 255);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).092 255);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).075 255);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).055 255);--brew-accent-900:#162537;--brew-accent-950:#0d1723}@supports (color:lab(0% 0 0)){.palette-midnight .brew-section[data-accent=equipment]{--brew-accent-900:lab(13.9801% -1.38752 -14.0229);--brew-accent-950:lab(7.10955% -1.00023 -10.125)}}.palette-midnight .brew-section[data-accent=grain]{--brew-accent-200:oklch(calc(90%*var(--srm-l-scale)).05 85);--brew-accent-300:oklch(calc(80%*var(--srm-l-scale)).082 85);--brew-accent-400:oklch(calc(72%*var(--srm-l-scale)).105 85);--brew-accent-500:oklch(calc(62%*var(--srm-l-scale)).108 85);--brew-accent-600:oklch(calc(52%*var(--srm-l-scale)).095 85);--brew-accent-700:oklch(calc(42%*var(--srm-l-scale)).078 85);--brew-accent-800:oklch(calc(34%*var(--srm-l-scale)).058 85);--brew-accent-900:#2d2209;--brew-accent-950:#1c1505}@supports (color:lab(0% 0 0)){.palette-midnight .brew-section[data-accent=grain]{--brew-accent-900:lab(14.2297% 2.90166 17.0476);--brew-accent-950:lab(7.2777% 1.90392 8.62841)}}.palette-midnight .brew-section[data-accent=mash]{--brew-accent-200:oklch(calc(90%*var(--srm-l-scale)).048 65);--brew-accent-300:oklch(calc(80%*var(--srm-l-scale)).078 65);--brew-accent-400:oklch(calc(72%*var(--srm-l-scale)).098 65);--brew-accent-500:oklch(calc(62%*var(--srm-l-scale)).102 65);--brew-accent-600:oklch(calc(52%*var(--srm-l-scale)).09 65);--brew-accent-700:oklch(calc(42%*var(--srm-l-scale)).075 65);--brew-accent-800:oklch(calc(34%*var(--srm-l-scale)).055 65);--brew-accent-900:#31200e;--brew-accent-950:#1f1307}@supports (color:lab(0% 0 0)){.palette-midnight .brew-section[data-accent=mash]{--brew-accent-900:lab(14.0595% 7.0526 14.9888);--brew-accent-950:lab(7.16139% 4.92475 7.74994)}}.palette-midnight .brew-section[data-accent=hops]{--brew-accent-200:oklch(calc(90%*var(--srm-l-scale)).048 160);--brew-accent-300:oklch(calc(80%*var(--srm-l-scale)).078 160);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).1 160);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).11 160);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).095 160);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).08 160);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).058 160);--brew-accent-900:#0f2a1d;--brew-accent-950:#091a11}@supports (color:lab(0% 0 0)){.palette-midnight .brew-section[data-accent=hops]{--brew-accent-900:lab(14.7175% -13.8507 5.45873);--brew-accent-950:lab(7.60561% -8.64483 3.41446)}}.palette-midnight .brew-section[data-accent=yeast]{--brew-accent-200:oklch(calc(88%*var(--srm-l-scale)).042 280);--brew-accent-300:oklch(calc(78%*var(--srm-l-scale)).07 280);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).098 280);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).112 280);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).1 280);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).082 280);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).06 280);--brew-accent-900:#202138;--brew-accent-950:#131424}@supports (color:lab(0% 0 0)){.palette-midnight .brew-section[data-accent=yeast]{--brew-accent-900:lab(13.7121% 4.61712 -15.3216);--brew-accent-950:lab(6.93461% 3.04145 -10.9789)}}.palette-midnight .brew-section[data-accent=water]{--brew-accent-200:oklch(calc(90%*var(--srm-l-scale)).05 240);--brew-accent-300:oklch(calc(80%*var(--srm-l-scale)).088 240);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).12 240);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).135 240);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).118 240);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).098 240);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).072 240);--brew-accent-900:#06273a;--brew-accent-950:#041825}@supports (color:lab(0% 0 0)){.palette-midnight .brew-section[data-accent=water]{--brew-accent-900:lab(14.1051% -5.62178 -16.2605);--brew-accent-950:lab(7.19757% -3.73466 -11.5518)}}.palette-midnight .brew-section[data-accent=fermentation]{--brew-accent-200:oklch(calc(88%*var(--srm-l-scale)).038 270);--brew-accent-300:oklch(calc(78%*var(--srm-l-scale)).062 270);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).088 270);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).1 270);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).088 270);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).072 270);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).052 270);--brew-accent-900:#1d2336;--brew-accent-950:#111522}@supports (color:lab(0% 0 0)){.palette-midnight .brew-section[data-accent=fermentation]{--brew-accent-900:lab(13.8668% 1.74843 -13.4439);--brew-accent-950:lab(7.03186% 1.12654 -9.7537)}}.palette-midnight .brew-section[data-accent=targets]{--brew-accent-200:oklch(calc(88%*var(--srm-l-scale)).035 250);--brew-accent-300:oklch(calc(78%*var(--srm-l-scale)).06 250);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).085 250);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).098 250);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).085 250);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).07 250);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).05 250);--brew-accent-900:#162535;--brew-accent-950:#0d1721}@supports (color:lab(0% 0 0)){.palette-midnight .brew-section[data-accent=targets]{--brew-accent-900:lab(14.0558% -2.49398 -12.3307);--brew-accent-950:lab(7.15977% -1.70828 -8.86915)}}.palette-forest{--srm-l-scale:1;--srm-bg-l-scale:1;--srm-bg-c-scale:1;--bg:oklch(calc(97.12%*var(--srm-bg-l-scale))calc(.0101*var(--srm-bg-c-scale))131.4);--surface:oklch(calc(95.39%*var(--srm-bg-l-scale))calc(.0147*var(--srm-bg-c-scale))132.5);--card:oklch(calc(98.42%*var(--srm-bg-l-scale))calc(.0085*var(--srm-bg-c-scale))128.6);--text:35 50 30;--text-muted:95 120 85;--border:200 215 190;--accent:55 140 70;--glow:40 120 55;--coral-50:#eff8f0;--coral-100:#def2df;--coral-200:oklch(calc(88%*var(--srm-l-scale)).065 148);--coral-300:oklch(calc(78%*var(--srm-l-scale)).11 148);--coral-400:oklch(calc(68%*var(--srm-l-scale)).145 148);--coral-500:oklch(calc(55%*var(--srm-l-scale)).14 148);--coral-600:oklch(calc(46%*var(--srm-l-scale)).125 148);--coral-700:oklch(calc(38%*var(--srm-l-scale)).105 148);--coral-800:oklch(calc(30%*var(--srm-l-scale)).08 148);--coral-900:#09260f;--coral-950:#041607;--fg-strong:#0c140c;--fg-muted:#556255;--brew-bg:var(--bg);--brew-surface:var(--surface);--brew-card:var(--card);--brew-card-inset:oklch(calc(93.95%*var(--srm-bg-l-scale))calc(.0192*var(--srm-bg-c-scale))133.1);--brew-border:200 215 190;--brew-border-subtle:188 205 178;--brew-accent-50:#f0f7f1;--brew-accent-100:#dff1e1;--brew-accent-200:oklch(calc(88%*var(--srm-l-scale)).055 148);--brew-accent-300:oklch(calc(78%*var(--srm-l-scale)).095 148);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).125 148);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).125 148);--brew-accent-600:oklch(calc(46%*var(--srm-l-scale)).108 148);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).09 148);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).068 148);--brew-accent-900:#0d2512;--brew-accent-950:#061608;--brew-neutral-50:#f5faf5;--brew-neutral-100:#eaf1ea;--brew-neutral-200:#dbe4db;--brew-neutral-300:#c1cac1;--brew-neutral-400:#8d958d;--brew-neutral-500:#70776f;--brew-neutral-600:#545a54;--brew-neutral-700:#393f39;--brew-neutral-800:#212620;--brew-neutral-900:#0f130f;--shadow-card:0 0 0 1px #325a280d,0 1px 1px -.5px #325a280d,0 3px 3px -1.5px #325a280d,0 6px 6px -3px #325a280a,0 12px 12px -6px #325a2809,0 24px 24px -12px #325a2808;--shadow-card-hover:0 0 0 1px #325a2812,0 1px 1px -.5px #325a2812,0 4px 4px -2px #325a2812,0 8px 8px -4px #325a280f,0 16px 16px -8px #325a280d,0 36px 36px -18px #325a280a;--sidebar-recipe-bg:oklch(calc(55%*var(--srm-l-scale)).12 148);--sidebar-recipe-text:#eef3ef;--sidebar-equipment-bg:oklch(calc(40%*var(--srm-l-scale)).1 200);--sidebar-equipment-text:#dce7e8;--sidebar-grain-bg:oklch(calc(58%*var(--srm-l-scale)).13 70);--sidebar-grain-text:#f9f4ef;--sidebar-mash-bg:oklch(calc(55%*var(--srm-l-scale)).12 70);--sidebar-mash-text:#f4f1ee;--sidebar-hops-bg:oklch(calc(48%*var(--srm-l-scale)).15 148);--sidebar-hops-text:#e8f1e9;--sidebar-yeast-bg:oklch(calc(42%*var(--srm-l-scale)).14 320);--sidebar-yeast-text:#e6dee8;--sidebar-water-bg:oklch(calc(46%*var(--srm-l-scale)).14 200);--sidebar-water-text:#dce7e8;--sidebar-fermentation-bg:oklch(calc(50%*var(--srm-l-scale)).14 20);--sidebar-fermentation-text:#f0e9e9;--sidebar-packaging-bg:oklch(calc(51%*var(--srm-l-scale)).12 50);--sidebar-packaging-text:#f3edea;--sidebar-targets-bg:oklch(calc(52%*var(--srm-l-scale)).1 148);--sidebar-targets-text:#ebf0eb}@supports (color:lab(0% 0 0)){.palette-forest{--coral-50:lab(96.7207% -4.33934 2.99301);--coral-100:lab(93.4652% -9.26542 6.41085);--coral-900:lab(12.5218% -16.1633 11.3538);--coral-950:lab(5.65327% -8.18177 5.30469);--fg-strong:lab(5.46266% -4.07536 3.04236);--fg-muted:lab(40.0057% -6.98602 5.45869);--brew-accent-50:lab(96.6808% -3.47099 2.39285);--brew-accent-100:lab(93.4127% -8.10552 5.60421);--brew-accent-900:lab(12.4411% -14.0648 9.95882);--brew-accent-950:lab(5.60743% -7.21943 4.71676);--brew-neutral-50:lab(97.7862% -2.23574 1.72806);--brew-neutral-100:lab(94.359% -3.35348 2.59472);--brew-neutral-200:lab(89.7585% -4.19179 3.24631);--brew-neutral-300:lab(80.4914% -4.47115 3.465);--brew-neutral-400:lab(60.7448% -3.91224 3.03328);--brew-neutral-500:lab(49.1445% -3.91212 3.03602);--brew-neutral-600:lab(37.5181% -3.35331 2.603);--brew-neutral-700:lab(25.9176% -3.35327 2.60763);--brew-neutral-800:lab(14.3167% -3.35325 2.61611);--brew-neutral-900:lab(5.36709% -2.07613 1.57585);--sidebar-recipe-text:lab(95.4673% -2.31355 1.5939);--sidebar-equipment-text:lab(90.8396% -3.79816 -1.59336);--sidebar-grain-text:lab(96.5245% .915766 2.88128);--sidebar-mash-text:lab(95.363% .568092 1.79811);--sidebar-hops-text:lab(94.4007% -4.33943 2.99323);--sidebar-yeast-text:lab(89.3628% 3.93382 -3.61699);--sidebar-water-text:lab(90.8396% -3.79816 -1.59336);--sidebar-fermentation-text:lab(92.9599% 2.53519 1.06817);--sidebar-packaging-text:lab(94.1672% 1.73023 2.35742);--sidebar-targets-text:lab(94.3073% -2.31352 1.59392)}}.dark.palette-forest{--bg:oklch(calc(22.0%*var(--srm-bg-l-scale))calc(.0152*var(--srm-bg-c-scale))144.9);--surface:oklch(calc(25.0%*var(--srm-bg-l-scale))calc(.0194*var(--srm-bg-c-scale))144.9);--card:oklch(calc(29.0%*var(--srm-bg-l-scale))calc(.0233*var(--srm-bg-c-scale))144.9);--text:225 238 220;--text-muted:140 165 135;--border:55 70 52;--accent:75 170 85;--glow:50 140 60;--fg-strong:#ebf0eb;--fg-muted:#929b92;--brew-bg:var(--bg);--brew-surface:var(--surface);--brew-card:var(--card);--brew-card-inset:oklch(calc(23.5%*var(--srm-bg-l-scale))calc(.0198*var(--srm-bg-c-scale))144.8);--brew-border:55 70 52;--brew-border-subtle:48 62 46;--shadow-card:0 0 0 1px #0003,0 1px 1px -.5px #00000029,0 3px 3px -1.5px #00000029,0 6px 6px -3px #00000024,0 12px 12px -6px #0000001f,0 24px 24px -12px #0000001a;--shadow-card-hover:0 0 0 1px #00000040,0 1px 1px -.5px #0003,0 4px 4px -2px #0003,0 8px 8px -4px #0000002e,0 16px 16px -8px #00000026,0 36px 36px -18px #0000001f}@supports (color:lab(0% 0 0)){.dark.palette-forest{--fg-strong:lab(94.3062% -2.23571 1.72814);--fg-muted:lab(63.1171% -5.02995 3.90487)}}.palette-forest .brew-section[data-accent=equipment]{--brew-accent-200:oklch(calc(90%*var(--srm-l-scale)).022 220);--brew-accent-300:oklch(calc(80%*var(--srm-l-scale)).04 220);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).055 220);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).062 220);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).052 220);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).042 220);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).03 220);--brew-accent-900:#18272b;--brew-accent-950:#0e181b}@supports (color:lab(0% 0 0)){.palette-forest .brew-section[data-accent=equipment]{--brew-accent-900:lab(14.2836% -5.36747 -5.29227);--brew-accent-950:lab(7.31121% -3.5456 -3.81796)}}.palette-forest .brew-section[data-accent=grain]{--brew-accent-200:oklch(calc(90%*var(--srm-l-scale)).058 90);--brew-accent-300:oklch(calc(80%*var(--srm-l-scale)).095 88);--brew-accent-400:oklch(calc(72%*var(--srm-l-scale)).118 85);--brew-accent-500:oklch(calc(62%*var(--srm-l-scale)).12 82);--brew-accent-600:oklch(calc(52%*var(--srm-l-scale)).105 80);--brew-accent-700:oklch(calc(42%*var(--srm-l-scale)).088 80);--brew-accent-800:oklch(calc(34%*var(--srm-l-scale)).065 80);--brew-accent-900:#302105;--brew-accent-950:#1e1404}@supports (color:lab(0% 0 0)){.palette-forest .brew-section[data-accent=grain]{--brew-accent-900:lab(14.1742% 4.83103 18.6463);--brew-accent-950:lab(7.24072% 3.29983 9.40075)}}.palette-forest .brew-section[data-accent=mash]{--brew-accent-200:oklch(calc(90%*var(--srm-l-scale)).052 70);--brew-accent-300:oklch(calc(80%*var(--srm-l-scale)).085 68);--brew-accent-400:oklch(calc(72%*var(--srm-l-scale)).108 65);--brew-accent-500:oklch(calc(62%*var(--srm-l-scale)).112 62);--brew-accent-600:oklch(calc(52%*var(--srm-l-scale)).098 60);--brew-accent-700:oklch(calc(42%*var(--srm-l-scale)).082 60);--brew-accent-800:oklch(calc(34%*var(--srm-l-scale)).06 60);--brew-accent-900:#331f0d;--brew-accent-950:#201207}@supports (color:lab(0% 0 0)){.palette-forest .brew-section[data-accent=mash]{--brew-accent-900:lab(14.0027% 8.68784 15.3964);--brew-accent-950:lab(7.12426% 6.05532 7.87162)}}.palette-forest .brew-section[data-accent=hops]{--brew-accent-200:oklch(calc(90%*var(--srm-l-scale)).065 148);--brew-accent-300:oklch(calc(80%*var(--srm-l-scale)).11 148);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).145 148);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).155 148);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).135 148);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).112 148);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).082 148);--brew-accent-900:#0c2c13;--brew-accent-950:#061b0a}@supports (color:lab(0% 0 0)){.palette-forest .brew-section[data-accent=hops]{--brew-accent-900:lab(14.892% -17.3347 12.5417);--brew-accent-950:lab(7.73856% -10.8823 7.06968)}}.palette-forest .brew-section[data-accent=yeast]{--brew-accent-200:oklch(calc(88%*var(--srm-l-scale)).035 290);--brew-accent-300:oklch(calc(78%*var(--srm-l-scale)).058 290);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).078 290);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).088 290);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).078 290);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).065 290);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).048 290);--brew-accent-900:#242134;--brew-accent-950:#161421}@supports (color:lab(0% 0 0)){.palette-forest .brew-section[data-accent=yeast]{--brew-accent-900:lab(13.7581% 5.20095 -11.9833);--brew-accent-950:lab(6.9653% 3.46392 -8.4939)}}.palette-forest .brew-section[data-accent=water]{--brew-accent-200:oklch(calc(90%*var(--srm-l-scale)).048 180);--brew-accent-300:oklch(calc(80%*var(--srm-l-scale)).08 180);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).108 180);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).12 180);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).105 180);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).088 180);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).062 180);--brew-accent-900:#032b25;--brew-accent-950:#031b17}@supports (color:lab(0% 0 0)){.palette-forest .brew-section[data-accent=water]{--brew-accent-900:lab(14.7246% -15.769 -.116479);--brew-accent-950:lab(7.60812% -9.66713 -.0817716)}}.palette-forest .brew-section[data-accent=fermentation]{--brew-accent-200:oklch(calc(88%*var(--srm-l-scale)).042 30);--brew-accent-300:oklch(calc(78%*var(--srm-l-scale)).068 30);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).09 30);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).102 30);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).09 30);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).075 30);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).055 30);--brew-accent-900:#351c18;--brew-accent-950:#22110e}@supports (color:lab(0% 0 0)){.palette-forest .brew-section[data-accent=fermentation]{--brew-accent-900:lab(13.8058% 12.054 8.235);--brew-accent-950:lab(6.99% 8.52735 4.65598)}}.palette-forest .brew-section[data-accent=targets]{--brew-accent-200:oklch(calc(88%*var(--srm-l-scale)).038 130);--brew-accent-300:oklch(calc(78%*var(--srm-l-scale)).062 130);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).082 130);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).092 130);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).08 130);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).066 130);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).048 130);--brew-accent-900:#1e2715;--brew-accent-950:#12180c}@supports (color:lab(0% 0 0)){.palette-forest .brew-section[data-accent=targets]{--brew-accent-900:lab(14.5392% -7.30801 10.7588);--brew-accent-950:lab(7.4845% -4.75772 6.01567)}}.palette-copper{--srm-l-scale:1;--srm-bg-l-scale:1;--srm-bg-c-scale:1;--bg:oklch(calc(97.21%*var(--srm-bg-l-scale))calc(.0107*var(--srm-bg-c-scale))76.6);--surface:oklch(calc(95.11%*var(--srm-bg-l-scale))calc(.0148*var(--srm-bg-c-scale))80.7);--card:oklch(calc(98.28%*var(--srm-bg-l-scale))calc(.0086*var(--srm-bg-c-scale))84.6);--text:55 38 22;--text-muted:130 105 75;--border:215 200 175;--accent:190 110 40;--glow:170 90 25;--coral-50:#fdf3eb;--coral-100:#fae3d1;--coral-200:oklch(calc(86%*var(--srm-l-scale)).075 58);--coral-300:oklch(calc(77%*var(--srm-l-scale)).13 52);--coral-400:oklch(calc(70%*var(--srm-l-scale)).16 48);--coral-500:oklch(calc(60%*var(--srm-l-scale)).155 45);--coral-600:oklch(calc(50%*var(--srm-l-scale)).14 44);--coral-700:oklch(calc(42%*var(--srm-l-scale)).115 44);--coral-800:oklch(calc(34%*var(--srm-l-scale)).088 44);--coral-900:#3c1808;--coral-950:#260e04;--fg-strong:#1d140f;--fg-muted:#715f55;--brew-bg:var(--bg);--brew-surface:var(--surface);--brew-card:var(--card);--brew-card-inset:oklch(calc(93.85%*var(--srm-bg-l-scale))calc(.0173*var(--srm-bg-c-scale))84.6);--brew-border:215 200 175;--brew-border-subtle:205 190 165;--brew-accent-50:#fcf3ee;--brew-accent-100:#fde6da;--brew-accent-200:oklch(calc(88%*var(--srm-l-scale)).065 48);--brew-accent-300:oklch(calc(78%*var(--srm-l-scale)).112 48);--brew-accent-400:oklch(calc(70%*var(--srm-l-scale)).145 48);--brew-accent-500:oklch(calc(60%*var(--srm-l-scale)).14 45);--brew-accent-600:oklch(calc(50%*var(--srm-l-scale)).125 44);--brew-accent-700:oklch(calc(42%*var(--srm-l-scale)).105 44);--brew-accent-800:oklch(calc(34%*var(--srm-l-scale)).078 44);--brew-accent-900:#391a0c;--brew-accent-950:#250f06;--brew-neutral-50:#fef7f3;--brew-neutral-100:#f7ece6;--brew-neutral-200:#e9dbd4;--brew-neutral-300:#cfc1b9;--brew-neutral-400:#998c86;--brew-neutral-500:#7b6f68;--brew-neutral-600:#5d534e;--brew-neutral-700:#413834;--brew-neutral-800:#28201b;--brew-neutral-900:#16100d;--shadow-card:0 0 0 1px #78501e0f,0 1px 1px -.5px #78501e0f,0 3px 3px -1.5px #78501e0f,0 6px 6px -3px #78501e0d,0 12px 12px -6px #78501e0a,0 24px 24px -12px #78501e09;--shadow-card-hover:0 0 0 1px #78501e14,0 1px 1px -.5px #78501e14,0 4px 4px -2px #78501e14,0 8px 8px -4px #78501e12,0 16px 16px -8px #78501e0f,0 36px 36px -18px #78501e0d;--sidebar-recipe-bg:oklch(calc(60%*var(--srm-l-scale)).12 45);--sidebar-recipe-text:#f8f4f2;--sidebar-equipment-bg:oklch(calc(40%*var(--srm-l-scale)).1 240);--sidebar-equipment-text:#dae3e9;--sidebar-grain-bg:oklch(calc(58%*var(--srm-l-scale)).15 60);--sidebar-grain-text:#f9f4f0;--sidebar-mash-bg:oklch(calc(56%*var(--srm-l-scale)).14 45);--sidebar-mash-text:#f8f4f2;--sidebar-hops-bg:oklch(calc(46%*var(--srm-l-scale)).12 120);--sidebar-hops-text:#eaece4;--sidebar-yeast-bg:oklch(calc(42%*var(--srm-l-scale)).14 330);--sidebar-yeast-text:#e6dfe5;--sidebar-water-bg:oklch(calc(46%*var(--srm-l-scale)).15 230);--sidebar-water-text:#dde6eb;--sidebar-fermentation-bg:oklch(calc(50%*var(--srm-l-scale)).15 20);--sidebar-fermentation-text:#f0e9e9;--sidebar-packaging-bg:oklch(calc(52%*var(--srm-l-scale)).13 50);--sidebar-packaging-text:#f3edea;--sidebar-targets-bg:oklch(calc(54%*var(--srm-l-scale)).12 35);--sidebar-targets-text:#f4edeb}@supports (color:lab(0% 0 0)){.palette-copper{--coral-50:lab(96.5092% 2.15498 5.23328);--coral-100:lab(91.8202% 5.77286 12.0415);--coral-900:lab(13.716% 16.8932 17.6456);--coral-950:lab(6.93327% 11.976 8.79863);--fg-strong:lab(7.14461% 4.02295 4.45696);--fg-muted:lab(41.8723% 6.30817 8.44478);--brew-accent-50:lab(96.465% 2.71121 3.43776);--brew-accent-100:lab(92.8972% 6.88434 8.6709);--brew-accent-900:lab(13.7766% 14.8268 15.8606);--brew-accent-950:lab(6.97199% 10.527 8.04265);--brew-neutral-50:lab(97.6388% 2.16645 2.94905);--brew-neutral-100:lab(94.1374% 3.26604 4.43456);--brew-neutral-200:lab(88.3242% 3.93394 5.33165);--brew-neutral-300:lab(79.0349% 4.38795 5.93616);--brew-neutral-400:lab(59.3228% 3.96052 5.35085);--brew-neutral-500:lab(47.722% 3.97772 5.36385);--brew-neutral-600:lab(36.1349% 3.31649 4.4712);--brew-neutral-700:lab(24.5335% 3.34321 4.49258);--brew-neutral-800:lab(12.931% 3.3902 4.53401);--brew-neutral-900:lab(5.22581% 2.1156 2.47255);--sidebar-recipe-text:lab(96.4941% 1.1875 1.3598);--sidebar-equipment-text:lab(89.5783% -1.95083 -3.95167);--sidebar-grain-text:lab(96.5056% 1.34358 2.65974);--sidebar-mash-text:lab(96.4941% 1.1875 1.3598);--sidebar-hops-text:lab(93.1684% -2.04775 3.95489);--sidebar-yeast-text:lab(89.397% 3.53748 -2.24403);--sidebar-water-text:lab(90.7667% -2.54375 -3.5049);--sidebar-fermentation-text:lab(92.9599% 2.53519 1.06817);--sidebar-packaging-text:lab(94.1672% 1.73023 2.35742);--sidebar-targets-text:lab(94.1416% 2.20767 1.77284)}}.dark.palette-copper{--bg:oklch(calc(21.5%*var(--srm-bg-l-scale))calc(.0154*var(--srm-bg-c-scale))66.6);--surface:oklch(calc(24.5%*var(--srm-bg-l-scale))calc(.0198*var(--srm-bg-c-scale))66.4);--card:oklch(calc(28.0%*var(--srm-bg-l-scale))calc(.0237*var(--srm-bg-c-scale))66.3);--text:240 228 210;--text-muted:175 150 120;--border:75 62 48;--accent:210 135 55;--glow:185 110 35;--fg-strong:#f3edea;--fg-muted:#a99b94;--brew-bg:var(--bg);--brew-surface:var(--surface);--brew-card:var(--card);--brew-card-inset:oklch(calc(22.5%*var(--srm-bg-l-scale))calc(.0164*var(--srm-bg-c-scale))62.2);--brew-border:75 62 48;--brew-border-subtle:65 54 42;--shadow-card:0 0 0 1px #00000038,0 1px 1px -.5px #0000002e,0 3px 3px -1.5px #0000002e,0 6px 6px -3px #00000026,0 12px 12px -6px #0000001f,0 24px 24px -12px #0000001a;--shadow-card-hover:0 0 0 1px #00000047,0 1px 1px -.5px #00000038,0 4px 4px -2px #00000038,0 8px 8px -4px #0003,0 16px 16px -8px #00000029,0 36px 36px -18px #0000001f}@supports (color:lab(0% 0 0)){.dark.palette-copper{--fg-strong:lab(94.1672% 1.73023 2.35742);--fg-muted:lab(65.1141% 4.40395 5.9479)}}.palette-copper .brew-section[data-accent=equipment]{--brew-accent-200:oklch(calc(90%*var(--srm-l-scale)).025 250);--brew-accent-300:oklch(calc(80%*var(--srm-l-scale)).045 248);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).062 245);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).07 245);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).06 245);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).048 245);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).035 245);--brew-accent-900:#1a252f;--brew-accent-950:#0f171e}@supports (color:lab(0% 0 0)){.palette-copper .brew-section[data-accent=equipment]{--brew-accent-900:lab(14.1378% -2.79646 -8.35881);--brew-accent-950:lab(7.21303% -1.87187 -5.98189)}}.palette-copper .brew-section[data-accent=grain]{--brew-accent-200:oklch(calc(90%*var(--srm-l-scale)).072 65);--brew-accent-300:oklch(calc(80%*var(--srm-l-scale)).125 60);--brew-accent-400:oklch(calc(72%*var(--srm-l-scale)).155 55);--brew-accent-500:oklch(calc(62%*var(--srm-l-scale)).16 50);--brew-accent-600:oklch(calc(52%*var(--srm-l-scale)).145 48);--brew-accent-700:oklch(calc(42%*var(--srm-l-scale)).12 48);--brew-accent-800:oklch(calc(34%*var(--srm-l-scale)).09 48);--brew-accent-900:#3c1803;--brew-accent-950:#270e03}@supports (color:lab(0% 0 0)){.palette-copper .brew-section[data-accent=grain]{--brew-accent-900:lab(13.73% 16.9915 19.4119);--brew-accent-950:lab(6.94479% 11.9857 9.56549)}}.palette-copper .brew-section[data-accent=mash]{--brew-accent-200:oklch(calc(90%*var(--srm-l-scale)).068 50);--brew-accent-300:oklch(calc(80%*var(--srm-l-scale)).118 48);--brew-accent-400:oklch(calc(72%*var(--srm-l-scale)).148 46);--brew-accent-500:oklch(calc(62%*var(--srm-l-scale)).155 44);--brew-accent-600:oklch(calc(52%*var(--srm-l-scale)).14 44);--brew-accent-700:oklch(calc(42%*var(--srm-l-scale)).115 44);--brew-accent-800:oklch(calc(34%*var(--srm-l-scale)).085 44);--brew-accent-900:#3b1908;--brew-accent-950:#260e05}@supports (color:lab(0% 0 0)){.palette-copper .brew-section[data-accent=mash]{--brew-accent-900:lab(13.7248% 16.5961 17.3983);--brew-accent-950:lab(6.94113% 11.6845 8.6515)}}.palette-copper .brew-section[data-accent=hops]{--brew-accent-200:oklch(calc(90%*var(--srm-l-scale)).048 140);--brew-accent-300:oklch(calc(80%*var(--srm-l-scale)).078 140);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).1 140);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).112 140);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).098 140);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).08 140);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).058 140);--brew-accent-900:#192915;--brew-accent-950:#0f190c}@supports (color:lab(0% 0 0)){.palette-copper .brew-section[data-accent=hops]{--brew-accent-900:lab(14.6607% -10.822 10.7736);--brew-accent-950:lab(7.56791% -6.90275 6.07266)}}.palette-copper .brew-section[data-accent=yeast]{--brew-accent-200:oklch(calc(88%*var(--srm-l-scale)).04 305);--brew-accent-300:oklch(calc(78%*var(--srm-l-scale)).065 305);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).088 305);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).1 305);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).088 305);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).072 305);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).052 305);--brew-accent-900:#281f32;--brew-accent-950:#191320}@supports (color:lab(0% 0 0)){.palette-copper .brew-section[data-accent=yeast]{--brew-accent-900:lab(13.6667% 7.94886 -11.0565);--brew-accent-950:lab(6.89761% 5.53907 -7.98434)}}.palette-copper .brew-section[data-accent=water]{--brew-accent-200:oklch(calc(90%*var(--srm-l-scale)).042 225);--brew-accent-300:oklch(calc(80%*var(--srm-l-scale)).07 225);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).092 225);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).102 225);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).09 225);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).075 225);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).055 225);--brew-accent-900:#0a2833;--brew-accent-950:#061920}@supports (color:lab(0% 0 0)){.palette-copper .brew-section[data-accent=water]{--brew-accent-900:lab(14.3114% -8.25711 -10.3762);--brew-accent-950:lab(7.33167% -5.36564 -7.50353)}}.palette-copper .brew-section[data-accent=fermentation]{--brew-accent-200:oklch(calc(88%*var(--srm-l-scale)).055 25);--brew-accent-300:oklch(calc(78%*var(--srm-l-scale)).092 25);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).125 25);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).138 25);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).122 25);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).1 25);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).072 25);--brew-accent-900:#391917;--brew-accent-950:#240f0d}@supports (color:lab(0% 0 0)){.palette-copper .brew-section[data-accent=fermentation]{--brew-accent-900:lab(13.6543% 16.2598 9.21264);--brew-accent-950:lab(6.89673% 11.3153 4.97215)}}.palette-copper .brew-section[data-accent=targets]{--brew-accent-200:oklch(calc(88%*var(--srm-l-scale)).048 42);--brew-accent-300:oklch(calc(78%*var(--srm-l-scale)).08 42);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).105 42);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).118 42);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).105 42);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).088 42);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).062 42);--brew-accent-900:#361c12;--brew-accent-950:#22110a}@supports (color:lab(0% 0 0)){.palette-copper .brew-section[data-accent=targets]{--brew-accent-900:lab(13.8436% 12.2161 12.6201);--brew-accent-950:lab(7.02079% 8.4556 6.51632)}}.palette-ink{--srm-l-scale:1;--srm-bg-l-scale:1;--srm-bg-c-scale:1;--bg:oklch(calc(97.97%*var(--srm-bg-l-scale))calc(.0026*var(--srm-bg-c-scale))286.4);--surface:oklch(calc(96.2%*var(--srm-bg-l-scale))calc(.004*var(--srm-bg-c-scale))286.3);--card:oklch(calc(100%*var(--srm-bg-l-scale))calc(0*var(--srm-bg-c-scale))0);--text:18 18 22;--text-muted:110 110 125;--border:220 220 228;--accent:45 45 55;--glow:30 30 40;--coral-50:#f3f5f8;--coral-100:#e5e8ed;--coral-200:oklch(calc(86%*var(--srm-l-scale)).015 260);--coral-300:oklch(calc(75%*var(--srm-l-scale)).025 260);--coral-400:oklch(calc(62%*var(--srm-l-scale)).03 260);--coral-500:oklch(calc(48%*var(--srm-l-scale)).028 260);--coral-600:oklch(calc(38%*var(--srm-l-scale)).025 260);--coral-700:oklch(calc(30%*var(--srm-l-scale)).02 260);--coral-800:oklch(calc(24%*var(--srm-l-scale)).015 260);--coral-900:#0f1216;--coral-950:#07090c;--fg-strong:#030304;--fg-muted:#616368;--brew-bg:var(--bg);--brew-surface:var(--surface);--brew-card:var(--card);--brew-card-inset:oklch(calc(95.03%*var(--srm-bg-l-scale))calc(.0053*var(--srm-bg-c-scale))286.3);--brew-border:220 220 228;--brew-border-subtle:210 210 218;--brew-accent-50:#f3f5f8;--brew-accent-100:#e9ebef;--brew-accent-200:oklch(calc(88%*var(--srm-l-scale)).012 260);--brew-accent-300:oklch(calc(78%*var(--srm-l-scale)).02 260);--brew-accent-400:oklch(calc(65%*var(--srm-l-scale)).025 260);--brew-accent-500:oklch(calc(50%*var(--srm-l-scale)).025 260);--brew-accent-600:oklch(calc(40%*var(--srm-l-scale)).022 260);--brew-accent-700:oklch(calc(32%*var(--srm-l-scale)).018 260);--brew-accent-800:oklch(calc(25%*var(--srm-l-scale)).014 260);--brew-accent-900:#0f1216;--brew-accent-950:#07090c;--brew-neutral-50:#f7f8fa;--brew-neutral-100:#eceff2;--brew-neutral-200:#dfe1e5;--brew-neutral-300:#c7cbd0;--brew-neutral-400:#8f9297;--brew-neutral-500:#727579;--brew-neutral-600:#56585b;--brew-neutral-700:#3b3d40;--brew-neutral-800:#222427;--brew-neutral-900:#111213;--shadow-card:0 0 0 1px #0000000f,0 1px 2px #0000000a,0 3px 6px #00000008;--shadow-card-hover:0 0 0 1px #00000014,0 2px 4px #0000000f,0 6px 12px #0000000a;--sidebar-recipe-bg:oklch(calc(35%*var(--srm-l-scale)).01 260);--sidebar-recipe-text:#f0f2f4;--sidebar-equipment-bg:oklch(calc(42%*var(--srm-l-scale)).012 260);--sidebar-equipment-text:#e3e5e7;--sidebar-grain-bg:oklch(calc(48%*var(--srm-l-scale)).01 80);--sidebar-grain-text:#f3f1ef;--sidebar-mash-bg:oklch(calc(40%*var(--srm-l-scale)).01 50);--sidebar-mash-text:#f4f1ef;--sidebar-hops-bg:oklch(calc(38%*var(--srm-l-scale)).015 145);--sidebar-hops-text:#e9ece9;--sidebar-yeast-bg:oklch(calc(35%*var(--srm-l-scale)).015 310);--sidebar-yeast-text:#e5e4e6;--sidebar-water-bg:oklch(calc(40%*var(--srm-l-scale)).018 250);--sidebar-water-text:#e6e8ea;--sidebar-fermentation-bg:oklch(calc(38%*var(--srm-l-scale)).012 15);--sidebar-fermentation-text:#eeeaea;--sidebar-packaging-bg:oklch(calc(34%*var(--srm-l-scale)).01 50);--sidebar-packaging-text:#edeae9;--sidebar-targets-bg:oklch(calc(30%*var(--srm-l-scale)).008 260);--sidebar-targets-text:#e9ebee}@supports (color:lab(0% 0 0)){.palette-ink{--coral-50:lab(96.5076% -.214994 -1.49846);--coral-100:lab(91.8546% -.419319 -2.9907);--coral-900:lab(5.23796% -.285208 -3.0582);--coral-950:lab(2.464% -.136174 -1.48309);--fg-strong:lab(.898769% -.0460669 -.468522);--fg-muted:lab(41.9736% -.401497 -2.98081);--brew-accent-50:lab(96.5076% -.214994 -1.49846);--brew-accent-100:lab(93.0212% -.318497 -2.2453);--brew-accent-900:lab(5.23796% -.285208 -3.0582);--brew-accent-950:lab(2.464% -.136174 -1.48309);--brew-neutral-50:lab(97.6708% -.162274 -1.12438);--brew-neutral-100:lab(94.1844% -.267118 -1.87205);--brew-neutral-200:lab(89.5411% -.31808 -2.24508);--brew-neutral-300:lab(81.4145% -.417084 -2.98945);--brew-neutral-400:lab(60.5341% -.410855 -2.98594);--brew-neutral-500:lab(48.9338% -.405639 -2.98307);--brew-neutral-600:lab(37.3405% -.306472 -2.23852);--brew-neutral-700:lab(25.7401% -.299901 -2.23495);--brew-neutral-800:lab(14.1395% -.288248 -2.22882);--brew-neutral-900:lab(5.25772% -.145748 -1.17066);--sidebar-recipe-text:lab(95.3476% -.214964 -1.49841);--sidebar-equipment-text:lab(90.7076% -.214756 -1.49829);--sidebar-grain-text:lab(95.3719% .224829 1.50443);--sidebar-mash-text:lab(95.3438% .861824 1.17654);--sidebar-hops-text:lab(93.0932% -1.11789 .863254);--sidebar-yeast-text:lab(90.6713% .883639 -1.15613);--sidebar-water-text:lab(91.877% -.443697 -1.43201);--sidebar-fermentation-text:lab(92.9969% 1.30361 .407004);--sidebar-packaging-text:lab(93.0238% .861913 1.17657);--sidebar-targets-text:lab(93.0276% -.214875 -1.49835)}}.dark.palette-ink{--bg:oklch(calc(18.5%*var(--srm-bg-l-scale))calc(.0043*var(--srm-bg-c-scale))285.9);--surface:oklch(calc(21.5%*var(--srm-bg-l-scale))calc(.0041*var(--srm-bg-c-scale))286);--card:oklch(calc(24.0%*var(--srm-bg-l-scale))calc(.0059*var(--srm-bg-c-scale))285.9);--text:235 235 240;--text-muted:135 135 150;--border:50 50 58;--accent:200 200 215;--glow:170 170 188;--fg-strong:#f0f2f4;--fg-muted:#8d8f93;--brew-bg:var(--bg);--brew-surface:var(--surface);--brew-card:var(--card);--brew-card-inset:oklch(calc(19.5%*var(--srm-bg-l-scale))calc(.0042*var(--srm-bg-c-scale))285.9);--brew-border:50 50 58;--brew-border-subtle:44 44 50;--shadow-card:0 0 0 1px #ffffff0d,0 1px 2px #0000004d,0 3px 6px #00000040;--shadow-card-hover:0 0 0 1px #ffffff14,0 2px 4px #00000059,0 6px 12px #0000004d}@supports (color:lab(0% 0 0)){.dark.palette-ink{--fg-strong:lab(95.3476% -.214964 -1.49841);--fg-muted:lab(59.3809% -.313342 -2.24237)}}.palette-ink .brew-section[data-accent=equipment]{--brew-accent-200:oklch(calc(90%*var(--srm-l-scale)).01 260);--brew-accent-300:oklch(calc(80%*var(--srm-l-scale)).018 260);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).025 260);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).028 260);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).024 260);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).02 260);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).015 260);--brew-accent-900:#212429;--brew-accent-950:#14161a}@supports (color:lab(0% 0 0)){.palette-ink .brew-section[data-accent=equipment]{--brew-accent-900:lab(14.1188% -.463441 -4.05493);--brew-accent-950:lab(7.19868% -.318386 -2.90275)}}.palette-ink .brew-section[data-accent=grain]{--brew-accent-200:oklch(calc(90%*var(--srm-l-scale)).018 75);--brew-accent-300:oklch(calc(80%*var(--srm-l-scale)).03 75);--brew-accent-400:oklch(calc(72%*var(--srm-l-scale)).04 75);--brew-accent-500:oklch(calc(62%*var(--srm-l-scale)).042 75);--brew-accent-600:oklch(calc(52%*var(--srm-l-scale)).036 75);--brew-accent-700:oklch(calc(42%*var(--srm-l-scale)).03 75);--brew-accent-800:oklch(calc(34%*var(--srm-l-scale)).022 75);--brew-accent-900:#29231b;--brew-accent-950:#191511}@supports (color:lab(0% 0 0)){.palette-ink .brew-section[data-accent=grain]{--brew-accent-900:lab(14.1747% 1.61895 6.1085);--brew-accent-950:lab(7.23681% 1.03407 3.51627)}}.palette-ink .brew-section[data-accent=mash]{--brew-accent-200:oklch(calc(90%*var(--srm-l-scale)).016 55);--brew-accent-300:oklch(calc(80%*var(--srm-l-scale)).028 55);--brew-accent-400:oklch(calc(72%*var(--srm-l-scale)).036 55);--brew-accent-500:oklch(calc(62%*var(--srm-l-scale)).038 55);--brew-accent-600:oklch(calc(52%*var(--srm-l-scale)).032 55);--brew-accent-700:oklch(calc(42%*var(--srm-l-scale)).026 55);--brew-accent-800:oklch(calc(34%*var(--srm-l-scale)).02 55);--brew-accent-900:#2a221e;--brew-accent-950:#1a1512}@supports (color:lab(0% 0 0)){.palette-ink .brew-section[data-accent=mash]{--brew-accent-900:lab(14.1115% 2.83726 4.51069);--brew-accent-950:lab(7.19444% 1.91899 2.76064)}}.palette-ink .brew-section[data-accent=hops]{--brew-accent-200:oklch(calc(90%*var(--srm-l-scale)).014 145);--brew-accent-300:oklch(calc(80%*var(--srm-l-scale)).024 145);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).032 145);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).035 145);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).03 145);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).025 145);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).018 145);--brew-accent-900:#202620;--brew-accent-950:#141714}@supports (color:lab(0% 0 0)){.palette-ink .brew-section[data-accent=hops]{--brew-accent-900:lab(14.3295% -3.63269 2.83696);--brew-accent-950:lab(7.33682% -2.31504 1.76267)}}.palette-ink .brew-section[data-accent=yeast]{--brew-accent-200:oklch(calc(88%*var(--srm-l-scale)).012 310);--brew-accent-300:oklch(calc(78%*var(--srm-l-scale)).02 310);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).028 310);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).032 310);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).028 310);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).022 310);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).016 310);--brew-accent-900:#262228;--brew-accent-950:#171519}@supports (color:lab(0% 0 0)){.palette-ink .brew-section[data-accent=yeast]{--brew-accent-900:lab(14.0086% 2.69599 -3.42706);--brew-accent-950:lab(7.13296% 1.69099 -2.23092)}}.palette-ink .brew-section[data-accent=water]{--brew-accent-200:oklch(calc(90%*var(--srm-l-scale)).015 230);--brew-accent-300:oklch(calc(80%*var(--srm-l-scale)).025 230);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).035 230);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).038 230);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).032 230);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).026 230);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).02 230);--brew-accent-900:#1d252a;--brew-accent-950:#12171a}@supports (color:lab(0% 0 0)){.palette-ink .brew-section[data-accent=water]{--brew-accent-900:lab(14.2086% -2.84654 -4.02953);--brew-accent-950:lab(7.25926% -1.87484 -2.84033)}}.palette-ink .brew-section[data-accent=fermentation]{--brew-accent-200:oklch(calc(88%*var(--srm-l-scale)).014 15);--brew-accent-300:oklch(calc(78%*var(--srm-l-scale)).024 15);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).032 15);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).036 15);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).03 15);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).025 15);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).018 15);--brew-accent-900:#2a2222;--brew-accent-950:#1a1415}@supports (color:lab(0% 0 0)){.palette-ink .brew-section[data-accent=fermentation]{--brew-accent-900:lab(14.0194% 4.23269 1.3375);--brew-accent-950:lab(7.13582% 2.7963 .837192)}}.palette-ink .brew-section[data-accent=targets]{--brew-accent-200:oklch(calc(88%*var(--srm-l-scale)).01 260);--brew-accent-300:oklch(calc(78%*var(--srm-l-scale)).018 260);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).024 260);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).028 260);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).024 260);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).02 260);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).014 260);--brew-accent-900:#212429;--brew-accent-950:#141619}@supports (color:lab(0% 0 0)){.palette-ink .brew-section[data-accent=targets]{--brew-accent-900:lab(14.1232% -.433221 -3.69173);--brew-accent-950:lab(7.2027% -.288852 -2.53931)}}.palette-sahara{--srm-l-scale:1;--srm-bg-l-scale:1;--srm-bg-c-scale:1;--bg:oklch(calc(97.75%*var(--srm-bg-l-scale))calc(.013*var(--srm-bg-c-scale))82.4);--surface:oklch(calc(95.65%*var(--srm-bg-l-scale))calc(.0172*var(--srm-bg-c-scale))84.6);--card:oklch(calc(98.9%*var(--srm-bg-l-scale))calc(.0114*var(--srm-bg-c-scale))84.6);--text:65 48 30;--text-muted:145 120 90;--border:225 210 185;--accent:195 95 55;--glow:180 75 35;--coral-50:#fff2ed;--coral-100:#fee1d7;--coral-200:oklch(calc(86%*var(--srm-l-scale)).072 38);--coral-300:oklch(calc(77%*var(--srm-l-scale)).125 35);--coral-400:oklch(calc(68%*var(--srm-l-scale)).155 32);--coral-500:oklch(calc(58%*var(--srm-l-scale)).15 30);--coral-600:oklch(calc(48%*var(--srm-l-scale)).135 28);--coral-700:oklch(calc(40%*var(--srm-l-scale)).112 28);--coral-800:oklch(calc(32%*var(--srm-l-scale)).085 28);--coral-900:#37120e;--coral-950:#210907;--fg-strong:#1e130e;--fg-muted:#76655d;--brew-bg:var(--bg);--brew-surface:var(--surface);--brew-card:var(--card);--brew-card-inset:oklch(calc(94.2%*var(--srm-bg-l-scale))calc(.0189*var(--srm-bg-c-scale))83.1);--brew-border:225 210 185;--brew-border-subtle:215 200 175;--brew-accent-50:#fdf2f0;--brew-accent-100:#fde5df;--brew-accent-200:oklch(calc(88%*var(--srm-l-scale)).06 35);--brew-accent-300:oklch(calc(78%*var(--srm-l-scale)).105 33);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).135 30);--brew-accent-500:oklch(calc(58%*var(--srm-l-scale)).132 28);--brew-accent-600:oklch(calc(48%*var(--srm-l-scale)).118 28);--brew-accent-700:oklch(calc(40%*var(--srm-l-scale)).098 28);--brew-accent-800:oklch(calc(32%*var(--srm-l-scale)).075 28);--brew-accent-900:#341411;--brew-accent-950:#200a08;--brew-neutral-50:#fff6f3;--brew-neutral-100:#f8ece6;--brew-neutral-200:#e9dbd4;--brew-neutral-300:#d0c0ba;--brew-neutral-400:#998c86;--brew-neutral-500:#7b6f69;--brew-neutral-600:#5d534e;--brew-neutral-700:#423834;--brew-neutral-800:#281f1c;--brew-neutral-900:#16100d;--shadow-card:0 0 0 1px #8c64320f,0 1px 1px -.5px #8c64320f,0 3px 3px -1.5px #8c64320d,0 6px 6px -3px #8c64320b,0 12px 12px -6px #8c64320a,0 24px 24px -12px #8c643209;--shadow-card-hover:0 0 0 1px #8c643214,0 1px 1px -.5px #8c643214,0 4px 4px -2px #8c643212,0 8px 8px -4px #8c643211,0 16px 16px -8px #8c64320e,0 36px 36px -18px #8c64320b;--sidebar-recipe-bg:oklch(calc(58%*var(--srm-l-scale)).14 30);--sidebar-recipe-text:#f6f0ef;--sidebar-equipment-bg:oklch(calc(40%*var(--srm-l-scale)).1 245);--sidebar-equipment-text:#dbe2e9;--sidebar-grain-bg:oklch(calc(60%*var(--srm-l-scale)).14 65);--sidebar-grain-text:#f9f4f0;--sidebar-mash-bg:oklch(calc(56%*var(--srm-l-scale)).14 40);--sidebar-mash-text:#f5f1ef;--sidebar-hops-bg:oklch(calc(46%*var(--srm-l-scale)).12 135);--sidebar-hops-text:#e8ede5;--sidebar-yeast-bg:oklch(calc(42%*var(--srm-l-scale)).14 315);--sidebar-yeast-text:#e4dfe7;--sidebar-water-bg:oklch(calc(46%*var(--srm-l-scale)).15 240);--sidebar-water-text:#dee6ec;--sidebar-fermentation-bg:oklch(calc(50%*var(--srm-l-scale)).15 18);--sidebar-fermentation-text:#f0e9e9;--sidebar-packaging-bg:oklch(calc(52%*var(--srm-l-scale)).13 50);--sidebar-packaging-text:#f3edea;--sidebar-targets-bg:oklch(calc(54%*var(--srm-l-scale)).12 30);--sidebar-targets-text:#f4edeb}@supports (color:lab(0% 0 0)){.palette-sahara{--coral-50:lab(96.4314% 3.76931 3.87961);--coral-100:lab(91.6534% 9.16648 8.78085);--coral-900:lab(11.2707% 18.5787 11.2734);--coral-950:lab(4.97384% 10.9112 4.81885);--fg-strong:lab(7.11571% 4.89476 4.55772);--fg-muted:lab(44.1816% 6.11213 6.93051);--brew-accent-50:lab(96.4322% 3.31658 2.66303);--brew-accent-100:lab(92.8324% 7.78931 6.25429);--brew-accent-900:lab(11.3525% 16.0322 9.90289);--brew-accent-950:lab(5.0035% 9.74494 4.43749);--brew-neutral-50:lab(97.6278% 2.38341 2.72528);--brew-neutral-100:lab(94.121% 3.58912 4.0975);--brew-neutral-200:lab(88.3045% 4.31952 4.92586);--brew-neutral-300:lab(79.0132% 4.81385 5.48368);--brew-neutral-400:lab(59.3034% 4.34217 4.94256);--brew-neutral-500:lab(47.7027% 4.35686 4.95381);--brew-neutral-600:lab(36.1188% 3.63216 4.12932);--brew-neutral-700:lab(24.5176% 3.65496 4.14779);--brew-neutral-800:lab(12.9155% 3.69492 4.18342);--brew-neutral-900:lab(5.21655% 2.30658 2.29647);--sidebar-recipe-text:lab(95.3105% 1.75011 1.16096);--sidebar-equipment-text:lab(89.5639% -1.63165 -4.13092);--sidebar-grain-text:lab(96.515% 1.13401 2.78114);--sidebar-mash-text:lab(95.3287% 1.28764 1.23801);--sidebar-hops-text:lab(93.1902% -2.89598 3.21364);--sidebar-yeast-text:lab(89.4071% 2.91407 -3.18965);--sidebar-water-text:lab(90.7383% -1.95128 -3.95191);--sidebar-fermentation-text:lab(92.9574% 2.56628 .96767);--sidebar-packaging-text:lab(94.1672% 1.73023 2.35742);--sidebar-targets-text:lab(94.1339% 2.33474 1.54902)}}.dark.palette-sahara{--bg:oklch(calc(22.5%*var(--srm-bg-l-scale))calc(.0153*var(--srm-bg-c-scale))66.7);--surface:oklch(calc(25.5%*var(--srm-bg-l-scale))calc(.0196*var(--srm-bg-c-scale))66.5);--card:oklch(calc(29.0%*var(--srm-bg-l-scale))calc(.0235*var(--srm-bg-c-scale))66.4);--text:242 230 212;--text-muted:175 155 128;--border:78 65 50;--accent:215 115 65;--glow:195 90 40;--fg-strong:#f3edea;--fg-muted:#aa9b94;--brew-bg:var(--bg);--brew-surface:var(--surface);--brew-card:var(--card);--brew-card-inset:oklch(calc(23.5%*var(--srm-bg-l-scale))calc(.0175*var(--srm-bg-c-scale))58.4);--brew-border:78 65 50;--brew-border-subtle:68 56 44;--shadow-card:0 0 0 1px #00000038,0 1px 1px -.5px #0000002e,0 3px 3px -1.5px #0000002e,0 6px 6px -3px #00000026,0 12px 12px -6px #0000001f,0 24px 24px -12px #0000001a;--shadow-card-hover:0 0 0 1px #00000047,0 1px 1px -.5px #00000038,0 4px 4px -2px #00000038,0 8px 8px -4px #0003,0 16px 16px -8px #00000029,0 36px 36px -18px #0000001f}@supports (color:lab(0% 0 0)){.dark.palette-sahara{--fg-strong:lab(94.1584% 1.90434 2.17862);--fg-muted:lab(65.0925% 4.82747 5.49388)}}.palette-sahara .brew-section[data-accent=equipment]{--brew-accent-200:oklch(calc(90%*var(--srm-l-scale)).022 255);--brew-accent-300:oklch(calc(80%*var(--srm-l-scale)).04 252);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).055 250);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).062 250);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).052 250);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).042 250);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).03 250);--brew-accent-900:#1c252e;--brew-accent-950:#11171d}@supports (color:lab(0% 0 0)){.palette-sahara .brew-section[data-accent=equipment]{--brew-accent-900:lab(14.116% -1.90929 -7.64272);--brew-accent-950:lab(7.19763% -1.29724 -5.51714)}}.palette-sahara .brew-section[data-accent=grain]{--brew-accent-200:oklch(calc(90%*var(--srm-l-scale)).068 60);--brew-accent-300:oklch(calc(80%*var(--srm-l-scale)).115 55);--brew-accent-400:oklch(calc(72%*var(--srm-l-scale)).145 50);--brew-accent-500:oklch(calc(62%*var(--srm-l-scale)).15 48);--brew-accent-600:oklch(calc(52%*var(--srm-l-scale)).135 46);--brew-accent-700:oklch(calc(42%*var(--srm-l-scale)).112 46);--brew-accent-800:oklch(calc(34%*var(--srm-l-scale)).082 46);--brew-accent-900:#3b1908;--brew-accent-950:#260f05}@supports (color:lab(0% 0 0)){.palette-sahara .brew-section[data-accent=grain]{--brew-accent-900:lab(13.7612% 15.6409 17.4097);--brew-accent-950:lab(6.96171% 11.1306 8.73815)}}.palette-sahara .brew-section[data-accent=mash]{--brew-accent-200:oklch(calc(90%*var(--srm-l-scale)).062 45);--brew-accent-300:oklch(calc(80%*var(--srm-l-scale)).108 42);--brew-accent-400:oklch(calc(72%*var(--srm-l-scale)).138 40);--brew-accent-500:oklch(calc(62%*var(--srm-l-scale)).142 38);--brew-accent-600:oklch(calc(52%*var(--srm-l-scale)).128 38);--brew-accent-700:oklch(calc(42%*var(--srm-l-scale)).105 38);--brew-accent-800:oklch(calc(34%*var(--srm-l-scale)).078 38);--brew-accent-900:#3a190f;--brew-accent-950:#250f08}@supports (color:lab(0% 0 0)){.palette-sahara .brew-section[data-accent=mash]{--brew-accent-900:lab(13.7156% 16.0597 14.4603);--brew-accent-950:lab(6.92877% 11.499 7.43904)}}.palette-sahara .brew-section[data-accent=hops]{--brew-accent-200:oklch(calc(90%*var(--srm-l-scale)).045 142);--brew-accent-300:oklch(calc(80%*var(--srm-l-scale)).072 140);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).095 138);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).105 138);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).092 138);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).075 138);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).055 138);--brew-accent-900:#1a2915;--brew-accent-950:#0f190c}@supports (color:lab(0% 0 0)){.palette-sahara .brew-section[data-accent=hops]{--brew-accent-900:lab(14.6296% -9.93461 10.6883);--brew-accent-950:lab(7.55092% -6.45758 6.10157)}}.palette-sahara .brew-section[data-accent=yeast]{--brew-accent-200:oklch(calc(88%*var(--srm-l-scale)).038 305);--brew-accent-300:oklch(calc(78%*var(--srm-l-scale)).062 305);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).085 305);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).095 305);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).085 305);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).07 305);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).05 305);--brew-accent-900:#282032;--brew-accent-950:#191320}@supports (color:lab(0% 0 0)){.palette-sahara .brew-section[data-accent=yeast]{--brew-accent-900:lab(13.6819% 7.71664 -10.7651);--brew-accent-950:lab(6.91118% 5.31491 -7.69487)}}.palette-sahara .brew-section[data-accent=water]{--brew-accent-200:oklch(calc(90%*var(--srm-l-scale)).04 225);--brew-accent-300:oklch(calc(80%*var(--srm-l-scale)).068 222);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).088 220);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).098 220);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).085 220);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).07 220);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).05 220);--brew-accent-900:#0d2830;--brew-accent-950:#07191e}@supports (color:lab(0% 0 0)){.palette-sahara .brew-section[data-accent=water]{--brew-accent-900:lab(14.3481% -8.44961 -8.54608);--brew-accent-950:lab(7.35562% -5.46012 -6.15278)}}.palette-sahara .brew-section[data-accent=fermentation]{--brew-accent-200:oklch(calc(88%*var(--srm-l-scale)).058 22);--brew-accent-300:oklch(calc(78%*var(--srm-l-scale)).098 20);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).13 18);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).145 18);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).128 18);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).105 18);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).078 18);--brew-accent-900:#3b171a;--brew-accent-950:#260d0f}@supports (color:lab(0% 0 0)){.palette-sahara .brew-section[data-accent=fermentation]{--brew-accent-900:lab(13.5637% 18.0234 7.23723);--brew-accent-950:lab(6.82665% 12.9246 4.1376)}}.palette-sahara .brew-section[data-accent=targets]{--brew-accent-200:oklch(calc(88%*var(--srm-l-scale)).048 35);--brew-accent-300:oklch(calc(78%*var(--srm-l-scale)).082 33);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale)).108 32);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale)).12 30);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale)).108 30);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale)).088 30);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).065 30);--brew-accent-900:#381b16;--brew-accent-950:#23100d}@supports (color:lab(0% 0 0)){.palette-sahara .brew-section[data-accent=targets]{--brew-accent-900:lab(13.7388% 14.2327 9.82699);--brew-accent-950:lab(6.94671% 10.061 5.34737)}}.palette-reactive{--srm-hue:65;--srm-chroma-scale:1;--srm-l-scale:1;--srm-bg-l-scale:1;--srm-bg-c-scale:1;--bg:oklch(calc(97.81%*var(--srm-bg-l-scale))calc(.0107*var(--srm-bg-c-scale))var(--srm-hue));--surface:oklch(calc(95.98%*var(--srm-bg-l-scale))calc(.0119*var(--srm-bg-c-scale))var(--srm-hue));--card:oklch(calc(98.9%*var(--srm-bg-l-scale))calc(.0073*var(--srm-bg-c-scale))var(--srm-hue));--text:50 38 24;--text-muted:125 105 78;--border:218 206 185;--accent:210 160 60;--glow:195 140 40;--coral-50:oklch(97% .015 var(--srm-hue));--coral-100:oklch(93% .035 var(--srm-hue));--coral-200:oklch(calc(86%*var(--srm-l-scale))calc(.075*var(--srm-chroma-scale))var(--srm-hue));--coral-300:oklch(calc(77%*var(--srm-l-scale))calc(.13*var(--srm-chroma-scale))var(--srm-hue));--coral-400:oklch(calc(70%*var(--srm-l-scale))calc(.16*var(--srm-chroma-scale))var(--srm-hue));--coral-500:oklch(calc(60%*var(--srm-l-scale))calc(.155*var(--srm-chroma-scale))var(--srm-hue));--coral-600:oklch(calc(50%*var(--srm-l-scale))calc(.14*var(--srm-chroma-scale))var(--srm-hue));--coral-700:oklch(calc(42%*var(--srm-l-scale))calc(.115*var(--srm-chroma-scale))var(--srm-hue));--coral-800:oklch(calc(34%*var(--srm-l-scale)).088 var(--srm-hue));--coral-900:oklch(26% .062 var(--srm-hue));--coral-950:oklch(20% .045 var(--srm-hue));--fg-strong:oklch(20% .018 var(--srm-hue));--fg-muted:oklch(50% .028 var(--srm-hue));--brew-bg:var(--bg);--brew-surface:var(--surface);--brew-card:var(--card);--brew-card-inset:oklch(calc(94.5%*var(--srm-bg-l-scale))calc(.0148*var(--srm-bg-c-scale))var(--srm-hue));--brew-border:218 206 185;--brew-border-subtle:208 196 175;--brew-accent-50:oklch(97% .012 var(--srm-hue));--brew-accent-100:oklch(94% .03 var(--srm-hue));--brew-accent-200:oklch(calc(88%*var(--srm-l-scale))calc(.065*var(--srm-chroma-scale))var(--srm-hue));--brew-accent-300:oklch(calc(78%*var(--srm-l-scale))calc(.112*var(--srm-chroma-scale))var(--srm-hue));--brew-accent-400:oklch(calc(70%*var(--srm-l-scale))calc(.145*var(--srm-chroma-scale))var(--srm-hue));--brew-accent-500:oklch(calc(60%*var(--srm-l-scale))calc(.14*var(--srm-chroma-scale))var(--srm-hue));--brew-accent-600:oklch(calc(50%*var(--srm-l-scale))calc(.125*var(--srm-chroma-scale))var(--srm-hue));--brew-accent-700:oklch(calc(42%*var(--srm-l-scale))calc(.105*var(--srm-chroma-scale))var(--srm-hue));--brew-accent-800:oklch(calc(34%*var(--srm-l-scale))calc(.078*var(--srm-chroma-scale))var(--srm-hue));--brew-accent-900:oklch(26% .055 var(--srm-hue));--brew-accent-950:oklch(20% .04 var(--srm-hue));--brew-neutral-50:oklch(98% .008 var(--srm-hue));--brew-neutral-100:oklch(95% .012 var(--srm-hue));--brew-neutral-200:oklch(90% .015 var(--srm-hue));--brew-neutral-300:oklch(82% .018 var(--srm-hue));--brew-neutral-400:oklch(65% .014 var(--srm-hue));--brew-neutral-500:oklch(55% .014 var(--srm-hue));--brew-neutral-600:oklch(45% .012 var(--srm-hue));--brew-neutral-700:oklch(35% .012 var(--srm-hue));--brew-neutral-800:oklch(25% .012 var(--srm-hue));--brew-neutral-900:oklch(18% .01 var(--srm-hue));--shadow-card:0 0 0 1px #8c641e0f,0 1px 1px -.5px #8c641e0f,0 3px 3px -1.5px #8c641e0f,0 6px 6px -3px #8c641e0d,0 12px 12px -6px #8c641e0a,0 24px 24px -12px #8c641e09;--shadow-card-hover:0 0 0 1px #8c641e14,0 1px 1px -.5px #8c641e14,0 4px 4px -2px #8c641e14,0 8px 8px -4px #8c641e12,0 16px 16px -8px #8c641e0f,0 36px 36px -18px #8c641e0d;--sidebar-recipe-bg:oklch(calc(60%*var(--srm-l-scale))calc(.12*var(--srm-chroma-scale))var(--srm-hue));--sidebar-recipe-text:oklch(97% .005 var(--srm-hue));--sidebar-equipment-bg:oklch(calc(40%*var(--srm-l-scale))calc(.1*var(--srm-chroma-scale))240);--sidebar-equipment-text:#dae3e9;--sidebar-grain-bg:oklch(calc(58%*var(--srm-l-scale))calc(.15*var(--srm-chroma-scale))60);--sidebar-grain-text:#f9f4f0;--sidebar-mash-bg:oklch(calc(56%*var(--srm-l-scale))calc(.14*var(--srm-chroma-scale))45);--sidebar-mash-text:#f8f4f2;--sidebar-hops-bg:oklch(calc(46%*var(--srm-l-scale))calc(.12*var(--srm-chroma-scale))120);--sidebar-hops-text:#eaece4;--sidebar-yeast-bg:oklch(calc(42%*var(--srm-l-scale))calc(.14*var(--srm-chroma-scale))330);--sidebar-yeast-text:#e6dfe5;--sidebar-water-bg:oklch(calc(46%*var(--srm-l-scale))calc(.15*var(--srm-chroma-scale))230);--sidebar-water-text:#dde6eb;--sidebar-fermentation-bg:oklch(calc(50%*var(--srm-l-scale))calc(.15*var(--srm-chroma-scale))20);--sidebar-fermentation-text:#f0e9e9;--sidebar-packaging-bg:oklch(calc(52%*var(--srm-l-scale))calc(.13*var(--srm-chroma-scale))50);--sidebar-packaging-text:#f3edea;--sidebar-targets-bg:oklch(calc(54%*var(--srm-l-scale))calc(.12*var(--srm-chroma-scale))35);--sidebar-targets-text:#f4edeb}@supports (color:lab(0% 0 0)){.palette-reactive{--sidebar-equipment-text:lab(89.5783% -1.95083 -3.95167);--sidebar-grain-text:lab(96.5056% 1.34358 2.65974);--sidebar-mash-text:lab(96.4941% 1.1875 1.3598);--sidebar-hops-text:lab(93.1684% -2.04775 3.95489);--sidebar-yeast-text:lab(89.397% 3.53748 -2.24403);--sidebar-water-text:lab(90.7667% -2.54375 -3.5049);--sidebar-fermentation-text:lab(92.9599% 2.53519 1.06817);--sidebar-packaging-text:lab(94.1672% 1.73023 2.35742);--sidebar-targets-text:lab(94.1416% 2.20767 1.77284)}}.dark.palette-reactive{--bg:oklch(calc(21.5%*var(--srm-bg-l-scale))calc(.0119*var(--srm-bg-c-scale))var(--srm-hue));--surface:oklch(calc(24.5%*var(--srm-bg-l-scale))calc(.0164*var(--srm-bg-c-scale))var(--srm-hue));--card:oklch(calc(28.0%*var(--srm-bg-l-scale))calc(.0191*var(--srm-bg-c-scale))var(--srm-hue));--text:242 232 218;--text-muted:170 150 125;--border:72 62 50;--accent:220 165 65;--glow:195 140 40;--fg-strong:oklch(95% .008 var(--srm-hue));--fg-muted:oklch(70% .02 var(--srm-hue));--brew-bg:var(--bg);--brew-surface:var(--surface);--brew-card:var(--card);--brew-card-inset:oklch(calc(22.5%*var(--srm-bg-l-scale))calc(.014*var(--srm-bg-c-scale))var(--srm-hue));--brew-border:72 62 50;--brew-border-subtle:62 54 44;--shadow-card:0 0 0 1px #00000038,0 1px 1px -.5px #0000002e,0 3px 3px -1.5px #0000002e,0 6px 6px -3px #00000026,0 12px 12px -6px #0000001f,0 24px 24px -12px #0000001a;--shadow-card-hover:0 0 0 1px #00000047,0 1px 1px -.5px #00000038,0 4px 4px -2px #00000038,0 8px 8px -4px #0003,0 16px 16px -8px #00000029,0 36px 36px -18px #0000001f}.palette-reactive .brew-section[data-accent=equipment]{--brew-accent-200:oklch(calc(90%*var(--srm-l-scale))calc(.025*var(--srm-chroma-scale))250);--brew-accent-300:oklch(calc(80%*var(--srm-l-scale))calc(.045*var(--srm-chroma-scale))248);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale))calc(.062*var(--srm-chroma-scale))245);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale))calc(.07*var(--srm-chroma-scale))245);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale))calc(.06*var(--srm-chroma-scale))245);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale))calc(.048*var(--srm-chroma-scale))245);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).035 245);--brew-accent-900:#1a252f;--brew-accent-950:#0f171e}@supports (color:lab(0% 0 0)){.palette-reactive .brew-section[data-accent=equipment]{--brew-accent-900:lab(14.1378% -2.79646 -8.35881);--brew-accent-950:lab(7.21303% -1.87187 -5.98189)}}.palette-reactive .brew-section[data-accent=grain]{--brew-accent-200:oklch(calc(90%*var(--srm-l-scale))calc(.072*var(--srm-chroma-scale))65);--brew-accent-300:oklch(calc(80%*var(--srm-l-scale))calc(.125*var(--srm-chroma-scale))60);--brew-accent-400:oklch(calc(72%*var(--srm-l-scale))calc(.155*var(--srm-chroma-scale))55);--brew-accent-500:oklch(calc(62%*var(--srm-l-scale))calc(.16*var(--srm-chroma-scale))50);--brew-accent-600:oklch(calc(52%*var(--srm-l-scale))calc(.145*var(--srm-chroma-scale))48);--brew-accent-700:oklch(calc(42%*var(--srm-l-scale))calc(.12*var(--srm-chroma-scale))48);--brew-accent-800:oklch(calc(34%*var(--srm-l-scale)).09 48);--brew-accent-900:#3c1803;--brew-accent-950:#270e03}@supports (color:lab(0% 0 0)){.palette-reactive .brew-section[data-accent=grain]{--brew-accent-900:lab(13.73% 16.9915 19.4119);--brew-accent-950:lab(6.94479% 11.9857 9.56549)}}.palette-reactive .brew-section[data-accent=mash]{--brew-accent-200:oklch(calc(90%*var(--srm-l-scale))calc(.068*var(--srm-chroma-scale))50);--brew-accent-300:oklch(calc(80%*var(--srm-l-scale))calc(.118*var(--srm-chroma-scale))48);--brew-accent-400:oklch(calc(72%*var(--srm-l-scale))calc(.148*var(--srm-chroma-scale))46);--brew-accent-500:oklch(calc(62%*var(--srm-l-scale))calc(.155*var(--srm-chroma-scale))44);--brew-accent-600:oklch(calc(52%*var(--srm-l-scale))calc(.14*var(--srm-chroma-scale))44);--brew-accent-700:oklch(calc(42%*var(--srm-l-scale))calc(.115*var(--srm-chroma-scale))44);--brew-accent-800:oklch(calc(34%*var(--srm-l-scale)).085 44);--brew-accent-900:#3b1908;--brew-accent-950:#260e05}@supports (color:lab(0% 0 0)){.palette-reactive .brew-section[data-accent=mash]{--brew-accent-900:lab(13.7248% 16.5961 17.3983);--brew-accent-950:lab(6.94113% 11.6845 8.6515)}}.palette-reactive .brew-section[data-accent=hops]{--brew-accent-200:oklch(calc(90%*var(--srm-l-scale))calc(.048*var(--srm-chroma-scale))140);--brew-accent-300:oklch(calc(80%*var(--srm-l-scale))calc(.078*var(--srm-chroma-scale))140);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale))calc(.1*var(--srm-chroma-scale))140);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale))calc(.112*var(--srm-chroma-scale))140);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale))calc(.098*var(--srm-chroma-scale))140);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale))calc(.08*var(--srm-chroma-scale))140);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).058 140);--brew-accent-900:#192915;--brew-accent-950:#0f190c}@supports (color:lab(0% 0 0)){.palette-reactive .brew-section[data-accent=hops]{--brew-accent-900:lab(14.6607% -10.822 10.7736);--brew-accent-950:lab(7.56791% -6.90275 6.07266)}}.palette-reactive .brew-section[data-accent=yeast]{--brew-accent-200:oklch(calc(88%*var(--srm-l-scale))calc(.04*var(--srm-chroma-scale))305);--brew-accent-300:oklch(calc(78%*var(--srm-l-scale))calc(.065*var(--srm-chroma-scale))305);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale))calc(.088*var(--srm-chroma-scale))305);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale))calc(.1*var(--srm-chroma-scale))305);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale))calc(.088*var(--srm-chroma-scale))305);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale))calc(.072*var(--srm-chroma-scale))305);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).052 305);--brew-accent-900:#281f32;--brew-accent-950:#191320}@supports (color:lab(0% 0 0)){.palette-reactive .brew-section[data-accent=yeast]{--brew-accent-900:lab(13.6667% 7.94886 -11.0565);--brew-accent-950:lab(6.89761% 5.53907 -7.98434)}}.palette-reactive .brew-section[data-accent=water]{--brew-accent-200:oklch(calc(90%*var(--srm-l-scale))calc(.042*var(--srm-chroma-scale))225);--brew-accent-300:oklch(calc(80%*var(--srm-l-scale))calc(.07*var(--srm-chroma-scale))225);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale))calc(.092*var(--srm-chroma-scale))225);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale))calc(.102*var(--srm-chroma-scale))225);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale))calc(.09*var(--srm-chroma-scale))225);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale))calc(.075*var(--srm-chroma-scale))225);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).055 225);--brew-accent-900:#0a2833;--brew-accent-950:#061920}@supports (color:lab(0% 0 0)){.palette-reactive .brew-section[data-accent=water]{--brew-accent-900:lab(14.3114% -8.25711 -10.3762);--brew-accent-950:lab(7.33167% -5.36564 -7.50353)}}.palette-reactive .brew-section[data-accent=fermentation]{--brew-accent-200:oklch(calc(88%*var(--srm-l-scale))calc(.055*var(--srm-chroma-scale))25);--brew-accent-300:oklch(calc(78%*var(--srm-l-scale))calc(.092*var(--srm-chroma-scale))25);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale))calc(.125*var(--srm-chroma-scale))25);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale))calc(.138*var(--srm-chroma-scale))25);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale))calc(.122*var(--srm-chroma-scale))25);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale))calc(.1*var(--srm-chroma-scale))25);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).072 25);--brew-accent-900:#391917;--brew-accent-950:#240f0d}@supports (color:lab(0% 0 0)){.palette-reactive .brew-section[data-accent=fermentation]{--brew-accent-900:lab(13.6543% 16.2598 9.21264);--brew-accent-950:lab(6.89673% 11.3153 4.97215)}}.palette-reactive .brew-section[data-accent=targets]{--brew-accent-200:oklch(calc(88%*var(--srm-l-scale))calc(.048*var(--srm-chroma-scale))42);--brew-accent-300:oklch(calc(78%*var(--srm-l-scale))calc(.08*var(--srm-chroma-scale))42);--brew-accent-400:oklch(calc(68%*var(--srm-l-scale))calc(.105*var(--srm-chroma-scale))42);--brew-accent-500:oklch(calc(55%*var(--srm-l-scale))calc(.118*var(--srm-chroma-scale))42);--brew-accent-600:oklch(calc(45%*var(--srm-l-scale))calc(.105*var(--srm-chroma-scale))42);--brew-accent-700:oklch(calc(38%*var(--srm-l-scale))calc(.088*var(--srm-chroma-scale))42);--brew-accent-800:oklch(calc(30%*var(--srm-l-scale)).062 42);--brew-accent-900:#361c12;--brew-accent-950:#22110a}@supports (color:lab(0% 0 0)){.palette-reactive .brew-section[data-accent=targets]{--brew-accent-900:lab(13.8436% 12.2161 12.6201);--brew-accent-950:lab(7.02079% 8.4556 6.51632)}}.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}}@keyframes modal-backdrop-in{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@keyframes modal-scale-in{0%{opacity:0;transform:translate(var(--modal-dx,0px),var(--modal-dy,0px))scale(.6)}40%{opacity:1}to{opacity:1;transform:translate(0)scale(1)}}@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-divide-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-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}