/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight: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-duration:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}::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-border-style:solid;--tw-leading:initial;--tw-font-weight: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-duration:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:"Noto Sans", "Noto Sans JP", "Noto Sans KR", "Noto Sans Arabic", "Noto Sans Arial Fallback", "Noto Sans Roboto Fallback", "Noto Sans JP Fallback", "Noto Sans KR Fallback", "Noto Sans Arabic Fallback", Arial, sans-serif;--color-red-500:lab(55.4814% 75.0732 48.8528);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--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);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-black:900;--leading-normal:1.5;--radius-xs:.125rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Noto Sans", "Noto Sans JP", "Noto Sans KR", "Noto Sans Arabic", "Noto Sans Arial Fallback", "Noto Sans Roboto Fallback", "Noto Sans JP Fallback", "Noto Sans KR Fallback", "Noto Sans Arabic Fallback", Arial, sans-serif;--default-mono-font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)){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}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);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}.inset-0{inset:0}.end-3\.5{inset-inline-end:calc(var(--spacing) * 3.5)}.end-4{inset-inline-end:calc(var(--spacing) * 4)}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing) * 4)}.top-\[50\%\]{top:50%}.left-\[50\%\]{left:50%}.isolate{isolation:isolate}.z-50{z-index:50}.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-auto{margin:auto}.ml-4{margin-left:calc(var(--spacing) * 4)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-fit{height:fit-content}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.min-w-0{min-width:0}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-10{min-width:calc(var(--spacing) * 10)}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.caption-bottom{caption-side:bottom}.translate-x-\[-50\%\]{--tw-translate-x:-50%;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-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.touch-none{touch-action:none}.resize{resize:both}.list-disc{list-style-type:disc}.appearance-none{-webkit-appearance:none;appearance:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-xs{border-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[var\(--control-border\)\]{border-color:var(--control-border)}.border-input{border-color:var(--input)}.border-primary{border-color:var(--primary)}.bg-\[Canvas\]{background-color:canvas}.bg-\[var\(--control-surface\)\]{background-color:var(--control-surface)}.bg-\[var\(--danger-solid\)\]{background-color:var(--danger-solid)}.bg-background{background-color:var(--background)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-muted{background-color:var(--muted)}.bg-primary{background-color:var(--primary)}.bg-red-500{background-color:var(--color-red-500)}.bg-secondary{background-color:var(--secondary)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.p-2{padding:calc(var(--spacing) * 2)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-80{padding:calc(var(--spacing) * 80)}.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-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.pe-9{padding-inline-end:calc(var(--spacing) * 9)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.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-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[17px\]{font-size:17px}.leading-9{--tw-leading:calc(var(--spacing) * 9);line-height:calc(var(--spacing) * 9)}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.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)}.whitespace-nowrap{white-space:nowrap}.text-\[CanvasText\]{color:canvastext}.text-\[var\(--control-foreground\)\]{color:var(--control-foreground)}.text-\[var\(--on-color\)\]{color:var(--on-color)}.text-destructive{color:var(--destructive)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.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)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);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\/50{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.ring-ring\/50{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, 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,)}.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,)}.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,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-\[color\,box-shadow\]{transition-property:color,box-shadow;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))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.running{animation-play-state:running}.zoom-out{--tw-exit-scale:0}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.selection\:bg-primary ::selection,.selection\:bg-primary::selection{background-color:var(--primary)}.selection\:text-primary-foreground ::selection,.selection\:text-primary-foreground::selection{color:var(--primary-foreground)}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:calc(var(--spacing) * 7)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}@media (hover:hover){.hover\:bg-\[var\(--control-hover\)\]:hover{background-color:var(--control-hover)}.hover\:bg-\[var\(--danger-solid-hover\)\]:hover{background-color:var(--danger-solid-hover)}.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-muted:hover,.hover\:bg-muted\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.hover\:text-\[var\(--control-foreground\)\]:hover{color:var(--control-foreground)}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-muted-foreground:hover{color:var(--muted-foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + 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-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + 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\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.has-aria-expanded\:bg-muted\/50:has([aria-expanded=true]){background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.has-aria-expanded\:bg-muted\/50:has([aria-expanded=true]){background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.has-\[select\:disabled\]\:opacity-50:has(:is(select:disabled)){opacity:.5}.has-\[\>svg\]\:px-1\.5:has(>svg){padding-inline:calc(var(--spacing) * 1.5)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing) * 4)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{height:calc(var(--spacing) * 1.5)}.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{height:100%}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical]{min-height:calc(var(--spacing) * 44)}.data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:calc(var(--spacing) * 1.5)}.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[size\=sm\]\:h-8[data-size=sm]{height:calc(var(--spacing) * 8)}.data-\[size\=sm\]\:py-1[data-size=sm]{padding-block:var(--spacing)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=on\]\:bg-accent[data-state=on]{background-color:var(--accent)}.data-\[state\=on\]\:text-accent-foreground[data-state=on]{color:var(--accent-foreground)}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--accent)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:var(--muted)}@media (min-width:40rem){.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:text-start{text-align:start}}@media (min-width:48rem){.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.dark\:bg-input\/30:where(.dark,.dark *){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-input\/30:where(.dark,.dark *){background-color:color-mix(in oklab, var(--input) 30%, transparent)}}@media (hover:hover){.dark\:hover\:bg-accent\/50:where(.dark,.dark *):hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-accent\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--accent) 50%, transparent)}}.dark\:hover\:bg-input\/50:where(.dark,.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-input\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--input) 50%, transparent)}}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\>a\]\:underline>a{text-decoration-line:underline}.\[\&\>a\]\:underline-offset-4>a{text-underline-offset:4px}.\[\&\>a\:hover\]\:text-primary>a:hover{color:var(--primary)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--brew-control-height:3rem;--background:#faf1eb;--foreground:#182125;--card:#fff;--card-foreground:#171717;--popover:#fff;--popover-foreground:#171717;--dropdown-shadow:0 8px 18px var(--foreground)}@supports (color:color-mix(in lab, red, red)){:root{--dropdown-shadow:0 8px 18px color-mix(in srgb, var(--foreground) 12%, transparent)}}:root{--primary:#192529;--primary-foreground:#fafafa;--secondary:#f5f5f5;--secondary-foreground:#171717;--muted:#f5f5f5;--muted-foreground:#5c707a;--accent:#f5f5f5;--accent-foreground:#171717;--destructive:#e7000b;--border:#e5e5e5;--input:#e5e5e5;--ring:#c74c24;--focus-ring:var(--ring);--radius:.625rem}@font-face{font-family:Noto Sans Arial Fallback;src:local(Arial),local(ArialMT);font-weight:400 500;size-adjust:106.33%;ascent-override:100.54%;descent-override:27.56%;line-gap-override:0%;unicode-range:U+0-24F,U+1E??,U+2000-218F,U+2212,U+2215,U+FFFD}@font-face{font-family:Noto Sans Arial Fallback;src:local(Arial Bold),local(Arial-BoldMT);font-weight:600 700;size-adjust:104.8%;ascent-override:102.01%;descent-override:27.96%;line-gap-override:0%;unicode-range:U+0-24F,U+1E??,U+2000-218F,U+2212,U+2215,U+FFFD}@font-face{font-family:Noto Sans Roboto Fallback;src:local(Roboto),local(Roboto-Regular);font-weight:400 500;size-adjust:106.56%;ascent-override:100.32%;descent-override:27.5%;line-gap-override:0%;unicode-range:U+0-24F,U+1E??,U+2000-218F,U+2212,U+2215,U+FFFD}@font-face{font-family:Noto Sans Roboto Fallback;src:local(Roboto Bold),local(Roboto-Bold);font-weight:600 700;size-adjust:111.25%;ascent-override:96.09%;descent-override:26.34%;line-gap-override:0%;unicode-range:U+0-24F,U+1E??,U+2000-218F,U+2212,U+2215,U+FFFD}@font-face{font-family:Noto Sans JP Fallback;src:local(Hiragino Sans W3),local(HiraginoSans-W3),local(Hiragino Kaku Gothic ProN W3),local(HiraKakuProN-W3),local(Yu Gothic UI),local(YuGothic-Regular),local(Meiryo),local(Noto Sans CJK JP),local(NotoSansCJKjp-Regular);font-weight:400 500;size-adjust:100%;ascent-override:116%;descent-override:28.8%;line-gap-override:0%;unicode-range:U+2190-21FF,U+30??,U+31F?,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF}@font-face{font-family:Noto Sans JP Fallback;src:local(Hiragino Sans W6),local(HiraginoSans-W6),local(Hiragino Kaku Gothic ProN W6),local(HiraKakuProN-W6),local(Yu Gothic UI Bold),local(YuGothic-Bold),local(Meiryo Bold),local(Meiryo-Bold),local(Noto Sans CJK JP Bold),local(NotoSansCJKjp-Bold);font-weight:600 700;size-adjust:100%;ascent-override:116%;descent-override:28.8%;line-gap-override:0%;unicode-range:U+2190-21FF,U+30??,U+31F?,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF}@font-face{font-family:Noto Sans KR Fallback;src:local(Apple SD Gothic Neo),local(AppleSDGothicNeo-Regular),local(Malgun Gothic),local(MalgunGothic),local(Noto Sans CJK KR),local(NotoSansCJKkr-Regular);font-weight:400 500;size-adjust:100%;ascent-override:116%;descent-override:28.8%;line-gap-override:0%;unicode-range:U+11??,U+2190-21FF,U+3130-318F,U+A960-A97F,U+AC00-D7FF}@font-face{font-family:Noto Sans KR Fallback;src:local(Apple SD Gothic Neo Bold),local(AppleSDGothicNeo-Bold),local(Malgun Gothic Bold),local(MalgunGothicBold),local(Noto Sans CJK KR Bold),local(NotoSansCJKkr-Bold);font-weight:600 700;size-adjust:100%;ascent-override:116%;descent-override:28.8%;line-gap-override:0%;unicode-range:U+11??,U+2190-21FF,U+3130-318F,U+A960-A97F,U+AC00-D7FF}@font-face{font-family:Noto Sans Arabic Fallback;src:local(Geeza Pro),local(GeezaPro),local(Segoe UI),local(SegoeUI),local(Tahoma),local(Noto Naskh Arabic),local(NotoNaskhArabic-Regular);font-weight:400 500;size-adjust:100%;ascent-override:137.4%;descent-override:73.8%;line-gap-override:0%;unicode-range:U+6??,U+750-77F,U+870-8FF,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:Noto Sans Arabic Fallback;src:local(Geeza Pro Bold),local(GeezaPro-Bold),local(Segoe UI Bold),local(SegoeUI-Bold),local(Tahoma Bold),local(Tahoma-Bold),local(Noto Naskh Arabic Bold),local(NotoNaskhArabic-Bold);font-weight:600 700;size-adjust:100%;ascent-override:137.4%;descent-override:73.8%;line-gap-override:0%;unicode-range:U+6??,U+750-77F,U+870-8FF,U+FB50-FDFF,U+FE70-FEFC}:root{--font-arabic:"Noto Sans Arabic", "Noto Sans", "Noto Sans Arabic Fallback", "Noto Sans Arial Fallback", "Noto Sans Roboto Fallback", Arial, sans-serif;--brew-background-hot:#faf1eb;--brew-background-iced:#eff5f8;--guide-background:#f1f1ef;--text-secondary:#4a5e67;--subtle-surface:#edf1f3;--soft-border:#d8dee0;--divider:#e4e9ea;--control-surface:#e5edf1;--control-hover:#d2dfe5;--control-foreground:#243b45;--control-border:#899ca5;--control-border-hover:#526d7a;--choice-selected:#263e49;--choice-selected-hover:#1c3039;--choice-selected-foreground:#fff;--primary-hover:#2b414c;--send-surface:#087d55;--send-hover:#066442;--send-foreground:#fff;--x-surface:#000;--x-foreground:#fff;--x-hover:#252525;--xbloom-save-surface:#171717;--xbloom-save-hover:#2d2d2d;--xbloom-save-foreground:#fff;--xbloom-save-border:#171717;--disabled-surface:#eee;--disabled-foreground:#777;--disabled-border:#ccc;--field-surface:#fff;--field-border:#7b8f99;--slider-surface:#f7fafb;--slider-border:#6b8491;--slider-fill:#ccdde5;--slider-fill-border:#7695a5;--slider-hover:#3c6276;--link:#145da0;--link-hover:#104e87;--info-solid:#145da0;--info-solid-hover:#104e87;--info-border:#0f508c;--on-color:#fff;--hot-text:#9e361e;--iced-text:#175a93;--hot-solid:#b83b20;--success-surface:#e3eee9;--success-foreground:#295342;--success-border:#cbded3;--danger-surface:#fff0ed;--danger-foreground:#9a321a;--danger-border:#eed1c9;--danger-action:#b42318;--danger-solid:#b42318;--danger-solid-hover:#9b1c13;--warning-action:#886500;--warning-surface:#fff8e8;--warning-foreground:#5f4417;--warning-border:#e8cf94;--hot-badge-surface:#f5e7d6;--hot-badge-foreground:#75512d;--iced-badge-surface:#e4f0f7;--iced-badge-foreground:#2e617c;--pour-headroom:40px;--pour-bar:#3b291f;--pour-stream:#6270784d;--pour-surface:#dce9f02e;--agitation:#35665f}:root.dark{--background:#141b22;--foreground:#eff1f2;--card:#1b2731;--card-foreground:#eff1f2;--popover:#1b2731;--popover-foreground:#eff1f2;--dropdown-shadow:0 8px 18px var(--foreground)}@supports (color:color-mix(in lab, red, red)){:root.dark{--dropdown-shadow:0 8px 18px color-mix(in srgb, var(--foreground) 22%, transparent)}}:root.dark{--primary:#b8ad9f;--primary-foreground:#182125;--secondary:#21313c;--secondary-foreground:#d4dee4;--muted:#21313c;--muted-foreground:#a9b7c0;--accent:#2b3c48;--accent-foreground:#eff1f2;--destructive:#ffad9e;--border:#3c4e5b;--input:#788d9b;--ring:var(--primary);--brew-background-hot:#241e1a;--brew-background-iced:#15232c;--guide-background:#1b1c1e;--text-secondary:#c4d0d7;--subtle-surface:#16212a;--soft-border:#3c4e5b;--divider:#354550;--control-surface:#21313c;--control-hover:#2b3c48;--control-foreground:#d4dee4;--control-border:#788d9b;--control-border-hover:#a9b7c0;--choice-selected:var(--primary);--choice-selected-hover:var(--primary-hover);--choice-selected-foreground:var(--primary-foreground);--primary-hover:#cbbfb1;--send-surface:#39d59c;--send-hover:#68e6b7;--send-foreground:#082b20;--x-surface:#fff;--x-foreground:#000;--x-hover:#e7e7e7;--xbloom-save-border:#82939d;--disabled-surface:#26333d;--disabled-foreground:#a3b1bc;--disabled-border:#435560;--field-surface:#16212a;--field-border:#788d9b;--slider-surface:#16212a;--slider-border:#788d9b;--slider-fill:#3b5262;--slider-fill-border:#9aaebb;--slider-hover:var(--primary);--link:#c8bbaa;--link-hover:#e0d5c7;--info-solid:#315f99;--info-solid-hover:#3b6da6;--info-border:#6e96c3;--hot-text:#f3ad8d;--iced-text:#a4c8ef;--hot-solid:#b84e33;--success-surface:#1d3830;--success-foreground:#a1d6ba;--success-border:#4b7965;--danger-surface:#3d2828;--danger-foreground:#ffb5a7;--danger-border:#8b514b;--danger-action:#ffad9e;--danger-solid:#c43d32;--danger-solid-hover:#ad3027;--warning-action:#dfbc4a;--warning-surface:#332e23;--warning-foreground:#e7c891;--warning-border:#85704a;--hot-badge-surface:#3b3027;--hot-badge-foreground:#e8bf94;--iced-badge-surface:#243b4d;--iced-badge-foreground:#afcee7;--pour-bar:#b48a68;--pour-stream:#99a4aa5c;--pour-surface:#dce9f03d;--agitation:#91c5af}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--panel-padding:var(--space-24);--panel-section-gap:var(--space-24);--control-field-gap:var(--space-8);--space-28:28px;--space-32:32px;--space-22:22px;--space-12:12px;--font-26:1.625rem;--weight-700:700;--font-page-title:clamp(26px, 4vw, 38px);--weight-650:650;--space-24:24px;--space-5:5px;--radius-12px:12px;--space-9:9px;--font-body:1rem;--radius-8px:8px;--space-20:20px;--space-14:14px;--font-15:.9375rem;--weight-600:600;--radius-16px:16px;--space-16:16px;--font-22:1.375rem;--leading-1-8:1.8;--space-10:10px;--leading-1-5:1.5;--radius-10px:10px;--space-8:8px;--font-caption:.75rem;--radius-6px:6px;--space-18:18px;--radius-9px:9px;--radius-18px:18px;--font-24:1.5rem;--space-7:7px;--font-13:.8125rem;--radius-24px:24px;--font-34:2.125rem;--weight-500:500;--space-6:6px;--font-label:.875rem;--leading-1-9:1.9;--weight-400:400;--font-21:1.3125rem;--font-32:2rem;--leading-1-7:1.7;--leading-1-6:1.6;--space-4:4px;--radius-pill:999px;--space-2:2px;--radius-5px:5px;--font-17-6:1.1rem;--font-code-relative:.875em;--space-26:26px;--radius-circle:50%;--font-23:1.4375rem;--header-icon-40:40px;--focus-ring-width:2px;--focus-ring-offset:2px;--motion-theme:.36s;--motion-fast:.16s;--motion-spin:1.1s;--motion-generation-exit:1s;--tracking-title:-.04em;--tracking-wordmark:-1px;--tracking-wordmark-compact:-.7px;--tracking-metric:-1px;--border-overlap:-1px;--space-36:36px;--font-18:1.125rem;--header-icon-36:36px;--font-20:1.25rem;--leading-1-2:1.2;--pour-chart-desktop-height:192px;--font-detail:.9375rem;--radius-4px:4px;--radius-2px:2px;--space-3:3px;--leading-1-4:1.4;--pour-chart-mobile-height:144px;--font-11:.6875rem;--motion-reduced:.01ms}@media (prefers-reduced-motion:reduce){:root{--motion-theme:var(--motion-reduced);--motion-fast:var(--motion-reduced)}}:root{--panel-result-padding:var(--space-28);--panel-result-surface:var(--card);--panel-result-border:var(--soft-border);--panel-result-radius:var(--radius-18px)}:root.dark{--panel-result-surface:#283b49;--panel-result-border:#597080}:root{--footer-link-gap:clamp(var(--space-6), 1.5vw, var(--space-16));--bb-front:var(--lightningcss-light,#303b42)var(--lightningcss-dark,#41525e);--bb-side:var(--lightningcss-light,#65727a)var(--lightningcss-dark,#697e8c);--bb-back:var(--lightningcss-light,#4a565e)var(--lightningcss-dark,#566b78);--bb-dark:var(--lightningcss-light,#1a2329)var(--lightningcss-dark,#25313a);--bb-opening:var(--lightningcss-light,#080c0f)var(--lightningcss-dark,#080d11);--bb-rail:var(--lightningcss-light,#12171b)var(--lightningcss-dark,#10171c);--bb-led:var(--lightningcss-light,#eef4f4)var(--lightningcss-dark,#e5eff3);--bb-dripper:var(--lightningcss-light,#43484b)var(--lightningcss-dark,#505a60);--bb-paper:var(--lightningcss-light,#f7f6ef)var(--lightningcss-dark,#eeeee7);--bb-fold:var(--lightningcss-light,#c4c4ba)var(--lightningcss-dark,#b9bcb5);--bb-glass:var(--lightningcss-light,#77929e)var(--lightningcss-dark,#bbd0d8);--bb-reflection:var(--lightningcss-light,#fff)var(--lightningcss-dark,#e9f6fb);--bb-knob-face:var(--lightningcss-light,#20272b)var(--lightningcss-dark,#1c252c);--bb-knob-edge:var(--lightningcss-light,#697379)var(--lightningcss-dark,#657580);--bb-coffee:var(--lightningcss-light,#805535)var(--lightningcss-dark,#ad7953);--bb-coffee-dark:var(--lightningcss-light,#402819)var(--lightningcss-dark,#613e2a);--bb-water:var(--lightningcss-light,#7395a5)var(--lightningcss-dark,#b6d4dd);--bb-screen-halo:var(--lightningcss-light,#dce8ee)var(--lightningcss-dark,#203540);--bb-cycle:6.8s;--bb-stagger-second:.16s;--bb-stagger-third:.32s;--bb-spark-second-delay:.2s;--bb-spark-third-delay:2.3s;--bb-wordmark-tracking:-.035em;--bb-shadow-background:var(--bb-opening)}@supports (color:color-mix(in lab, red, red)){:root{--bb-shadow-background:color-mix(in srgb,var(--bb-opening) 13%,transparent)}}:root{--bb-hopper-background:var(--bb-led)}@supports (color:color-mix(in lab, red, red)){:root{--bb-hopper-background:color-mix(in srgb,var(--bb-led) 24%,var(--bb-side))}}:root{--bb-hopper-well-background:linear-gradient(120deg,var(--bb-side),var(--bb-dark) 56%);--bb-hopper-well-box-shadow:inset 0 1px 1px var(--bb-dark);--bb-hopper-well-after-background:linear-gradient(110deg,var(--bb-dark),var(--bb-side));--bb-hopper-cover-background:var(--bb-side)}@supports (color:color-mix(in lab, red, red)){:root{--bb-hopper-cover-background:color-mix(in srgb,var(--bb-side) 90%,var(--bb-led))}}:root{--bb-hopper-cover-border-left:1px solid var(--bb-dark)}@supports (color:color-mix(in lab, red, red)){:root{--bb-hopper-cover-border-left:1px solid color-mix(in srgb,var(--bb-dark) 55%,transparent)}}:root{--bb-grinder-border-radius:1px 0 2px 2px;--bb-grinder-box-shadow:inset 1px 0 var(--bb-led),inset -2px 0 var(--bb-opening)}@supports (color:color-mix(in lab, red, red)){:root{--bb-grinder-box-shadow:inset 1px 0 color-mix(in srgb,var(--bb-led) 22%,transparent),inset -2px 0 color-mix(in srgb,var(--bb-opening) 14%,transparent)}}:root{--bb-grinder-after-border-radius:0 0 5px 5px;--bb-wordmark-band-padding-inline:3%;--bb-wordmark-band-background:linear-gradient(180deg,var(--bb-front),var(--bb-dark))}@supports (color:color-mix(in lab, red, red)){:root{--bb-wordmark-band-background:linear-gradient(180deg,color-mix(in srgb,var(--bb-front) 55%,var(--bb-dark)),var(--bb-dark))}}:root{--bb-wordmark-font:400 2.5cqw/1 Georgia,"Times New Roman",serif;--bb-wordmark-color:var(--bb-led)}@supports (color:color-mix(in lab, red, red)){:root{--bb-wordmark-color:color-mix(in srgb,var(--bb-led) 92%,var(--bb-side))}}:root{--bb-brewer-border-radius:0 2px 2px 0;--bb-brewer-box-shadow:inset 1px 0 var(--bb-led)}@supports (color:color-mix(in lab, red, red)){:root{--bb-brewer-box-shadow:inset 1px 0 color-mix(in srgb,var(--bb-led) 19%,transparent)}}:root{--bb-display-span-background:radial-gradient(circle,var(--bb-led) 1px,transparent 1.3px) 0 0 / 4px 4px;--bb-knobs-span-before-border-radius:48% 48% 32% 32% / 30% 30% 20% 20%;--bb-knobs-span-before-background:repeating-linear-gradient(55deg,transparent 0 1.4px,var(--bb-knob-edge) 1.4px 1.9px,transparent 1.9px 3px),repeating-linear-gradient(-55deg,transparent 0 1.4px,var(--bb-knob-edge) 1.4px 1.9px,transparent 1.9px 3px),linear-gradient(90deg,var(--bb-opening),var(--bb-knob-face) 24%,var(--bb-knob-face) 50%,var(--bb-opening))}@supports (color:color-mix(in lab, red, red)){:root{--bb-knobs-span-before-background:repeating-linear-gradient(55deg,transparent 0 1.4px,color-mix(in srgb,var(--bb-knob-edge) 38%,transparent) 1.4px 1.9px,transparent 1.9px 3px),repeating-linear-gradient(-55deg,transparent 0 1.4px,color-mix(in srgb,var(--bb-knob-edge) 30%,transparent) 1.4px 1.9px,transparent 1.9px 3px),linear-gradient(90deg,var(--bb-opening),var(--bb-knob-face) 24%,color-mix(in srgb,var(--bb-knob-face) 70%,var(--bb-knob-edge)) 50%,var(--bb-opening))}}:root{--bb-knobs-span-before-box-shadow:0 -.5px 1px var(--bb-opening)}@supports (color:color-mix(in lab, red, red)){:root{--bb-knobs-span-before-box-shadow:0 -.5px 1px color-mix(in srgb,var(--bb-opening) 30%,transparent)}}:root{--bb-knobs-span-after-border:1px solid var(--bb-knob-edge)}@supports (color:color-mix(in lab, red, red)){:root{--bb-knobs-span-after-border:1px solid color-mix(in srgb,var(--bb-knob-edge) 45%,var(--bb-knob-face))}}:root{--bb-knobs-span-after-background:radial-gradient(circle at 32% 25%,var(--bb-knob-face),var(--bb-knob-face) 70%)}@supports (color:color-mix(in lab, red, red)){:root{--bb-knobs-span-after-background:radial-gradient(circle at 32% 25%,color-mix(in srgb,var(--bb-knob-face) 92%,var(--bb-knob-edge)),var(--bb-knob-face) 70%)}}:root{--bb-knobs-span-after-box-shadow:0 .5px 1px var(--bb-opening)}@supports (color:color-mix(in lab, red, red)){:root{--bb-knobs-span-after-box-shadow:0 .5px 1px color-mix(in srgb,var(--bb-opening) 40%,transparent)}}:root{--bb-nozzle-border-radius:0 0 50% 50%;--bb-air-vent-background:var(--bb-back)}@supports (color:color-mix(in lab, red, red)){:root{--bb-air-vent-background:color-mix(in srgb,var(--bb-back) 74%,var(--bb-opening))}}:root{--bb-air-vent-box-shadow:inset 0 0 1px var(--bb-side)}@supports (color:color-mix(in lab, red, red)){:root{--bb-air-vent-box-shadow:inset 0 0 1px color-mix(in srgb,var(--bb-side) 48%,transparent)}}:root{--bb-air-vent-before-background:radial-gradient(circle,var(--bb-opening) 0 38%,transparent 43%) 0 0 / 16.6667% 20%;--bb-rail-box-shadow:0 1px 0 var(--bb-led)}@supports (color:color-mix(in lab, red, red)){:root{--bb-rail-box-shadow:0 1px 0 color-mix(in srgb,var(--bb-led) 19%,transparent)}}:root{--bb-shell-background:linear-gradient(100deg,var(--bb-dripper),var(--bb-dripper) 36%,var(--bb-dripper))}@supports (color:color-mix(in lab, red, red)){:root{--bb-shell-background:linear-gradient(100deg,color-mix(in srgb,var(--bb-dripper) 80%,var(--bb-side)),var(--bb-dripper) 36%,color-mix(in srgb,var(--bb-dripper) 82%,var(--bb-opening)))}}:root{--bb-front-grip-border-radius:.5px;--bb-front-grip-background:linear-gradient(90deg,var(--bb-dripper),var(--bb-dripper))}@supports (color:color-mix(in lab, red, red)){:root{--bb-front-grip-background:linear-gradient(90deg,color-mix(in srgb,var(--bb-dripper) 85%,var(--bb-side)),color-mix(in srgb,var(--bb-dripper) 62%,var(--bb-opening)))}}:root{--bb-front-grip-box-shadow:.5px .5px .5px var(--bb-opening)}@supports (color:color-mix(in lab, red, red)){:root{--bb-front-grip-box-shadow:.5px .5px .5px color-mix(in srgb,var(--bb-opening) 25%,transparent)}}:root{--bb-clear-base-border-radius:8% 8% 43% 43%;--bb-clear-base-background:repeating-linear-gradient(90deg,var(--bb-glass) 0 3px,var(--bb-glass) 3px 7px)}@supports (color:color-mix(in lab, red, red)){:root{--bb-clear-base-background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--bb-glass) 38%,transparent) 0 3px,color-mix(in srgb,var(--bb-glass) 12%,transparent) 3px 7px)}}:root{--bb-clear-base-after-border:1px solid var(--bb-glass)}@supports (color:color-mix(in lab, red, red)){:root{--bb-clear-base-after-border:1px solid color-mix(in srgb,var(--bb-glass) 80%,transparent)}}:root{--bb-wave-filter-background:linear-gradient(180deg,var(--bb-fold),transparent 72%),repeating-linear-gradient(90deg,var(--bb-paper) 0 5%,var(--bb-paper) 5% 7%,var(--bb-paper) 7% 10%)}@supports (color:color-mix(in lab, red, red)){:root{--bb-wave-filter-background:linear-gradient(180deg,color-mix(in srgb,var(--bb-fold) 38%,transparent),transparent 72%),repeating-linear-gradient(90deg,var(--bb-paper) 0 5%,color-mix(in srgb,var(--bb-paper) 70%,var(--bb-fold)) 5% 7%,var(--bb-paper) 7% 10%)}}:root{--bb-wave-filter-box-shadow:inset 0 1px 1px var(--bb-fold)}@supports (color:color-mix(in lab, red, red)){:root{--bb-wave-filter-box-shadow:inset 0 1px 1px color-mix(in srgb,var(--bb-fold) 60%,transparent)}}:root{--bb-filter-bed-background:linear-gradient(180deg,var(--bb-paper),var(--bb-paper) 75%)}@supports (color:color-mix(in lab, red, red)){:root{--bb-filter-bed-background:linear-gradient(180deg,color-mix(in srgb,var(--bb-paper) 90%,var(--bb-fold)),var(--bb-paper) 75%)}}:root{--bb-filter-bed-box-shadow:inset 0 1px 1px var(--bb-fold)}@supports (color:color-mix(in lab, red, red)){:root{--bb-filter-bed-box-shadow:inset 0 1px 1px color-mix(in srgb,var(--bb-fold) 50%,transparent)}}:root{--bb-glass-body-background:linear-gradient(102deg,var(--bb-reflection),var(--bb-glass) 25%,transparent 50%,var(--bb-reflection) 90%)}@supports (color:color-mix(in lab, red, red)){:root{--bb-glass-body-background:linear-gradient(102deg,color-mix(in srgb,var(--bb-reflection) 27%,transparent),color-mix(in srgb,var(--bb-glass) 8%,transparent) 25%,transparent 50%,color-mix(in srgb,var(--bb-reflection) 22%,transparent) 90%)}}:root{--bb-glass-body-after-background:var(--bb-reflection)}@supports (color:color-mix(in lab, red, red)){:root{--bb-glass-body-after-background:color-mix(in srgb,var(--bb-reflection) 68%,transparent)}}:root{--bb-glass-lip-background:var(--bb-reflection)}@supports (color:color-mix(in lab, red, red)){:root{--bb-glass-lip-background:color-mix(in srgb,var(--bb-reflection) 8%,transparent)}}:root{--bb-glass-lip-box-shadow:0 1px 0 var(--bb-reflection)}@supports (color:color-mix(in lab, red, red)){:root{--bb-glass-lip-box-shadow:0 1px 0 color-mix(in srgb,var(--bb-reflection) 40%,transparent)}}:root{--bb-glass-shoulder-border-bottom:1px solid var(--bb-glass)}@supports (color:color-mix(in lab, red, red)){:root{--bb-glass-shoulder-border-bottom:1px solid color-mix(in srgb,var(--bb-glass) 45%,transparent)}}:root{--bb-glass-foot-border:1px solid var(--bb-glass)}@supports (color:color-mix(in lab, red, red)){:root{--bb-glass-foot-border:1px solid color-mix(in srgb,var(--bb-glass) 70%,transparent)}}:root{--bb-glass-foot-background:var(--bb-reflection)}@supports (color:color-mix(in lab, red, red)){:root{--bb-glass-foot-background:color-mix(in srgb,var(--bb-reflection) 14%,transparent)}}:root{--bb-platform-border-radius:2px 2px 4px 4px;--bb-platform-before-background:radial-gradient(ellipse,var(--bb-opening) 0 40%,transparent 47%) 0 0 / 7px 4px,var(--bb-side);--bb-bean-border-radius:48%;--bb-bean-background:linear-gradient(110deg,var(--bb-coffee),var(--bb-coffee-dark));--bb-bean-after-border-left:1px solid var(--bb-coffee)}@supports (color:color-mix(in lab, red, red)){:root{--bb-bean-after-border-left:1px solid color-mix(in srgb,var(--bb-coffee) 50%,var(--bb-paper))}}:root{--bb-grounds-background:radial-gradient(circle,var(--bb-coffee) .65px,transparent 1.05px) 0 0 / .8cqw 1.2cqw;--bb-coffee-bed-background:radial-gradient(circle,var(--bb-coffee-dark) .5px,transparent .9px) 0 0 / 2.5px 2.5px,var(--bb-coffee)}@supports (color:color-mix(in lab, red, red)){:root{--bb-coffee-bed-background:radial-gradient(circle,color-mix(in srgb,var(--bb-coffee-dark) 75%,transparent) .5px,transparent .9px) 0 0 / 2.5px 2.5px,var(--bb-coffee)}}:root{--bb-wet-bed-background:linear-gradient(180deg,var(--bb-water),var(--bb-coffee-dark))}@supports (color:color-mix(in lab, red, red)){:root{--bb-wet-bed-background:linear-gradient(180deg,color-mix(in srgb,var(--bb-water) 38%,var(--bb-coffee)),var(--bb-coffee-dark))}}:root{--bb-ripple-border:1px solid var(--bb-water)}@supports (color:color-mix(in lab, red, red)){:root{--bb-ripple-border:1px solid color-mix(in srgb,var(--bb-water) 74%,transparent)}}:root{--bb-water-background:linear-gradient(90deg,var(--bb-water),var(--bb-reflection),var(--bb-water));--bb-extraction-background:radial-gradient(ellipse at 50% 35%,var(--bb-coffee) 0 48%,transparent 60%) 0 0 / 100% 1.8cqw;--bb-coffee-fill-border-radius:50% 50% 15% 15% / 8% 8% 3% 3%;--bb-coffee-fill-background:linear-gradient(105deg,var(--bb-coffee),var(--bb-coffee-dark) 80%)}@supports (color:color-mix(in lab, red, red)){:root{--bb-coffee-fill-background:linear-gradient(105deg,color-mix(in srgb,var(--bb-coffee) 88%,transparent),var(--bb-coffee-dark) 80%)}}:root{--generation-title-size:clamp(1.5rem, 6.2cqw, 1.6875rem);--generation-header-leading:1.25;--generation-heading-tracking:-.035em;--xbloom-badge-surface:#eee6f6;--xbloom-badge-foreground:#56377c;--xbloom-solid:#67428d;--hand-badge-surface:#e0f0e9;--hand-badge-foreground:#235f50;--hand-solid:#28705d}:root.dark{--xbloom-badge-surface:#392c4a;--xbloom-badge-foreground:#e4cff9;--hand-badge-surface:#203d34;--hand-badge-foreground:#b8e7d2}.generation-screen *{box-sizing:border-box}.generation-screen .bb-stage{aspect-ratio:360/510;isolation:isolate;direction:ltr;width:100%;position:relative;container-type:inline-size}.generation-screen .bb-stage>div,.generation-screen .bb-machine>div{position:absolute}.generation-screen .bb-casing{clip-path:polygon(26.8% 10.6%,73.65% 10.6%,76.85% 13.72%,76.85% 91.95%,23.05% 91.95%,23.05% 13.72%);inset:0}.generation-screen .bb-casing>div{position:absolute}.generation-screen .bb-shadow{border-radius:var(--radius-circle);background:var(--bb-shadow-background);width:61%;height:1.8%;top:94.7%;left:20%}.generation-screen .bb-back{background:var(--bb-back);width:53.8%;height:78.23%;top:13.72%;left:23.05%}.generation-screen .bb-top{background:var(--bb-side);width:53.8%;height:3.15%;top:10.6%;left:23.05%}.generation-screen .bb-hopper{background:var(--bb-hopper-background);clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);width:26.35%;height:2.15%;top:11.47%;left:23.25%}.generation-screen .bb-hopper:before{content:"";background:var(--bb-side);clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);position:absolute;inset:1px}.generation-screen .bb-hopper-well{background:var(--bb-hopper-well-background);width:32%;height:72%;box-shadow:var(--bb-hopper-well-box-shadow);position:absolute;top:12%;left:14%}.generation-screen .bb-hopper-well:before{content:"";background:var(--bb-opening);width:33%;height:56%;position:absolute;top:34%;left:8%}.generation-screen .bb-hopper-well:after{content:"";background:var(--bb-hopper-well-after-background);clip-path:polygon(56% 0,100% 0,100% 100%,0 100%,0 36%);position:absolute;inset:0 0 0 41%}.generation-screen .bb-hopper-cover{background:var(--bb-hopper-cover-background);border-left:var(--bb-hopper-cover-border-left);position:absolute;inset:12% 1% 12% 47%}.generation-screen .bb-grinder{background:var(--bb-front);border-radius:var(--bb-grinder-border-radius);width:26.65%;height:47.45%;box-shadow:var(--bb-grinder-box-shadow);top:13.72%;left:23.05%}.generation-screen .bb-grinder:after{content:"";background:var(--bb-dark);border-radius:var(--bb-grinder-after-border-radius);height:1.9%;position:absolute;bottom:-1.4%;left:35%;right:35%}.generation-screen .bb-wordmark-band{height:6.4%;padding-inline:var(--bb-wordmark-band-padding-inline);background:var(--bb-wordmark-band-background);align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.generation-screen .bb-wordmark{font:var(--bb-wordmark-font);letter-spacing:var(--bb-wordmark-tracking);color:var(--bb-wordmark-color);white-space:nowrap}.generation-screen .bb-brewer{background:var(--bb-front);border-radius:var(--bb-brewer-border-radius);width:26.65%;height:38.83%;box-shadow:var(--bb-brewer-box-shadow);top:13.72%;left:50.2%}.generation-screen .bb-display{justify-content:space-between;align-items:center;height:7%;display:flex;position:absolute;bottom:22%;left:11%;right:11%}.generation-screen .bb-display span{background:var(--bb-display-span-background);opacity:.85;width:19%;height:100%}.generation-screen .bb-knobs{justify-content:space-between;height:9%;display:flex;position:absolute;bottom:5%;left:10%;right:10%}.generation-screen .bb-knobs span{flex:0 0 16%;height:100%;position:relative}.generation-screen .bb-knobs span:before{content:"";border-radius:var(--bb-knobs-span-before-border-radius);background:var(--bb-knobs-span-before-background);box-shadow:var(--bb-knobs-span-before-box-shadow);position:absolute;inset:18% 2% 10%}.generation-screen .bb-knobs span:after{content:"";border-radius:var(--radius-circle);border:var(--bb-knobs-span-after-border);background:var(--bb-knobs-span-after-background);height:65%;box-shadow:var(--bb-knobs-span-after-box-shadow);position:absolute;top:31%;left:2%;right:2%}.generation-screen .bb-nozzle{border-radius:var(--bb-nozzle-border-radius);background:var(--bb-dark);width:8.4%;height:1.45%;top:52.55%;left:59.4%}.generation-screen .bb-air-vent{border-radius:var(--space-2);background:var(--bb-air-vent-background);width:10.8%;height:7%;box-shadow:var(--bb-air-vent-box-shadow);top:53%;left:58.2%}.generation-screen .bb-air-vent:before{content:"";background:var(--bb-air-vent-before-background);position:absolute;inset:14.75% 10% 9%}.generation-screen .bb-rail{z-index:1;background:var(--bb-rail);border-radius:var(--space-5);width:45.1%;height:1.6%;box-shadow:var(--bb-rail-box-shadow);top:65.8%;left:26.7%}.generation-screen .bb-dripper{z-index:2;isolation:isolate;width:21.25%;height:11.4%;top:62.75%;left:52.975%}.generation-screen .bb-shell{z-index:2;clip-path:polygon(0 0,100% 0,85% 100%,15% 100%);border-radius:var(--space-2);background:var(--bb-shell-background);position:absolute;inset:0 0 17%}.generation-screen .bb-front-grip{z-index:4;border-radius:var(--bb-front-grip-border-radius);background:var(--bb-front-grip-background);width:3.8%;height:38%;box-shadow:var(--bb-front-grip-box-shadow);position:absolute;top:24%;left:48.1%}.generation-screen .bb-rim{z-index:3;border-radius:var(--radius-circle);background:var(--bb-opening);border:2px solid var(--bb-dripper);height:22.1%;position:absolute;top:-6.05%;left:0;right:0;overflow:hidden}.generation-screen .bb-clear-base{z-index:1;border:1px solid var(--bb-glass);border-radius:var(--bb-clear-base-border-radius);background:var(--bb-clear-base-background);height:25%;position:absolute;bottom:0;left:15%;right:15%}.generation-screen .bb-clear-base:after{content:"";border:var(--bb-clear-base-after-border);border-radius:var(--radius-circle);height:38%;position:absolute;bottom:6%;left:3%;right:3%}.generation-screen .bb-wave-filter{border-radius:var(--radius-circle);background:var(--bb-wave-filter-background);box-shadow:var(--bb-wave-filter-box-shadow);position:absolute;inset:0;overflow:hidden}.generation-screen .bb-filter-bed{border-radius:var(--radius-circle);background:var(--bb-filter-bed-background);box-shadow:var(--bb-filter-bed-box-shadow);position:absolute;inset:48% 16% 9%}.generation-screen .bb-glass{z-index:2;width:23%;height:14.7%;top:76.9%;left:52.5%}.generation-screen .bb-glass-body{clip-path:polygon(3% 4%,97% 4%,95% 15%,91% 22%,87% 26%,87% 30%,98% 73%,100% 83%,98% 90%,92% 96%,81% 100%,19% 100%,8% 96%,2% 90%,0 83%,2% 73%,13% 30%,13% 26%,9% 22%,5% 15%);background:var(--bb-glass-body-background);position:absolute;inset:0}.generation-screen .bb-glass-body:before{content:"";background:var(--bb-glass);clip-path:polygon(3% 4%,5% 4%,7% 14%,11% 21%,15% 26%,15% 30%,4% 73%,2% 83%,4% 89%,10% 94%,20% 98%,80% 98%,90% 94%,96% 89%,98% 83%,96% 73%,85% 30%,85% 26%,89% 21%,93% 14%,95% 4%,97% 4%,95% 15%,91% 22%,87% 26%,87% 30%,98% 73%,100% 83%,98% 90%,92% 96%,81% 100%,19% 100%,8% 96%,2% 90%,0 83%,2% 73%,13% 30%,13% 26%,9% 22%,5% 15%);position:absolute;inset:0}.generation-screen .bb-glass-body:after{content:"";border-radius:var(--radius-circle);background:var(--bb-glass-body-after-background);width:5%;height:46%;position:absolute;top:34%;left:14%;transform:rotate(12deg)}.generation-screen .bb-glass-lip{border:1px solid var(--bb-glass);border-radius:var(--radius-circle);background:var(--bb-glass-lip-background);height:9%;box-shadow:var(--bb-glass-lip-box-shadow);position:absolute;top:0;left:3%;right:3%}.generation-screen .bb-glass-shoulder{border-bottom:var(--bb-glass-shoulder-border-bottom);border-radius:var(--radius-circle);height:7%;position:absolute;top:23%;left:13%;right:13%}.generation-screen .bb-glass-foot{border:var(--bb-glass-foot-border);border-radius:var(--radius-circle);background:var(--bb-glass-foot-background);height:10%;position:absolute;bottom:1%;left:17%;right:17%}.generation-screen .bb-platform{background:var(--bb-dark);border-radius:var(--bb-platform-border-radius);width:57%;height:3.55%;top:91.6%;left:21.5%}.generation-screen .bb-platform:before{content:"";background:var(--bb-platform-before-background);border-radius:var(--space-2);height:37%;position:absolute;top:0;left:3%;right:3%}.generation-screen .bb-machine{transform-origin:50% 94.7%;animation:bb-brewing-hop var(--bb-cycle) cubic-bezier(.35,0,.2,1) infinite;inset:0}.generation-screen .bb-shadow{animation:bb-brewing-shadow var(--bb-cycle) ease-in-out infinite}.generation-screen .bb-dripper{animation:bb-brewing-slide var(--bb-cycle) cubic-bezier(.4,0,.2,1) infinite}.generation-screen .bb-glass{transform-origin:50% 100%;animation:bb-brewing-glass-hop var(--bb-cycle) cubic-bezier(.3,0,.2,1) infinite}.generation-screen .bb-display span{animation:bb-brewing-led var(--bb-cycle) ease-in-out infinite}.generation-screen .bb-display span:nth-child(2){animation-delay:var(--bb-stagger-second)}.generation-screen .bb-display span:nth-child(3){animation-delay:var(--bb-stagger-third)}.generation-screen .bb-bean{z-index:4;border-radius:var(--bb-bean-border-radius);opacity:0;background:var(--bb-bean-background);width:3.3%;height:3.2%;animation:bb-brewing-bean var(--bb-cycle) cubic-bezier(.35,0,.25,1) infinite;top:10.9%;left:27.35%}.generation-screen .bb-bean:after{content:"";border-left:var(--bb-bean-after-border-left);border-radius:var(--radius-circle);width:18%;height:74%;position:absolute;top:13%;left:44%;transform:rotate(-12deg)}.generation-screen .bb-bean:nth-of-type(2){animation-delay:var(--bb-stagger-second)}.generation-screen .bb-bean:nth-of-type(3){animation-delay:var(--bb-stagger-third)}.generation-screen .bb-beans{pointer-events:none;position:absolute;inset:0}.generation-screen .bb-beans>div{position:absolute}.generation-screen .bb-grounds{z-index:3;opacity:0;background:var(--bb-grounds-background);width:2.55%;height:1.85%;animation:bb-brewing-grounds var(--bb-cycle) linear infinite;top:61.83%;left:35.1%}.generation-screen .bb-coffee-bed{border-radius:var(--radius-circle);opacity:0;background:var(--bb-coffee-bed-background);animation:bb-brewing-bed var(--bb-cycle) linear infinite;position:absolute;inset:0;transform:scale(.15,.5)}.generation-screen .bb-wet-bed{border-radius:var(--radius-circle);opacity:0;background:var(--bb-wet-bed-background);animation:bb-brewing-wet-bed var(--bb-cycle) linear infinite;position:absolute;inset:0}.generation-screen .bb-ripple{border:var(--bb-ripple-border);border-radius:var(--radius-circle);opacity:0;animation:bb-brewing-ripple var(--bb-cycle) ease-out infinite;position:absolute;inset:15% 25%}.generation-screen .bb-water{z-index:3;border-radius:var(--space-2);opacity:0;transform-origin:50% 0;background:var(--bb-water-background);width:.72%;height:9.74%;animation:bb-brewing-water var(--bb-cycle) linear infinite;top:54%;left:63.24%;transform:scaleY(0)}.generation-screen .bb-extraction{z-index:1;opacity:0;transform-origin:50% 0;background:var(--bb-extraction-background);width:.58%;height:17.15%;animation:bb-brewing-extraction var(--bb-cycle) linear infinite;top:74.15%;left:63.31%}.generation-screen .bb-coffee-fill{border-radius:var(--bb-coffee-fill-border-radius);opacity:0;transform-origin:50% 100%;background:var(--bb-coffee-fill-background);height:60%;animation:bb-brewing-fill var(--bb-cycle) linear infinite;position:absolute;bottom:2%;left:2%;right:2%;transform:scaleY(0)}.generation-screen .bb-coffee-fill:before{content:"";border-radius:var(--radius-circle);background:var(--bb-coffee);height:10%;position:absolute;top:0;left:0;right:0}.generation-screen .bb-glass-body:before,.generation-screen .bb-glass-body:after{z-index:2}.generation-screen .bb-stage{flex-shrink:0;max-width:292px;margin-inline:auto}.generation-screen .bb-halo{border-radius:var(--radius-circle);background:var(--bb-screen-halo);opacity:.65;width:78%;height:55%;animation:bb-screen-halo var(--bb-cycle) ease-in-out infinite;top:21%;left:11%}.generation-screen .bb-spark{aspect-ratio:1;width:6%;color:var(--bb-water);opacity:0;animation:bb-screen-spark var(--bb-cycle) ease-out infinite}.generation-screen .bb-spark svg{width:100%;height:100%}.generation-screen .bb-spark-first{top:39%;left:9%}.generation-screen .bb-spark-second{animation-delay:var(--bb-spark-second-delay);top:29%;left:83%}.generation-screen .bb-spark-third{width:4%;animation-delay:var(--bb-spark-third-delay);top:78%;left:85%}@keyframes bb-brewing-hop{0%,4%,23%,34%,51%,to{transform:translateY(0)rotate(0)scale(1)}8%{transform:translateY(.9cqw)rotate(-.6deg)scale(1.018,.985)}14%{transform:translateY(-4.3cqw)rotate(-2.2deg)scale(.992,1.01)}20%{transform:translateY(.75cqw)rotate(.7deg)scale(1.018,.99)}24%,27%,30%{transform:translate(-.17cqw)rotate(-.16deg)}25.5%,28.5%,31.5%{transform:translate(.17cqw)rotate(.16deg)}38%{transform:translateY(.65cqw)scale(1.013,.992)}43%{transform:translateY(-2.6cqw)rotate(1.5deg)}48%{transform:translateY(.55cqw)scale(1.012,.992)}}@keyframes bb-brewing-shadow{0%,8%,23%,38%,51%,to{opacity:1;transform:scaleX(1)}14%{opacity:.48;transform:scaleX(.76)}43%{opacity:.66;transform:scaleX(.84)}}@keyframes bb-brewing-slide{0%,4%,46%,to{transform:translate(0)}12%{transform:translate(-27.7cqw)}15%,34%{transform:translate(-27.225cqw)}42%{transform:translate(.6cqw)}}@keyframes bb-brewing-bean{0%{opacity:0;transform:translate(-15cqw,8cqw)rotate(-65deg)scale(.7)}2%{opacity:1}5%{opacity:1;transform:translate(-11cqw,-10cqw)rotate(75deg)scale(1.05)}8%{opacity:1;transform:translate(-2cqw,-9cqw)rotate(185deg)scale(1)}12%{opacity:1;transform:translate(0)rotate(300deg)scale(.35)}13%,to{opacity:0;transform:translateY(.2cqw)rotate(330deg)scale(.1)}}@keyframes bb-brewing-grounds{0%,21%{opacity:0;background-position:0 0}22%{opacity:1}31%{opacity:1}32%,to{opacity:0;background-position:0 12cqw}}@keyframes bb-brewing-bed{0%,21%{opacity:0;transform:scale(.15,.5)}23%{opacity:1;transform:scale(.35,.75)}32%,94%{opacity:1;transform:scale(1)}97%,to{opacity:0;transform:scale(1)}}@keyframes bb-brewing-water{0%,49%{opacity:0;transform:scaleY(0)rotate(0)}50%{opacity:.9;transform:scaleY(1)rotate(0)}56%,68%{opacity:.9;transform:scaleY(1)rotate(-3deg)}62%{opacity:.9;transform:scaleY(1)rotate(3deg)}74%{opacity:.9;transform:scaleY(1)rotate(0)}75%,to{opacity:0;transform:scaleY(0)rotate(0)}}@keyframes bb-brewing-wet-bed{0%,50%{opacity:0}53%,75%{opacity:1}85%,to{opacity:0}}@keyframes bb-brewing-ripple{0%,51%,57%,63%,69%,75%,to{opacity:0;transform:scale(.2,.45)}52%,58%,64%,70%{opacity:.75;transform:scale(.35,.6)}56%,62%,68%,74%{opacity:0;transform:scale(1.9,1.25)}}@keyframes bb-brewing-extraction{0%,52%{opacity:0;background-position:0 0;transform:scaleY(1)}53%,54%{opacity:.9;transform:scaleY(1)}61%{opacity:.9;transform:scaleY(.856)}69%{opacity:.9;transform:scaleY(.65)}78%,81%{opacity:.9;transform:scaleY(.486)}82%,to{opacity:0;background-position:0 18cqw;transform:scaleY(.486)}}@keyframes bb-brewing-fill{0%,53%{opacity:0;transform:scaleY(0)}54%{opacity:1;transform:scaleY(0)}61%{opacity:1;transform:scaleY(.28)}69%{opacity:1;transform:scaleY(.68)}78%,94%{opacity:1;transform:scaleY(1)}97%,to{opacity:0;transform:scaleY(1)}}@keyframes bb-brewing-glass-hop{0%,86%,96%,to{transform:translateY(0)rotate(0)scale(1)}88%{transform:translateY(.2cqw)scale(1.025,.97)}91%{transform:translateY(-1.4cqw)rotate(-4deg)}94%{transform:translateY(0)rotate(1.5deg)scale(1.018,.985)}}@keyframes bb-brewing-led{0%,16%,36%,49%,83%,to{opacity:.65}22%,30%,56%,69%,78%{opacity:1}}@keyframes bb-screen-halo{0%,7%,28%,38%,57%,to{opacity:.65;transform:scale(1)}16%{opacity:.9;transform:scale(1.08)}46%{opacity:.8;transform:scale(1.045)}}@keyframes bb-screen-spark{0%,10%{opacity:0;transform:translateY(.8cqw)rotate(-20deg)scale(.3)}16%{opacity:.75;transform:translateY(-.8cqw)rotate(8deg)scale(1)}24%,to{opacity:0;transform:translateY(-1.7cqw)rotate(24deg)scale(.5)}}.page-shell[data-generating=true]{max-width:420px;padding:0}body:has(.generation-screen) .site-footer{display:none}.generation-screen{transition:opacity var(--motion-generation-exit) ease-out;--bb-screen-text:var(--foreground);--bb-screen-muted:var(--text-secondary);width:100%;min-height:100svh;color:var(--bb-screen-text);container-type:inline-size}.generation-screen[data-exiting=true]{opacity:0}.generation-screen .bb-screen-header{justify-content:space-between;align-items:center;gap:var(--space-16);padding:var(--space-20) var(--space-22) 0;display:flex}.generation-screen .bb-screen-brand{font-size:var(--font-20);line-height:var(--generation-header-leading);font-weight:var(--weight-600);letter-spacing:var(--generation-heading-tracking);margin:0}.generation-screen .bb-screen-status{margin:var(--space-4) 0 0;font-size:var(--font-13);line-height:var(--leading-1-5);color:var(--bb-screen-muted)}.generation-screen .bb-screen-content{padding:0 var(--space-22) var(--space-26);flex-direction:column;align-items:center;display:flex}.generation-screen .bb-screen-title{margin:var(--space-26) 0 var(--space-12);font-size:var(--generation-title-size);line-height:var(--leading-1-4);font-weight:var(--weight-500);letter-spacing:var(--generation-heading-tracking);text-align:center;text-wrap:balance;white-space:pre-line}.generation-screen .bb-screen-title:focus{outline:none}.generation-screen .bb-screen-estimate{justify-content:center;align-items:center;gap:var(--space-8);font-size:var(--font-label);line-height:var(--leading-1-5);color:var(--bb-screen-muted);flex-wrap:wrap;margin:0;display:flex}.generation-screen .bb-screen-estimate svg{width:15px;height:15px}.generation-screen .bb-wordmark{text-transform:lowercase}.generation-screen .bb-screen-caption{align-items:center;gap:var(--space-16);width:100%;max-width:300px;margin-top:var(--space-4);text-align:center;flex-direction:column;display:flex}.generation-screen .bb-generation-progress{border-radius:var(--radius-pill);background:var(--control-surface);width:100%;height:6px;overflow:hidden}.generation-screen .bb-generation-progress span{border-radius:inherit;background:var(--text-secondary);transform-origin:0;width:100%;height:100%;animation:bb-progress-estimate var(--generation-duration) linear forwards;display:block;transform:scaleX(0)}.generation-screen[dir=rtl] .bb-generation-progress span{transform-origin:100%}@keyframes bb-progress-estimate{0%{transform:scaleX(0)}to{transform:scaleX(.95)}}.generation-screen .bb-screen-fact{min-height:3.2em;font-size:var(--font-label);line-height:var(--leading-1-6);color:var(--bb-screen-muted);text-wrap:pretty;margin:0}.generation-screen[dir=rtl] .bb-screen-title{letter-spacing:normal}@media (max-width:360px){.generation-screen .bb-screen-header{padding:var(--space-16) var(--space-18) 0}.generation-screen .bb-screen-content{padding:0 var(--space-18) var(--space-22)}.generation-screen .bb-screen-title{margin-top:var(--space-20)}.generation-screen .bb-stage{max-width:268px}}@media (max-height:700px){.generation-screen .bb-stage{max-width:268px}.generation-screen .bb-screen-title{margin-top:var(--space-20)}}@media (prefers-reduced-motion:reduce){.generation-screen{transition:none}.generation-screen .bb-stage *,.generation-screen .bb-stage :before,.generation-screen .bb-stage :after{animation:none}.generation-screen .bb-generation-progress span{animation-timing-function:steps(10,end)}}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);font-synthesis:none}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}:where(a[href],button,input,select,textarea,summary,[tabindex]:not([tabindex="-1"])):focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.page-shell{width:100%;max-width:1120px;padding:var(--space-28) var(--space-32) var(--space-22);margin:auto}.masthead{border-bottom:1px solid var(--soft-border);padding-bottom:var(--space-22);justify-content:space-between;align-items:center;gap:var(--space-12);display:flex}.wordmark{font-size:var(--font-26);font-weight:var(--weight-700);letter-spacing:var(--tracking-wordmark);text-decoration:none}h1{font-size:var(--font-page-title);font-weight:var(--weight-650);letter-spacing:var(--tracking-title)}.brew-grid{gap:var(--space-28);margin-top:var(--space-24);grid-template-rows:max-content minmax(0,1fr) max-content max-content;grid-template-columns:340px minmax(0,1fr);align-items:stretch;display:grid}.brew-controls{gap:var(--space-24);flex-direction:column;display:flex}.brew-grid input:not([type=file]),.brew-grid [data-slot=slider][data-orientation=horizontal]{height:var(--brew-control-height);min-height:var(--brew-control-height)}.brew-controls>.equipment-panel{flex:none}.brew-preferences,.preferences-content{display:contents}.preferences-toggle{background:var(--card);display:none}.preferences-toggle:not(:disabled):hover{background:var(--card)}.brew-grid>.photo-panel{grid-area:1/2/span 2;align-self:stretch;height:auto;min-height:260px}.brew-temperature{gap:var(--space-12);flex-direction:column;grid-area:1/1;display:flex}.brew-grid>.photo-actions{grid-area:4/2}.brew-controls{grid-area:2/1/span 3;align-self:start}.request-panel{grid-area:3/2}.mode-tabs{gap:var(--space-4);width:100%;height:calc(var(--brew-control-height) + 12px);border:1px solid var(--soft-border);background:var(--subtle-surface);padding:var(--space-5);border-radius:var(--radius-12px);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mode-tabs button{height:var(--brew-control-height);min-height:var(--brew-control-height);gap:var(--space-9);font-size:var(--font-body);border-radius:var(--radius-8px)}.mode-tabs .mode-iced{color:var(--iced-text)}.mode-tabs .mode-hot{color:var(--hot-text)}.mode-tabs button[data-state=checked]{font-weight:var(--weight-700)}.ui-panel{box-sizing:border-box;align-content:start;align-self:start;gap:var(--panel-section-gap);border-radius:var(--radius-16px);border:1px solid var(--soft-border);background:var(--card);width:100%;padding:var(--panel-padding);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.photo-panel{text-align:center;justify-content:center;align-items:center;gap:var(--space-16);flex-direction:column;display:flex}.photo-preview{flex:90px;place-items:center;width:100%;min-width:0;height:auto;min-height:90px;display:grid;position:relative;overflow:hidden}.photo-panel h2{font-size:var(--font-22);font-weight:var(--weight-600);flex-shrink:0}.photo-panel p{font-size:var(--font-body);line-height:var(--leading-1-8);color:var(--muted-foreground)}.primary-action{isolation:isolate;min-height:var(--brew-control-height);width:100%;max-width:none;height:auto;padding:var(--space-10) var(--space-16);font-size:var(--font-body);line-height:var(--leading-1-5);white-space:normal;border-radius:var(--radius-10px);background:var(--primary);position:relative;overflow:hidden}.primary-action:not(:disabled):hover{background:var(--primary-hover)}.primary-action:disabled{opacity:1;background:var(--disabled-surface);color:var(--disabled-foreground);border:1px solid var(--disabled-border);box-shadow:none;cursor:not-allowed}.primary-action[aria-busy=true]{opacity:1;background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.primary-action>span{overflow-wrap:anywhere;min-width:0}.primary-action>:is(svg,span,small){z-index:1;position:relative}.site-footer{max-width:1120px;margin:var(--space-8) auto 0;padding:0 var(--space-16) var(--space-24);text-align:center;font-size:var(--font-caption);line-height:var(--leading-1-5);color:var(--muted-foreground)}.site-footer a{border-radius:var(--radius-6px);align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.site-footer a:not(.x-share-link):hover{color:var(--text-secondary);text-decoration:underline}@media (max-width:700px){.page-shell{padding:var(--space-20) var(--space-18)}.brew-grid{gap:var(--space-22);grid-template-columns:minmax(0,1fr)}.brew-controls{gap:var(--space-16)}}input{min-height:var(--brew-control-height);font-size:var(--font-body)}.photo-preview .bean-photo{object-fit:contain;object-position:center;border-radius:var(--radius-9px);background:var(--subtle-surface);width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;display:block;position:absolute;inset:0}.photo-actions{justify-content:center;align-items:center;gap:var(--space-8);width:100%;display:flex}.spin{animation:spin var(--motion-spin) linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.recipe-panel{margin-top:var(--space-18)}.ui-panel[data-panel-variant=result]{border-radius:var(--panel-result-radius);padding:var(--panel-result-padding);background:var(--panel-result-surface);border-color:var(--panel-result-border);display:block}.recipe-heading{gap:var(--space-12);flex-direction:column;display:flex}.recipe-heading h1{font-size:var(--font-24);font-weight:var(--weight-600);overflow-wrap:anywhere}.recipe-title-row{align-items:flex-start;gap:var(--space-12);flex-wrap:wrap;display:flex}.recipe-title-copy{gap:var(--space-8);flex:16rem;min-width:0;display:grid}.recipe-action-row{align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.recipe-send,.recipe-product,.recipe-share{gap:var(--space-7);font-size:var(--font-13);border-radius:var(--radius-24px)}.recipe-send{white-space:normal;max-width:100%;height:auto;min-height:var(--brew-control-height);background:var(--send-surface);color:var(--send-foreground);border-color:var(--send-surface);font-weight:var(--weight-600);flex-shrink:1;margin-inline-start:auto}.recipe-send:not(:disabled):hover{background:var(--send-hover);color:var(--send-foreground);border-color:var(--send-hover)}.recipe-product a{align-items:center;gap:var(--space-7);color:inherit;text-decoration:none;display:inline-flex}.recipe-metrics{gap:var(--space-14);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;display:grid}.recipe-metrics dt{font-size:var(--font-caption);color:var(--muted-foreground)}.recipe-metrics strong{font-size:var(--font-34);font-weight:var(--weight-500);margin-top:var(--space-6);letter-spacing:var(--tracking-metric);display:block}.recipe-metrics small{font-size:var(--font-13);color:var(--muted-foreground);letter-spacing:0;margin-inline-start:var(--space-7)}.preparation{font-size:var(--font-label);line-height:var(--leading-1-9);color:var(--muted-foreground);margin:var(--space-16) 0}@media (max-width:700px){:root{--panel-result-padding:var(--space-22) var(--space-18)}.recipe-heading{align-items:center;gap:var(--space-12) var(--space-8);flex-flow:wrap}.recipe-title-row,.recipe-action-row{display:contents}.recipe-title-copy{flex:1 0 100%}.recipe-send{margin-inline-start:0}.recipe-heading h1{font-size:var(--font-21)}.recipe-metrics{gap:var(--space-20);grid-template-columns:repeat(2,minmax(0,1fr))}.recipe-metrics strong{font-size:var(--font-32)}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}textarea{font:inherit;font-size:var(--font-body);line-height:var(--leading-1-7);resize:vertical}.recipe-details{margin-top:var(--space-16)}.recipe-details .recipe-reason{margin:0 0 var(--space-20);font-size:var(--font-label);line-height:var(--leading-1-8);color:var(--text-secondary);overflow-wrap:anywhere}.pour-valve-action{justify-content:center;align-items:center;gap:var(--space-4);font-size:var(--pour-detail-size);color:var(--text-secondary);display:flex}.pour-valve-action[data-empty]{visibility:hidden}.choice-group{gap:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;display:grid}.choice-option{width:100%;min-width:0;height:auto;min-height:var(--brew-control-height);padding:var(--space-8) var(--space-12);white-space:normal;word-break:keep-all;overflow-wrap:normal;border:1px solid var(--control-border);border-radius:var(--radius-9px);background:var(--control-surface);color:var(--control-foreground);font-size:var(--font-label);font-weight:var(--weight-500);line-height:var(--leading-1-6);cursor:pointer;transition:background-color var(--motion-fast) ease, border-color var(--motion-fast) ease, color var(--motion-fast) ease;justify-content:center;align-items:center;display:flex}.choice-option:not(:disabled):hover{background:var(--control-hover);border-color:var(--control-border-hover)}.choice-option[data-state=checked]{background:var(--choice-selected);border-color:var(--choice-selected);color:var(--choice-selected-foreground)}.choice-option[data-state=checked]:not(:disabled):hover{background:var(--choice-selected-hover);border-color:var(--choice-selected-hover)}.choice-option:disabled{opacity:.5;cursor:not-allowed}.equipment-choices{margin-bottom:var(--space-4);grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}.equipment-choices[data-balanced]{grid-template-columns:repeat(2,minmax(0,1fr))}.grinder-combobox{gap:var(--space-8);min-width:0;display:grid}.grinder-combobox[data-open=true]{gap:0}.grinder-combobox[data-open=true] .text-field>input{border-bottom-right-radius:0;border-bottom-left-radius:0}.grinder-candidates{margin:var(--border-overlap) 0 0;padding:var(--space-4);border:1px solid var(--soft-border);border-radius:0 0 var(--radius-8px) var(--radius-8px);background:var(--popover);color:var(--popover-foreground);box-shadow:var(--dropdown-shadow);z-index:1;max-height:18rem;list-style:none;position:relative;overflow-y:auto}.grinder-candidates [role=option]{padding:var(--space-10) var(--space-12);border-radius:var(--radius-6px);cursor:pointer;overflow-wrap:anywhere;line-height:var(--leading-1-6)}.grinder-candidates [role=option]:hover,.grinder-candidates [aria-selected=true]{background:var(--control-surface)}.ui-panel.request-panel{gap:var(--space-12)}.default-roast-field,.recipe-style-field{text-align:start;width:100%}.recipe-style-field [data-slot=native-select-wrapper]{width:100%;min-width:0}.recipe-style-field .recipe-style-select{height:var(--brew-control-height);min-height:var(--brew-control-height);border-color:var(--control-border);border-radius:var(--radius-9px);background:var(--field-surface);color:var(--control-foreground);font-size:var(--font-label);font-weight:var(--weight-500)}.recipe-style-field .recipe-style-select:not(:disabled):hover{background:var(--field-surface);border-color:var(--control-border-hover)}.photo-panel .recipe-style-field{display:none}@media (max-width:700px){.photo-panel .recipe-style-field{display:grid}.request-panel .recipe-style-field{display:none}}.default-roast-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.recipe-metrics .external-setting{line-height:var(--leading-1-5);letter-spacing:0;overflow-wrap:anywhere}.recipe-metrics .bypass-addition{white-space:nowrap}.connection-details{margin-top:var(--space-12);min-width:0}.connection-details summary{cursor:pointer}.connection-details pre{max-width:100%;margin-top:var(--space-12);white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--font-caption);line-height:var(--leading-1-6)}.discovery-help{font-size:var(--font-label);color:var(--muted-foreground)}.discovery-help h3{font-weight:var(--weight-600);padding:0}.discovery-help p{margin:var(--space-8) 0 var(--space-12);line-height:var(--leading-1-8)}.photo-select-actions{gap:var(--space-10);flex-shrink:0;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;min-width:0;display:grid;container-type:inline-size}.photo-select-actions button{width:100%;min-height:var(--brew-control-height);height:var(--brew-control-height);min-width:0;max-width:100%;font-size:var(--font-label);white-space:normal;overflow-wrap:anywhere}.photo-select-actions .photo-capture{font-size:var(--font-body);grid-column:1/-1}@container (width<=336px){.photo-select-actions button:not(.photo-capture)>svg{display:none}.photo-select-actions button:not(.photo-capture){padding-inline:var(--space-6)}}.recipe-reason a{color:var(--link);font-size:var(--font-label);padding:var(--space-2);text-decoration:underline;display:inline-block}.guide-article{margin-top:var(--space-24);line-height:var(--leading-1-8);overflow-wrap:anywhere}.guide-article section{gap:var(--control-field-gap);min-width:0;display:grid}.guide-page h1{font-size:var(--font-24);font-weight:var(--weight-600);margin:0}.guide-page h2{font-size:var(--font-17-6);font-weight:var(--weight-600);margin:0}.guide-page p{margin:0}.guide-page .policy-text{white-space:pre-line}.guide-page article a{color:var(--link);text-decoration:underline}.guide-page ol,.guide-page ul{margin:0;padding-inline-start:var(--space-22)}.guide-page ol{list-style:decimal}.guide-page ul{list-style:outside}.guide-page li+li{margin-top:var(--space-12)}.algorithm-versions-page{max-width:900px}.algorithm-version-list{gap:var(--space-24);display:grid}.algorithm-version-entry{content-visibility:auto;contain-intrinsic-size:12rem}.algorithm-version-entry+.algorithm-version-entry{border-top:1px solid var(--soft-border);padding-top:var(--space-24)}.algorithm-version-entry h2{align-items:baseline;gap:var(--space-6);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}.algorithm-version-entry h2 span{color:var(--muted-foreground);font-size:var(--font-label);font-weight:var(--weight-400)}.guide-page pre{padding:var(--space-16);background:var(--subtle-surface);border-radius:var(--radius-8px);font-size:var(--font-label);overflow-x:auto}.guide-page code{font-size:var(--font-code-relative)}@media (max-width:700px){.guide-article{margin-top:var(--space-16)}}.masthead{column-gap:var(--space-20);row-gap:var(--space-8)}.brand-lockup{align-items:baseline;gap:var(--space-8) var(--space-20);flex-wrap:wrap;flex:1;min-width:0;display:flex}.brand-lockup .wordmark{flex-shrink:0}.header-actions{--header-control-font-size:var(--font-label);align-items:center;gap:var(--space-10);flex-shrink:0;display:flex}.header-actions .language-selector{font-size:var(--header-control-font-size);font-weight:var(--weight-500);line-height:var(--leading-1-5)}.brand-caption{color:var(--muted-foreground);font-size:var(--font-label);line-height:var(--leading-1-6);overflow-wrap:anywhere;margin:0}.language-selector{height:var(--brew-control-height);min-height:var(--brew-control-height);width:auto;font:inherit;font-size:var(--font-label)}.localized-dialog-close{top:10px;position:absolute;inset-inline-end:10px}.beacio-page{width:min(100% - 40px,900px);max-width:900px}.guide-page .guide-install{padding:var(--space-12) var(--space-18);border-radius:var(--radius-9px);background:var(--primary);color:var(--primary-foreground);text-decoration:none;display:inline-block}.guide-page .guide-annotation{font-size:var(--font-label);color:var(--muted-foreground)}.guide-page .beacio-steps{margin:var(--space-28) 0;padding:0;list-style:none}.beacio-steps>li{align-items:start;gap:var(--space-26);padding:var(--space-26) 0;content-visibility:auto;contain-intrinsic-size:28rem;grid-template-columns:minmax(0,1fr) minmax(0,280px);margin:0;display:grid}.guide-page .guide-step-copy h2{gap:var(--space-10);align-items:baseline;margin:0;display:flex}.guide-step-number{border-radius:var(--radius-circle);background:var(--primary);width:28px;height:28px;color:var(--primary-foreground);font-size:var(--font-label);flex-shrink:0;place-items:center;display:inline-grid}.guide-screenshot{background:var(--subtle-surface);border:1px solid var(--soft-border);border-radius:var(--radius-12px);width:100%;overflow:hidden}.guide-screenshot img{width:100%;height:auto;display:block}.guide-sources{font-size:var(--font-label)}.guide-sources a{margin:var(--space-10) 0;display:block}.beacio-page td{white-space:normal}@media (max-width:700px){.beacio-steps>li{gap:var(--space-14);grid-template-columns:minmax(0,1fr)}.guide-screenshot{max-width:340px;margin:auto}.brew-shell{padding-bottom:var(--space-16)}.site-footer{padding-bottom:calc(var(--space-24) + env(safe-area-inset-bottom))}.masthead{column-gap:var(--space-12);padding-bottom:var(--space-16);grid-template-columns:minmax(0,1fr) auto;display:grid}.brand-lockup{display:contents}.brand-lockup .wordmark{grid-area:1/1}.brand-caption{grid-area:2/1/auto/-1}.wordmark{font-size:var(--font-23);letter-spacing:var(--tracking-wordmark-compact)}.header-actions{--header-icon-width:var(--header-icon-40);gap:var(--space-7);grid-area:1/2}.brand-caption{font-size:var(--font-label)}.brew-grid{gap:var(--space-14);margin-top:var(--space-16);flex-direction:column;display:flex}.brew-controls{align-self:stretch;width:100%}.brew-preferences{width:100%;display:block}.preferences-content[data-state=closed]{display:none}.preferences-content[data-state=open]{gap:var(--space-16);padding-top:var(--space-16);flex-direction:column;display:flex}.preferences-toggle{width:100%;min-height:calc(var(--brew-control-height) + 1.25rem);height:auto;padding:var(--space-10) var(--space-12);gap:var(--space-8);text-align:start;white-space:normal;border-radius:var(--radius-12px);justify-content:space-between;display:flex}.preferences-toggle>.preferences-copy{align-items:stretch;gap:var(--space-4);flex-direction:column;flex:1;min-width:0;display:flex}.preferences-summary{min-width:0;font-size:var(--font-13);font-weight:var(--weight-400);line-height:var(--leading-1-5);color:var(--text-secondary);max-height:calc(var(--font-13) * var(--leading-1-5) * 2);flex-wrap:wrap;align-items:baseline;margin-top:0;display:flex;overflow:hidden}.preferences-summary>span{white-space:nowrap;flex-shrink:0}.preferences-summary>span+span:before{content:" · ";white-space:pre}.preferences-toggle[data-state=open]>svg{transform:rotate(180deg)}.brew-grid>.photo-panel{align-self:stretch;gap:var(--space-12);width:100%;height:auto;min-height:0;padding:var(--space-16);text-align:center;flex-direction:column;align-items:center;display:flex}.photo-preview{flex:none;width:100%;height:clamp(100px,30vw,168px);min-height:0}.photo-preview[data-empty=true]{display:none}.photo-panel h2{font-size:var(--font-body);line-height:var(--leading-1-5)}.photo-select-actions{gap:var(--space-8)}.photo-select-actions button{width:100%;min-height:var(--brew-control-height);padding:var(--space-8) var(--space-10)}}body,.ui-panel,.recipe-panel,.app-dialog,.mode-tabs,.amount-slider-control,[data-slot=input]{transition:background-color var(--motion-theme) ease, border-color var(--motion-theme) ease, color var(--motion-theme) ease}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:var(--motion-reduced);animation-duration:var(--motion-reduced);animation-iteration-count:1}}body:has(.brew-shell[data-brew-mode=iced]){background-color:var(--brew-background-iced)}body:has(.brew-shell[data-brew-mode=hot]){background-color:var(--brew-background-hot)}body:has(.privacy-shell,.beacio-page,.algorithm-versions-page){background-color:var(--guide-background)}button:not(:disabled),a[href],select:not(:disabled),summary,[role=button]:not([aria-disabled=true]){cursor:pointer}button:disabled,select:disabled{cursor:not-allowed}.language-control{align-items:center;display:inline-flex;position:relative}.language-control>svg{z-index:1;pointer-events:none;inset-inline-start:11px;position:absolute;top:50%;transform:translateY(-50%)}.language-control:has(select:disabled)>svg{opacity:.5}.language-selector{padding-inline-start:var(--space-36)}.fact-list{gap:var(--space-16) var(--space-24);text-align:start;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.fact-list[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.fact-list>div{min-width:0;max-width:100%}.fact-list dt{font-size:var(--font-caption);color:var(--muted-foreground)}.fact-list dd{font-size:var(--font-label);font-weight:var(--weight-600);line-height:var(--leading-1-6);overflow-wrap:anywhere;margin:0}.recipe-summary{gap:var(--space-24);margin:var(--space-24) 0;display:grid}@media (max-width:700px){.fact-list[data-columns="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}.header-actions .language-control{width:var(--header-icon-width);height:var(--brew-control-height)}.header-actions .language-control>svg{inset-inline-start:auto;width:16px;left:50%;transform:translate(-50%,-50%)}.header-actions .language-selector{width:var(--header-icon-width);color:#0000;padding:0}.header-actions [data-slot=native-select-icon]{display:none}}@media (max-width:400px){.masthead{column-gap:var(--space-8)}.wordmark{font-size:var(--font-21)}.header-actions{gap:var(--space-5)}}@media (max-width:360px){.wordmark{font-size:var(--font-18)}.header-actions{--header-icon-width:var(--header-icon-36);gap:var(--space-4)}}.photo-url-dialog form{gap:var(--space-14);display:grid}.page-source-preview{justify-content:center;align-items:center;gap:var(--space-8);width:100%;min-width:0;height:100%;padding:var(--space-12);color:var(--link);flex-direction:column;display:flex}.page-source-preview strong{max-width:100%;font-size:var(--font-label);overflow-wrap:anywhere}.page-source-preview span{-webkit-line-clamp:2;overflow-wrap:anywhere;font-size:var(--font-caption);color:var(--muted-foreground);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.page-source-preview svg{flex-shrink:0}.page-source-preview:focus-visible{outline-offset:calc(var(--focus-ring-width) * -1)}.recipe-metrics>div{min-width:0}.recipe-metrics .ratio-prefix{margin-inline-start:0;margin-inline-end:var(--space-6)}.amount-slider{width:100%;height:var(--brew-control-height);position:relative}.amount-slider-control{border:2px solid var(--slider-border);border-radius:var(--radius-10px);background:var(--slider-surface);cursor:ew-resize;opacity:1}.amount-slider-control [data-slot=slider-track]{border-radius:var(--radius-5px);background:0 0;width:auto;height:auto;position:absolute;inset:3px}.amount-slider-control [data-slot=slider-range]{background:var(--slider-fill);border-inline-end:2px solid var(--slider-fill-border)}.amount-slider-control [data-slot=slider-thumb]{width:0;height:var(--brew-control-height);box-shadow:none;opacity:0;border:0}.amount-slider-control:not([data-disabled]):hover{border-color:var(--slider-hover)}.amount-slider-control:has(:focus-visible){outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.amount-slider-readout{justify-content:space-between;align-items:center;gap:var(--space-12);padding:0 var(--space-14);color:var(--control-foreground);pointer-events:none;-webkit-user-select:none;user-select:none;display:flex;position:absolute;inset:0}.amount-slider-value{align-items:baseline;gap:var(--space-5);font-size:var(--font-20);font-weight:var(--weight-600);line-height:var(--leading-1-2);font-variant-numeric:tabular-nums;flex-shrink:0;margin-inline-start:auto;display:inline-flex}.amount-slider-value>span{font-size:var(--font-label);font-weight:var(--weight-500)}.amount-slider[data-disabled] .amount-slider-control{opacity:1;background:var(--subtle-surface);border-color:var(--disabled-border);cursor:not-allowed}.amount-slider[data-disabled] [data-slot=slider-range]{background:var(--disabled-surface);border-color:var(--disabled-border)}.amount-slider[data-disabled] .amount-slider-readout{color:var(--disabled-foreground)}.app-dialog [data-slot=button]{height:var(--brew-control-height);min-height:var(--brew-control-height);border-radius:var(--radius-9px);font-size:var(--font-label)}.app-dialog [data-slot=dialog-header]{padding-inline-end:var(--brew-control-height)}.app-dialog .localized-dialog-close{width:var(--brew-control-height)}[data-slot=input]{height:var(--brew-control-height);min-height:var(--brew-control-height);background:var(--field-surface);border-color:var(--field-border);color:var(--foreground);box-shadow:none}[data-slot=input]:disabled{opacity:1;background:var(--disabled-surface);color:var(--disabled-foreground);border-color:var(--disabled-border)}.app-dialog [data-slot=button]:disabled{opacity:1;background:var(--disabled-surface);color:var(--disabled-foreground)}.amount-slider-readout output{font-size:var(--font-label);font-weight:var(--weight-500);font-variant-numeric:tabular-nums}[data-slot=field-error]{font-size:var(--font-label);line-height:var(--leading-1-6);color:var(--danger-action);overflow-wrap:anywhere;margin:0}.pour-chart{--pour-chart-height:var(--pour-chart-desktop-height);--pour-detail-size:var(--font-detail);grid-template-columns:repeat(var(--pour-count), minmax(0, 1fr));row-gap:var(--space-10);min-width:0;margin:0;padding:0;list-style:none;display:grid}.pour-step{grid-row:span 5;grid-template-rows:subgrid;min-width:0;padding:0 var(--space-6);border-inline:1px solid var(--divider);text-align:center;display:grid;container-type:inline-size}.pour-chart[data-valve-actions] .pour-step{grid-row:span 6}.community-dripper{align-items:center;gap:var(--space-4);display:inline-flex}.community-dripper>.community-immersion-badge{flex-shrink:0}.community-immersion-badge{padding:var(--space-2) var(--space-4);border-radius:var(--radius-5px);background:var(--hand-badge-surface);color:var(--hand-badge-foreground);line-height:var(--leading-1-5);justify-content:center;align-items:center;display:inline-flex}.pour-bar-track{margin-top:var(--space-32);height:calc(var(--pour-chart-height) + var(--pour-headroom));align-items:flex-end;min-width:0;display:flex;position:relative}.pour-bar{width:100%;height:calc(var(--pour-height) * var(--pour-chart-height));border-radius:var(--radius-4px) var(--radius-4px) var(--radius-2px) var(--radius-2px);background:var(--pour-bar);position:relative}.pour-volume{left:50%;bottom:calc(100% + var(--space-6));color:var(--foreground);font-size:var(--font-18);font-weight:var(--weight-600);white-space:nowrap;font-variant-numeric:tabular-nums;position:absolute;transform:translate(-50%)}.pour-volume small{font-size:var(--font-13);font-weight:var(--weight-500);margin-inline-start:var(--space-2)}@container (width<=100px){.pour-bar-track{margin-top:var(--space-36)}.pour-volume{white-space:normal;max-width:100%;line-height:var(--leading-1-2)}}.pour-temperature{justify-content:center;align-items:center;gap:var(--space-4);color:var(--text-secondary);font-size:var(--pour-detail-size);white-space:nowrap;display:flex}.pour-pattern{flex-shrink:0;display:inline-flex}.pour-pattern svg{width:18px;height:18px}.pour-flow{color:var(--text-secondary);font-size:var(--pour-detail-size);white-space:nowrap;font-variant-numeric:tabular-nums}.pour-flow small{font-size:inherit;margin-inline-start:var(--space-3)}.pour-name{min-height:2.8em;font-size:var(--pour-detail-size);line-height:var(--leading-1-4);overflow-wrap:anywhere;align-items:center;display:grid}.pour-pause{align-items:center;column-gap:var(--space-2);width:min(100%,78px);padding-bottom:var(--space-8);font-size:var(--pour-detail-size);color:var(--muted-foreground);white-space:nowrap;grid-template-columns:8px minmax(0,1fr) 8px;margin-inline:auto;display:grid}.agitation-mark{width:8px;height:24px;color:var(--agitation)}.agitation-mark[data-position=after]{transform:scaleX(-1)}@media (max-width:700px){.pour-chart{--pour-chart-height:var(--pour-chart-mobile-height);--pour-detail-size:var(--font-label);row-gap:var(--space-8)}.pour-chart[data-many-pours=true]{grid-template-columns:repeat(3,minmax(0,1fr))}.pour-step{padding-inline:var(--space-3)}.pour-volume{font-size:var(--font-body)}.pour-volume small{font-size:var(--font-11)}.pour-temperature{font-size:var(--pour-detail-size);gap:var(--space-3)}.pour-pattern svg{width:16px;height:16px}}[data-slot=input][aria-invalid=true]{border-color:var(--danger-action)}:is([data-slot=input],.recipe-style-field .recipe-style-select):focus-visible{border-color:var(--focus-ring);outline-offset:1px}[data-slot=input][aria-invalid=true]:focus-visible{border-color:var(--danger-action);outline-color:var(--danger-action)}@media (max-width:700px){.recipe-style-field .recipe-style-select,.header-actions .language-selector{font-size:var(--font-body)}}@media (pointer:coarse){input,select,textarea,.recipe-style-field .recipe-style-select,.header-actions .language-selector{font-size:var(--font-body)}}.recipe-action-row :is(.recipe-product,.recipe-share){min-height:44px}.brew-grid>.photo-actions .primary-action:disabled{box-shadow:none}button:disabled,[role=button][aria-disabled=true],[role=radio][data-disabled]{cursor:not-allowed}:where([data-slot=button][data-variant=default]){background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}:where([data-slot=button][data-variant=default]:not(:disabled):hover){background:var(--primary-hover)}[data-slot=button]:disabled{cursor:not-allowed}:where([data-slot=button][data-variant=default]:disabled:not([aria-busy=true])){opacity:1;background:var(--disabled-surface);color:var(--disabled-foreground);border:1px solid var(--disabled-border);box-shadow:none}[data-slot=field-description][data-variant=hint]{font-size:var(--font-label);line-height:var(--leading-1-7);color:var(--muted-foreground)}.control-field{align-content:start;gap:var(--control-field-gap);text-align:start;flex-shrink:0;grid-template-columns:minmax(0,1fr);width:100%;min-width:0;display:grid;container-type:inline-size}.control-field>[data-slot=label]{font-size:var(--font-label);font-weight:var(--weight-600);line-height:var(--leading-1-6);margin:0}.control-field>:not([data-slot=label]){margin-block:0}@media (max-width:700px){:root{--panel-padding:var(--space-16)}}@container (width<=16rem){.choice-group,.equipment-choices,.equipment-choices[data-balanced]{grid-template-columns:minmax(0,1fr)}}.generate-button{gap:var(--space-2);flex-direction:column}.generate-label{justify-content:center;align-items:center;gap:var(--space-4) var(--space-8);flex-wrap:wrap;width:100%;display:flex}.generate-label>span{overflow-wrap:anywhere}.connection-dialog{gap:var(--space-20);max-height:88dvh;overflow-y:auto}.connection-dialog .connection-guide-link{font-size:var(--font-label);line-height:var(--leading-1-7);text-decoration:underline}.footer-links{justify-content:center;align-items:center;column-gap:var(--footer-link-gap);row-gap:var(--space-4);flex-wrap:wrap;display:flex}.x-share-link{align-items:center;gap:var(--space-7);background:var(--x-surface);color:var(--x-foreground);border-color:var(--x-surface);border-radius:var(--radius-24px);padding:var(--space-7) var(--space-12);text-decoration:none;display:inline-flex}.x-share-link:hover{background:var(--x-hover);color:var(--x-foreground);border-color:var(--x-hover)}.x-share-link svg{flex-shrink:0;width:1em;height:1em}.recipe-action-row .recipe-share{line-height:var(--leading-1-2)}.recipe-action-row .x-share-link{padding:0 var(--space-10);line-height:inherit}.xbloom-save{gap:var(--space-7);background:var(--xbloom-save-surface);border-color:var(--xbloom-save-border);color:var(--xbloom-save-foreground)}.xbloom-save:not(:disabled):hover{background:var(--xbloom-save-hover);border-color:var(--xbloom-save-border);color:var(--xbloom-save-foreground)}.xbloom-mark{flex-shrink:0;width:1.42em;height:1em}.guide-links{align-items:flex-start;gap:var(--space-8);flex-direction:column;margin-top:0;display:flex}.guide-links a{align-items:center;max-width:100%;min-height:44px;display:inline-flex}.guide-page article p{text-wrap:pretty}.theme-toggle{width:var(--brew-control-height);height:var(--brew-control-height);border-radius:var(--radius-9px);flex-shrink:0}.header-actions :is(.theme-toggle,.language-selector){background:var(--secondary);border-color:var(--input)}.header-actions .theme-toggle:not(:disabled):hover{background:var(--accent);color:var(--accent-foreground)}.theme-toggle[data-state=on]{color:var(--link);border-color:var(--ring)}.theme-toggle svg{width:18px;height:18px}.theme-toggle .theme-sun,.dark .theme-toggle .theme-moon{display:none}.dark .theme-toggle .theme-sun{display:block}.app-dialog{background:var(--popover);color:var(--popover-foreground)}[data-slot=input]::placeholder{color:var(--muted-foreground);opacity:1}@media (max-width:700px){.theme-toggle{width:var(--header-icon-width)}}html:lang(ar) body{font-family:var(--font-arabic)}html:lang(ar) h1,html:lang(ar) h2,html:lang(ar) .external-setting{letter-spacing:normal}html[dir=rtl] .agitation-mark[data-position=before]{transform:scaleX(-1)}html[dir=rtl] .agitation-mark[data-position=after]{transform:none}html[dir=rtl] .amount-slider-value{margin-inline:0 auto}.community-section{border-top:1px solid var(--soft-border);gap:var(--space-16);min-width:0;margin-block-start:var(--space-32);padding-block-start:var(--space-24);display:grid}.community-heading h1,.community-heading h2{font-size:var(--font-22);font-weight:var(--weight-600);margin:0}.community-section [data-slot=table-container]{border:1px solid var(--soft-border);border-radius:var(--radius-8px)}.community-table{table-layout:fixed;background:var(--card);min-width:56rem;font-size:var(--font-label)}.community-table th,.community-table td{padding:var(--space-12);text-align:start;border-inline-end:1px solid var(--soft-border);border-bottom:1px solid var(--soft-border)}.community-table :is(th,td){white-space:normal;overflow-wrap:anywhere}.community-table :is(th,td):first-child{width:11%}.community-table :is(th,td):nth-child(2){width:31%}.community-table :is(th,td):nth-child(3){width:12%}.community-table :is(th,td):nth-child(4),.community-table :is(th,td):nth-child(5){width:7%}.community-table :is(th,td):nth-child(n+6){width:16%}.community-table th:last-child,.community-table td:last-child{border-inline-end:0}.community-table tbody tr:last-child td{border-bottom:0}.community-table th{background:var(--subtle-surface);color:var(--text-secondary)}.community-table a{color:var(--link);text-underline-offset:.2em;text-decoration:underline}.community-table a[aria-disabled=true]{pointer-events:none}.community-recipe-title{gap:var(--space-8);display:grid}.community-recipe-title .recipe-badges{flex-wrap:wrap}.community-recipe-style{color:var(--text-secondary)}.community-recipe-date{display:grid}.community-recipe-row{cursor:pointer;transition:background-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease}.community-recipe-row:active{background-color:var(--control-hover)}.community-recipe-row:focus-visible{outline-offset:calc(var(--focus-ring-width) * -1)}.community-recipe-title a{gap:var(--space-8);white-space:normal;overflow-wrap:anywhere;min-width:0;text-decoration:none;display:grid}.community-recipe-title a>bdi{text-underline-offset:.2em;transition:color var(--motion-fast) ease, text-decoration-thickness var(--motion-fast) ease;text-decoration:underline}.community-recipe-title a:hover>bdi{color:var(--link-hover);text-decoration-thickness:2px}.community-footer{justify-content:flex-end;display:flex}[dir=rtl] .community-footer{justify-content:flex-start}.community-section[data-view=all]{border-top:0;margin-block-start:var(--space-24);padding-block-start:0}.mode-tabs .choice-option[data-state=unchecked]{background:0 0;border-color:#0000}.mode-tabs .choice-option[data-state=unchecked]:hover{background:var(--control-hover)}.mode-tabs .mode-hot[data-state=checked],.mode-tabs .mode-hot[data-state=checked]:hover{background:var(--hot-solid);border-color:var(--hot-solid);color:var(--on-color)}.mode-tabs .mode-iced[data-state=checked],.mode-tabs .mode-iced[data-state=checked]:hover{background:var(--info-solid);border-color:var(--info-solid);color:var(--on-color)}.guide-article th{text-align:start}.notification{overflow-wrap:anywhere;min-width:0}.notification[data-layout=banner]{padding:var(--space-16) var(--space-20);border:1px solid var(--info-border);border-radius:var(--radius-10px);background:var(--control-surface);color:var(--control-foreground);font-size:var(--font-15);line-height:var(--leading-1-8);margin:0}.notification[data-layout=banner][data-tone=error]{background:var(--danger-surface);color:var(--danger-foreground);border-color:var(--danger-border)}.notification[data-layout=banner][data-tone=success]{background:var(--success-surface);color:var(--success-foreground);border-color:var(--success-border)}.notification[data-layout=banner][data-tone=warning]{background:var(--warning-surface);color:var(--warning-foreground);border-color:var(--warning-border)}.notification[data-layout=plain]{color:var(--text-secondary);font-size:var(--font-label);margin:0}.notification-row,.notification-actions{justify-content:space-between;align-items:center;gap:var(--space-16);flex-wrap:wrap;display:flex}.notification-copy{align-items:center;gap:var(--space-8);display:inline-flex}.notification-copy svg{flex-shrink:0}.notification[data-layout=banner]>p,.notification-actions{margin-block-start:var(--space-10)}.notification-actions a{text-decoration:underline}.brew-page-content>.notification[data-layout=banner]{margin-block:var(--space-18);width:100%;scroll-margin-top:var(--space-16)}.recipe-badges{align-items:center;gap:var(--space-6);flex-wrap:wrap;display:inline-flex}.recipe-badge{align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-6);border-radius:var(--radius-5px);font-size:var(--font-label);font-weight:var(--weight-700);line-height:var(--leading-1-5);background:var(--control-surface);color:var(--control-foreground);flex-shrink:0;display:inline-flex}.pour-flow[data-pour-over]{justify-content:center;align-items:center;column-gap:var(--space-4);flex-wrap:wrap;display:flex}.recipe-badge svg{flex-shrink:0}.recipe-badge.recipe-temperature{background:var(--hot-badge-surface);color:var(--hot-badge-foreground)}.recipe-badge.recipe-temperature[data-mode=iced]{background:var(--iced-badge-surface);color:var(--iced-badge-foreground)}.recipe-method[data-kind=xbloom]{background:var(--xbloom-badge-surface);color:var(--xbloom-badge-foreground)}.recipe-method[data-kind=pour-over],.recipe-method[data-kind=immersion]{background:var(--hand-badge-surface);color:var(--hand-badge-foreground)}.mode-tabs .mode-xbloom{color:var(--xbloom-badge-foreground)}.mode-tabs .mode-pour-over{color:var(--hand-badge-foreground)}.mode-tabs .mode-xbloom[data-state=checked],.mode-tabs .mode-xbloom[data-state=checked]:hover{background:var(--xbloom-solid);border-color:var(--xbloom-solid);color:var(--on-color)}.mode-tabs .mode-pour-over[data-state=checked],.mode-tabs .mode-pour-over[data-state=checked]:hover{background:var(--hand-solid);border-color:var(--hand-solid);color:var(--on-color)}.pour-wait{justify-content:center;align-items:center;gap:var(--space-3);display:inline-flex}.pour-wait svg{flex-shrink:0}.brew-method-tabs button{padding-inline:var(--space-6);gap:var(--space-4);font-size:var(--font-label)}.brew-method-tabs svg{flex-shrink:0}.version-label{font-size:var(--font-caption);color:var(--muted-foreground);font-weight:var(--weight-400)}.recipe-algorithm-version{text-align:end;margin-top:var(--space-8)}.recipe-algorithm-version a{color:var(--link);text-decoration:underline}.recipe-algorithm-version .recipe-date{margin-inline-end:var(--space-12)}.generate-version{font-size:var(--font-caption);font-weight:var(--weight-400)}.pour-liquid{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pour-bar-track[data-liquid-ready] .pour-bar{background:0 0}[data-slot=input][data-warning=true]{border-color:var(--warning-action)}[data-slot=field-warning]{font-size:var(--font-label);line-height:var(--leading-1-6);color:var(--warning-action);overflow-wrap:anywhere;margin: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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{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-duration{syntax:"*";inherits:false}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}