:root{--paper:oklch(96.5% 0.014 80);--paper-2:oklch(93% 0.02 78);--paper-3:oklch(88% 0.024 75);--ink:oklch(26% 0.02 60);--ink-2:oklch(42% 0.02 60);--ink-3:oklch(62% 0.022 65);--rule:oklch(78% 0.024 70);--rule-soft:oklch(86% 0.022 72);--accent:oklch(56% 0.14 35);--accent-2:oklch(62% 0.14 35);--bg:var(--paper);--fg:var(--ink);--fg-2:var(--ink-2);--fg-3:var(--ink-3);--mono:"Space Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--hand:"Caveat","Bradley Hand",cursive}[data-theme=dark]{--paper:oklch(22% 0.014 60);--paper-2:oklch(26% 0.016 60);--paper-3:oklch(30% 0.018 60);--ink:oklch(94% 0.014 85);--ink-2:oklch(78% 0.018 80);--ink-3:oklch(58% 0.022 70);--rule:oklch(38% 0.022 65);--rule-soft:oklch(32% 0.02 65);--accent:oklch(72% 0.14 40);--accent-2:oklch(78% 0.12 40)}[data-accent=persimmon]{--accent:oklch(56% 0.14 35);--accent-2:oklch(62% 0.14 35)}[data-accent=mustard]{--accent:oklch(60% 0.13 85);--accent-2:oklch(66% 0.13 85)}[data-accent=forest]{--accent:oklch(48% 0.12 150);--accent-2:oklch(54% 0.12 150)}[data-accent=plum]{--accent:oklch(48% 0.13 345);--accent-2:oklch(54% 0.13 345)}[data-theme=dark][data-accent=persimmon]{--accent:oklch(72% 0.14 40);--accent-2:oklch(78% 0.12 40)}[data-theme=dark][data-accent=mustard]{--accent:oklch(80% 0.13 85);--accent-2:oklch(86% 0.12 85)}[data-theme=dark][data-accent=forest]{--accent:oklch(72% 0.13 150);--accent-2:oklch(80% 0.12 150)}[data-theme=dark][data-accent=plum]{--accent:oklch(72% 0.14 345);--accent-2:oklch(80% 0.12 345)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:oklch(96.5% .014 80);background:var(--bg);color:oklch(26% .02 60);color:var(--fg);font-family:Space Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-family:var(--mono);font-size:14px;line-height:1.55;transition:background .3s ease,color .3s ease}a,button{color:inherit}button{background:none;border:none;cursor:pointer;font:inherit;padding:0}.link-underline{text-decoration:underline;text-decoration-color:oklch(78% .024 70);text-decoration-color:var(--rule);text-underline-offset:4px}.link-underline:hover{color:oklch(56% .14 35);color:var(--accent);text-decoration-color:oklch(56% .14 35);text-decoration-color:var(--accent)}#root{display:flex;flex-direction:column;min-height:100vh}.rp-sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.rp-recipe-split[data-cooking-mode=true]{-webkit-touch-callout:none;touch-action:manipulation;-webkit-user-select:none;user-select:none}.rp-method[role=button]:focus-visible{outline:2px solid oklch(56% .14 35);outline:2px solid var(--accent);outline-offset:2px}.rp-method[data-holding=true]:after{animation:rp-hold-to-jump .6s linear forwards;background:oklch(88% .024 75);background:var(--paper-3);content:"";inset:0;pointer-events:none;position:absolute;transform:scaleX(0);transform-origin:left;z-index:0}.rp-play-guide{animation:rp-play-guide-arrive .18s ease-out both;backdrop-filter:grayscale(1) blur(3px);-webkit-backdrop-filter:grayscale(1) blur(3px);background:#191816d1;color:oklch(97% .008 80);display:grid;grid-template-columns:1fr 1fr;inset:0;overflow:hidden;position:fixed;touch-action:none;z-index:1000}.rp-play-guide-heading{left:50%;position:absolute;text-align:center;top:clamp(28px,7vh,72px);transform:translateX(-50%);width:min(90vw,520px);z-index:1}.rp-play-guide-footer span,.rp-play-guide-heading span{color:#ffffff9e;display:block;font-size:10px;letter-spacing:.08em}.rp-play-guide-heading h2{font-family:Space Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-family:var(--mono);font-size:clamp(18px,3vw,28px);font-weight:700;margin:5px 0 0}.rp-play-guide-zone{align-items:center;display:flex;flex-direction:column;gap:7px;justify-content:center;min-width:0;padding:112px 18px 160px;text-align:center}.rp-play-guide-zone-left{border-right:1px dashed #ffffff42}.rp-play-guide-hold strong,.rp-play-guide-zone strong{font-size:clamp(15px,2vw,20px)}.rp-play-guide-hold>span:last-child,.rp-play-guide-zone span{color:#ffffffa8;font-size:11px}.rp-play-guide-hold{grid-gap:4px;background:#ffffff17;border:1px solid #ffffff2e;border-radius:4px;bottom:clamp(132px,19vh,188px);display:grid;gap:4px;justify-items:center;left:50%;padding:13px 20px;position:absolute;text-align:center;transform:translateX(-50%);width:min(86vw,260px)}.rp-play-guide-hold-mark{border:1px solid;border-radius:50%;box-shadow:0 0 0 6px #ffffff1a;height:20px;margin-bottom:3px;width:20px}.rp-play-guide-footer{grid-gap:9px;bottom:max(28px,env(safe-area-inset-bottom));display:grid;gap:9px;justify-items:center;left:50%;position:absolute;transform:translateX(-50%);width:min(90vw,420px);z-index:1}.rp-play-guide-footer button{background:oklch(96.5% .014 80);border:1px solid oklch(96.5% .014 80);border-radius:3px;color:oklch(26% .02 60);font-family:Space Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-family:var(--mono);font-size:13px;font-weight:700;min-height:48px;min-width:190px;padding:11px 22px}.rp-play-guide-footer button:focus-visible{outline:2px solid #fff;outline-offset:4px}@keyframes rp-play-guide-arrive{0%{opacity:0}to{opacity:1}}@keyframes rp-hold-to-jump{to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.rp-method,.rp-play-guide,.rp-progress-fill,body{animation:none!important;transition:none!important}.rp-method[data-holding=true]:after{animation:none;transform:scaleX(1)}}@media (max-width:700px){.rp-grid{gap:14px!important;grid-template-columns:repeat(2,1fr)!important}.rp-recipe-split{gap:24px!important}.rp-recipe-header,.rp-recipe-split{grid-template-columns:1fr!important}.rp-recipe-header-photo{max-width:320px}.rp-main[data-mobile-focus=true] .rp-ingredient[data-linked=false],.rp-main[data-mobile-focus=true] .rp-method[data-active=false][data-next=false]{display:none!important}.rp-main[data-mobile-focus=true] .rp-method[data-next=true]{background:#0000!important;border-left-color:#0000!important;font-weight:400!important;opacity:.5}.rp-main[data-mobile-focus=true] .rp-method[data-next=true]:before{color:oklch(62% .022 65);color:var(--fg-3);content:"next →";display:block;font-size:10px;grid-column:1/-1;letter-spacing:.04em;margin-bottom:4px}}
/*# sourceMappingURL=main.ab04e1fc.css.map*/