@import "https://fonts.googleapis.com/css2?family=Handjet:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--shimmer-angle:20deg}*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y: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-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;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:"IBM Plex Mono", monospace;--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.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}}.block{display:block}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.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)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.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,)}}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}:root,html[data-theme=butter]{--page:#f4ebcf;--ink:#292c3e;--accent-ink:#ae3854;--pop:#2c7091;--soft-ink:#45485a;--muted-ink:#646470;--line:#b9ad9b;--panel:#fbf5e3;--background:var(--page);--foreground:var(--ink);--card:var(--panel);--card-foreground:var(--ink);--popover:var(--panel);--popover-foreground:var(--ink);--primary:var(--ink);--primary-foreground:var(--page);--secondary:var(--panel);--secondary-foreground:var(--ink);--muted:var(--panel);--muted-foreground:var(--muted-ink);--accent:var(--accent-ink);--accent-foreground:var(--panel);--destructive:#ae3854;--border:var(--line);--input:var(--line);--ring:var(--accent-ink);--radius:.15rem}html[data-theme=blueberry]{--page:#232841;--ink:#fbf3e5;--accent-ink:#a8d9f0;--pop:#f3ae91;--soft-ink:#e4e5df;--muted-ink:#b9c4d8;--line:#68728d;--panel:#2e3552}html[data-theme=cherry]{--page:#40252e;--ink:#fff1df;--accent-ink:#ffb49d;--pop:#f2d17c;--soft-ink:#f4dcd0;--muted-ink:#d8bdb7;--line:#93636c;--panel:#4e2e38}html[data-theme=lilac]{--page:#dedaf0;--ink:#302d4a;--accent-ink:#6852af;--pop:#b65475;--soft-ink:#44425f;--muted-ink:#67627a;--line:#a19abf;--panel:#ebe7f6}html[data-theme=cloud]{--page:#fff2c9;--ink:#263b5c;--accent-ink:#4c6f9f;--pop:#587caf;--soft-ink:#394d6b;--muted-ink:#566d8d;--line:#9aacc9;--panel:#fffdf6;--wash-left:#fff;--wash-middle:#fff2c9;--wash-right:#cbd7ef}html[data-theme=blush]{--page:#c9e0ff;--ink:#263b5c;--accent-ink:#925570;--pop:#527cae;--soft-ink:#3f506d;--muted-ink:#65718a;--line:#b5a7bf;--panel:#fffafb;--wash-left:#fff;--wash-middle:#c9e0ff;--wash-right:#fecbcc}html[data-theme=spring]{--page:#e0ffc9;--ink:#263b5c;--accent-ink:#586e9f;--pop:#467b72;--soft-ink:#3d5469;--muted-ink:#5d7385;--line:#a9b9cc;--panel:#fbfff8;--wash-left:#fff;--wash-middle:#e0ffc9;--wash-right:#cbd7fe}html[data-theme=nightfall]{--page:#262277;--ink:#fff4f8;--accent-ink:#ffcee3;--pop:#f7bad7;--soft-ink:#ebecfc;--muted-ink:#ccd7f3;--line:#9299d1;--panel:#34337e;--wash-left:#ffcee3;--wash-middle:#678ec9;--wash-right:#262277}html[data-theme=peach]{--page:#13193d;--ink:#fff3e0;--accent-ink:#ffe28d;--pop:#fac1a8;--soft-ink:#f8e4dc;--muted-ink:#dfc9ce;--line:#77718d;--panel:#222844;--wash-left:#ffe28d;--wash-middle:#fac1a8;--wash-right:#13193d;--contrast-ink:#fff3e0}html[data-theme=tidal]{--page:#007e79;--ink:#f7fff9;--accent-ink:#f9d2e4;--pop:#f9d2e4;--soft-ink:#e8faf4;--muted-ink:#c7e9e3;--line:#78b4b1;--panel:#116b6d;--wash-left:#f9d2e4;--wash-middle:#67c9b5;--wash-right:#007e79;--contrast-ink:#f7fff9}html[data-theme=garden]{--page:#106816;--ink:#fff3e9;--accent-ink:#fcc2eb;--pop:#fedfcb;--soft-ink:#f5f3e6;--muted-ink:#d5e2cb;--line:#a4ba9a;--panel:#255d30;--wash-left:#fedfcb;--wash-middle:#106816;--wash-right:#fcc2eb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--page);color:var(--ink);margin:0;font:16px/1.5 IBM Plex Mono,monospace;transition:background-color .28s,color .28s}:is(html[data-theme=cloud],html[data-theme=blush],html[data-theme=spring],html[data-theme=nightfall],html[data-theme=peach],html[data-theme=tidal],html[data-theme=garden]) body{background:radial-gradient(ellipse 75% 95% at 0% 100%, var(--wash-left) 0%, transparent 72%), radial-gradient(ellipse 75% 95% at 100% 0%, var(--wash-right) 0%, transparent 72%), var(--wash-middle);background-attachment:fixed}html[data-theme=garden] body{background:radial-gradient(ellipse 32% 145% at 17% 0%, var(--wash-left) 0%, transparent 88%), radial-gradient(ellipse 75% 95% at 0% 100%, var(--wash-left) 0%, transparent 72%), radial-gradient(ellipse 75% 95% at 100% 0%, var(--wash-right) 0%, transparent 72%), var(--wash-middle);background-attachment:fixed}:is(html[data-theme=cloud],html[data-theme=blush],html[data-theme=spring],html[data-theme=nightfall],html[data-theme=peach],html[data-theme=tidal],html[data-theme=garden]) body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(ellipse at 8% 92%, var(--wash-left) 0%, transparent 54%), radial-gradient(ellipse at 50% 50%, var(--wash-middle) 0%, transparent 55%), radial-gradient(ellipse at 92% 8%, var(--wash-right) 0%, transparent 54%);position:fixed;inset:-12%}@supports (color:color-mix(in lab, red, red)){:is(html[data-theme=cloud],html[data-theme=blush],html[data-theme=spring],html[data-theme=nightfall],html[data-theme=peach],html[data-theme=tidal],html[data-theme=garden]) body:before{background:radial-gradient(ellipse at 8% 92%, color-mix(in srgb, var(--wash-left) 82%, transparent) 0%, transparent 54%), radial-gradient(ellipse at 50% 50%, color-mix(in srgb, var(--wash-middle) 72%, transparent) 0%, transparent 55%), radial-gradient(ellipse at 92% 8%, color-mix(in srgb, var(--wash-right) 85%, transparent) 0%, transparent 54%)}}:is(html[data-theme=cloud],html[data-theme=blush],html[data-theme=spring],html[data-theme=nightfall],html[data-theme=peach],html[data-theme=tidal],html[data-theme=garden]) body:before{filter:blur(95px)}:is(html[data-theme=cloud],html[data-theme=blush],html[data-theme=spring],html[data-theme=nightfall],html[data-theme=peach],html[data-theme=tidal],html[data-theme=garden]) body:after{content:"";z-index:2;pointer-events:none;opacity:.22;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:var(--accent-ink);color:var(--page)}.site-shell{grid-template-columns:190px minmax(0,1fr);column-gap:56px;width:min(100%,1340px);min-height:100vh;margin:auto;padding:38px 48px 0;display:grid}:is(html[data-theme=cloud],html[data-theme=blush],html[data-theme=spring],html[data-theme=nightfall],html[data-theme=peach],html[data-theme=tidal],html[data-theme=garden]) .site-shell{z-index:1;position:relative}.sidebar{scrollbar-width:thin;scrollbar-color:var(--line) transparent;border-right:1px solid var(--line);min-height:calc(100vh - 76px);max-height:calc(100vh - 76px);color:var(--ink);flex-direction:column;align-self:start;padding:0 30px 0 0;display:flex;position:sticky;top:38px;overflow-y:auto}html[data-theme=nightfall] .sidebar{--ink:#262277;--soft-ink:#343b6d;--muted-ink:#4c527b;--accent-ink:#343d89;--pop:#395e9f;--line:#837fa9;--panel:#ffcee3}html[data-theme=peach] .sidebar{--ink:#13193d;--soft-ink:#292b4d;--muted-ink:#43445c;--accent-ink:#554263;--pop:#58436a;--line:#83717c;--panel:#ffe28d}html[data-theme=tidal] .sidebar{--ink:#004d55;--soft-ink:#12575b;--muted-ink:#36696b;--accent-ink:#006e71;--pop:#007e79;--line:#6c999a;--panel:#f9d2e4}html[data-theme=garden] .sidebar{--ink:#163d1d;--soft-ink:#254c28;--muted-ink:#3d5b3b;--accent-ink:#106816;--pop:#167125;--line:#829a7b;--panel:#fedfcb}html[data-theme=peach] .main-content{--ink:#13193d;--soft-ink:#30364e;--muted-ink:#555267;--accent-ink:#554263;--pop:#58436a;--line:#83717c;--panel:#ffe28d;color:var(--ink)}html[data-theme=tidal] .main-content{--ink:#004d55;--soft-ink:#245b61;--muted-ink:#456c70;--accent-ink:#006e71;--pop:#007e79;--line:#6c999a;--panel:#f9d2e4;color:var(--ink)}:is(html[data-theme=peach],html[data-theme=tidal]) :is(.drink-kind,.row-arrow,footer a,.flat-grid figure:nth-child(2) figcaption),:is(html[data-theme=peach],html[data-theme=tidal]) .filters button,:is(html[data-theme=peach],html[data-theme=tidal]) .filters button[aria-pressed=true],:is(html[data-theme=peach],html[data-theme=tidal]) .flat-grid figure:nth-child(2) a[href]{color:var(--contrast-ink)}.dog-kaomoji{color:var(--accent-ink);justify-items:center;width:fit-content;display:grid;transform:rotate(-4deg)}.dog-kaomoji span{letter-spacing:-.12em;white-space:nowrap;font:500 42px/1 Segoe UI Symbol,IBM Plex Mono,monospace}.dog-kaomoji small{color:var(--muted-ink);letter-spacing:.02em;margin-top:5px;font:12px/1 IBM Plex Mono,monospace}.site-name{letter-spacing:-.03em;margin:22px 0 38px;font-size:18px;display:block}.site-name:hover{color:var(--accent-ink)}.sidebar-nav{gap:12px;width:fit-content;display:grid}.sidebar-nav a{color:var(--muted-ink);transition:color .2s,translate .2s}.sidebar-nav a:hover{color:var(--pop);translate:3px}.sidebar-nav .current{color:var(--accent-ink)}.theme-picker{margin-top:44px}.sidebar-label{color:var(--muted-ink);letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px;font-size:12px}.sidebar-label span{color:var(--accent-ink)}.theme-options{gap:6px;display:grid}.theme-option[hidden]{display:none}.theme-option{width:100%;min-height:39px;color:var(--soft-ink);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:9px;padding:4px 7px;font:13px/1.2 IBM Plex Mono,monospace;transition:border-color .2s,background-color .2s;display:flex}.theme-option:hover{border-color:var(--line)}.theme-option.active{border-color:var(--accent-ink);background:var(--panel);color:var(--ink)}.theme-swatch{border:1px solid;flex:none;justify-content:end;align-items:end;gap:2px;width:29px;height:21px;padding:3px;display:flex}.theme-swatch i{width:6px;height:6px;display:block}.theme-name{gap:1px;display:grid}.theme-name small{color:var(--muted-ink);font-size:12px}.theme-option.active .theme-name small{color:var(--accent-ink)}.sound-setting{justify-content:space-between;align-items:center;gap:12px;margin-top:21px;display:flex}.sound-setting .sidebar-label{margin-bottom:0}.sound-toggle{border:1px solid var(--line);background:var(--panel);min-width:64px;min-height:32px;color:var(--accent-ink);text-align:center;flex:none;padding:6px 9px;font:12px/1.2 IBM Plex Mono,monospace}.sound-toggle:hover{border-color:var(--accent-ink)}.sound-toggle[aria-pressed=false]{color:var(--muted-ink);background:0 0}.sound-toggle:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}.visit-count{border-top:1px solid var(--line);color:var(--muted-ink);justify-content:space-between;align-items:baseline;gap:10px;margin-top:31px;padding-top:13px;font-size:12px;display:flex}.visit-count strong{color:var(--accent-ink);letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:18px;font-weight:500}.sidebar>*{flex-shrink:0}.sidebar .identity{padding-top:4px}.sidebar-bottom{color:var(--muted-ink);margin-top:auto;padding-top:32px;font-size:12px;line-height:1.7}.main-content{min-width:0;padding:0}.path{color:var(--accent-ink);font-size:13px}h1,h2,h3,p{margin:0}h1{letter-spacing:-.025em;margin:20px 0;font:400 clamp(64px,7.2vw,102px)/.85 Handjet,monospace}.cursor{color:var(--accent-ink);animation:1.1s step-end infinite cursor-blink}.recipe-section{border-top:1px solid var(--line);margin-top:112px;padding-top:25px;scroll-margin-top:25px}.section-heading h2{margin:12px 0 8px;font:400 clamp(48px,5.4vw,70px)/.95 Handjet,monospace}.section-heading p{color:var(--soft-ink);margin-bottom:28px;font-size:15px}.testing-line{width:fit-content;position:relative}.testing-line span{cursor:help;text-underline-offset:4px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.testing-line span:hover,.testing-line span:focus-visible{color:var(--accent-ink)}.testing-line span:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}.testing-line:after{content:"";z-index:5;border:1px solid var(--line);background:var(--panel) center / cover no-repeat;opacity:0;pointer-events:none;width:200px;height:150px;position:absolute;bottom:-32px;left:calc(100% + 14px)}.testing-line:hover:after,.testing-line:focus-within:after{opacity:1;background-image:url(https://media.giphy.com/media/l1AsBL4S36yDJain6/giphy.gif)}.list-header{border-bottom:1px solid var(--line);min-height:38px;color:var(--accent-ink);justify-content:space-between;align-items:center;gap:16px;font-size:13px;display:flex}.filters{flex-wrap:wrap;gap:14px;display:flex}.filters button{color:var(--muted-ink);font:inherit;text-transform:lowercase;background:0 0;border:0;padding:7px 0}.filters button[aria-pressed=true]{color:var(--accent-ink);text-underline-offset:4px;text-decoration:underline}.filters button:hover{color:var(--pop)}.drink-row{border:0;border-bottom:1px solid var(--line);width:100%;min-height:94px;color:var(--ink);text-align:left;font:inherit;background:0 0;align-items:baseline;gap:14px;padding:18px 0;transition:background-color .2s,padding .2s;display:flex}.drink-row:hover{background:var(--panel);padding-left:10px;padding-right:10px}.drink-row[aria-expanded=true]{background:var(--panel);border-bottom-color:var(--accent-ink);padding-left:10px;padding-right:10px}.drink-row:focus-visible,.recipe-close:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}.drink-number{color:var(--accent-ink);white-space:nowrap}.drink-info{gap:2px;min-width:0;display:grid}.drink-info strong{font-size:18px;font-weight:400;line-height:1.25}.drink-info small{color:var(--muted-ink);font-size:13px;line-height:1.4}.drink-kind{color:var(--pop);margin-left:auto;font-size:13px}.row-arrow{color:var(--pop);font-size:20px;line-height:1;transition:translate .2s}.drink-row:hover .row-arrow{translate:0 -2px}.topping-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:478px;padding:4px 14px 4px 0;overflow-y:auto}.topping-scroll .drink-kind{display:none}.topping-scroll .row-arrow{margin-left:auto}.topping-scroll::-webkit-scrollbar{width:6px}.topping-scroll::-webkit-scrollbar-button{height:0;display:none}.topping-scroll::-webkit-scrollbar-track{background:0 0}.topping-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.topping-scroll::-webkit-scrollbar-thumb:hover{background:var(--accent-ink)}.topping-scroll:focus-visible{outline:1px solid var(--accent-ink);outline-offset:3px}@supports not selector(::-webkit-scrollbar){.topping-scroll{scrollbar-width:thin;scrollbar-color:var(--line) transparent}}.list-note{color:var(--muted-ink);margin-top:26px;font-size:13px}.about{scroll-margin-top:25px}.about-first{margin-top:37px}.about-hero{grid-template-columns:minmax(0,1fr) 275px;align-items:center;gap:10px;display:grid}.about-copy{min-width:0}.collection-hero-mark{border:1px solid var(--line);background:radial-gradient(circle at 35% 30%, var(--panel), var(--page));border-radius:50%;place-content:center;justify-self:center;justify-items:center;width:260px;height:260px;display:grid}@supports (color:color-mix(in lab, red, red)){.collection-hero-mark{background:radial-gradient(circle at 35% 30%, var(--panel), color-mix(in srgb, var(--page) 75%, var(--accent-ink)))}}.collection-hero-mark{color:var(--accent-ink);transform:rotate(-8deg)}.collection-hero-mark span{font:400 155px/.8 Handjet,monospace}.collection-hero-mark small{letter-spacing:.08em;margin-top:18px;font-size:12px}.section-label{color:var(--accent-ink);font-size:13px}.about p{max-width:490px;color:var(--soft-ink);font-size:17px}.about-ascii{color:var(--pop);margin-top:24px;font-size:14px}.matcha-garden{margin:32px 0 0}.matcha-garden__stage{--garden-view-width:720;--garden-view-left:0;width:100%;aspect-ratio:var(--garden-view-width) / 400;position:relative;overflow:hidden}.matcha-garden__stage:before{content:"";pointer-events:none;background-image:radial-gradient(circle, var(--muted-ink) .7px, transparent 1px);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.matcha-garden__stage:before{background-image:radial-gradient(circle, color-mix(in srgb, var(--muted-ink) 28%, transparent) .7px, transparent 1px)}}.matcha-garden__stage:before{background-size:18px 18px;-webkit-mask-image:radial-gradient(at 50% 60%,#000 15%,#0000 72%);mask-image:radial-gradient(at 50% 60%,#000 15%,#0000 72%)}.matcha-garden canvas{top:0;left:calc(-100% * var(--garden-view-left) / var(--garden-view-width));width:calc(100% * 720 / var(--garden-view-width));touch-action:manipulation;height:100%;display:block;position:absolute}.matcha-garden__targets{top:0;left:calc(-100% * var(--garden-view-left) / var(--garden-view-width));width:calc(100% * 720 / var(--garden-view-width));pointer-events:none;height:100%;position:absolute}.matcha-garden__target{opacity:0;color:#424a40;pointer-events:none;background:#f8faf3;border:1px solid #63764f;border-radius:50%;width:26px;height:26px;font:18px/1 IBM Plex Mono,monospace;position:absolute;transform:translate(-50%,-50%)}.matcha-garden__target:focus-visible{opacity:1;outline-offset:3px;outline:2px solid #63764f}.matcha-garden__caption{color:var(--soft-ink);flex-wrap:wrap;justify-content:flex-end;gap:8px 18px;padding:12px 0 0;font-size:12px;line-height:1.5;display:flex}.matcha-garden__caption button{color:var(--muted-ink);font:inherit;background:0 0;border:0;flex-shrink:0;padding:4px 0}.matcha-garden__caption button:first-child{color:var(--accent-ink);text-underline-offset:3px;text-decoration:underline}.matcha-garden__caption button:hover:not(:disabled){color:var(--accent-ink)}.matcha-garden__caption button:disabled{opacity:.45;cursor:default}.matcha-garden__caption button:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}.matcha-garden__status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.illustrated-notebook .about-first{margin-top:44px}.notebook-intro .section-label{letter-spacing:.09em;font-size:12px}.notebook-intro h1{letter-spacing:-.035em;margin:22px 0 0;font-size:clamp(74px,7.8vw,112px);line-height:.88}.notebook-intro h1>span{color:var(--pop);display:block}.illustrated-notebook .matcha-garden{margin:0 -24px}.illustrated-notebook .matcha-garden__caption{padding:0 24px 22px}.illustrated-notebook .recipe-section{margin-top:76px;padding-top:24px}.chapter-heading{grid-template-columns:64px minmax(0,1fr);align-items:start;gap:24px;margin-bottom:24px;display:grid}.chapter-heading>div{min-width:0}.chapter-number{color:var(--muted-ink);font-variant-numeric:tabular-nums;padding-top:27px;font:400 48px/1.1 Handjet,monospace}.chapter-heading .section-label{letter-spacing:.07em;font-size:11px;font-weight:500;line-height:1.5;display:block}.chapter-heading h2{text-wrap:balance;margin:8px 0 10px;font-size:clamp(40px,4vw,52px);line-height:1.1}.chapter-heading p{max-width:56ch;margin:0;font-size:14px;line-height:1.6}.chapter-body{grid-template-columns:162px minmax(0,1fr);gap:32px;display:grid}.chapter-recipes{min-width:0}.notebook-margin{border-top:1px solid var(--line);padding:20px 18px 0 0}.notebook-margin .section-label{letter-spacing:.02em;font-size:9px}.notebook-margin h3{color:var(--pop);margin:18px 0 12px;font:400 34px/.95 Handjet,monospace}.notebook-margin p{color:var(--muted-ink);font-size:11px;line-height:1.8}.notebook-margin button{border:0;border-bottom:1px solid var(--line);color:var(--ink);text-align:left;background:0 0;margin-top:12px;padding:9px 0 5px;font:11px/1.5 IBM Plex Mono,monospace}.notebook-margin button:hover{color:var(--pop);border-color:var(--pop)}.margin-ratio{color:var(--pop);gap:4px;margin-top:36px;display:grid;transform:rotate(-4deg)}.margin-ratio strong{font:400 30px/1 Handjet,monospace}.margin-ratio span{font-size:8px}.margin-flower{color:var(--pop);margin:30px 0 0 24px;font:72px/1 Handjet,monospace;display:block;transform:rotate(-12deg)}.illustrated-notebook .list-header{min-height:42px;font-size:12px}.illustrated-notebook .drink-row{grid-template-columns:32px minmax(0,1fr) 24px;align-items:baseline;gap:12px;min-height:86px;padding:20px 0;transition:background-color .2s,padding .2s;display:grid}.illustrated-notebook .drink-row:is(:hover,:focus-visible,[aria-expanded=true]){padding-inline:12px}.illustrated-notebook .drink-row .row-arrow{justify-self:center;margin:0;translate:none}.illustrated-notebook .drink-number{font-size:13px}.illustrated-notebook .drink-info strong{font-size:clamp(17px,1.6vw,19px);line-height:1.35}.illustrated-notebook .drink-info small{font-size:14px;line-height:1.5}.illustrated-notebook .drink-kind{display:none}.chapter-recipes>.list-header{min-height:44px;padding:0 0 10px 88px}.illustrated-notebook .list-note{font-size:10px}.drink-row{scroll-margin-top:24px}.topping-recipes .drink-kind{display:none}.topping-recipes .row-arrow{margin-left:auto}.notebook-margin button:focus-visible{outline:2px solid var(--pop);outline-offset:6px}.home-card .card-3d-wrap{height:clamp(320px,38vw,420px)}.cup-hop{border-top:1px solid var(--line);margin-top:110px;padding-top:25px}.cup-hop-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}.cup-hop h2{margin:12px 0 8px;font:400 clamp(48px,5.4vw,70px)/.95 Handjet,monospace}.cup-hop-heading p{color:var(--soft-ink);font-size:15px}.cup-hop-score{color:var(--muted-ink);white-space:nowrap;gap:18px;font-size:11px;display:flex}.cup-hop-score span{gap:2px;display:grid}.cup-hop-score strong{color:var(--accent-ink);font-variant-numeric:tabular-nums;font-size:20px;font-weight:500}.cup-hop-stage{border:1px solid var(--line);background:var(--panel);position:relative;overflow:hidden}.cup-hop-stage canvas{aspect-ratio:32/9;width:100%;height:auto;image-rendering:pixelated;touch-action:manipulation;cursor:pointer;display:block}.cup-hop-message{pointer-events:none;color:var(--accent-ink);letter-spacing:.08em;font-size:12px;position:absolute;top:17px;left:18px}.cup-hop-controls{color:var(--muted-ink);justify-content:space-between;align-items:center;gap:16px;margin-top:12px;font-size:12px;display:flex}.cup-hop-controls a{color:var(--muted-ink);text-underline-offset:3px;margin-top:4px;font-size:10px;text-decoration:underline;display:inline-block}.cup-hop-controls a:hover{color:var(--accent-ink)}.cup-hop-controls button{border:1px solid var(--accent-ink);background:var(--panel);min-height:42px;color:var(--accent-ink);padding:8px 15px;font:13px/1.2 IBM Plex Mono,monospace}.cup-hop-controls button:hover{background:var(--accent-ink);color:var(--page)}.cup-hop-controls button:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}footer{border-top:1px solid var(--line);color:var(--muted-ink);justify-content:space-between;gap:20px;margin-top:110px;padding:20px 0 35px;font-size:13px;display:flex}footer a:hover{color:var(--accent-ink)}.recipe-sheet{border:1px solid var(--line);background:var(--panel);box-shadow:4px 4px 0 var(--line);border-top:0;padding:22px 24px 26px;animation:.24s ease-out sheet-appear}.recipe-sheet-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.recipe-close{border:1px solid var(--line);color:var(--muted-ink);background:0 0;flex:none;padding:4px 8px;font:13px/1.3 IBM Plex Mono,monospace}.recipe-close:hover{border-color:var(--accent-ink);color:var(--accent-ink)}.recipe-lead{grid-template-columns:150px minmax(0,1fr);align-items:start;gap:22px;margin-top:18px;display:grid}.recipe-lead--text{display:block}.recipe-image{border:1px solid var(--line);background:var(--page);height:160px;overflow:hidden}.recipe-image img{object-fit:cover;width:100%;height:100%}.recipe-lead-copy{min-width:0}.recipe-overline{color:var(--accent-ink);letter-spacing:.02em;font-size:13px}.recipe-overline span{padding:0 6px}.recipe-title{margin:1px 0 7px;font:400 clamp(46px,5vw,62px)/.9 Handjet,monospace}.recipe-intro{color:var(--soft-ink);font-size:15px;line-height:1.5}.recipe-facts{border-top:1px solid var(--line);color:var(--muted-ink);flex-wrap:wrap;gap:26px;margin:17px 0 0;padding:10px 0 0;font-size:12px;display:flex}.recipe-facts span{flex-direction:column;display:flex}.recipe-facts strong{color:var(--ink);font-size:14px;font-weight:400}.recipe-columns{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:28px;margin-top:20px;padding-top:14px;display:grid}.recipe-columns h3{margin:0 0 10px;font:400 32px/1 Handjet,monospace}.recipe-ingredient-group+.recipe-ingredient-group{margin-top:16px}.recipe-ingredient-group h4{color:var(--accent-ink);margin:0 0 5px;font-size:14px;font-weight:500}.recipe-columns ul,.recipe-columns ol{margin:0;padding-left:20px;font-size:15px;line-height:1.6}.recipe-columns .recipe-extra-ingredients{margin-top:13px}.recipe-columns li{margin:5px 0;padding-left:2px}.lab-note{background:var(--page);border-left:2px solid var(--accent-ink);margin-top:20px;padding:12px 14px;font-size:14px;line-height:1.6}.lab-note strong{color:var(--accent-ink)}.lab-note ul{margin:7px 0 0;padding-left:19px}.lab-note li+li{margin-top:5px}@keyframes cursor-blink{50%{opacity:0}}@keyframes sheet-appear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:760px){.site-shell{padding:24px 24px 0;display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);min-height:0;max-height:none;padding:0 0 22px;position:static;overflow:visible}.dog-kaomoji span{font-size:39px}.site-name{margin:7px 0 14px}.sidebar-nav{flex-wrap:wrap;gap:10px 22px;width:100%;display:flex}.theme-picker{margin-top:24px}.theme-options{flex-wrap:wrap;gap:6px;display:flex}.theme-option{width:auto;min-height:41px;padding:4px 7px}.sound-setting{justify-content:flex-start;gap:18px}.sound-setting .sidebar-label{flex:none;width:90px}.sound-toggle{min-width:92px;min-height:44px;padding:10px 14px;font-size:13px}.visit-count{width:fit-content;min-width:165px;margin-top:20px}.sidebar-bottom{display:none}.main-content{padding-top:25px}.testing-line:after{width:min(200px,70vw);bottom:calc(100% + 8px);left:0}.about-first{margin-top:27px}.about-hero{grid-template-columns:minmax(0,1fr) 275px}.recipe-section,.cup-hop,footer{margin-top:75px}}@media (max-width:660px){.about-hero{grid-template-columns:minmax(0,1fr)}.collection-hero-mark{width:190px;height:190px;margin:16px 0 0}.collection-hero-mark span{font-size:110px}}@media (max-width:520px){.matcha-garden__caption{font-size:12px}.site-shell{padding-left:18px;padding-right:18px}h1{font-size:clamp(58px,16vw,78px)}.theme-option{padding:5px 8px}.theme-swatch{width:32px;height:24px}.drink-row{gap:8px}.drink-info strong{font-size:17px}.drink-info small{font-size:14px}.drink-kind{display:none}.row-arrow{margin-left:auto}.cup-hop-heading{flex-direction:column;align-items:start;gap:12px}.cup-hop-stage canvas{width:640px;max-width:none;height:180px}.cup-hop-controls{flex-direction:column;align-items:start}.cup-hop-controls button{width:100%}}@media (max-width:900px){.recipe-columns{grid-template-columns:1fr;gap:20px}}@media (max-width:520px){.recipe-sheet{padding:17px 16px 21px}.recipe-lead{grid-template-columns:92px minmax(0,1fr);gap:13px}.recipe-image{height:116px}.recipe-title{font-size:43px}.recipe-intro{font-size:14px}.recipe-facts{gap:14px;margin-top:10px}.recipe-overline{font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (min-width:761px) and (max-width:1100px){.matcha-garden__stage{--garden-view-width:560;--garden-view-left:120}.site-shell{grid-template-columns:184px minmax(0,1fr);column-gap:32px;padding-inline:30px}.sidebar{padding-right:24px}.dog-kaomoji span{font-size:38px}.chapter-body{grid-template-columns:125px minmax(0,1fr);gap:22px}.illustrated-notebook .drink-kind{display:none}.illustrated-notebook .row-arrow{margin-left:auto}}@media (max-width:760px){.matcha-garden__stage{--garden-view-width:500;--garden-view-left:150}.sidebar{gap:18px;padding-bottom:18px;position:relative;top:auto}.identity{align-items:center;gap:14px;padding-right:80px;display:flex}.dog-kaomoji span{font-size:27px}.dog-kaomoji small{display:none}.site-name{margin:0;font-size:17px}.sidebar-nav{order:3;gap:12px 22px;font-size:14px}.theme-picker{margin:0}.theme-picker>.sidebar-label{display:none}.theme-options{gap:7px}.theme-option{min-height:35px}.theme-name small{display:none}.theme-swatch{width:22px;height:18px}.sound-setting{margin:0;position:absolute;top:0;right:0}.sound-setting .sidebar-label,.visit-count{display:none}.sound-toggle{min-width:60px;min-height:36px;padding:6px;font-size:12px}.illustrated-notebook .about-first{margin-top:32px}.notebook-intro h1{font-size:clamp(72px,12.5vw,96px)}.illustrated-notebook .matcha-garden{margin:12px -14px 0}.illustrated-notebook .matcha-garden__caption{padding-inline:14px}.chapter-heading{grid-template-columns:44px minmax(0,1fr);gap:16px}.chapter-heading h2{font-size:clamp(36px,6vw,44px)}.chapter-recipes>.list-header{padding-left:60px}.chapter-number{font-size:40px}.chapter-body{grid-template-columns:1fr;gap:24px}.notebook-margin{border:1px dashed var(--line);grid-template-columns:1fr 1fr;gap:8px 20px;padding:16px 20px;display:grid}.notebook-margin h3{grid-area:2/1/4;margin:0;font-size:32px}.notebook-margin h3 br{display:none}.notebook-margin p{grid-area:1/2/3}.notebook-margin button{grid-column:2;justify-self:start;margin:0}.margin-ratio,.margin-flower{display:none}.illustrated-notebook .recipe-section{margin-top:54px}}@media (max-width:480px){.notebook-intro h1{font-size:clamp(64px,16.5vw,78px)}.notebook-intro .section-label{font-size:11px}.chapter-heading h2{font-size:clamp(34px,8.5vw,40px)}.chapter-heading p{font-size:14px}.chapter-recipes>.list-header{flex-wrap:wrap;row-gap:0}.notebook-margin{gap:8px 14px;padding:14px}.notebook-margin .section-label{font-size:8px}.illustrated-notebook .drink-row{grid-template-columns:24px minmax(0,1fr) 20px;gap:9px}}@media (max-width:400px){.recipe-lead{grid-template-columns:1fr}.recipe-image{width:116px}.recipe-title{font-size:42px}}@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-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-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}
.card-3d-wrap{isolation:isolate;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 42%, color-mix(in srgb, var(--page) 45%, var(--accent-ink) 55%) 0%, color-mix(in srgb, var(--page) 65%, var(--accent-ink) 35%) 100%);height:clamp(340px,47vw,560px);position:relative;overflow:hidden}html[data-theme=cloud] .card-3d-wrap{background:radial-gradient(at 52% 29%,#b5c9e7 0%,#91aed8 72%,#7698c9 100%)}html[data-theme=blush] .card-3d-wrap{background:radial-gradient(at 52% 29%,#e6b8ce 0%,#cc9fb9 70%,#ad83a4 100%)}html[data-theme=spring] .card-3d-wrap{background:radial-gradient(at 52% 29%,#bcd4cf 0%,#99b5c0 70%,#7895af 100%)}html[data-theme=nightfall] .card-3d-wrap{background:radial-gradient(at 52% 28%,#c0ccef 0%,#839bcd 68%,#5360a2 100%)}html[data-theme=peach] .card-3d-wrap{background:radial-gradient(at 52% 28%,#e5ad9d 0%,#a87988 68%,#5a5279 100%)}html[data-theme=tidal] .card-3d-wrap{background:radial-gradient(at 52% 28%,#e4bdcf 0%,#9dbfc2 68%,#609a9e 100%)}html[data-theme=garden] .card-3d-wrap{background:radial-gradient(at 52% 28%,#e7b8c6 0%,#a8ad9c 68%,#648b71 100%)}.card-3d-wrap:before{content:"";filter:blur(22px);background:#1b182d55;border-radius:50%;height:12%;position:absolute;bottom:14%;left:28%;right:28%}:is(html[data-theme=cloud],html[data-theme=blush],html[data-theme=spring],html[data-theme=nightfall],html[data-theme=peach],html[data-theme=tidal],html[data-theme=garden]) .card-3d-wrap:before{filter:blur(28px);background:#21345466}.card-3d-canvas,.card-3d-fallback{touch-action:none;width:100%;height:100%;display:block;position:relative}.card-3d-canvas{cursor:grab}.card-3d-canvas:active{cursor:grabbing}.card-3d-fallback{object-fit:contain;padding:9%}.card-3d-actions{color:var(--muted-ink);pointer-events:none;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex;position:absolute;bottom:20px;left:22px;right:22px}.card-3d-buttons{pointer-events:auto;gap:6px;display:flex}.card-3d-actions button{pointer-events:auto;background:var(--ink);color:var(--page);font:inherit;cursor:pointer;border:0;padding:11px 15px}:is(html[data-theme=peach],html[data-theme=tidal]) .card-3d-actions button:first-child,:is(html[data-theme=peach],html[data-theme=tidal]) .card-3d-actions>span{color:var(--contrast-ink)}.card-3d-actions button:hover{background:var(--accent-ink);color:var(--page)}.card-3d-actions button+button{background:var(--panel);color:var(--ink);border:1px solid var(--line);padding:10px 14px}.card-3d-actions button+button:hover{background:var(--page);color:var(--accent-ink)}.card-3d-actions button:focus-visible,.flat-grid a:focus-visible,.card-sheet-buttons button:focus-visible,.card-sheet-review button:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}.home-card-preview{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.home-card-print h3{color:var(--accent-ink);margin:0;padding:17px 0 0;font-size:14px;font-weight:500}.card-sheet-download{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 75%, transparent);margin:10px 0 24px;padding:18px;scroll-margin-top:20px}.card-sheet-download>p{color:var(--muted-ink);margin:0 0 14px;font-size:12px;line-height:1.5}.card-sheet-review{border:1px solid var(--line);background:var(--page);margin-bottom:14px}.card-sheet-review-head{border-bottom:1px solid var(--line);color:var(--accent-ink);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:11px;display:flex}.card-sheet-review button{color:var(--accent-ink);font:inherit;cursor:pointer;background:0 0;border:0}.card-sheet-review button:hover{text-underline-offset:3px;text-decoration:underline}.card-sheet-review>p{color:var(--muted-ink);padding:15px 12px;font-size:12px;line-height:1.5}.card-sheet-review ol{margin:0;padding:0;list-style:none}.card-sheet-review li{color:var(--ink);justify-content:space-between;gap:12px;padding:10px 12px;font-size:12px;display:flex}.card-sheet-review li+li{border-top:1px solid var(--line)}.card-sheet-recipe-name{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:inline-flex}.card-sheet-recipe-name strong{background:var(--accent-ink);min-width:29px;color:var(--page);text-align:center;white-space:nowrap;padding:3px 6px;font-size:13px;font-weight:700;line-height:1.2;display:inline-block}.card-sheet-review li button{flex:none;font-size:11px}.card-sheet-review-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:10px;display:flex}.card-sheet-review button:disabled{opacity:.45;cursor:not-allowed;text-decoration:none}.card-sheet-download .card-sheet-count{color:var(--ink);margin-bottom:12px}.card-sheet-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.card-sheet-buttons button{border:1px solid var(--line);background:var(--page);color:var(--ink);font:inherit;text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:6px;padding:13px 15px;font-size:12px;text-decoration:none;display:flex}.card-sheet-buttons button:first-child{border-color:var(--accent-ink);background:var(--accent-ink);color:var(--page)}.card-sheet-buttons button:hover:not(:disabled){transform:translateY(-2px)}.card-sheet-buttons button:disabled{opacity:.5;cursor:not-allowed}.card-sheet-buttons small{opacity:.8;font-size:10px}.card-sheet-download .card-sheet-error{color:var(--accent-ink);margin:10px 0 0}.card-back-alignment{border:1px solid var(--line);margin:15px 0 0;padding:10px 12px 12px}.card-back-alignment legend{color:var(--accent-ink);letter-spacing:.06em;text-transform:uppercase;padding:0 5px;font-size:11px}.card-back-alignment-controls{flex-wrap:wrap;gap:12px 20px;display:flex}.card-back-alignment label{color:var(--ink);align-items:center;gap:8px;font-size:12px;display:flex}.card-back-alignment select{border:1px solid var(--line);background:var(--page);min-width:64px;color:var(--ink);font:inherit;cursor:pointer;padding:5px 7px}.card-back-alignment select:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}.card-back-alignment p{color:var(--muted-ink);margin:10px 0 0;font-size:11px;line-height:1.5}.recipe-print-action button:focus-visible,.recipe-print-action a:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}.nav-card-count{color:var(--accent-ink)}.recipe-print-action{flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px;display:flex}.recipe-print-action button{border:1px solid var(--accent-ink);background:var(--accent-ink);color:var(--page);cursor:pointer;padding:10px 13px;font:12px IBM Plex Mono,monospace}.recipe-print-action button[aria-pressed=true]{background:var(--page);color:var(--accent-ink)}.recipe-print-action button:disabled{opacity:.5;cursor:not-allowed}.recipe-print-action a{color:var(--accent-ink);text-underline-offset:3px;font-size:12px}.card-print-settings{margin:-7px 0 24px;padding:0 2px}.card-print-settings h4{color:var(--accent-ink);letter-spacing:.08em;text-transform:uppercase;margin:0 0 9px;font-size:11px;font-weight:500}.card-print-settings ul{color:var(--muted-ink);margin:0;padding-left:19px;font-size:12px;line-height:1.7}.card-print-settings strong{color:var(--ink);font-weight:600}.home-card-print-note{color:var(--muted-ink);margin:3px 0 20px;font-size:12px}.home-card-print-tip{color:var(--muted-ink);margin:16px 0 0;font-size:12px;line-height:1.6}.flat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-bottom:8px;display:grid}.flat-grid figure{min-width:0;margin:0}.flat-grid img{aspect-ratio:5/3;width:100%;height:auto;box-shadow:0 13px 27px color-mix(in srgb, var(--ink) 13%, transparent), 0 3px 7px color-mix(in srgb, var(--ink) 10%, transparent);display:block}:is(html[data-theme=cloud],html[data-theme=blush],html[data-theme=spring],html[data-theme=nightfall],html[data-theme=peach],html[data-theme=tidal],html[data-theme=garden]) .flat-grid img{box-shadow:0 16px 34px #111b3d66,0 3px 8px #111b3d44}.flat-grid figcaption{color:var(--muted-ink);letter-spacing:.07em;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:15px;font-size:12px;display:flex}.flat-grid a{color:var(--accent-ink);letter-spacing:0;font-size:12px}.flat-grid a[href]:hover{text-underline-offset:4px;text-decoration:underline}.flat-grid a[aria-disabled=true]{color:var(--muted-ink);cursor:wait}@media (max-width:750px){.flat-grid,.card-sheet-buttons{grid-template-columns:1fr;gap:10px}}@media (max-width:480px){.card-3d-wrap{height:310px}.card-3d-actions{bottom:14px;left:14px;right:14px}.card-3d-actions>span{display:none}}.recipe-pdf-download{border:1px solid var(--line);background:var(--panel);flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:24px;padding:24px;display:flex}.recipe-pdf-download>div{flex:300px}.recipe-pdf-download h3{margin:0 0 8px;font-size:17px;font-weight:500}.recipe-pdf-download p{color:var(--soft-ink);margin:0;font-size:13px;line-height:1.6}.recipe-pdf-download a{background:var(--accent-ink);color:var(--page);padding:13px 16px;font-size:13px;text-decoration:none;display:inline-block}.recipe-pdf-download a:hover{background:var(--ink)}.recipe-pdf-download a:focus-visible{outline:2px solid var(--accent-ink);outline-offset:4px}.recipe-pdf-download small{color:var(--muted-ink);flex-basis:100%;font-size:11px}