.ledger[data-astro-cid-4nemtr5k]{border:1px solid var(--line);background:var(--card-bg);border-radius:20px;margin-top:auto;padding:.25rem 1.25rem;box-shadow:0 2px 4px #0000000f}.ledger[data-astro-cid-4nemtr5k] p[data-astro-cid-4nemtr5k]{flex-direction:column;gap:.125rem;margin:0;display:flex}.ledger[data-astro-cid-4nemtr5k] b[data-astro-cid-4nemtr5k]{color:var(--dark-panel-text);font-size:.9375rem;font-weight:650}.ledger[data-astro-cid-4nemtr5k] span[data-astro-cid-4nemtr5k]{color:var(--dark-panel-muted);font-size:.875rem;line-height:1.4}.ledger-head[data-astro-cid-4nemtr5k]{align-items:center;gap:.875rem;padding:1rem 0;display:flex}.ledger-badge[data-astro-cid-4nemtr5k]{background:color-mix(in srgb, var(--dark-panel-link) 14%, transparent);width:2.75rem;height:2.75rem;color:var(--dark-panel-link);border-radius:12px;flex:none;place-items:center;display:grid}.ledger-badge[data-astro-cid-4nemtr5k] svg[data-astro-cid-4nemtr5k]{width:1.5rem;height:1.5rem}.ledger[data-astro-cid-4nemtr5k] ul[data-astro-cid-4nemtr5k]{margin:0;padding:0;list-style:none}.ledger[data-astro-cid-4nemtr5k] li[data-astro-cid-4nemtr5k]{border-top:1px solid var(--line);align-items:flex-start;gap:.875rem;padding:.875rem 0;display:flex}.ledger[data-astro-cid-4nemtr5k] li[data-astro-cid-4nemtr5k] svg[data-astro-cid-4nemtr5k]{width:1.25rem;height:1.25rem;color:var(--dark-panel-link);flex:none;margin-top:.125rem}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.ledger[data-astro-cid-4nemtr5k] li[data-astro-cid-4nemtr5k]{animation-name:rise;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:entry 10% entry 50%}.ledger[data-astro-cid-4nemtr5k] li[data-astro-cid-4nemtr5k]:first-child{animation-range:entry 10% entry 50%}.ledger[data-astro-cid-4nemtr5k] li[data-astro-cid-4nemtr5k]:nth-child(2){animation-range:entry 16% entry 56%}.ledger[data-astro-cid-4nemtr5k] li[data-astro-cid-4nemtr5k]:nth-child(3){animation-range:entry 22% entry 62%}.ledger[data-astro-cid-4nemtr5k] li[data-astro-cid-4nemtr5k]:nth-child(4){animation-range:entry 28% entry 68%}.ledger[data-astro-cid-4nemtr5k] li[data-astro-cid-4nemtr5k]:nth-child(5){animation-range:entry 34% entry 74%}.ledger[data-astro-cid-4nemtr5k] li[data-astro-cid-4nemtr5k]:nth-child(6){animation-range:entry 40% entry 80%}.ledger[data-astro-cid-4nemtr5k] li[data-astro-cid-4nemtr5k]:nth-child(7){animation-range:entry 46% entry 86%}.ledger[data-astro-cid-4nemtr5k] li[data-astro-cid-4nemtr5k]:nth-child(8){animation-range:entry 52% entry 92%}}}.proof[data-astro-cid-kur57igv]{flex-direction:column;align-items:stretch;gap:.75rem;margin:1rem 0 0;display:flex}.proof--lock[data-astro-cid-kur57igv]{justify-content:center;min-block-size:11.5rem;position:relative}.mc[data-astro-cid-kur57igv]{box-sizing:border-box;background:var(--card-bg);min-inline-size:0;color:var(--text);box-shadow:inset 0 0 0 .75px var(--line), 0 2px 4px #0000001a;border-radius:12px;flex-direction:column;gap:.5rem;padding:.75rem;font-size:.8125rem;line-height:1.35;display:flex}.mc[data-astro-cid-kur57igv] p[data-astro-cid-kur57igv]{color:var(--text);margin:0}.mc-head[data-astro-cid-kur57igv]{align-items:center;gap:.5rem;display:flex}.mc-head[data-astro-cid-kur57igv] i[data-astro-cid-kur57igv]{background:var(--muted);block-size:1.625rem;inline-size:1.625rem;color:var(--card-bg);border-radius:8px;flex:none;place-items:center;display:grid}.mc-head[data-astro-cid-kur57igv] svg[data-astro-cid-kur57igv]{fill:currentColor;block-size:1rem;inline-size:1rem}.mc-head[data-astro-cid-kur57igv] span[data-astro-cid-kur57igv]{display:grid}.mc-head[data-astro-cid-kur57igv] small[data-astro-cid-kur57igv]{color:var(--muted);font-size:.75rem}.mc-body[data-astro-cid-kur57igv]{overflow-wrap:anywhere;letter-spacing:.04em;flex:1}.mc-body[data-astro-cid-kur57igv] small[data-astro-cid-kur57igv]{letter-spacing:0;color:var(--muted);font-size:.75rem;display:block}.mc-foot[data-astro-cid-kur57igv]{color:var(--muted);justify-content:space-between;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.mc-foot[data-astro-cid-kur57igv] kbd[data-astro-cid-kur57igv]{min-width:0;min-height:1.125rem;color:var(--text);border-bottom-width:1px;border-radius:5px;padding:0 .3rem;font-size:.75rem}.mc-show[data-astro-cid-kur57igv]{color:var(--text);align-items:center;gap:.25rem;display:inline-flex}.mc-show[data-astro-cid-kur57igv] svg[data-astro-cid-kur57igv]{fill:currentColor;block-size:.875rem;inline-size:.875rem}.mc--live[data-astro-cid-kur57igv]{position:relative}.on-shown[data-astro-cid-kur57igv],.mc-touch[data-astro-cid-kur57igv]{display:none}.mc-swap[data-astro-cid-kur57igv]{display:grid}.mc-masked[data-astro-cid-kur57igv],.mc-real[data-astro-cid-kur57igv]{grid-area:1/1}.mc-real[data-astro-cid-kur57igv]{visibility:hidden}.mc-show[data-astro-cid-kur57igv]{cursor:pointer;border-radius:999px}.mc--live[data-astro-cid-kur57igv]:has(input:focus-visible) .mc-show[data-astro-cid-kur57igv]{outline:2px solid var(--focus);outline-offset:3px}.mc--live[data-astro-cid-kur57igv]:has(input:checked) .mc-real[data-astro-cid-kur57igv]{visibility:visible}.mc--live[data-astro-cid-kur57igv]:has(input:checked) .mc-masked[data-astro-cid-kur57igv]{visibility:hidden}.mc--live[data-astro-cid-kur57igv]:has(input:checked) .on-masked[data-astro-cid-kur57igv]{display:none}.mc--live[data-astro-cid-kur57igv]:has(input:checked) .on-shown[data-astro-cid-kur57igv]{display:inline}.mc-touch[data-astro-cid-kur57igv]{box-sizing:border-box;background:var(--card-bg);block-size:fit-content;inline-size:min(88%,14rem);color:var(--text);box-shadow:inset 0 0 0 .75px var(--line), 0 8px 18px #00000047;border-radius:14px;align-items:center;gap:.625rem;margin:auto;padding:.75rem;position:absolute;inset:0}.mc-touch[data-astro-cid-kur57igv] .touchid[data-astro-cid-kur57igv]{fill:none;block-size:2rem;inline-size:2rem;color:var(--accent);flex:none}.mc-touch[data-astro-cid-kur57igv] b[data-astro-cid-kur57igv]{font-size:.875rem;display:block}.mc-touch[data-astro-cid-kur57igv] small[data-astro-cid-kur57igv]{color:var(--muted);font-size:.75rem;display:block}@media (prefers-reduced-motion:no-preference){.mc--live[data-astro-cid-kur57igv]:has(input:checked) .mc-touch[data-astro-cid-kur57igv]{animation:1s linear both touch-sheet;display:flex}.mc--live[data-astro-cid-kur57igv]:has(input:checked) .mc-masked[data-astro-cid-kur57igv]{visibility:visible;animation:0s linear 1s both masked-out}.mc--live[data-astro-cid-kur57igv]:has(input:checked) .mc-real[data-astro-cid-kur57igv]{visibility:hidden;animation:0s linear 1s both real-in}@keyframes touch-sheet{0%{opacity:0}15%,85%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes masked-out{to{visibility:hidden}}@keyframes real-in{to{visibility:visible}}}.blur[data-astro-cid-kur57igv]{filter:blur(8px);opacity:.5;gap:.5rem;inline-size:100%;display:flex}.blur[data-astro-cid-kur57igv] span[data-astro-cid-kur57igv]{block-size:11.5rem;box-shadow:inset 0 0 0 .75px var(--line);background:linear-gradient(var(--muted), var(--muted)) .75rem .875rem / 45% .5rem no-repeat, linear-gradient(var(--muted), var(--muted)) .75rem 2.5rem / 80% .375rem no-repeat, linear-gradient(var(--muted), var(--muted)) .75rem 3.5rem / 65% .375rem no-repeat, var(--card-bg);border-radius:12px;flex:1}.locked[data-astro-cid-kur57igv]{box-sizing:border-box;text-align:center;background:var(--card-bg);block-size:fit-content;inline-size:min(84%,11.75rem);color:var(--text);box-shadow:inset 0 0 0 .75px var(--line), 0 8px 18px #00000047;border-radius:14px;justify-items:center;gap:.45rem;margin:auto;padding:.875rem;display:grid;position:absolute;inset:0}.locked[data-astro-cid-kur57igv] svg[data-astro-cid-kur57igv]{fill:currentColor;block-size:1.375rem;inline-size:1.375rem;color:var(--muted)}.locked[data-astro-cid-kur57igv] .touchid[data-astro-cid-kur57igv]{block-size:2.125rem;inline-size:2.125rem;color:var(--accent)}.locked[data-astro-cid-kur57igv] b[data-astro-cid-kur57igv]{font-size:.875rem}.unlock[data-astro-cid-kur57igv]{background:var(--accent);color:var(--accent-contrast);white-space:nowrap;border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.hero{text-align:center;padding-block:clamp(2.5rem,6vw,4rem) 0;position:relative}.hero:before{content:"";z-index:-1;background:var(--hero-glow);pointer-events:none;width:100vw;height:56rem;margin-inline:auto;position:absolute;inset:-6rem -50vw auto;mask-image:linear-gradient(#000 55%,#0000)}.hero h1{max-width:14ch;margin-inline:auto;font-size:clamp(2.5rem,6vw,4.75rem);line-height:1}.hero h1 .line{text-wrap:balance;display:block}@media (width>=48rem){.hero h1{max-width:24ch}}@media (width<=30rem){.hero h1{max-width:none;font-size:clamp(1.5rem,7.4vw,2.5rem)}}.hero .lead{margin:1.75rem auto 0;font-size:clamp(1.1875rem,2vw,1.3125rem)}.hero .limit{color:var(--muted);margin:.75rem auto 0;font-size:.9375rem}.hero .actions{justify-content:center;margin-top:2.25rem}.trust{color:var(--muted);margin:1.5rem 0 0;font-size:.9375rem}.trust span+span:before{content:"·";content:"·" / "";margin-inline:.625rem}.trust a{color:inherit}@media (width>=48rem) and (height<=860px){.hero{padding-block-start:1.5rem}.hero h1{max-width:24ch;font-size:clamp(2.25rem,4.4vw,3.5rem)}.hero .lead{margin-top:1rem}.hero .actions{margin-top:1.25rem}.trust{margin-top:.875rem}}.speed{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1rem;max-width:72.5rem;margin:2.25rem auto 0;padding:0;list-style:none;display:grid}.speed li{text-align:left;border:1px solid var(--line);background:var(--panel);border-radius:22px;gap:.25rem;padding:1.125rem 1.375rem;display:grid}.speed strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text);align-items:center;gap:.5rem;font-size:1.3125rem;font-weight:680;display:flex}.speed strong:before{content:"";background:var(--accent);border-radius:50%;flex:none;width:.5rem;height:.5rem}.speed span{color:var(--muted);font-size:.875rem;line-height:1.35}.speed-note{max-width:44rem;color:var(--muted);margin:.875rem auto 0;font-size:.8125rem}.shelf{text-align:left;border:1px solid var(--line);background:var(--glass-strong);border-radius:32px;max-width:72.5rem;margin:4.5rem auto 0;padding:1.25rem;position:relative;box-shadow:0 40px 80px -30px #00000047}@supports (backdrop-filter:blur(1px)){.shelf{backdrop-filter:blur(24px)saturate(1.5)}.pop-panel{backdrop-filter:blur(8px)}}.shelf-chips{scrollbar-width:none;gap:.5rem;margin:-4px -4px .75rem;padding:4px;display:flex;overflow-x:auto}.shelf-chips::-webkit-scrollbar,.shelf-row::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);color:var(--muted);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:.375rem;padding:.25rem .875rem;font-size:.8125rem;display:inline-flex;position:relative}.chip svg{fill:currentColor;width:1rem;height:1rem}.chip.icon,.chip--app{padding-inline:.625rem}.chip--app{gap:0}.chip-label{grid-template-columns:0fr;display:inline-grid;overflow:hidden}.chip-label>span{min-width:0}.chip--app:is(:hover,:has(input:focus-visible,:checked)){gap:.375rem;padding-inline-end:.875rem}.chip--app:is(:hover,:has(input:focus-visible,:checked)) .chip-label{grid-template-columns:1fr}.chip--party svg{color:var(--collection-party)}.chip--recipes svg{color:var(--collection-recipes)}.chip:has(input:checked) svg{color:inherit}.chip:hover{color:var(--text);border-color:var(--line-strong)}.chip:has(input:checked){background:var(--text);color:var(--bg);border-color:var(--text);font-weight:600}.chip:has(input:focus-visible),.sc:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.shelf-row{scrollbar-width:none;align-items:flex-start;gap:.75rem;margin:-.75rem -.5rem -1.5rem;padding:.75rem .5rem 1.5rem;display:flex;overflow:auto hidden;mask-image:linear-gradient(90deg,#000 90%,#0000)}.shelf-row:has(input:focus-visible){mask-image:none}.sc{--tint:var(--card-bg);--glyph:var(--muted);--glyph-ink:var(--card-glyph-ink);aspect-ratio:10/9;color:var(--text);cursor:pointer;background:linear-gradient(180deg, color-mix(in srgb, var(--tint) 32%, transparent) 0, transparent 2.5rem), linear-gradient(color-mix(in srgb, var(--accent) 8%, transparent), color-mix(in srgb, var(--accent) 8%, transparent)) top / 100% 2.125rem no-repeat, var(--card-bg);box-shadow:inset 0 0 0 .75px var(--line), 0 2px 4px #0000001a;border-radius:12px;flex-direction:column;flex:0 0 clamp(9.5rem,17.5%,14rem);padding:0 .75rem .75rem;font-size:.8125rem;line-height:1.35;display:flex;position:relative;overflow:hidden}.sc--plain{--glyph:var(--muted);--glyph-ink:var(--card-bg)}.sc--green{--tint:var(--card-tint-text);--glyph:var(--card-glyph-text)}.sc--blue{--tint:var(--card-tint-link);--glyph:var(--card-glyph-link)}.sc--note{--tint:var(--card-tint-note);--glyph:var(--card-glyph-note);--glyph-ink:var(--card-glyph-note-ink)}.sc:hover{box-shadow:inset 0 0 0 .75px var(--line-hover), 0 8px 14px #0003;transform:translateY(-6px)}.sc:has(input:checked){--wash:color-mix(in srgb, var(--accent) 14%, transparent);background:linear-gradient(var(--wash), var(--wash)), linear-gradient(180deg, color-mix(in srgb, var(--tint) 32%, transparent) 0, transparent 2.5rem), linear-gradient(color-mix(in srgb, var(--accent) 8%, transparent), color-mix(in srgb, var(--accent) 8%, transparent)) top / 100% 2.125rem no-repeat, var(--card-bg);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--accent) 75%, transparent), 0 8px 14px #00000047;transform:translateY(-6px)}.sc-in{flex-direction:column;flex:1;min-height:0;display:flex}.sc-head{align-items:center;gap:.5625rem;height:2.125rem;display:flex}.sc-head i{background:var(--glyph);width:1.25rem;height:1.25rem;color:var(--glyph-ink);border-radius:5px;flex:none;place-items:center;display:grid}.sc-head i svg{fill:currentColor;width:.6875rem;height:.6875rem}.sc-head>span{flex-direction:column;line-height:1.15;display:flex}.sc-head b{font-size:.75rem;font-weight:500}.sc-head small{color:var(--muted);font-size:.75rem}.sc-body{box-sizing:content-box;overflow-wrap:anywhere;min-height:0;max-height:5.625rem;color:color-mix(in srgb, var(--text) 92%, transparent);flex:1;padding-top:.375rem;font-size:.8125rem;line-height:1.125rem;overflow:hidden}.sc-body--long{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box}.sc-p{white-space:pre-line;display:block}.sc-gap{background:radial-gradient(circle at .5px 50%, var(--muted) .5px, transparent .6px) 0 0 / 4px 100% repeat-x;opacity:.5;height:.375rem;display:block}.sc-code{white-space:pre-wrap;font:.75rem/1.125rem ui-monospace,SF Mono,Menlo,monospace}.code-line{display:block}.syn-kw{color:var(--syntax-keyword)}.syn-num{color:var(--syntax-number)}.sc-leaf-bg{fill:var(--code-bg)}.leaf-a{fill:var(--leaf-dark)}.shade-lens{fill:var(--gold-fill-text)}.shade-vein,.shade-bridge,.shade-smirk{fill:none;stroke:var(--gold-fill-text);stroke-width:2px;stroke-linecap:round}.shade-vein{stroke:var(--leaf-light);stroke-width:1.5px;opacity:.6}.shade-spark{fill:var(--swatch-lemon)}.jar-body{fill:var(--leaf-dark)}.jar-lid{fill:var(--swatch-lemon)}.jar-label{fill:var(--bg)}.jar-text{fill:var(--accent);letter-spacing:.04em;font:700 6px system-ui,sans-serif}.jar-spoon{fill:none;stroke:var(--swatch-lemon);stroke-width:3px;stroke-linecap:round}.leaf-b{fill:var(--leaf-mid)}.leaf-c{fill:var(--leaf-light)}.pal-a{fill:var(--leaf-dark)}.pal-b{fill:var(--leaf-mid)}.pal-c{fill:var(--swatch-lemon)}.sc-leaf{flex:1;width:100%;height:auto;min-height:3rem;margin-top:.375rem;display:block}.sc-swatch{background:var(--gold-fill);border-radius:8px;flex:1;min-height:3rem;margin-top:.375rem}.sc-foot{min-height:1.5rem;color:var(--muted);flex:none;align-items:center;gap:.375rem;margin-top:auto;font-size:.75rem;display:flex}.sc-foot kbd{min-width:0;min-height:1.125rem;color:var(--text);border-bottom-width:1px;border-radius:5px;padding:0 .3rem;font-size:.75rem}.shelf-hint{max-width:40rem;color:var(--muted);margin:1.25rem auto 0;font-size:.875rem}@property --on{syntax:"<number>";inherits:true;initial-value:0}.shelf{--on:0;transition:--on 0s linear var(--dur-grace)}.shelf:has(.sc:hover,.pop-panel--scrolls:hover),.shelf:not(:hover):has(.sc input:focus-visible){--on:1;transition-delay:var(--dur-dwell)}.shelf-pop{display:contents}.pop-panel{z-index:2;box-sizing:border-box;border:1px solid var(--line);background:color-mix(in srgb, var(--card-bg) 92%, transparent);width:20rem;max-width:calc(100% - 1.5rem);color:var(--text);transform-origin:50% 100%;visibility:hidden;opacity:0;pointer-events:none;border-radius:16px;padding:.6875rem .875rem;font-size:.75rem;line-height:1.45;transition:visibility linear,opacity linear;position:absolute;bottom:calc(100% + .5rem + 1px);left:50%;translate:-50%;box-shadow:0 10px 24px -12px #00000047}.pop-panel p{margin:0}.pop-panel--scrolls{pointer-events:auto;transition-delay:var(--dur-grace)}.pop-panel--scrolls:before{content:"";height:calc(1.5rem + 1px);position:absolute;inset:100% 0 auto}.shelf:has(.sc:hover) .pop-panel--scrolls{transition-delay:0s}.pop-scroll{box-sizing:border-box;overscroll-behavior:contain;max-height:5.25rem;overflow-y:auto}.pop-panel--scrolls .pop-scroll{padding:0 .5rem 1.5rem 0;mask-image:linear-gradient(#000 calc(100% - 1.5rem),#0000)}@supports selector(::-webkit-scrollbar){.pop-scroll::-webkit-scrollbar{width:6px}.pop-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text) 40%, transparent);border-radius:3px}}@supports not selector(::-webkit-scrollbar){.pop-scroll{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--text) 40%, transparent) transparent}}.pop-code{white-space:pre;font:.75rem/1.55 ui-monospace,SF Mono,Menlo,monospace;overflow:hidden;mask-image:linear-gradient(90deg,#000 calc(100% - 20px),#0000)}.pop-hidden{align-items:center;gap:.5rem;display:flex}.pop-hidden svg{fill:currentColor;flex:none;width:.875rem;height:.875rem}.pop-title{font-size:.8125rem;font-weight:600}.pop-panel .pop-site{color:var(--muted);margin-top:.25rem}.pop-panel .pop-url{color:var(--muted);overflow-wrap:anywhere;margin-top:.25rem;font:.75rem/1.4 ui-monospace,SF Mono,Menlo,monospace}.pop-leaf{background:var(--code-bg);border-radius:8px;width:100%;height:auto;max-height:5.25rem;display:block}.pop-swatch{background:var(--gold-fill);height:3.25rem;box-shadow:inset 0 0 0 1px var(--line);border-radius:8px;display:block}.pop-panel .pop-hex{margin-top:.5rem;font:600 .8125rem ui-monospace,SF Mono,Menlo,monospace}.pop-note{background:color-mix(in srgb, var(--text) 6%, transparent);border-radius:8px;margin-top:.25rem;padding:.25rem .5rem}.pop-note b{color:var(--muted);font-size:.75rem;font-weight:600;display:block}.pop-note p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pop-panel .pop-facts{border-top:1px solid var(--line);color:var(--muted);margin-top:.5rem;padding-top:.375rem;font-size:.75rem}.pop-panel .pop-key{color:var(--muted);align-items:center;gap:.375rem;margin-top:.3125rem;font-size:.75rem;display:flex}.pop-key kbd{border-bottom-width:1px;border-radius:6px;min-width:0;min-height:1.25rem;padding:0 .375rem;font-size:.75rem}:where(.shelf:has(.sc:first-child:hover)) .pop-panel:first-child,:where(.shelf:not(:hover):has(.sc:first-child input:focus-visible)) .pop-panel:first-child,:where(.shelf:has(.sc:nth-child(2):hover)) .pop-panel:nth-child(2),:where(.shelf:not(:hover):has(.sc:nth-child(2) input:focus-visible)) .pop-panel:nth-child(2),:where(.shelf:has(.sc:nth-child(3):hover)) .pop-panel:nth-child(3),:where(.shelf:not(:hover):has(.sc:nth-child(3) input:focus-visible)) .pop-panel:nth-child(3),:where(.shelf:has(.sc:nth-child(4):hover)) .pop-panel:nth-child(4),:where(.shelf:not(:hover):has(.sc:nth-child(4) input:focus-visible)) .pop-panel:nth-child(4),:where(.shelf:has(.sc:nth-child(5):hover)) .pop-panel:nth-child(5),:where(.shelf:not(:hover):has(.sc:nth-child(5) input:focus-visible)) .pop-panel:nth-child(5),:where(.shelf:has(.sc:nth-child(6):hover)) .pop-panel:nth-child(6),:where(.shelf:not(:hover):has(.sc:nth-child(6) input:focus-visible)) .pop-panel:nth-child(6),:where(.shelf:has(.sc:nth-child(7):hover)) .pop-panel:nth-child(7),:where(.shelf:not(:hover):has(.sc:nth-child(7) input:focus-visible)) .pop-panel:nth-child(7),:where(.shelf:has(.sc:nth-child(8):hover)) .pop-panel:nth-child(8),:where(.shelf:not(:hover):has(.sc:nth-child(8) input:focus-visible)) .pop-panel:nth-child(8),:where(.shelf:has(.sc:nth-child(9):hover)) .pop-panel:nth-child(9),:where(.shelf:not(:hover):has(.sc:nth-child(9) input:focus-visible)) .pop-panel:nth-child(9),:where(.shelf:has(.sc:nth-child(10):hover)) .pop-panel:nth-child(10),:where(.shelf:not(:hover):has(.sc:nth-child(10) input:focus-visible)) .pop-panel:nth-child(10),:where(.shelf) .pop-panel--scrolls:hover{visibility:visible;opacity:1;transition-delay:0s;scale:1}@container style(--on:0){.shelf-pop .pop-panel{visibility:hidden;opacity:0}}@supports (anchor-name:--a){.sc:first-child{anchor-name:--clip-1}.pop-panel:first-child{position-anchor:--clip-1}.sc:nth-child(2){anchor-name:--clip-2}.pop-panel:nth-child(2){position-anchor:--clip-2}.sc:nth-child(3){anchor-name:--clip-3}.pop-panel:nth-child(3){position-anchor:--clip-3}.sc:nth-child(4){anchor-name:--clip-4}.pop-panel:nth-child(4){position-anchor:--clip-4}.sc:nth-child(5){anchor-name:--clip-5}.pop-panel:nth-child(5){position-anchor:--clip-5}.sc:nth-child(6){anchor-name:--clip-6}.pop-panel:nth-child(6){position-anchor:--clip-6}.sc:nth-child(7){anchor-name:--clip-7}.pop-panel:nth-child(7){position-anchor:--clip-7}.sc:nth-child(8){anchor-name:--clip-8}.pop-panel:nth-child(8){position-anchor:--clip-8}.sc:nth-child(9){anchor-name:--clip-9}.pop-panel:nth-child(9){position-anchor:--clip-9}.sc:nth-child(10){anchor-name:--clip-10}.pop-panel:nth-child(10){position-anchor:--clip-10}.pop-panel{left:clamp(.75rem, calc(anchor(center) - 10rem), calc(100% - 20.75rem));translate:none}}.shelf:has(#chip-pesto-night:checked) :is(.sc,.pop-panel):not([data-tags~=pesto-night]),.shelf:has(#chip-recipes:checked) :is(.sc,.pop-panel):not([data-tags~=recipes]),.shelf:has(#chip-messages:checked) :is(.sc,.pop-panel):not([data-tags~=messages]),.shelf:has(#chip-notes:checked) :is(.sc,.pop-panel):not([data-tags~=notes]),.shelf:has(#chip-safari:checked) :is(.sc,.pop-panel):not([data-tags~=safari]),.shelf:has(#chip-mail:checked) :is(.sc,.pop-panel):not([data-tags~=mail]),.shelf:has(#chip-terminal:checked) :is(.sc,.pop-panel):not([data-tags~=terminal]),.shelf:has(#search-open:checked):has(#when-today:checked) :is(.sc,.pop-panel):not([data-tags~=today]),.shelf:has(#search-open:checked):has(#when-yesterday:checked) :is(.sc,.pop-panel):not([data-tags~=yesterday]),.shelf:has(#search-open:checked):has(#only-sensitive:checked) :is(.sc,.pop-panel):not([data-tags~=sensitive]),.shelf:has(#search-open:checked):has(.sf input[id^=kind-]:checked):not(:has(#kind-text:checked)) :is(.sc,.pop-panel)[data-tags~=kind-text],.shelf:has(#search-open:checked):has(.sf input[id^=kind-]:checked):not(:has(#kind-link:checked)) :is(.sc,.pop-panel)[data-tags~=kind-link],.shelf:has(#search-open:checked):has(.sf input[id^=kind-]:checked):not(:has(#kind-image:checked)) :is(.sc,.pop-panel)[data-tags~=kind-image],.shelf:has(#search-open:checked):has(.sf input[id^=kind-]:checked):not(:has(#kind-color:checked)) :is(.sc,.pop-panel)[data-tags~=kind-color],.shelf:has(#search-open:checked):has(.sf input[id^=kind-]:checked):not(:has(#kind-code:checked)) :is(.sc,.pop-panel)[data-tags~=kind-code],.shelf:has(#search-open:checked):has(.sf input[id^=kind-]:checked):not(:has(#kind-file:checked)) :is(.sc,.pop-panel)[data-tags~=kind-file]{display:none}.shelf-bar{align-items:flex-start;gap:.5rem;display:flex}.shelf-bar .shelf-chips{flex:1;min-width:0}.shelf-find{flex:none}.shelf-search{flex-wrap:wrap;gap:.5rem 1.5rem;margin:0 0 .75rem;display:none}.shelf:has(#search-open:checked) .shelf-search{display:flex}.sf{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.sf-name{color:var(--muted);flex-basis:100%;font-size:.75rem}.chip--small{padding:.125rem .75rem;font-size:.75rem}.shelf-row{min-height:3rem;position:relative}.shelf-empty{z-index:-1;color:var(--muted);white-space:nowrap;margin:0;font-size:.8125rem;position:absolute;top:50%;left:.5rem;translate:0 -50%}.hint-touch{display:none}@media (hover:none) and (pointer:coarse){.hint-pointer{display:none}.hint-touch{display:inline}}.section{margin-top:clamp(5rem,11vw,9rem)}.two{align-items:center;gap:2.5rem;display:grid}.two .prose p{margin-top:1.125rem}.window,.window .shot img{border-radius:20px}.steps3{gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.steps3 li{border:1px solid var(--line);background:var(--panel);border-radius:28px;flex-direction:column;justify-content:space-between;gap:2.5rem;min-height:11rem;padding:2rem;display:flex}.steps3 .n{border:1.5px solid var(--line-strong);width:2.25rem;height:2.25rem;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:.9375rem;font-weight:650;display:grid}.steps3 p{color:var(--text);letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:1.375rem;font-weight:600;line-height:1.25}.bento{gap:1.25rem;margin-top:3rem;display:grid}.bento>div{border:1px solid var(--line);background:var(--panel);border-radius:28px;flex-direction:column;gap:.875rem;padding:2rem;display:flex;overflow:hidden}.bento h3{margin:0}.bento p{color:var(--muted);margin:0}.bento .keysrow,.bento .chips{flex-wrap:wrap;gap:.5rem;margin-top:auto;display:flex}.bento .shot{margin-top:.5rem}.proofs{align-items:start;gap:1.25rem;margin-top:3.5rem;display:grid}.proofs>div{border:1px solid var(--line);background:var(--panel);border-radius:28px;flex-direction:column;gap:.875rem;padding:1.75rem;display:flex;overflow:hidden}.proofs h3{margin:0;font-size:1.3125rem}.proofs p{margin:0;font-size:1rem}.proofs .shot{margin-top:auto;padding-top:.75rem}@media (prefers-reduced-motion:no-preference){.shelf{animation:rise var(--dur-rise) var(--ease-rise) .15s both}.sc{transition:transform var(--dur-pop) var(--ease-pop), box-shadow var(--dur-quick) ease-out}.chip,.chip-label{transition:var(--dur-quick) ease-out;transition-property:background-color,color,border-color,padding,gap,grid-template-columns}.pop-panel{transition-property:visibility,opacity,scale;transition-duration:var(--dur-quick);transition-timing-function:ease-out;scale:.97}@container style(--on:0){.shelf-pop .pop-panel{scale:.97}}}@media (width>=48rem){.two{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:4rem}.steps3{grid-template-columns:repeat(3,minmax(0,1fr))}.bento{grid-template-columns:repeat(6,minmax(0,1fr))}.bento .big{grid-area:span 2/span 4}.bento .small{grid-column:span 2}}@media (width>=64rem){.proofs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<48rem){.panel--dark{padding:1.25rem 1rem}.proofs>div{padding:1.25rem}.shelf{border-radius:24px;margin-top:1.5rem;padding:.875rem}.shelf-pop{display:none}.sc{aspect-ratio:auto;flex:0 0 9.5rem;height:11.75rem}.steps3 li{flex-direction:row;align-items:flex-start;gap:1rem;min-height:0;padding:1.25rem 1.5rem}.steps3 .n{margin-top:.125rem}.steps3 p{font-size:1.1875rem}}@media (prefers-reduced-transparency:reduce){.shelf,.pop-panel{background:var(--card-bg);backdrop-filter:none}.speed li,.proofs>div,.flow li{background:var(--bg)}}.cta{background:var(--hero-gradient);border:1px solid var(--line);border-radius:40px;align-items:center;gap:2rem 3.5rem;padding:clamp(1.5rem,6vw,4.5rem);display:grid}.cta .prose{max-width:none}.cta>picture{justify-self:center}.cta .jar{border-radius:20px;width:min(100%,22rem);height:auto;display:block}.cta .prose p{color:var(--muted)}.brew-line{margin-top:1rem;font-size:.9375rem}.brew-line code{vertical-align:middle;border:1px solid var(--line);background:var(--code-bg);min-height:2.75rem;color:var(--text);-webkit-user-select:all;user-select:all;border-radius:10px;align-items:center;padding:0 .75rem;display:inline-flex}@media (width>=48rem){.cta{grid-template-columns:minmax(0,22rem) minmax(0,1fr)}}@media (forced-colors:active){.chip:has(input:checked){border:3px solid highlight}.sc:has(input:checked){outline-offset:-3px;outline:3px solid highlight}.speed li{border:1px solid canvastext}}.flow{counter-reset:flow;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.75rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.flow li{border:1px solid var(--line);background:var(--panel);color:var(--dark-panel-muted);border-radius:14px;gap:.25rem;padding:.875rem 1rem;font-size:.9375rem;display:grid;position:relative}.flow li b{color:var(--dark-panel-text)}.flow li+li:before{content:"→" / "";color:var(--dark-panel-link);position:absolute;top:.875rem;left:-.7rem}.flow-note{margin:.75rem 0 0;font-size:.875rem}@media (prefers-color-scheme:dark){.panel--dark{box-shadow:inset 0 0 0 1px var(--line), 0 18px 40px -24px #0009}}@media (width<48rem){.flow li+li:before{content:none}}.oss{align-items:center;gap:2rem;display:grid}.oss h2{max-width:18ch;margin:0}.oss h2+p{margin-top:1rem}.oss p{max-width:36rem}.oss .actions{margin-top:1.5rem}.oss .button{background:var(--dark-panel-link);border-color:var(--dark-panel-link);color:var(--dark-panel-bg)}.oss .button--outline{color:var(--dark-panel-link);background:0 0}.oss .heart{fill:currentColor;width:1rem;height:1rem;margin-right:.5rem}.oss-card{border:1px solid var(--line);background:color-mix(in srgb, var(--dark-panel-text) 8%, transparent);color:var(--dark-panel-text);border-radius:20px;justify-items:start;gap:.5rem;padding:1.5rem;text-decoration:none;display:grid}.panel--dark a.oss-card{color:var(--dark-panel-text)}.oss-card svg{fill:currentColor;width:2rem;height:2rem}.oss-card b{letter-spacing:-.01em;overflow-wrap:anywhere;font-size:1.25rem}.oss-card span{color:var(--dark-panel-muted);font-size:.9375rem}.oss-card:hover{border-color:var(--dark-panel-link)}@media (width>=48rem){.oss{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:3rem}}.chips-note{margin:0;font-size:.875rem}@media (forced-colors:active){.oss-card{border:1px solid canvastext}}.how-scene{margin-top:1.25rem}.how-scene:not(:has(.scrub)){display:none}.stage{grid-template-columns:minmax(0,1fr);justify-items:center;margin-top:2.5rem;display:grid}.keycaps{cursor:pointer;border-radius:22px;gap:.625rem;display:flex}.keycaps:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:6px}.keycaps kbd{aspect-ratio:1;text-indent:0;border-bottom-width:4px;border-radius:20px;place-items:center;inline-size:clamp(3.75rem,9vw,6rem);padding:0;font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:600;display:grid;box-shadow:0 18px 30px -14px #00000059}.keycaps .keycap-go{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.keycaps:hover kbd{border-color:var(--line-hover)}.keycap-hint{color:var(--muted);margin:1rem 0 0;font-size:.9375rem}.hint-do,.hint-fact{display:block}.hint-do{color:var(--accent);font-weight:600}.keycap-try{min-block-size:1.5rem;color:var(--accent);opacity:0;margin:.5rem 0 0;font-size:.9375rem;font-weight:600}@media (prefers-reduced-motion:no-preference){@keyframes keycap-breathe{0%,to{box-shadow:0 18px 30px -14px #00000059,0 0 #0000,0 0 #0000}50%{box-shadow:0 18px 30px -14px #00000059, 0 0 0 6px color-mix(in srgb, var(--accent) 28%, transparent), 0 0 0 14px color-mix(in srgb, var(--accent) 12%, transparent)}}@keyframes keycap-try-in{0%{opacity:0;translate:0 4px}to{opacity:1;translate:0}}@keyframes keycap-try-gone{to{opacity:0}}@keyframes keycap-glow-gone{to{box-shadow:0 18px 30px -14px #00000059}}.keycaps .keycap-go{animation:3.2s ease-in-out 4s keycap-breathe,1ms forwards paused keycap-glow-gone}.keycap-try{animation:keycap-try-in var(--dur-rise) var(--ease-rise) 4s forwards, keycap-try-gone 1ms forwards paused}.stage:has(#shelf-open:checked) .keycaps .keycap-go,.stage:has(#shelf-open:checked) .keycap-try{animation-play-state:running,running}}.stage-shelf{visibility:hidden;opacity:0;place-self:stretch stretch;min-inline-size:0;translate:0 3rem}.stage:has(#shelf-open:checked) .stage-shelf{visibility:visible;opacity:1;translate:0}.stage:has(#shelf-open:checked) .keycaps kbd{border-bottom-width:2.5px;translate:0 1.5px}@media (prefers-reduced-motion:no-preference){.stage-shelf{transition:visibility 0s linear var(--dur-settle), opacity var(--dur-rise) var(--ease-rise), translate var(--dur-settle) var(--ease-settle)}.stage:has(#shelf-open:checked) .stage-shelf{transition-delay:0s}.keycaps kbd{transition:translate var(--dur-quick) ease-out, border-bottom-width var(--dur-quick) ease-out}}@media (prefers-reduced-motion:reduce){.keycap-try{display:none}.stage-shelf{visibility:visible;opacity:1;translate:0}}.does-not{gap:.625rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.does-not li{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:1rem 1.25rem}@media (width>=48rem){.limits{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);align-items:start;gap:2rem 3rem;display:grid}.does-not{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}}.thread{block-size:auto;max-block-size:4.5rem;inline-size:100%;margin:0 0 -.5rem;display:block;overflow:visible}.thread path{fill:none;stroke:var(--accent);stroke-width:4px;stroke-linecap:round;stroke-dasharray:1}@media (prefers-reduced-motion:no-preference){@keyframes draw-thread{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@supports (animation-timeline:view()){.thread path{animation-name:draw-thread;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:entry 10% cover 55%}}}.film video{background:var(--card-bg);border-radius:20px;block-size:auto;inline-size:100%;max-inline-size:72.5rem;margin:1.5rem auto 0;display:block;box-shadow:0 24px 48px -24px #0006}.film video p{padding:1rem}.film-text{max-inline-size:72.5rem;margin:.75rem auto 0;font-size:.9375rem}.film-text summary{cursor:pointer;font-weight:600}.film-text ol{color:var(--muted);margin:.5rem 0 0;padding-inline-start:1.25rem}.film-credit{max-inline-size:72.5rem;color:var(--muted);margin:.75rem auto 0;font-size:.875rem}.film .film-dark{display:none}@media (prefers-color-scheme:dark){.film .film-light{display:none}.film .film-dark{display:block}}.sc-thumb{flex:1;min-height:3rem;margin-top:.375rem;display:block;position:relative}.sc-thumb svg{block-size:auto;max-block-size:4.25rem;inline-size:100%;display:block}.sc-badge{background:var(--card-bg);box-shadow:inset 0 0 0 .75px var(--line);color:var(--text);border-radius:999px;padding:.0625rem .4375rem;font-size:.75rem;font-weight:600;position:absolute;inset-block-end:.3125rem;inset-inline-end:.3125rem}.sc-name{color:var(--muted);overflow-wrap:anywhere;margin-top:.1875rem;font:.75rem/1.125rem ui-monospace,SF Mono,Menlo,monospace}.sc-video-bg{fill:color-mix(in srgb, var(--accent) 38%, var(--code-bg))}.sc-play{fill:var(--card-bg)}.sc-play-tri{fill:var(--accent)}.gif-leaf{transform-origin:72px 50px;transform-box:view-box}.sc-emoji{flex:1;place-items:center;min-height:3rem;margin-top:.25rem;display:grid}.sc-emoji svg{block-size:3.5rem;inline-size:3.5rem}.emoji-face{fill:color-mix(in srgb, var(--accent) 22%, var(--card-bg));stroke:var(--line-strong);stroke-width:1.5px}.emoji-leaf{fill:var(--accent)}.emoji-eye{fill:var(--text)}.emoji-mouth{stroke:var(--text);stroke-width:3px}.page-sheet{fill:var(--card-bg);stroke:var(--line-strong);stroke-width:1.5px}.page-fold{fill:var(--code-bg);stroke:var(--line-strong);stroke-width:1.5px}.page-lines{stroke:var(--muted);stroke-width:3px}.sc-file{flex:1;place-items:center;min-height:3rem;margin-top:.25rem;display:grid}.sc-file svg{block-size:2.5rem;inline-size:2.5rem;color:var(--muted)}.sc-snippet{display:block}.sc-field{background:color-mix(in srgb, var(--accent) 18%, transparent);box-shadow:inset 0 0 0 .75px color-mix(in srgb, var(--accent) 45%, transparent);color:var(--text);border-radius:6px;padding:0 .375rem;font-weight:600;display:inline-block}@media (prefers-reduced-motion:no-preference){.sc:is(:hover,:has(input:checked)) .gif-leaf{animation:1.4s ease-in-out infinite gif-stir}@keyframes gif-stir{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)translateY(-2px)}}}@media print{.gif-leaf{animation:none}}.snips{gap:.625rem;margin-top:1rem;display:grid}.snip{border:1px solid var(--line);background:var(--card-bg);border-radius:14px;gap:.25rem;margin:0;padding:.75rem .875rem;font-size:.875rem;line-height:1.4;display:grid}.snip b{letter-spacing:.02em;color:var(--muted);font-size:.75rem}.snip--asks code{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--text)}@media (width<=47.9375rem){.hero .lead{margin-top:1.25rem;font-size:1.0625rem}.hero .actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;margin-top:1.5rem;display:grid}.hero .actions .button{text-align:center;justify-content:center;font-size:.9375rem}.hero .actions .button:not(.button--outline),.hero .actions .button--outline:last-child:nth-child(odd){grid-column:1/-1}.trust{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.25rem;display:flex}.trust span+span:before{content:none}.trust span{border:1px solid var(--line);border-radius:999px;padding:.3125rem .75rem;font-size:.8125rem}.stage{border:1px solid var(--line);background:var(--panel);border-radius:24px;margin-top:2rem;padding:1.5rem .75rem 1.25rem}.stage .themes-chips{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;max-inline-size:100%;margin-block:.875rem -.375rem;padding:.375rem .5rem;scroll-padding-inline:.5rem;overflow-x:auto;mask-image:linear-gradient(90deg,#000 calc(100% - 1.5rem),#0000)}.stage .theme-chip{flex:none}.stage .themes-note{text-align:center;font-size:.8125rem}.stage-shelf{max-block-size:0;overflow:hidden}.stage:has(#shelf-open:checked) .stage-shelf{max-block-size:80rem;overflow:visible}.speed{border:1px solid var(--line);background:var(--panel);border-radius:22px;margin-top:2rem;display:block;overflow:hidden}.speed li{background:0 0;border:0;border-radius:0;padding:.875rem 1.125rem}.speed li+li{border-top:1px solid var(--line)}}@media (width<=47.9375rem) and (prefers-reduced-motion:no-preference){.stage-shelf{transition:visibility 0s linear var(--dur-settle), opacity var(--dur-rise) var(--ease-rise), translate var(--dur-settle) var(--ease-settle), max-block-size var(--dur-settle) var(--ease-rise)}.stage:has(#shelf-open:checked) .stage-shelf{transition-delay:0s}}@media (width<=47.9375rem) and (prefers-reduced-motion:reduce){.stage-shelf{max-block-size:none}}@media (hover:none) and (pointer:coarse){.keycaps{pointer-events:none}.keycaps .keycap-go{animation:none}.keycap-try{display:none}.stage-shelf,.stage:has(#shelf-open:checked) .stage-shelf{visibility:visible;opacity:1;max-block-size:none;overflow:visible;translate:0}}
