:root{--color-paper: oklch(97% .012 95);--color-paper-2: oklch(94% .016 95);--color-paper-3: oklch(91% .02 95);--color-ink: oklch(20% .012 250);--color-ink-muted: oklch(42% .018 250);--color-accent: oklch(86% .18 95);--color-accent-deep: oklch(66% .15 95);--color-accent-ink: oklch(20% .012 250);--color-accent-2: oklch(66% .18 235);--color-accent-2-soft: oklch(91% .055 235);--color-accent-3: oklch(68% .24 18);--color-accent-3-soft: oklch(91% .055 18);--color-focus: oklch(47% .18 255);--color-rule: oklch(78% .025 95);--color-shadow: oklch(20% .012 250 / .14);--color-accent-shadow: oklch(70% .17 95 / .38);--font-display: "Arial Rounded MT Bold", "Avenir Next", system-ui, sans-serif;--font-body: "Avenir Next", system-ui, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", Consolas, monospace;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--text-xs: .75rem;--text-sm: .875rem;--text-body: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: clamp(1.75rem, 5vw, 2.75rem);--text-display: clamp(2.75rem, 10vw, 6.25rem);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-snap: cubic-bezier(.22, 1, .36, 1);--dur-fast: 70ms;--dur-base: .14s;--dur-slow: .6s;--rule-hairline: 1px;--rule-strong: 2px;--radius-input: .75rem;--radius-control: 1rem;--radius-card: 1.25rem;--radius-pill: 999px;--shell: 72rem;--page-gutter: clamp(1rem, 4vw, 2rem)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-width:20rem;overflow-x:clip;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body)}html{scroll-behavior:smooth}body{min-height:100dvh}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.app-shell{min-height:100dvh}.site-header{width:calc(100% - (2 * var(--page-gutter)));max-width:var(--shell);margin:var(--space-md) auto 0;padding:var(--space-sm) var(--space-md);border:var(--rule-strong) solid var(--color-ink);border-radius:var(--radius-card);background:var(--color-paper);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-sm);box-shadow:0 4px 0 var(--color-ink)}.wordmark{display:inline-flex;align-items:center;gap:var(--space-xs);min-height:2.75rem;width:max-content;font-size:var(--text-lg);font-weight:700;letter-spacing:-.025em;text-decoration:none;white-space:nowrap}.wordmark__dot{width:.7rem;aspect-ratio:1;border-radius:var(--radius-pill);background:var(--color-accent);border:var(--rule-strong) solid var(--color-ink)}.site-nav{display:none}.sign-in-link,.site-nav__link{min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center;padding-inline:var(--space-md);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:700;text-decoration:none;white-space:nowrap}.sign-in-link{background:var(--color-paper-2)}.hero,.study-flow,.start-panel,.footer-meta{width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:var(--page-gutter)}.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2xl);align-items:center;padding-block:var(--space-3xl)}.mode-label,.prompt-label{margin:0 0 var(--space-md);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.06em;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{min-width:0;margin:0;font-family:var(--font-display);font-style:normal;letter-spacing:-.025em}h1{max-width:12ch;font-size:var(--text-display);line-height:.98;font-weight:700}h2{font-size:var(--text-2xl);line-height:1.05;font-weight:700}h3{font-size:var(--text-xl);line-height:1.15;font-weight:700}.hero__lede,.start-panel>p:not(.mode-label){max-width:38rem;margin:var(--space-lg) 0 0;color:var(--color-ink-muted);font-size:var(--text-lg);line-height:1.65}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-block-start:var(--space-xl)}.button{min-height:3rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);border:var(--rule-strong) solid var(--color-ink);border-radius:var(--radius-pill);color:var(--color-accent-ink);font-weight:700;text-decoration:none;white-space:nowrap;transform:translateY(0);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),background-color var(--dur-base) var(--ease-out)}.button--primary{background:var(--color-accent);box-shadow:0 4px 0 var(--color-accent-deep),0 6px 12px -3px var(--color-accent-shadow)}.button--soft{background:var(--color-paper-2)}.hero__prompt{position:relative;min-width:0;padding:var(--space-xl);border:var(--rule-strong) solid var(--color-ink);border-radius:var(--radius-card);background:var(--color-accent-2-soft);box-shadow:0 12px 32px -16px var(--color-shadow)}.character-mark{position:absolute;inset-block-start:calc(var(--space-lg) * -1);inset-inline-end:var(--space-lg);width:3rem;aspect-ratio:1;display:grid;place-items:center;border:var(--rule-strong) solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-accent);animation:breathe 4s var(--ease-in-out) infinite}.character-mark span{width:.9rem;height:.3rem;border-radius:var(--radius-pill);background:var(--color-ink)}.prompt-question{max-width:18ch;margin:0;font-size:var(--text-2xl);line-height:1.16;font-weight:700}.prompt-hint{margin:var(--space-lg) 0 0;color:var(--color-ink-muted);line-height:1.6}.study-flow{padding-block:var(--space-3xl)}.section-heading{display:grid;gap:var(--space-xs)}.section-heading .mode-label{margin:0}.stage-list{list-style:none;margin:var(--space-2xl) 0 0;padding:0;display:grid;gap:var(--space-md)}.stage{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-lg);align-items:start;padding:var(--space-lg);border:var(--rule-strong) solid var(--color-ink);border-radius:var(--radius-card);box-shadow:0 6px 0 var(--color-ink);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.stage--pear{background:var(--color-accent);color:var(--color-accent-ink)}.stage--cyan{background:var(--color-accent-2-soft);color:var(--color-ink)}.stage--cream{background:var(--color-paper-2);color:var(--color-ink)}.stage__number{min-width:3rem;font-family:var(--font-mono);font-size:var(--text-xl);font-weight:500}.stage p{max-width:42rem;margin:var(--space-xs) 0 0;color:var(--color-ink-muted);line-height:1.6}.start-panel{margin-block:var(--space-3xl);padding-block:var(--space-2xl);border-block:var(--rule-strong) solid var(--color-ink)}.start-panel .button{margin-block-start:var(--space-xl)}.site-footer{border-block-start:var(--rule-strong) solid var(--color-ink)}.marquee{overflow:clip;padding-block:var(--space-md);background:var(--color-accent-2);color:var(--color-ink)}.marquee__track{display:flex;width:max-content;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;white-space:nowrap;animation:marquee 32s linear infinite}.marquee__track span{padding-inline-end:var(--space-md)}.footer-meta{display:flex;flex-direction:column;gap:var(--space-xs);padding-block:var(--space-lg);color:var(--color-ink-muted);font-size:var(--text-sm)}@media(hover:hover)and (pointer:fine){.sign-in-link:hover,.site-nav__link:hover{background:var(--color-accent-2-soft)}.button:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--color-accent-deep),0 12px 22px -4px var(--color-accent-shadow)}.button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--color-accent-deep);transition-duration:var(--dur-fast)}.stage:hover{transform:translateY(-3px);box-shadow:0 9px 0 var(--color-ink)}.character-mark:hover{transform:scale(1.06)}}@media(min-width:40rem){.site-header{grid-template-columns:auto minmax(0,1fr) auto}.site-nav{display:flex;justify-content:center;gap:var(--space-xs)}.hero{grid-template-columns:minmax(0,7fr) minmax(0,5fr);padding-block:var(--space-4xl)}.stage{grid-template-columns:5rem minmax(0,1fr);padding:var(--space-xl)}.footer-meta{flex-direction:row;justify-content:space-between}}@media(min-width:60rem){.stage-list{grid-template-columns:repeat(3,minmax(0,1fr))}.stage{grid-template-columns:minmax(0,1fr);min-height:16rem}}@media(pointer:coarse){.button,.sign-in-link,.site-nav__link{min-height:3rem}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes marquee{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.marquee__track{transform:none}}button,input,select{font:inherit}button{color:inherit}.plain-button,.site-nav button,.text-button{border:0;background:transparent;cursor:pointer}.site-nav button{min-height:2.75rem;padding-inline:var(--space-md);border-radius:var(--radius-pill);font-weight:700}.site-nav button.is-active{background:var(--color-accent-2-soft)}.screen-wrap{width:calc(100% - (2 * var(--page-gutter)));max-width:var(--shell);min-height:calc(100dvh - 7rem);margin-inline:auto;padding-block:clamp(3rem,10vw,7rem)}.narrow-screen{max-width:47rem}.screen-wrap>.mode-label:first-child{margin-bottom:var(--space-sm)}.screen-lede{margin:var(--space-md) 0 var(--space-xl);color:var(--color-ink-muted);font-size:var(--text-lg);line-height:1.55}.clarification-note{margin:var(--space-lg) 0;padding:var(--space-md);border:2px solid var(--color-ink);border-radius:var(--radius-card);background:var(--color-accent-3-soft);font-weight:700;line-height:1.5}.home-screen{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl);align-content:center;padding-block-start:var(--space-2xl);padding-block-end:var(--space-4xl)}.home-screen .hero__actions{margin-top:var(--space-xl)}.today-card{display:grid;align-content:center;min-height:17rem;padding:var(--space-xl);border:var(--rule-strong) solid var(--color-ink);border-radius:var(--radius-card);background:var(--color-accent-2-soft);box-shadow:0 8px 0 var(--color-ink)}.today-card__eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em}.today-card strong{font-family:var(--font-display);font-size:clamp(4rem,18vw,7rem);line-height:.95}.today-card>span:not(.today-card__eyebrow){color:var(--color-ink-muted)}.text-button{width:max-content;margin-top:var(--space-lg);padding:.4rem 0;border-bottom:2px solid currentColor;font-weight:700}.fixture-banner{display:grid;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);border:var(--rule-strong) solid var(--color-ink);border-radius:var(--radius-card);background:var(--color-paper-2);font-size:var(--text-sm)}.fixture-banner span{color:var(--color-ink-muted);line-height:1.5}.size-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm);margin:var(--space-xl) 0}.size-picker button{min-width:0;min-height:7.5rem;display:grid;place-content:center;gap:var(--space-xs);border:var(--rule-strong) solid var(--color-ink);border-radius:var(--radius-card);background:var(--color-paper-2);cursor:pointer}.size-picker button strong{font-family:var(--font-display);font-size:var(--text-2xl)}.size-picker button span{font-size:var(--text-xs)}.size-picker button.is-selected{background:var(--color-accent);box-shadow:0 5px 0 var(--color-ink)}.size-picker button:disabled{opacity:.5;cursor:not-allowed}.pour-guide{margin-bottom:var(--space-xl);padding:var(--space-lg);border:var(--rule-strong) solid var(--color-ink);border-radius:var(--radius-card);background:var(--color-paper-2)}.pour-guide>div{display:grid;gap:var(--space-lg)}.pour-guide h2{font-size:var(--text-lg)}.pour-guide dl{display:grid;gap:var(--space-xs);margin:var(--space-sm) 0 0}.pour-guide dl div{display:flex;justify-content:space-between;gap:var(--space-md);border-bottom:1px solid var(--color-rule)}.pour-guide dd{margin:0;font-weight:700}.pour-guide>p:last-child{margin:var(--space-lg) 0 0;color:var(--color-ink-muted);font-size:var(--text-sm);line-height:1.5}.button{cursor:pointer}.button:disabled{cursor:not-allowed;filter:grayscale(.8);opacity:.5;box-shadow:none}.button--wide{width:100%}.progress-indicator{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);font-family:var(--font-mono);font-size:var(--text-xs)}.progress-indicator>div{flex:1;height:.65rem;overflow:hidden;border:2px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-paper-2)}.progress-indicator>div span{display:block;width:100%;height:100%;transform-origin:left center;background:var(--color-accent);transition:transform var(--dur-base) var(--ease-out)}.practice-screen{max-width:52rem}.practice-screen h1{font-size:clamp(2.25rem,11vw,4.25rem);line-height:1.02}.recall-card,.build-panel{padding:clamp(1.25rem,5vw,3rem);border:var(--rule-strong) solid var(--color-ink);border-radius:var(--radius-card);background:var(--color-paper-2);box-shadow:0 8px 0 var(--color-ink)}.recall-card--question{min-height:29rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:var(--color-accent-2-soft)}.recall-card>p:not(.mode-label){margin:var(--space-md) 0 0;color:var(--color-ink-muted);line-height:1.6}.recall-card .recall-prompt{max-width:32rem;padding:var(--space-md);border-inline-start:5px solid var(--color-accent);color:var(--color-ink)!important}.recall-card>.button{margin-top:var(--space-xl)}.recipe-illustration{display:grid;place-items:center;overflow:hidden;border:2px solid var(--color-ink);border-radius:var(--radius-card);background:var(--color-accent-2-soft)}.recipe-illustration img{display:block;width:100%;height:100%;object-fit:contain}.recipe-illustration--reveal{width:min(70%,16.8rem);aspect-ratio:1;margin:var(--space-lg) auto;padding:var(--space-sm)}.mnemonic-screen h1{max-width:none}.mnemonic-prompt{margin:var(--space-xl) 0;padding:clamp(1.5rem,6vw,3rem);border:var(--rule-strong) solid var(--color-ink);border-radius:var(--radius-card);background:var(--color-accent-2-soft);box-shadow:0 8px 0 var(--color-ink);font-family:var(--font-display);font-size:clamp(1.75rem,8vw,3.25rem);font-weight:700;line-height:1.1;text-align:center}.mnemonic-choices{display:grid;gap:var(--space-sm)}.mnemonic-choice{min-height:4rem;padding:var(--space-md) var(--space-lg);border:2px solid var(--color-ink);border-radius:var(--radius-card);background:var(--color-paper-2);font-weight:700;text-align:left;cursor:pointer}.mnemonic-choice.is-correct{background:var(--color-accent)}.mnemonic-choice.is-incorrect{background:var(--color-accent-3-soft)}.mnemonic-choice:disabled{color:var(--color-ink);cursor:default;opacity:1}.mnemonic-result{margin-top:var(--space-xl)}.mnemonic-result>p{font-weight:700;line-height:1.5}.mnemonic-ingredient-question{margin:var(--space-lg) 0;padding:var(--space-lg);border:2px solid var(--color-ink);border-radius:var(--radius-card);background:var(--color-paper-2)}.mnemonic-ingredient-question h2{font-size:var(--text-lg)}.mnemonic-ingredient-question>p{margin:var(--space-xs) 0 var(--space-md);color:var(--color-ink-muted);line-height:1.5}.mnemonic-ingredient-choices{display:grid;gap:var(--space-sm)}.mnemonic-ingredient-choice{min-height:3.25rem;padding:var(--space-sm) var(--space-md);border:2px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-paper);font-weight:700;text-align:left;cursor:pointer}.mnemonic-ingredient-choice.is-selected{background:var(--color-accent-2-soft);box-shadow:0 3px 0 var(--color-ink)}.mnemonic-ingredient-choice.is-correct{background:var(--color-accent)}.mnemonic-ingredient-choice.is-incorrect{background:var(--color-accent-3-soft)}.mnemonic-ingredient-choice.is-missed{border-style:dashed;background:var(--color-accent-2-soft)}.mnemonic-ingredient-choice small{display:block;margin-top:.15rem;font-size:var(--text-xs);text-transform:uppercase}.mnemonic-ingredient-choice:disabled{color:var(--color-ink);cursor:default;opacity:1}.mnemonic-ingredient-grade{margin-top:var(--space-lg)}.mnemonic-ingredients{margin:var(--space-lg) 0;padding:var(--space-lg);border:2px solid var(--color-ink);border-radius:var(--radius-card);background:var(--color-paper-2)}.mnemonic-ingredients h2{font-size:var(--text-lg)}.mnemonic-ingredients ul{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin:var(--space-md) 0 0;padding:0;list-style:none}.mnemonic-ingredients li{padding:var(--space-xs) var(--space-sm);border:2px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-paper)}.mnemonic-ingredients li small{display:block;margin-top:.15rem;font-size:var(--text-xs);font-weight:700}.mnemonic-ingredients li.mnemonic-ingredient--correct{background:var(--color-accent);box-shadow:0 3px 0 var(--color-ink);font-weight:700}.mnemonic-ingredients li.mnemonic-ingredient--highlighted{border-style:dashed;background:var(--color-accent-2-soft);box-shadow:0 3px 0 var(--color-ink);font-weight:700}.mnemonic-result .button{margin-top:var(--space-sm)}.recipe-spec{display:grid;gap:var(--space-sm);margin:var(--space-xl) 0}.recipe-spec div{padding:var(--space-md);border:2px solid var(--color-ink);border-radius:var(--radius-card);background:var(--color-paper)}.recipe-spec dt{margin-bottom:.3rem;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;text-transform:uppercase}.recipe-spec dd{margin:0;line-height:1.5}.recipe-notes{width:100%;margin-bottom:var(--space-xl);padding:var(--space-md);border:2px solid var(--color-ink);border-radius:var(--radius-card);background:var(--color-accent-3-soft)}.recipe-notes ul{display:grid;gap:var(--space-sm);margin:var(--space-sm) 0 0;padding:0;list-style:none}.recipe-notes li{display:grid;gap:.2rem;line-height:1.45}.recipe-notes span{color:var(--color-ink-muted)}.rating-group,.builder__group{margin:var(--space-xl) 0;padding:0;border:0}.rating-group legend,.builder legend,.builder__select>span{margin-bottom:var(--space-sm);font-weight:700}.rating-group>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-xs)}.rating-group button{min-width:0;min-height:3rem;border:2px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-paper);text-transform:capitalize;cursor:pointer}.rating-group button.is-selected{background:var(--color-accent);box-shadow:inset 0 0 0 2px var(--color-ink)}.builder{margin-top:var(--space-xl)}.field-help{margin:0 0 var(--space-md);color:var(--color-ink-muted);font-size:var(--text-sm)}.ingredient-search{display:grid;gap:var(--space-xs);margin-bottom:var(--space-md);font-weight:700}.ingredient-search input{width:100%;min-height:3.25rem;padding:.65rem var(--space-md);border:1px solid var(--color-ink);border-radius:.8rem;outline:2px solid transparent;outline-offset:1px;background:var(--color-paper);color:var(--color-ink)}.ingredient-search input:hover{background:var(--color-paper-2)}.ingredient-search input:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.ingredient-search input:disabled{opacity:.55;cursor:not-allowed;background:var(--color-paper-3)}.ingredient-empty{margin:0;padding:var(--space-md);border:1px dashed var(--color-rule);border-radius:var(--radius-card);color:var(--color-ink-muted);font-size:var(--text-sm)}.ingredient-list{display:grid;gap:var(--space-xs)}.ingredient-row{display:grid;gap:var(--space-sm);padding:var(--space-md);border:2px solid var(--color-ink);border-radius:var(--radius-card);background:var(--color-paper)}.ingredient-row--selected{background:var(--color-accent-2-soft)}.check-label{display:flex;align-items:center;gap:var(--space-sm);font-weight:700}.check-label input,.consent input{width:1.35rem;height:1.35rem;accent-color:var(--color-accent-deep)}.measure-label select,.builder__select select,.account-form input{width:100%;min-height:3.25rem;padding:.65rem var(--space-md);border:1px solid var(--color-ink);border-radius:.8rem;outline:2px solid transparent;outline-offset:1px;background:var(--color-paper);color:var(--color-ink)}.measure-label select:hover,.builder__select select:hover,.account-form input:hover{background:var(--color-paper-2)}.measure-label select:focus-visible,.builder__select select:focus-visible,.account-form input:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.measure-label select:disabled,.builder__select select:disabled,.account-form input:disabled{opacity:.55;cursor:not-allowed;background:var(--color-paper-3)}.builder__select{display:grid;margin-bottom:var(--space-lg)}.score-orb{width:8rem;aspect-ratio:1;display:grid;place-content:center;margin-bottom:var(--space-lg);border:var(--rule-strong) solid var(--color-ink);border-radius:50%;background:var(--color-accent-3-soft);box-shadow:0 7px 0 var(--color-ink);text-align:center}.score-orb--pass{background:var(--color-accent)}.score-orb strong{font-family:var(--font-display);font-size:var(--text-2xl);line-height:1}.score-orb span{font-size:var(--text-xs)}.dimension-list{list-style:none;margin:var(--space-xl) 0;padding:0;display:grid;gap:var(--space-xs)}.dimension-list li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-sm);padding:var(--space-md);border:2px solid var(--color-ink);border-radius:var(--radius-card);text-transform:capitalize}.dimension-list li.is-correct{background:var(--color-accent-2-soft)}.dimension-list li.is-missed{background:var(--color-accent-3-soft)}.dimension-list em{font-family:var(--font-mono);font-size:var(--text-xs);font-style:normal}.dimension-list small{grid-column:2 / -1;color:var(--color-ink-muted);line-height:1.45;text-transform:none}.correct-recipe{margin-bottom:var(--space-xl);padding:var(--space-lg);border:2px solid var(--color-ink);border-radius:var(--radius-card);background:var(--color-paper-2)}.correct-recipe .recipe-spec{margin-bottom:0}.summary{text-align:center}.summary .button,.summary .text-button{margin-inline:auto}.summary-stat{margin:var(--space-xl) auto;display:grid}.summary-stat strong{font-family:var(--font-display);font-size:clamp(4rem,18vw,7rem);line-height:.9}.summary>p:not(.mode-label){color:var(--color-ink-muted);line-height:1.6}.progress-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm);margin:var(--space-xl) 0}.progress-grid div{min-width:0;display:grid;padding:var(--space-md);border:2px solid var(--color-ink);border-radius:var(--radius-card);background:var(--color-paper-2)}.progress-grid strong{font-family:var(--font-display);font-size:var(--text-2xl)}.progress-grid span{font-size:var(--text-xs);color:var(--color-ink-muted)}.drink-index{padding-block-start:var(--space-2xl)}.drink-index__heading{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--space-md)}.drink-index__heading h1{max-width:none}.drink-index__heading .screen-lede{margin-bottom:0}.drink-index__count{padding:var(--space-xs) var(--space-sm);border:2px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;white-space:nowrap}.drink-index__search{display:grid;gap:var(--space-xs);margin:var(--space-xl) 0;font-weight:700}.drink-index__search input{width:100%;min-height:4rem;padding:var(--space-sm) var(--space-md);border:var(--rule-strong) solid var(--color-ink);border-radius:var(--radius-card);outline:3px solid transparent;outline-offset:2px;background:var(--color-paper-2);color:var(--color-ink)}.drink-index__search input:focus-visible{outline-color:var(--color-focus)}.drink-index__list{display:grid;gap:var(--space-md);margin:0;padding:0;list-style:none}.drink-index__card{min-width:0;padding:var(--space-lg);border:var(--rule-strong) solid var(--color-ink);border-radius:var(--radius-card);background:var(--color-paper-2);box-shadow:0 5px 0 var(--color-ink)}.drink-index__card>p{margin:0 0 var(--space-xs);color:var(--color-ink-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.drink-index__card h2{overflow-wrap:anywhere;font-size:var(--text-xl)}.recipe-illustration--index{width:70%;aspect-ratio:1;margin:var(--space-md) auto 0;padding:var(--space-xs)}.drink-index__card ul{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin:var(--space-md) 0 0;padding:0;list-style:none}.drink-index__card ul li{padding:.35rem var(--space-sm);border:1px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-paper);font-size:var(--text-sm)}.drink-index__card>.drink-index__garnish{margin:var(--space-md) 0 0;color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-sm);text-transform:none;letter-spacing:normal}.drink-index__empty{padding:var(--space-xl);border:var(--rule-strong) dashed var(--color-ink);border-radius:var(--radius-card);background:var(--color-accent-2-soft);text-align:center}.drink-index__empty p{margin:0 0 var(--space-md);font-weight:700}.account-form{display:grid;gap:var(--space-lg);margin-top:var(--space-xl)}.account-form>label:first-child{display:grid;gap:var(--space-xs);font-weight:700}.consent{display:grid;grid-template-columns:auto 1fr;gap:var(--space-sm);align-items:start;color:var(--color-ink-muted);font-size:var(--text-sm);line-height:1.5}.privacy-note{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:2px solid var(--color-ink);color:var(--color-ink-muted);font-size:var(--text-sm);line-height:1.5}.notice{width:calc(100% - (2 * var(--page-gutter)));max-width:var(--shell);margin:var(--space-md) auto 0;padding:var(--space-md);border:2px solid var(--color-ink);border-radius:var(--radius-card);background:var(--color-accent-3-soft);line-height:1.5}.offline-banner{position:sticky;z-index:10;top:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-md);padding:var(--space-sm) var(--page-gutter);border-bottom:2px solid var(--color-ink);background:var(--color-accent);font-size:var(--text-sm);line-height:1.4}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:40rem){.home-screen{grid-template-columns:minmax(0,7fr) minmax(17rem,4fr)}.fixture-banner{grid-column:1 / -1;grid-template-columns:auto 1fr;gap:var(--space-lg)}.ingredient-row{grid-template-columns:minmax(0,1fr) minmax(12rem,.8fr);align-items:center}.pour-guide>div{grid-template-columns:repeat(2,minmax(0,1fr))}.mnemonic-choices,.mnemonic-ingredient-choices,.drink-index__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:64rem){.drink-index__list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:24rem){.site-header,.sign-in-link{padding-inline:var(--space-sm)}.size-picker{grid-template-columns:1fr}.size-picker button{min-height:4.5rem;grid-template-columns:auto 1fr;align-items:baseline;gap:var(--space-sm)}.rating-group>div{grid-template-columns:repeat(2,minmax(0,1fr))}.progress-grid{grid-template-columns:1fr}}