@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--border-hairline:1px;--color-bg:oklch(100% 0 0);--color-ink:oklch(0% 0 0/.9);--color-muted:oklch(0% 0 0/.6);--color-stroke:oklch(0% 0 0/.45);--color-border:oklch(0% 0 0/.1);--color-fill:oklch(0% 0 0/.04);--color-on-ink:oklch(100% 0 0);--overlay-hover:.06;--overlay-press:.12;--overlay-progress:.2;--overlay-progress-end:.12;--color-paid:oklch(32% .03 160);--color-fail:oklch(40% .08 28);--elevation-raised:0 0 0 1px oklch(0% 0 0/.05), 0 1px 3px oklch(0% 0 0/.05), 0 8px 24px -4px oklch(0% 0 0/.06);--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1)}@media only screen and (min-device-pixel-ratio:2),only screen and (resolution>=192dpi){:root{--border-hairline:.5px}}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-synthesis:none;background:var(--color-bg);color:var(--color-ink);margin:0;font-family:Geist Variable,ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.5}::selection{background:oklch(0% 0 0/.12)}body:before{content:"";z-index:-1;opacity:.06;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)'/%3E%3C/svg%3E");position:fixed;inset:0}@layer signet{._signet_1qug7_3{flex-direction:column;align-items:stretch;display:flex;position:relative}._button_1qug7_10{isolation:isolate;border-radius:var(--signet-radius,12px);min-height:44px;padding:var(--space-md) var(--space-lg);font:inherit;font-size:1rem;font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;color:var(--signet-fg,var(--color-on-ink));background:var(--signet-bg,var(--color-ink));cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;will-change:transform;border:none;position:relative;overflow:hidden}._button_1qug7_10:before{content:"";z-index:0;background:var(--signet-paid,var(--color-paid));opacity:0;pointer-events:none;transition:opacity .2s var(--ease-out);position:absolute;inset:0}._button_1qug7_10:after{content:"";z-index:3;opacity:0;pointer-events:none;transition:opacity .15s var(--ease-out);background:oklch(100% 0 0);position:absolute;inset:0}@media (hover:hover) and (pointer:fine){._button_1qug7_10:hover:not(:disabled):not([aria-disabled=true]):not(._processing_1qug7_56):after{opacity:var(--overlay-hover)}}._button_1qug7_10:active:not(:disabled):not([aria-disabled=true]):not(._processing_1qug7_56):not(._paid_1qug7_61):after{opacity:var(--overlay-press)}._button_1qug7_10:focus-visible{outline:3px solid var(--signet-focus,var(--color-ink));outline-offset:3px}._button_1qug7_10:disabled,._button_1qug7_10[aria-disabled=true],._button_1qug7_10._processing_1qug7_56{cursor:default}._button_1qug7_10._paid_1qug7_61:before{opacity:1}._button_1qug7_10._failed_1qug7_83:before{background:var(--signet-fail,var(--color-fail));opacity:1}._fill_1qug7_88{z-index:1;opacity:var(--signet-fill-opacity,var(--overlay-progress));transform-origin:0;will-change:transform;pointer-events:none;transition:opacity .2s var(--ease-out);background:oklch(100% 0 0);position:absolute;inset:0;transform:scaleX(0)}._paid_1qug7_61 ._fill_1qug7_88,._failed_1qug7_83 ._fill_1qug7_88{opacity:var(--overlay-progress-end)}._sheen_1qug7_111{z-index:2;pointer-events:none;opacity:0;transition:opacity .2s var(--ease-out);background:linear-gradient(105deg,#0000 0% 36%,oklch(100% 0 0/.18) 50%,#0000 64% 100%);animation:1.45s linear infinite paused _sheen_1qug7_111;position:absolute;inset:0;transform:translate(-100%)}._processing_1qug7_56 ._sheen_1qug7_111{opacity:1;animation-play-state:running}._glint_1qug7_138{z-index:3;pointer-events:none;opacity:0;background:oklch(100% 0 0);position:absolute;inset:0}._flash_1qug7_147 ._glint_1qug7_138{animation:_flash_1qug7_147 .2s var(--ease-out)}._label_1qug7_151{z-index:4;white-space:nowrap;justify-content:center;align-items:center;line-height:1.25rem;display:flex;position:relative;overflow:hidden}._label_1qug7_151 svg{flex:none}._face_1qug7_167{justify-content:center;align-items:center;gap:var(--space-sm);display:inline-flex}._face_1qug7_167[data-swap]{animation:_face-in_1qug7_1 .2s var(--ease-out) both}._faceLeave_1qug7_180{pointer-events:none;width:100%;animation:_face-out_1qug7_1 .15s var(--ease-out) forwards;display:flex;position:absolute;inset:0}@keyframes _face-in_1qug7_1{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes _face-out_1qug7_1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-2px)}}._ring_1qug7_213{transform:rotate(-90deg)}._ringTrack_1qug7_217{fill:none;stroke:var(--signet-track,oklch(100% 0 0/.25));stroke-width:2.5px}._ringArc_1qug7_223{fill:none;stroke:var(--signet-fg,var(--color-on-ink));stroke-width:2.5px;stroke-linecap:round}._check_1qug7_230{fill:none;stroke:var(--signet-fg,var(--color-on-ink));stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;margin-inline-start:1px}@keyframes _flash_1qug7_147{0%{opacity:.42}to{opacity:0}}@keyframes _sheen_1qug7_111{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){._button_1qug7_10:before,._button_1qug7_10:after,._fill_1qug7_88,._sheen_1qug7_111,._hint_1qug7_263{transition:none}._face_1qug7_167[data-swap],._faceLeave_1qug7_180,._flash_1qug7_147 ._glint_1qug7_138{animation:none}._sheen_1qug7_111,._processing_1qug7_56 ._sheen_1qug7_111{animation:none;transform:none}._processing_1qug7_56 ._sheen_1qug7_111{opacity:.14;background:oklch(100% 0 0/.1)}}._hint_1qug7_263{top:calc(100% + var(--space-xs));text-align:center;color:var(--color-muted);opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .15s var(--ease-out), transform .15s var(--ease-out);margin:0;font-size:.85rem;position:absolute;left:0;right:0;transform:translateY(-2px)}._hint_1qug7_263[data-visible]{opacity:1;transform:translateY(0)}._status_1qug7_311{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}._page_zm0np_1{max-width:38rem;min-height:100dvh;padding-top:max(var(--space-3xl), env(safe-area-inset-top));padding-bottom:max(var(--space-xl), env(safe-area-inset-bottom));padding-left:max(var(--space-md), env(safe-area-inset-left));padding-right:max(var(--space-md), env(safe-area-inset-right));gap:var(--space-xl);flex-direction:column;margin:0 auto;display:flex}._header_zm0np_14{align-items:center;gap:var(--space-sm);text-align:center;flex-direction:column;display:flex}._footer_zm0np_22{justify-content:center;display:flex}._githubLink_zm0np_27{align-items:center;gap:var(--space-xs);color:var(--color-muted);text-underline-position:from-font;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;transition:color .15s var(--ease-out);touch-action:manipulation;font-size:.9rem;text-decoration:none;text-decoration-thickness:from-font;display:inline-flex;position:relative}._githubLink_zm0np_27:before{content:"";width:100%;min-width:44px;height:44px;position:absolute;top:50%;left:0;transform:translateY(-50%)}@media (hover:hover) and (pointer:fine){._githubLink_zm0np_27:hover{color:var(--color-ink);text-decoration:underline}}._githubLink_zm0np_27:focus-visible{outline:3px solid var(--color-ink);outline-offset:3px}._githubIcon_zm0np_66{fill:currentColor;pointer-events:none;width:1.125rem;height:1.125rem}._title_zm0np_73{font-size:2rem;font-weight:var(--font-weight-bold);letter-spacing:-.02em;text-wrap:balance;margin:0;line-height:1.1}._tagline_zm0np_82{color:var(--color-muted);text-wrap:pretty;margin:0;line-height:1.5}._card_zm0np_89{gap:var(--space-lg);padding:var(--space-lg);padding-bottom:var(--space-xl);background:var(--color-bg);box-shadow:var(--elevation-raised);border-radius:16px;flex-direction:column;display:flex}._lines_zm0np_101{gap:var(--space-sm);flex-direction:column;display:flex}._item_zm0np_107{justify-content:space-between;align-items:baseline;gap:var(--space-md);display:flex}._itemPrice_zm0np_114{font-variant-numeric:tabular-nums;color:var(--color-muted)}._total_zm0np_119{justify-content:space-between;align-items:baseline;gap:var(--space-md);padding-top:var(--space-sm);border-top:var(--border-hairline) solid var(--color-border);font-weight:var(--font-weight-semibold);display:flex}._totalPrice_zm0np_129{font-variant-numeric:tabular-nums}._payment_zm0np_133{align-items:center;gap:var(--space-sm);font-size:.9rem;display:flex}._cardIcon_zm0np_140{pointer-events:none;-webkit-user-select:none;user-select:none;flex:none}._cardIcon_zm0np_140 rect{fill:none;stroke:var(--color-stroke)}._cardIcon_zm0np_140 circle{fill:var(--color-muted)}._cardIcon_zm0np_140 circle:last-of-type{fill:var(--color-stroke)}._paymentSaved_zm0np_159{padding:2px var(--space-sm);letter-spacing:.02em;color:var(--color-muted);border:var(--border-hairline) solid var(--color-border);border-radius:999px;margin-left:auto;font-size:.75rem}._controls_zm0np_169{justify-items:start;gap:var(--space-md);display:grid}._controlGroup_zm0np_175{align-items:flex-end;gap:var(--space-md);flex-wrap:wrap;display:flex}._modes_zm0np_182{border:none;margin:0;padding:0}._modesLegend_zm0np_188{margin-bottom:var(--space-xs);letter-spacing:.01em;color:var(--color-muted);padding:0;font-size:.8rem}._switcher_zm0np_196{--switcher-inset:3px;--switcher-cols:3;isolation:isolate;grid-template-columns:repeat(var(--switcher-cols), minmax(44px, 1fr));padding:var(--switcher-inset);background:var(--color-fill);-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:10px;display:grid;position:relative}._thumb_zm0np_210{z-index:0;top:var(--switcher-inset);bottom:var(--switcher-inset);left:var(--switcher-inset);width:calc((100% - 2 * var(--switcher-inset)) / var(--switcher-cols));background:var(--color-bg);pointer-events:none;will-change:transform;border-radius:7px;position:absolute;box-shadow:0 1px 2px oklch(0% 0 0/.1),0 0 0 1px oklch(0% 0 0/.04)}._modeOption_zm0np_227{z-index:1;cursor:pointer;min-width:0;display:flex;position:relative}._modeInput_zm0np_235{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}._modeLabel_zm0np_244{width:100%;min-height:44px;font-size:.8rem;font-weight:var(--font-weight-medium);letter-spacing:.01em;color:var(--color-muted);transition:color .15s var(--ease-out);border-radius:7px;justify-content:center;align-items:center;padding:.25rem .75rem;display:flex}@media (hover:hover) and (pointer:fine){._modeOption_zm0np_227:hover ._modeLabel_zm0np_244{color:var(--color-ink)}}._modeOption_zm0np_227:has(:checked) ._modeLabel_zm0np_244{color:var(--color-ink)}._modeInput_zm0np_235:focus-visible+._modeLabel_zm0np_244{outline:3px solid var(--color-ink);outline-offset:2px}._reset_zm0np_275{isolation:isolate;border:1px solid var(--color-stroke);min-width:44px;min-height:44px;padding:0 var(--space-md);font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;transition:opacity .15s var(--ease-out), scale .15s var(--ease-out);background:0 0;border-radius:8px;justify-content:center;align-items:center;font-size:.9rem;display:inline-flex;position:relative}._reset_zm0np_275:before{content:"";z-index:-1;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .15s var(--ease-out);background:oklch(0% 0 0);position:absolute;inset:0}@media (hover:hover) and (pointer:fine){._reset_zm0np_275:hover:not(:disabled):before{opacity:.04}}._reset_zm0np_275:active:not(:disabled){scale:.96}._reset_zm0np_275:active:not(:disabled):before{opacity:.1}._reset_zm0np_275:disabled{opacity:.4;cursor:default}._reset_zm0np_275:focus-visible{outline:3px solid var(--color-ink);outline-offset:3px}@media (prefers-reduced-motion:reduce){._modeLabel_zm0np_244,._reset_zm0np_275,._reset_zm0np_275:before,._githubLink_zm0np_27{transition:none}._reset_zm0np_275:active:not(:disabled){scale:1}}._header_zm0np_14,._card_zm0np_89,._controls_zm0np_169,._footer_zm0np_22{width:100%;max-width:24rem;margin-inline:auto}._writeup_zm0np_356{gap:var(--space-xl);margin-top:var(--space-md);padding-top:var(--space-xl);border-top:var(--border-hairline) solid var(--color-border);display:grid}._writeup_zm0np_356 h2{margin:0 0 var(--space-sm);font-size:1rem;font-weight:var(--font-weight-semibold);text-wrap:balance;line-height:1.5}._writeup_zm0np_356 p{color:var(--color-muted);text-wrap:pretty;margin:0;font-size:1rem;line-height:1.65}._writeup_zm0np_356 p+p{margin-top:var(--space-md)}@media (width<=30rem){._page_zm0np_1{padding-top:max(var(--space-xl), env(safe-area-inset-top))}}