@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/fredoka-latin-ext-18a1723c.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/fredoka-latin-99d6c78e.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:200 900;font-display:swap;src:url(/fonts/nunito-sans-latin-ext-c648ee5b.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:200 900;font-display:swap;src:url(/fonts/nunito-sans-latin-29e38904.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mitr;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/mitr-thai-400-cfa97fbd.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Mitr;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/mitr-thai-500-6e141805.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Mitr;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/mitr-thai-600-478441dc.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/anuphan-thai-69662332.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}:root{--light-ink: #2b2037;--light-muted: #6d6177;--light-paper: #fffaf3;--light-white: #ffffff;--light-soft-line: #ebe2e8;--light-pink: #ffc9d8;--light-mint: #c9f1df;--light-sky: #d6ebff;--light-lilac: #ece9ff;--light-line: #2b2037;--light-shade: #2b2037;--light-link: var(--light-ink);--light-well: #f3eef2;--light-feature-card: #ffd75a;--light-feature-muted: #6d6177;--hop-cat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-7.8 -3 66 66'%3E%3Cg stroke='%232b2037' stroke-width='3' stroke-linejoin='round'%3E%3Cpath d='M0 24C0 14 4.7 1.6 8.6 1.6C11 1.6 15 7 16.5 9.4Q24.5 7 32.5 9.4C34 7 38 1.6 40.4 1.6C44.3 1.6 48 14 48 27C48 38 40 46 30 46H17V46.5A8.5 8.5 0 0 1 0 46.5Z' transform='translate(3 3) rotate(-7 25 30)' fill='%232b2037'/%3E%3Cpath d='M0 24C0 14 4.7 1.6 8.6 1.6C11 1.6 15 7 16.5 9.4Q24.5 7 32.5 9.4C34 7 38 1.6 40.4 1.6C44.3 1.6 48 14 48 27C48 38 40 46 30 46H17V46.5A8.5 8.5 0 0 1 0 46.5Z' transform='rotate(-7 25 30)' fill='%23ff6f61'/%3E%3C/g%3E%3Cg transform='rotate(-7 25 30)' fill='%232b2037'%3E%3Ccircle cx='19.5' cy='28.5' r='4'/%3E%3Ccircle cx='33.5' cy='28.5' r='4'/%3E%3Ccircle cx='20.9' cy='27.1' r='1.7' fill='%23fff'/%3E%3Ccircle cx='34.9' cy='27.1' r='1.7' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");--ink: var(--light-ink);--muted: var(--light-muted);--paper: var(--light-paper);--white: var(--light-white);--soft-line: var(--light-soft-line);--raised: var(--white);--raised-ink: var(--ink);--yellow: #ffd75a;--coral: #ff6f61;--pink: var(--light-pink);--mint: var(--light-mint);--done-mint: #c9f1df;--sky: var(--light-sky);--lilac: var(--light-lilac);--blue: var(--coral);--coral-dark: #f2584a;--red: #c83e3e;--line: var(--light-line);--shade: var(--light-shade);--on-accent: #2b2037;--on-color: #ffffff;--chip: #2b2037;--chip-text: #ffffff;--chip-edge: transparent;--link: var(--light-link);--well: var(--light-well);--danger-soft: #fff0ee;--red-text: #c83e3e;--shadow-color: #2b2037;--feature-card: var(--light-feature-card);--feature-muted: var(--light-feature-muted);--sticker-line: #2b2037;--sticker-shade: #2b2037;--studio-sky: #d6ebff;--studio-mint: #c9f1df;--nav-hover: #c9f1df;--play: #c9f1df;--sheen-light: 1;--shadow-sm: 2px 2px 0 var(--shade);--shadow: 3px 3px 0 var(--shade);--spring: cubic-bezier(.3, 1.2, .45, 1);--ease: cubic-bezier(.32, .72, 0, 1);--out: cubic-bezier(.16, 1, .3, 1);--topbar: calc(60px + env(safe-area-inset-top)) ;--squeeze-by: 14px;--squeeze-over: 120px;--space: 64px;--display: "Fredoka", "Mitr", "Arial Rounded MT Bold", "Noto Sans Thai", "Thonburi", sans-serif;--text: "Nunito Sans", "Anuphan", Arial, "Noto Sans Thai", "Thonburi", sans-serif;color:var(--ink);color-scheme:light dark;background:var(--paper);font-family:var(--text);font-synthesis:none}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--ink: #f1f3f9;--muted: #b8bfd3;--paper: #222838;--white: #2c3447;--raised: #343d53;--soft-line: #46506b;--yellow: #ffd666;--coral: #ff7d6e;--pink: #b8457f;--mint: #117a60;--done-mint: #8ce8c3;--sky: #3a62c8;--lilac: #5a4bc6;--red: #c83e3e;--red-text: #ff8f84;--line: #c9d0e2;--shade: #11151f;--chip: #eef1f8;--chip-text: #222838;--chip-edge: transparent;--link: var(--ink);--well: #39435a;--danger-soft: #4a2633;--shadow-color: #000000;--feature-card: #8a5f08;--feature-muted: #fff0c8;--sticker-line: #c9d0e2;--sticker-shade: #11151f;--studio-sky: #3e5788;--studio-mint: #4f9a7f;--sheen-light: 0;--nav-hover: rgb(201 208 226 / 14%);--play: #8ce8c3}}:root[data-theme=dark]{--ink: #f1f3f9;--muted: #b8bfd3;--paper: #222838;--white: #2c3447;--raised: #343d53;--soft-line: #46506b;--yellow: #ffd666;--coral: #ff7d6e;--pink: #b8457f;--mint: #117a60;--done-mint: #8ce8c3;--sky: #3a62c8;--lilac: #5a4bc6;--red: #c83e3e;--red-text: #ff8f84;--line: #c9d0e2;--shade: #11151f;--chip: #eef1f8;--chip-text: #222838;--chip-edge: transparent;--link: var(--ink);--well: #39435a;--danger-soft: #4a2633;--shadow-color: #000000;--feature-card: #8a5f08;--feature-muted: #fff0c8;--sticker-line: #c9d0e2;--sticker-shade: #11151f;--studio-sky: #3e5788;--studio-mint: #4f9a7f;--sheen-light: 0;--nav-hover: rgb(201 208 226 / 14%);--play: #8ce8c3}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}:root[data-only-light]{color-scheme:only light}.sticker,.step-art{--ink: var(--light-ink);--muted: var(--light-muted);--paper: var(--light-paper);--white: var(--light-white);--soft-line: var(--light-soft-line);--pink: var(--light-pink);--mint: var(--light-mint);--sky: var(--light-sky);--lilac: var(--light-lilac);--line: var(--sticker-line);--shade: var(--sticker-shade);--link: var(--light-link);--well: var(--light-well);--feature-card: var(--light-feature-card);--feature-muted: var(--light-feature-muted)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--topbar)}html.is-language-turning,html.is-language-turning body{overflow-anchor:none}html{background:linear-gradient(var(--paper) 50%,var(--well) 50%) no-repeat fixed,var(--paper)}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;touch-action:manipulation}button,input,select{font:inherit;color:inherit}a{color:inherit}button,a,input,summary,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}svg{flex:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:3px}:root:not(.keys-focus) :focus-visible{outline:none!important}dialog.sheet:focus{outline:none}[hidden]{display:none!important}h1,h2,h3{margin:0;font-family:var(--display);font-weight:700;letter-spacing:-.01em;line-height:1.15}main{display:block}.topbar{position:sticky;top:0;z-index:10;display:flex;height:var(--topbar);align-items:center;justify-content:space-between;gap:8px;padding:env(safe-area-inset-top) max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left));pointer-events:none}.topbar:before{position:absolute;inset:0;z-index:-1;content:"";background:color-mix(in srgb,var(--paper) 95%,transparent);pointer-events:auto;transform:translateY(calc(var(--squeeze-by) * -1 * var(--squeeze, 0)))}.topbar>*{pointer-events:auto;transform:translateY(calc(var(--squeeze-by) * -.5 * var(--squeeze, 0))) scale(calc(1 - .14 * var(--squeeze, 0)))}.topbar>.brand{transform-origin:left center}.topbar>:is(.topbar-actions,.topbar-mount){transform-origin:right center}@keyframes topbar-ground{0%{transform:none}to{transform:translateY(calc(var(--squeeze-by) * -1))}}@keyframes topbar-squeeze{0%{transform:none}to{transform:translateY(calc(var(--squeeze-by) * -.5)) scale(.86)}}@supports (animation-timeline: scroll()){@media (prefers-reduced-motion: no-preference){.topbar:before,.topbar>*{will-change:transform;animation:topbar-squeeze cubic-bezier(.333,0,.667,1) both;animation-timeline:scroll(root);animation-range:0 var(--squeeze-over)}.topbar:before{animation-name:topbar-ground}}}@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.topbar:before{background:color-mix(in srgb,var(--paper) 60%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.brand{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--ink);font-family:var(--display);font-size:21px;font-weight:700;letter-spacing:-.03em;text-decoration:none}.brand-mark{width:auto;height:36px;flex:none;overflow:visible;transform-origin:50% 90%;transition:transform .39s var(--spring)}:root{--pt-ink: #2b2037;--pt-edge: rgb(255 250 243 / 0)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--pt-edge: #fffaf3}}:root[data-theme=dark]{--pt-edge: #fffaf3}.brand-mark-edge{fill:var(--pt-edge);stroke:var(--pt-edge);stroke-width:7;stroke-linejoin:round}.brand-mark-shadow{fill:var(--pt-ink);stroke:var(--pt-ink);stroke-width:3;stroke-linejoin:round}.brand-mark-cat{fill:var(--coral);stroke:var(--pt-ink);stroke-width:3;stroke-linejoin:round}.brand-mark-eyes{fill:var(--pt-ink)}.brand-mark-eyes .brand-mark-glint{fill:#fff}.brand:active .brand-mark{transform:rotate(7deg) scale(1.08)}.topbar-actions{display:flex;align-items:center;gap:8px}.topbar.is-mounted{z-index:var(--topbar-z, 22)}.topbar.is-mounted :is(.topbar-nav,.topbar-actions){display:none}.topbar-mount{display:none;flex:1;min-width:0;align-items:center;justify-content:flex-end}.topbar.is-mounted .topbar-mount{display:flex}.topbar-mount>*{animation:mount-in .18s ease-out both}@keyframes mount-in{0%{opacity:0}}.topbar.is-mounted>.is-leaving,.topbar:not(.is-mounted)>.topbar-mount.is-leaving{display:flex;pointer-events:none}@media (prefers-reduced-motion: reduce){.topbar-mount>*{animation:none}}.round-button{position:relative;display:grid;width:42px;height:42px;place-items:center;padding:0;color:var(--raised-ink);background:var(--raised);border:2px solid var(--line);border-radius:50%;box-shadow:var(--shadow-sm);transition:transform .21s var(--ease),box-shadow .21s var(--ease)}.round-button:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--shade)}.round-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.quests-button[hidden]{display:none}.button-ring{position:absolute;inset:2px;width:calc(100% - 4px)!important;height:calc(100% - 4px)!important;rotate:-90deg;pointer-events:none}.button-ring circle{fill:none;stroke:currentColor;stroke-width:3.5!important}.button-ring-track{opacity:.18}.quests-ring-done{stroke-dasharray:var(--done, 0) calc(1 - var(--done, 0));transition:stroke-dasharray .6s var(--ease)}.quests-button:not(.is-started) .quests-ring{display:none}.quests-sheet .sheet-header h2{margin-right:auto}.quests-count{padding:2px 10px;color:var(--on-accent);background:var(--yellow);border-radius:999px;font-family:var(--display);font-size:15px}.quests-note{margin:0 0 12px;color:var(--muted)}.quests{display:grid;gap:10px;margin:0 0 16px;padding:0;list-style:none;counter-reset:quest}.quest{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--paper);border:2px solid var(--line);border-radius:16px;counter-increment:quest}.quest-mark{display:grid;width:32px;height:32px;flex:none;place-items:center;color:var(--ink);background:var(--white);border:2px solid var(--line);border-radius:50%;font-family:var(--display);font-size:15px}.quest-mark:before{content:counter(quest)}.quest.is-done .quest-mark{color:var(--on-accent);background:var(--done-mint)}.quest.is-done .quest-mark:before{content:"✓"}.quest-words{display:grid;flex:1;justify-items:start;gap:4px;min-width:0}.quest-title{font-size:15px;line-height:1.25}.quest.is-standing{background:transparent;border-style:dashed}.quest.is-standing .quest-mark:before{content:"↻"}.quest.is-final:not(.is-done) .quest-mark:before{content:"★"}.quest.is-done .quest-title{color:var(--muted);text-decoration:line-through}.quest-present{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.quest-icon{display:inline-flex}.quest-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.quest-present.is-common{color:var(--ink);background:var(--well)}.quest-present.is-voucher{color:var(--on-accent);background:var(--yellow)}.quest-present.is-epic{color:#fff;background:#8b5cf6}.quest-present.is-legendary{color:#fff;background:linear-gradient(90deg,#f59e0b,#ec4899,#8b5cf6)}.quest-rarities{display:inline-flex;gap:3px}.quest-rarities i{width:9px;height:9px;border:1.5px solid var(--line);border-radius:50%}.quest-rarities .is-common{background:var(--white)}.quest-rarities .is-rare{background:#3b82f6}.quest-rarities .is-epic{background:#8b5cf6}.quest-rarities .is-legendary{background:linear-gradient(135deg,#f59e0b,#ec4899)}.quest-bar{display:grid;flex:none;gap:3px;width:46px;color:var(--muted);font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;text-align:center}.quest-bar:after{content:"";height:8px;background:linear-gradient(90deg,var(--coral) calc(var(--done, 0) * 100%),var(--white) 0);border:1.5px solid var(--line);border-radius:999px}.quest-go{flex:none;min-height:36px;padding:6px 14px;color:var(--on-accent);background:var(--coral);border:2px solid var(--line);border-radius:999px;box-shadow:var(--shadow-sm);font-weight:800}.quest-done{flex:none;color:var(--muted);font-size:13px;font-weight:800}.quest-done.is-back{display:inline-flex;align-items:center;gap:3px}@media (max-width: 480px){.quest{gap:8px;padding:8px 10px;border-radius:14px}.quest-mark{width:28px;height:28px;font-size:13px}.quest-title{font-size:14px}.quest-go{min-height:32px;padding:4px 12px;font-size:14px}.quest-done{font-size:12px}}.quests-sign-in{width:100%}@media (max-width: 359px){.topbar:has(.quests-button:not([hidden])) .brand-name{display:none}}.language-toggle{position:relative;display:inline-grid;width:42px;height:42px;padding:0;place-items:center;color:var(--raised-ink);background:var(--raised);border:2px solid var(--line);border-radius:50%;box-shadow:var(--shadow-sm);font-size:14px;font-weight:800}.language-toggle:active{transform:translate(2px,2px);box-shadow:none}.language-toggle .language-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.flag{display:none;width:26px;height:26px;flex:none;overflow:hidden;border-radius:50%;box-shadow:0 0 0 1px color-mix(in srgb,var(--shadow-color) 18%,transparent)}.theme-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.theme-button .theme-sun,.theme-button[aria-pressed=true] .theme-moon{display:none}.theme-button[aria-pressed=true] .theme-sun{display:block}.theme-button.is-turning svg{animation:theme-turn .52s var(--spring)}@keyframes theme-turn{0%{opacity:0;transform:rotate(-90deg) scale(.5)}}html.is-theme-fading,html.is-theme-fading *,html.is-theme-fading *:before,html.is-theme-fading *:after{transition:none!important}@media (max-width: 374px){.topbar-actions{gap:6px}.brand-name{font-size:18px}}@media (max-width: 359px){.topbar{gap:6px;padding-right:max(10px,env(safe-area-inset-right));padding-left:max(10px,env(safe-area-inset-left))}.brand{gap:5px}.brand-name{font-size:16px}.brand-mark{height:32px}.topbar-actions{gap:5px}}main>section+section{margin-top:var(--space)}html:has(dialog.sheet[open]){overflow:hidden;overscroll-behavior:none;scrollbar-gutter:stable}html:has(dialog:modal){overflow:hidden;overscroll-behavior:none;scrollbar-gutter:stable}html:has([aria-modal=true]){overflow:hidden;overscroll-behavior:none;scrollbar-gutter:stable}@keyframes cat-hop{0%,to{translate:0 0;scale:1.1 .88;rotate:0deg}12%{translate:0 -4px;scale:.94 1.08;rotate:-4deg}25%{translate:0 -26px;scale:1 1;rotate:-9deg}40%{translate:0 -4px;scale:.98 1.03;rotate:-3deg}50%{translate:0 0;scale:1.1 .88;rotate:0deg}62%{translate:0 -4px;scale:.94 1.08;rotate:4deg}75%{translate:0 -26px;scale:1 1;rotate:9deg}90%{translate:0 -4px;scale:.98 1.03;rotate:3deg}}.button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:10px;padding:10px 20px;border:2px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm);font-weight:800;text-align:center;text-decoration:none;transition:transform .18s var(--ease),box-shadow .18s var(--ease),background-color .26s var(--ease)}.button:not(:disabled):active{transform:translate(2px,2px);box-shadow:0 0 0 var(--shade)}.primary{color:var(--on-accent);background:var(--coral)}button:disabled{cursor:not-allowed;opacity:.45}.button:disabled{box-shadow:none}.text-button{display:inline-flex;min-height:44px;align-items:center;padding:6px 0;color:var(--link);background:none;border:0;font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}@media (hover: hover){.button:not(:disabled):not(:active):hover,.round-button:not(:active):hover{transform:translate(-1px,-1px);box-shadow:var(--shadow)}}@keyframes pop{0%{transform:scale(.4)}}.sheet{position:fixed;inset:auto 0 0;width:100%;max-width:560px;max-height:calc(100dvh - 40px - env(safe-area-inset-top));margin:0 auto;padding:6px 16px calc(18px + env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;color:var(--ink);background:var(--white);border:2px solid var(--line);border-bottom:0;border-radius:28px 28px 0 0;box-shadow:0 -10px 40px color-mix(in srgb,var(--shadow-color) 18%,transparent)}.sheet{transition:bottom .26s cubic-bezier(.2,.8,.2,1),max-height .26s cubic-bezier(.2,.8,.2,1)}.sheet.is-riding{bottom:var(--keyboard);max-height:calc(100dvh - var(--keyboard) - 40px - env(safe-area-inset-top));padding-bottom:18px;box-shadow:0 -10px 40px color-mix(in srgb,var(--shadow-color) 18%,transparent),0 var(--keyboard) 0 var(--white)}.sheet::backdrop{background:#2b203761}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .sheet::backdrop{background:#0009}}:root[data-theme=dark] .sheet::backdrop{background:#0009}.sheet.is-closing::backdrop{opacity:0;transition:opacity .26s}.sheet-handle{position:relative;height:22px;margin:-6px -16px 0;touch-action:none;cursor:grab}.sheet-handle:has(+.sheet-header){position:absolute;z-index:3;top:0;right:0;left:0;margin:0}.sheet-handle+.sheet-header{padding-top:10px}.sheet-handle:before{position:absolute;top:10px;left:50%;width:40px;height:5px;content:"";background:color-mix(in srgb,var(--muted) 35%,var(--white));border-radius:99px;transform:translate(-50%)}.sheet-header{position:sticky;top:-6px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 -16px 8px;padding:6px 16px 8px;background:var(--white);touch-action:none}.sheet-header h2{font-size:23px}:root:not(.has-sheet-looks) .sheet[data-look]>:not(.sheet-handle,.sheet-header){visibility:hidden}.sheet-close{display:grid;width:36px;height:36px;place-items:center;padding:0;color:var(--muted);background:var(--well);border:0;border-radius:50%}.sheet-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}.sheet-back{display:grid;flex:none;width:36px;height:36px;place-items:center;margin-right:-4px;padding:0;color:var(--ink);background:var(--well);border:0;border-radius:50%}.sheet-back svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.sheet-back:not([hidden])+h2{flex:1}.sheet-pages{position:relative}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.step-card{position:relative;display:grid;width:100%;justify-items:center;gap:4px;padding:0 0 4px;color:var(--ink);background:none;border:0;border-radius:20px;text-align:center;transition:transform .26s var(--spring)}.step-card:active{transform:scale(.95)}.step-art{display:block;width:100%;height:auto;overflow:visible;transition:transform .39s var(--spring)}.step-card[aria-expanded=true] .step-art{transform:translateY(-4px) rotate(-3deg)}.step-art .art-item{transform-box:fill-box;transform-origin:30% 70%;transform:translate(4px,-8px) scale(1.3)}.steps li:nth-child(3) .art-item{transform:translate(2px,-8px) scale(1.25)}.step-number{position:absolute;top:0;left:2px;display:grid;width:26px;height:26px;place-items:center;color:var(--on-accent);background:var(--coral);border:2px solid var(--line);border-radius:50%;font-family:var(--display);font-size:14px;font-weight:800}.step-name{font-family:var(--display);font-size:16px;font-weight:800;line-height:1.2;text-decoration:underline dotted 2px;text-decoration-color:color-mix(in srgb,var(--ink) 35%,transparent);text-underline-offset:4px}.step-card[aria-expanded=true] .step-name{text-decoration-color:var(--coral)}.step-art .art-line{stroke:var(--ink);stroke-width:3.5;stroke-linejoin:round;stroke-linecap:round}.step-art .art-line-thin{stroke:var(--ink);stroke-width:2.5;stroke-linejoin:round}.step-art .art-shadow,.step-art .art-ink{fill:var(--ink)}.step-art .art-white{fill:var(--white)}.step-art .art-lilac{fill:var(--lilac)}.step-art .art-yellow{fill:var(--yellow)}.step-art .art-mint{fill:var(--mint)}.step-art .art-pink{fill:var(--pink)}.step-art .art-coral{fill:var(--coral)}.step-art .art-sky{fill:var(--sky)}.step-art .art-yellow-soft{fill:#fff1c2}.step-art .art-mint-soft{fill:var(--mint)}.step-art .art-box-top{fill:#ffe9a3}.step-art .art-box-side{fill:#f0bf3c}.step-art .art-star{fill:var(--yellow);stroke:var(--ink);stroke-width:2;stroke-linejoin:round}.step-art .art-frame{fill:none;stroke:var(--coral);stroke-width:2.5;stroke-dasharray:5 4}.step-art .art-handle{fill:var(--white);stroke:var(--coral);stroke-width:2.5}.step-art .art-arrow,.step-art .art-motion{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.step-art .art-arrow{stroke:var(--coral)}.step-art .art-motion{stroke:var(--ink);stroke-width:3.5}.step-art .art-tape{fill:none;stroke:var(--coral);stroke-width:7}.step-art .art-petee{fill:#ff6f61}.step-art .art-cheek{fill:#ff9fb4}.step-art .art-line-fine{stroke:var(--ink);stroke-width:1.9;stroke-linejoin:round;stroke-linecap:round}.step-art .art-detail{fill:none;stroke:var(--ink);stroke-opacity:.45;stroke-width:.9;stroke-linecap:round}.step-art .art-collar{fill:none;stroke:var(--ink);stroke-opacity:.4;stroke-width:2;stroke-linecap:round}.step-art .art-strap-ink{fill:none;stroke:var(--ink);stroke-width:4.5;stroke-linecap:round}.step-art .art-strap{fill:none;stroke:#c98a4b;stroke-width:2.6;stroke-linecap:round}.step-art .art-hat-mint{fill:#7fd1ae}.step-art .art-hat-mint-dark{fill:#5fbf8f}.step-art .art-hat-mint-light{fill:#b5ead2}.step-art .art-indigo{fill:#4a4fc4}.step-art .art-indigo-dark{fill:#3a3868}.step-art .art-indigo-light{fill:#7b80e6}.step-art .art-steel{fill:#cfd6e6}.step-art .art-wood{fill:#c98a4b}.step-art .art-wood-dark{fill:#a86f37}.step-art .art-coral-light{fill:#ffd2cc}.step-art .art-fleck-pink{fill:#ff8fab}.step-art .art-navy{fill:#3d4f9e}.step-art .art-navy-light{fill:#5f71c4}.step-art .art-cap-band{fill:#c83e3e}.step-art .art-cap-peak{fill:#1d1c36}.step-art .art-shine{fill:#fff;fill-opacity:.35}.step-art .art-tape-light{fill:#ffa79c}.step-art .art-tape-dark{fill:#e3564a}.step-art .art-cat .art-line{stroke-width:4.02}.step-art .art-cat .art-line-thin{stroke-width:2.87}.step-art .art-cat :is(.art-line-fine,.art-star){stroke-width:2.18}.step-art .art-cat .art-detail{stroke-width:1.03}.step-art .art-cat .art-strap-ink{stroke-width:5.17}.step-art .art-cat .art-strap{stroke-width:2.97}.footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 16px;margin-top:var(--space);padding:18px max(18px,env(safe-area-inset-left)) calc(16px + env(safe-area-inset-bottom));color:var(--ink);background:var(--well);border-top:1.5px solid var(--soft-line);border-radius:28px 28px 0 0}.footer>.brand{grid-area:1 / 1;justify-self:start;color:var(--ink)}.footer>nav{grid-area:2 / 1 / 3 / -1}.footer>p{grid-area:3 / 1 / 4 / -1;margin:2px 0 0;color:var(--muted);font-size:13.5px}.footer nav{display:flex;flex-wrap:wrap;gap:6px 18px}.footer nav a{min-height:44px;display:inline-flex;align-items:center;color:var(--ink);font-weight:700;text-decoration:none}.footer nav a:hover{text-decoration:underline;text-underline-offset:4px}@media (min-width: 720px){:root{--topbar: 72px;--space: 104px;--squeeze-by: 18px}.topbar{padding-inline:max(24px,calc((100% - 1120px)/2))}main{overflow-x:clip}.footer{width:min(100% - 48px,1120px);margin-inline:auto;padding-inline:0}.steps{grid-template-columns:repeat(3,minmax(0,300px));justify-content:space-between;gap:48px}.step-name{font-size:20px}.footer{grid-template-columns:auto minmax(0,1fr) auto auto;gap:0 28px;border-radius:32px 32px 0 0;padding:22px 40px}.footer>p{grid-area:1 / 2;margin:0}.footer>nav{grid-area:1 / 3}.sheet{bottom:24px;border-bottom:2px solid var(--line);border-radius:28px;box-shadow:6px 6px 0 var(--shade),0 20px 50px color-mix(in srgb,var(--shadow-color) 22%,transparent)}}@supports (transition-timing-function: linear(0,1)){:root{--spring: linear(0, .02, .071, .143, .229, .322, .415, .507, .593, .672, .742, .805, .858, .903, .939, .969, .992, 1.009, 1.022, 1.03, 1.035, 1.038, 1.038, 1.037, 1.035, 1.032, 1.029, 1.025, 1.021, 1.018, 1.015, 1.012, 1.009, 1.007, 1.005, 1.003, 1)}}.round-button,.button{transition:transform .21s var(--ease),box-shadow .21s var(--ease),background-color .26s var(--ease),color .26s var(--ease),border-color .26s var(--ease),opacity .26s var(--ease)}.topbar:before{transition:box-shadow .34s var(--ease),background-color .34s var(--ease)}.sheet[open]::backdrop{animation:backdrop-in .34s var(--ease)}@keyframes backdrop-in{0%{opacity:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}}.step-sheet p{color:var(--muted);font-size:16px}.legal-page{background:var(--paper)}.legal{width:min(100% - 32px,680px);margin:0 auto;padding:calc(16px + env(safe-area-inset-top)) 0 calc(48px + env(safe-area-inset-bottom));color:var(--ink);font-size:16px;line-height:1.6}.legal h1{margin:8px 0 4px;font-family:var(--display);font-size:32px}.legal h2{margin:28px 0 6px;font-family:var(--display);font-size:20px}.legal ul{padding-left:20px}.legal li+li{margin-top:6px}.legal a:not(.text-button){color:var(--link)}.legal-date{color:var(--muted);font-size:14px}.legal hr{margin:40px 0;border:0;border-top:2px solid var(--soft-line)}