@layer reset{html,:host{--font-fallback:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;tab-size:4;line-height:1.5;font-family:var(--global-font-body,var(--font-fallback));-webkit-tap-highlight-color:transparent}*,:before,:after,::backdrop{box-sizing:border-box;border-style:solid;border-width:0;border-color:var(--global-color-border,currentcolor);margin:0;padding:0}::file-selector-button{box-sizing:border-box;border-style:solid;border-width:0;border-color:var(--global-color-border,currentcolor);margin:0;padding:0}hr{height:0;color:inherit;border-top-width:1px}body{height:100%;line-height:inherit}img{border-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;text-wrap:balance}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ol,ul,menu{list-style:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:0 0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:0 0}::placeholder{opacity:1;--placeholder-fallback:#00000080;color:var(--global-color-placeholder,var(--placeholder-fallback))}::selection{background-color:var(--global-color-selection,#0073ff4d)}textarea{resize:vertical}table{text-indent:0;border-color:inherit;border-collapse:collapse}summary{display:list-item}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}dialog{padding:0}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{--font-mono-fallback:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New";font-family:var(--global-font-mono,var(--font-mono-fallback));font-feature-settings:normal;font-variation-settings:normal;font-size:1em}progress{vertical-align:baseline}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-search-cancel-button{-webkit-appearance:none}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}:-moz-ui-invalid{box-shadow:none}:-moz-focusring{outline:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{--placeholder-fallback:color-mix(in oklab, currentcolor 50%, transparent)}}}@layer base{body{background:var(--colors-night);color:var(--colors-text);font-family:var(--fonts-body);word-break:keep-all;overflow-wrap:break-word}body:has([data-palette=field]){background:var(--colors-field-bg)}[data-palette=field] :focus-visible{outline-color:var(--colors-field-focus)}body:has([data-ground]){background:var(--colors-shelf)}body:has([data-paint]){background:var(--colors-cyan)}:focus-visible{outline-width:var(--border-widths-ring);outline-style:solid;outline-color:var(--colors-sky);outline-offset:var(--spacing-1)}::view-transition-old(root){animation-name:screenOut;animation-duration:var(--durations-fast);animation-timing-function:var(--easings-stamp);animation-fill-mode:both}::view-transition-new(root){animation-name:screenIn;animation-duration:var(--durations-base);animation-timing-function:var(--easings-out);animation-fill-mode:both}@supports (word-break:auto-phrase){body{word-break:auto-phrase}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}[data-quick]{transition-property:translate,scale,opacity!important;transition-duration:var(--durations-instant)!important;transition-timing-function:var(--easings-out)!important}}@property --mask-composite{syntax:"*";inherits:false;initial-value:intersect}@property --mask-composite-webkit{syntax:"*";inherits:false;initial-value:source-in}@property --scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@font-face{font-family:Inter;src:url(/fonts/inter-bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Oswald;src:url(/fonts/oswald.woff2)format("woff2");font-weight:200 700;font-display:swap}@font-face{font-family:Dela Gothic One;src:url(/fonts/dela.woff2)format("woff2");font-display:swap}@font-face{font-family:Yusei Magic;src:url(/fonts/yusei.woff2)format("woff2");font-display:swap}@font-face{font-family:"M PLUS Rounded 1c";src:url(/fonts/rounded-medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:"M PLUS Rounded 1c";src:url(/fonts/rounded-bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:"M PLUS Rounded 1c";src:url(/fonts/rounded-extrabold.woff2)format("woff2");font-weight:800;font-display:swap}}@layer tokens{:where(:root,:host){--colors-night:#0b0b0d;--colors-text:#f7f7f2;--colors-shelf:#120c09;--colors-sky:#2050b9;--colors-ink:#121212;--colors-cyan:#33d0ff;--colors-field-bg:#f6f7f2;--colors-field-focus:#1e7a4b;--colors-paint-cyan:#2fc7f0;--fonts-body:system-ui, -apple-system, "Hiragino Sans", "Noto Sans JP", sans-serif;--font-sizes-sm:14px;--font-sizes-md:16px;--font-sizes-lg:20px;--font-sizes-xl:28px;--font-weights-black:900;--line-heights-tight:1.1;--line-heights-body:1.6;--sizes-content:480px;--sizes-screen:100dvh;--shadows-hud:0 2px 6px #000000d9;--spacing-1:4px;--spacing-2:8px;--spacing-4:16px;--spacing-6:24px;--durations-instant:80ms;--durations-fast:.26s;--durations-base:.42s;--easings-out:cubic-bezier(.22,1,.36,1);--easings-stamp:cubic-bezier(.55,0,.9,.4);--border-widths-ring:3px}@supports not (height:1svh){:where(:root,:host){--sizes-screen:100vh}}@keyframes zukanPhotoIn{0%{opacity:0;transform:scale(.2)rotate(-12deg)}55%{opacity:1}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes zukanShout{0%{opacity:0;transform:scale(.2)}14%{opacity:1;transform:scale(1.16)}22%{transform:scale(.97)}28%,80%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(-34px)scale(.82)}}@keyframes zukanFlash{0%{opacity:0}10%{opacity:.75}to{opacity:0}}@keyframes zukanRise{0%{transform:translateY(103%)}to{transform:translateY(0)}}@keyframes zukanFall{0%{transform:translateY(0)}to{transform:translateY(105%)}}@keyframes zukanDrop{0%{opacity:0;transform:scale(1)}2%{opacity:1;transform:scale(1)}32%{opacity:1;transform:scale(.9)}68%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes zukanNum{0%{opacity:0;transform:scale(1.7)}to{opacity:1;transform:scale(1)}}@keyframes zukanToast{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes zukanCta{0%{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}@keyframes zukanFadeIn{0%{opacity:0}to{opacity:1}}@keyframes zukanFaceOut{to{opacity:0;transform:scale(.9)}}@keyframes zukanFuwa{0%{opacity:0;filter:blur(5px);transform:translateY(9px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes zukanGlow{0%{opacity:0;transform:scale(.75)}25%{opacity:1}to{opacity:0;transform:scale(1.22)}}@keyframes zukanSpark{0%{opacity:0;transform:translate(var(--fx), var(--fy)) scale(.6)}20%,80%{opacity:1}to{opacity:0;transform:translate(0)scale(1.3)}}@keyframes zukanPop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes zukanAsk{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:none}}@keyframes zukanSheen{0%,45%{left:-70%}80%,to{left:130%}}@keyframes zukanSheenWide{0%,40%{left:-80%}75%,to{left:150%}}@keyframes zukanTwinkle{0%,52%,to{transform:scale(0)rotate(0)}70%{transform:scale(1.25)rotate(45deg)}88%{transform:scale(0)rotate(90deg)}}@keyframes zukanGlowGold{0%,45%,to{box-shadow:0 1px 3px #00000047,0 0 #ffd66e00}68%{box-shadow:0 1px 3px #00000047,0 0 9px 3px #ffd66ef2}}@keyframes zukanGlowRainbow{0%,to{box-shadow:0 1px 3px #00000047,0 0 7px 2px #ffa0dccc}33%{box-shadow:0 1px 3px #00000047,0 0 9px 3px #96dcffe6}66%{box-shadow:0 1px 3px #00000047,0 0 9px 3px #c8ff96d9}}@keyframes zukanFlow{0%{background-position:0 0}to{background-position:150% 0}}@keyframes zukanFoil{0%{background-position:0 0}to{background-position:100% 100%}}@keyframes ldPeek{0%{animation-timing-function:cubic-bezier(.2,.9,.3,1.3);translate:0 100%;rotate:0deg}8%{translate:0 34%;rotate:var(--tilt)}12%{translate:0 40%}17%{rotate:calc(var(--tilt) * -.6)}22%{translate:0 40%;rotate:var(--tilt);animation-timing-function:ease-in}28%,to{translate:0 100%;rotate:0deg}}@keyframes ldBump{0%,14%,to{translate:0}5%{translate:0 3px}}@keyframes pop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes stamp{0%{opacity:0;transform:scale(2.6)}to{opacity:1;transform:scale(1)}}@keyframes cardLift{to{box-shadow:0 0 0 2.5px var(--colors-ink), 3px 5px 0 2.5px var(--colors-ink), 0 28px 40px #0009;translate:0 24px;rotate:0deg;scale:1.04}}@keyframes cardShine{0%{opacity:1;translate:-120%}to{opacity:1;translate:120%}}@keyframes sinkAway{to{opacity:0;translate:0 24px}}@keyframes fadeAway{to{opacity:0}}@keyframes nameSettle{to{translate:0 9px}}@keyframes pulse{0%,to{scale:1}50%{scale:1.06}}@keyframes spin{to{rotate:360deg}}@keyframes inkFlash{0%,5%{opacity:0}6.7%,60%{opacity:.25}75%,to{opacity:0}}@keyframes inkSplat{0%,5%{opacity:0;transform:scale(.2)}5.1%{opacity:1}8.7%{transform:scale(1.15)}10.9%{transform:scale(1)}21.7%{opacity:1;transform:scale(1.04)}31.7%,to{opacity:0;transform:scale(1.08)}}@keyframes inkArcsBox{0%,5%{opacity:0}5.1%,42%{opacity:1}44%,to{opacity:0}}@keyframes inkArc{0%,5%{opacity:0;transform:rotate(0)scale(.75)}5.1%{opacity:1;transform:rotate(0)scale(.75)}21.7%{transform:rotate(calc(var(--spin) * .7)) scale(calc(var(--s) * .8));opacity:1}37.7%,to{transform:rotate(var(--spin)) scale(var(--s));opacity:0}}@keyframes inkDrop{0%,11.7%{transform:rotate(var(--a)) translateY(-70px) scaleY(.4);opacity:0}11.8%{opacity:1}25.7%{transform:rotate(var(--a)) translateY(-170px) scaleY(1);opacity:.9}35.7%,to{transform:rotate(var(--a)) translateY(-200px) scaleY(.5);opacity:0}}@keyframes inkText{0%,5%{opacity:0;transform:rotate(-4deg)scale(.4)}8.7%{opacity:1;transform:rotate(-4deg)scale(1.12)}11.7%,88%{opacity:1;transform:rotate(-4deg)scale(1)}96%,to{opacity:0;transform:rotate(-4deg)scale(1.04)}}@keyframes hue{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}@keyframes pan{0%{opacity:1;scale:.3}to{opacity:0;border-width:1px;scale:6}}@keyframes conf{0%{opacity:0;transform:translate(-50%,-50%)rotate(0)scale(.3)}6%{opacity:1}28%{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) rotate(var(--r)) scale(1);opacity:1}70%{opacity:1}to{transform:translate(calc(-50% + var(--dx) * 1.1), calc(-50% + var(--dy) + 70px)) rotate(calc(var(--r) + 220deg)) scale(.7);opacity:0}}@keyframes rise{0%{transform:translateY(105%)}to{transform:translateY(0)}}@keyframes sheetItem{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes menuPop{0%{opacity:0;transform:scale(.35)}45%{opacity:1}to{transform:scale(1)}}@keyframes menuItem{0%{opacity:0;transform:translateY(10px)scale(.92)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}}@keyframes fromRight{0%{transform:translate(105%)}to{transform:translate(0)}}@keyframes screenOut{0%{opacity:1;transform:none}to{opacity:0;transform:scale(.94)rotate(-1deg)}}@keyframes screenIn{0%{opacity:0;transform:translateY(6%)scale(1.04)}to{opacity:1;transform:none}}@keyframes dotFlow{to{background-position:21px 14px}}@keyframes snowFall{0%{transform:translate(0)rotate(0)}50%{transform:translate(var(--sway), 370px) rotate(calc(var(--spin) / 2))}to{transform:translate(0, 740px) rotate(var(--spin))}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}}@keyframes dotBlink{0%,20%{opacity:.2}40%,to{opacity:1}}@keyframes rowIn{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:none}}@keyframes slideFromRight{0%{opacity:0;transform:translate(48px)}to{opacity:1;transform:none}}@keyframes slideFromLeft{0%{opacity:0;transform:translate(-48px)}to{opacity:1;transform:none}}@keyframes checkPop{0%{opacity:0;transform:scale(0)rotate(-40deg)}60%{opacity:1;transform:scale(1.25)rotate(8deg)}to{opacity:1;transform:none}}@keyframes peekUp{0%{opacity:0;translate:0 70%}30%{opacity:1}to{opacity:1;translate:0}}@keyframes hop{0%,to{translate:0;scale:1}12%{translate:0;scale:1.06 .94}40%{translate:0 -14%;scale:.97 1.03}70%{translate:0;scale:1.04 .96}85%{translate:0;scale:1}}@keyframes peekIn{0%{translate:var(--from);scale:.8}62%{translate:0;scale:1.08}82%{scale:.97}to{translate:0;scale:1}}@keyframes peekOut{0%{opacity:1;translate:0}to{translate:var(--from);opacity:0}}@keyframes peekSway{0%,to{rotate:var(--rot)}50%{rotate:calc(var(--rot) + var(--swing))}}@keyframes goJump{0%{translate:0 110%;scale:.9 1.1}45%{translate:0 -16%;scale:.94 1.08}70%{translate:0;scale:1.1 .9}86%{translate:0 -3%;scale:.98 1.03}to{translate:0;scale:1}}@keyframes countStamp{0%{opacity:0;scale:2.2}55%{opacity:1;scale:.92}75%{scale:1.05}to{opacity:1;scale:1}}@keyframes sweep{0%{stroke-dashoffset:0}to{stroke-dashoffset:100px}}@keyframes knock{0%,to{translate:0}30%{translate:0 5px}60%{translate:0 -2px}}@keyframes flash{0%{opacity:.75}to{opacity:0}}@keyframes tapeStamp{0%{opacity:0;scale:2.4}55%{opacity:1;scale:.94}to{opacity:1;scale:1}}@keyframes ringBurst{0%{opacity:1;scale:1}to{opacity:0;scale:1.7}}@keyframes confettiFly{0%{opacity:1;translate:0;rotate:0deg;scale:.4}70%{opacity:1}to{translate:var(--x) var(--y);rotate:var(--turn);opacity:0;scale:1}}@keyframes sway{0%,to{rotate:-5deg}50%{rotate:6deg}}@keyframes dropIn{0%{opacity:0;translate:0 -60dvh;scale:.9 1.1}10%{opacity:1}62%{translate:0;scale:1}72%{translate:0;scale:1.12 .86}86%{translate:0 -6%;scale:.97 1.04}to{opacity:1;translate:0;scale:1}}@keyframes ripple{0%{opacity:.85;transform:scale(.7)}to{opacity:0;transform:scale(1.55)}}@keyframes waveBlink{0%,15%{opacity:.15}35%,70%{opacity:1}to{opacity:.15}}@keyframes stackUp{0%{opacity:0;transform:translateY(18px)scaleY(.4)}to{opacity:1;transform:none}}@keyframes litUp{0%{opacity:0;filter:brightness(1.6)}40%{opacity:1;filter:brightness(1.6)}to{opacity:1;filter:none}}@keyframes windowPeek{0%,8%,to{transform:translateY(0)}16%,34%{transform:translateY(var(--peek))}42%{transform:translateY(0)}}@keyframes dashFlow{to{stroke-dashoffset:-18px}}@keyframes burst{0%{opacity:1;transform:translate(0)rotate(0)scale(.4)}35%{transform:translate(var(--x), var(--y)) rotate(calc(var(--r) / 2)) scale(1);opacity:1}to{transform:translate(calc(var(--x) * 1.15), calc(var(--y) + 46dvh)) rotate(var(--r)) scale(.9);opacity:0}}}@layer recipes{@layer base{.heading{color:var(--colors-text);font-weight:var(--font-weights-black);line-height:var(--line-heights-tight);text-shadow:var(--shadows-hud)}.link{color:var(--colors-paint-cyan);text-decoration:underline}.list{gap:var(--spacing-2);list-style-type:revert;padding-left:var(--spacing-6);flex-direction:column;display:flex}.page{background:var(--colors-night);padding:var(--spacing-4);gap:var(--spacing-4);color:var(--colors-text);font-size:var(--font-sizes-md);line-height:var(--line-heights-body);max-width:var(--sizes-content);min-height:var(--sizes-screen);flex-direction:column;margin-inline:auto;display:flex}.nav{gap:var(--spacing-4);font-size:var(--font-sizes-sm);flex-wrap:wrap;display:flex}}@layer variants{.heading--level_1{font-size:var(--font-sizes-xl)}.heading--level_2{font-size:var(--font-sizes-lg)}}}@layer utilities{@media (width>=64rem){}}@layer recipes.base;@layer recipes.slots{@layer base{@media (width<=1023px) and (height<=500px){}@media (width>=600px) and (width<=1023px) and (height>=501px){}@media (width>=600px) and (width<=1023px),(width<=1023px) and (aspect-ratio>=1){}@media (width<=599px) and (aspect-ratio<=999/1000){}@media (width>=600px) and (width<=1023px),(width<=1023px) and (aspect-ratio>=1){}@media (width>=64rem){}}@layer variants{}}@layer recipes.variants,recipes.compound_variants,recipes.slots.base,recipes.slots.variants,recipes.slots.compound_variants;
