@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+2D7,U+303,U+331,U+E01-E5B,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+2D7,U+303,U+331,U+E01-E5B,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+2D7,U+303,U+331,U+E01-E5B,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+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}:root{--ink:#2b2037;--muted:#6d6177;--paper:#fffaf3;--white:#fff;--soft-line:#ebe2e8;--yellow:#ffd75a;--coral:#ff6f61;--coral-dark:#f2584a;--pink:#ffc9d8;--mint:#c9f1df;--sky:#d6ebff;--lilac:#ece9ff;--butter:#fff1c2;--blue:#5546d7;--red:#c83e3e;--green:#23a26d;--line:#2b2037;--shade:#2b2037;--on-accent:#2b2037;--chip:#2b2037;--chip-text:#fff;--chip-edge:transparent;--link:#5546d7;--well:#f3eef2;--handle:#d9d0d8;--photo-well:#f3e6d8;--red-text:#c83e3e;--shadow-color:#2b2037;--feature-card:#ffd75a;--stage-dots:#ffffffd1;--sticker-line:#2b2037;--sticker-shade:#2b2037;--pt-ink:#2b2037;--pt-edge:#fffaf300;--studio-sky:#d6ebff;--studio-mint:#c9f1df;--nav-hover:#c9f1df;--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));--gutter:max(18px, env(safe-area-inset-left));--space:64px;--display:var(--font-display), "Mitr", "Arial Rounded MT Bold", "Noto Sans Thai", "Thonburi", sans-serif;--text:var(--font-body), "Anuphan", Arial, "Noto Sans Thai", "Thonburi", sans-serif;color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;background:var(--paper);font-family:var(--text);font-synthesis:none}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--ink:#fbf5ff;--muted:#ddd0ea;--paper:#251b33;--white:#33284a;--soft-line:#4a3d61;--pink:#933865;--mint:#186b51;--sky:#2d52a0;--lilac:#4d40a3;--butter:#8a5f08;--blue:#7b6dff;--red-text:#f27d72;--line:#e6dbf5;--shade:#9f8bd0;--chip:#120c1b;--chip-text:#fbf5ff;--chip-edge:#ffffff29;--link:#c2b9ff;--well:#3d3155;--handle:#5a4c73;--photo-well:#3d3155;--shadow-color:#000;--feature-card:#8a5f08;--stage-dots:#33284ad1;--sticker-line:#e6dbf5;--sticker-shade:#9f8bd0;--pt-edge:#fffaf3;--studio-sky:#5d7db8;--studio-mint:#4f9a7f;--nav-hover:#e6dbf524}}:root[data-theme=dark]{--ink:#fbf5ff;--muted:#ddd0ea;--paper:#251b33;--white:#33284a;--soft-line:#4a3d61;--pink:#933865;--mint:#186b51;--sky:#2d52a0;--lilac:#4d40a3;--butter:#8a5f08;--blue:#7b6dff;--red-text:#f27d72;--line:#e6dbf5;--shade:#9f8bd0;--chip:#120c1b;--chip-text:#fbf5ff;--chip-edge:#ffffff29;--link:#c2b9ff;--well:#3d3155;--handle:#5a4c73;--photo-well:#3d3155;--shadow-color:#000;--feature-card:#8a5f08;--stage-dots:#33284ad1;--sticker-line:#e6dbf5;--sticker-shade:#9f8bd0;--pt-edge:#fffaf3;--studio-sky:#5d7db8;--studio-mint:#4f9a7f;--nav-hover:#e6dbf524}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-only-light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}.keep-light,.step-art,.hero-photo,.hero-price,.tick-icon,.hero-blob,.studio-stage,.product-card,.features li,.cart-item-art{--ink:#2b2037;--muted:#6d6177;--paper:#fffaf3;--white:#fff;--soft-line:#ebe2e8;--pink:#ffc9d8;--mint:#c9f1df;--sky:#d6ebff;--lilac:#ece9ff;--butter:#fff1c2;--blue:#5546d7;--line:#2b2037;--shade:#2b2037;--link:#5546d7;--well:#f3eef2;--photo-well:#f3e6d8;--feature-card:#ffd75a;--stage-dots:#ffffffd1;--shadow-color:#2b2037;color:var(--ink)}:is(.hero-photo,.hero-price,.tick-icon,.hero-blob,.studio-stage,.product-card,.features li,.cart-item-art){--line:var(--sticker-line);--shade:var(--sticker-shade)}:is(.studio-stage,.hero-blob){--sky:var(--studio-sky);--mint:var(--studio-mint)}html.is-theme-fading,html.is-theme-fading *,html.is-theme-fading :before,html.is-theme-fading :after{transition:none!important}@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)}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--topbar);-webkit-text-size-adjust:100%;background:linear-gradient(var(--paper) 50%, var(--chip) 50%) no-repeat fixed, var(--paper)}body{background:var(--paper);-webkit-font-smoothing:antialiased;touch-action:manipulation;min-width:320px;margin:0;font-size:16px;line-height:1.45;overflow-x:hidden}button,input,select{color:inherit;font:inherit}a{color:inherit}button,a,summary,label,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}svg{flex:none}::selection{color:var(--on-accent);background:var(--yellow)}:is(button,a,select,summary):focus-visible{outline:3px solid var(--blue);outline-offset:3px}[hidden]{display:none!important}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}h1,h2,h3{font-family:var(--display);letter-spacing:-.01em;margin:0;font-weight:700;line-height:1.15}button:disabled{cursor:not-allowed;opacity:.45}html[lang=th] :is(h1,h2,h3){letter-spacing:0;line-height:1.3}html[lang=th] .hero h1{font-size:calc(var(--size) * .96);line-height:1}html[lang=th] .step-name{line-height:1.3}.app{min-height:100dvh}main{display:block}.topbar{--squeeze-by:14px;z-index:20;height:var(--topbar);padding:env(safe-area-inset-top) max(14px, env(safe-area-inset-right)) 0 max(14px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:center;gap:8px;display:flex;position:sticky;top:0}.topbar:before{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)));transition:box-shadow .34s var(--ease);position:absolute;inset:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.topbar:before{background:color-mix(in srgb, var(--paper) 62%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.topbar.is-raised:before{box-shadow:0 1px 0 color-mix(in srgb, var(--shadow-color) 8%, transparent), 0 10px 24px -16px color-mix(in srgb, var(--shadow-color) 45%, transparent)}.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:0}.topbar>.topbar-actions{transform-origin:100%}.topbar-nav{display:none}.topbar-actions{align-items:center;gap:8px;display:flex}.brand{min-height:44px;color:var(--ink);font-family:var(--display);letter-spacing:-.03em;align-items:center;gap:8px;font-size:21px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{transform-origin:50% 90%;width:auto;height:36px;transition:transform .39s var(--spring);overflow:visible}.brand-mark-edge{fill:var(--pt-edge);stroke:var(--pt-edge);stroke-width:7px;stroke-linejoin:round}.brand-mark-shadow{fill:var(--pt-ink);stroke:var(--pt-ink);stroke-width:3px;stroke-linejoin:round}.brand-mark-cat{fill:var(--coral);stroke:var(--pt-ink);stroke-width:3px;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)}.round-button{width:42px;height:42px;color:var(--ink);background:var(--white);border:2px solid var(--line);box-shadow:var(--shadow-sm);transition:transform .21s var(--ease), box-shadow .21s var(--ease);border-radius:50%;place-items:center;padding:0;text-decoration:none;display:grid;position:relative}.round-button:active{box-shadow:0 0 0 var(--shade);transform:translate(2px,2px)}.round-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.theme-button .theme-sun{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-button .theme-sun{display:block}:root:not([data-theme=light]) .theme-button .theme-moon{display:none}}:root[data-theme=dark] .theme-button .theme-sun{display:block}:root[data-theme=dark] .theme-button .theme-moon{display:none}.theme-button.is-turning svg{animation:theme-turn .52s var(--spring)}@keyframes theme-turn{0%{opacity:0;transform:rotate(-90deg)scale(.5)}}.language-menu{position:relative}.language-button .flag{width:26px;height:26px}.flag{box-shadow:0 0 0 1px color-mix(in srgb, var(--shadow-color) 18%, transparent);border-radius:50%;flex:none;overflow:hidden}.language-options{z-index:5;background:var(--white);border:2px solid var(--line);min-width:176px;box-shadow:var(--shadow);transform-origin:85% 0;animation:menu-in .32s var(--out);border-radius:20px;gap:4px;margin:0;padding:6px;list-style:none;display:grid;position:absolute;top:calc(100% + 10px);right:-6px}.language-options a{min-height:46px;color:var(--ink);transition:transform .21s var(--ease), background-color .26s var(--ease);border:2px solid #0000;border-radius:14px;align-items:center;gap:10px;padding:6px 12px 6px 8px;font-weight:800;text-decoration:none;display:flex}.language-options .flag{width:24px;height:24px}.language-options a[aria-current=true]{color:var(--on-accent);background:var(--yellow);border-color:var(--line)}.language-options a[aria-current=true]:after{content:"✓";margin-left:auto}.language-options a:active{transform:scale(.97)}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px)scale(.94)}}.bag-count{min-width:22px;height:22px;color:var(--on-accent);background:var(--coral);border:2px solid var(--line);animation:pop .42s var(--spring);border-radius:999px;place-items:center;padding:0 5px;font-size:12px;font-weight:800;line-height:1;display:grid;position:absolute;top:-7px;right:-7px}.bag-button[data-bump]{animation:bump .68s var(--spring)}.bag-button[data-bump="1"]{animation-name:bump-again}@keyframes pop{0%{transform:scale(.4)}}@keyframes bump{30%{transform:scale(1.22)rotate(-8deg)}60%{transform:scale(.94)rotate(4deg)}}@keyframes bump-again{30%{transform:scale(1.22)rotate(-8deg)}60%{transform:scale(.94)rotate(4deg)}}.button{min-height:50px;color:var(--ink);border:2px solid var(--line);box-shadow:var(--shadow-sm);text-align:center;transition:transform .21s var(--ease), box-shadow .21s var(--ease), background-color .26s var(--ease);border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:10px 20px;font-weight:800;text-decoration:none;display:inline-flex}.button:not(:disabled):active{box-shadow:0 0 0 var(--shade);transform:translate(2px,2px)}.button:disabled{box-shadow:none}.primary{color:var(--on-accent);background:var(--coral)}.secondary{background:var(--white)}.add-button{width:100%;min-height:56px;font-family:var(--display);white-space:nowrap;padding-inline:14px;font-size:clamp(17px,4.8vw,19px)}.add-button>span:not(.add-price){text-overflow:ellipsis;min-width:0;overflow:hidden}.add-button svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.add-price{color:var(--on-accent);background:var(--yellow);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;margin-left:2px;padding:3px 10px;font-size:16px}@media (hover:hover){.primary:not(:disabled):hover{background:var(--coral-dark)}.round-button:hover,.secondary:not(:disabled):hover,.language-options a:hover{box-shadow:var(--shadow);transform:translate(-1px,-1px)}}.hero{padding:20px var(--gutter) 0;display:grid;position:relative;overflow:hidden}.hero h1{--size:clamp(40px, 11.6vw, 80px);font-size:var(--size);letter-spacing:-.035em;line-height:.96}.hero h1 span,.hero h1 em{display:block}.hero h1 em{color:var(--coral);text-shadow:3px 3px 0 var(--shade);font-style:normal}.hero-art{aspect-ratio:1/1.02;width:100%;max-width:460px;margin:18px auto 0;position:relative}.hero-blob{background:var(--sky);border:2px solid var(--line);box-shadow:6px 6px 0 var(--shade);border-radius:48% 52% 46% 54%/54% 44% 56% 46%;position:absolute;inset:10% 2% 6% 14%}.hero-art .design-preview.hero-piece{transform:rotate(var(--tilt));position:absolute}.hero-art .hero-socks{--tilt:12deg;--at:90ms;--float:-2s;z-index:1;width:19%;top:2%;right:4%}.hero-art .hero-pillow{--tilt:0deg;--at:.2s;--float:0s;z-index:2;width:62%;top:21%;left:28%}.hero-art .hero-ornament{--tilt:8deg;--at:.31s;--float:-4s;z-index:3;width:29%;bottom:1%;right:1%}.hero-photo{--tilt:-8deg;z-index:4;background:var(--white);border:2px solid var(--line);width:34%;box-shadow:var(--shadow-sm);transform:rotate(var(--tilt));border-radius:6px;margin:0;padding:6px;position:absolute;top:2%;left:0}.hero-photo img{aspect-ratio:1;object-fit:cover;background:var(--photo-well);border-radius:3px;width:100%;height:auto;display:block}.hero-photo[data-cutout] img{object-fit:contain;background:var(--sky);padding:8%}.hero-photo:before{content:"";-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#ffffff8c;border:1px solid #2b20371f;width:54px;height:18px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(4deg);box-shadow:0 1px 2px #2b20371a}.hero-arrow{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hero-arrow-dots{fill:var(--coral)}.hero-arrow-reveal{fill:none;stroke:#fff;stroke-width:4px;stroke-linecap:round;stroke-dasharray:1}.hero-arrow-head{fill:var(--coral);stroke:var(--coral);stroke-width:.5px;stroke-linejoin:round}.hero-price{--tilt:-10deg;z-index:4;width:86px;height:86px;color:var(--on-accent);text-align:center;background:var(--yellow);border:2px solid var(--line);box-shadow:var(--shadow-sm);transform:rotate(var(--tilt));border-radius:50%;place-content:center;display:grid;position:absolute;bottom:9%;left:4%}.hero-price small{font-size:12px;font-weight:800;line-height:1}.hero-price strong{font-family:var(--display);font-size:24px;line-height:1.05}@media (width<=719px){.hero-blob{inset:10% 14% 6% 2%}.hero-photo{--tilt:8deg;width:32%;top:-3%;left:auto;right:0}.hero-art .hero-socks{--tilt:-12deg;left:4%;right:auto}.hero-art .hero-pillow{left:10%}.hero-art .hero-ornament{--tilt:-8deg;left:1%;right:auto}.hero-price{--tilt:10deg;left:auto;right:4%}.hero-arrow-wide{display:none}}@media (width>=720px){.hero-arrow-phone{display:none}}.hero-actions{gap:12px;margin-top:16px;display:grid}.hero-cta{width:100%;min-height:58px;font-family:var(--display);padding-inline:26px;font-size:19px}.hero-ticks{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:4px 14px;margin:0;padding:0;font-size:13px;font-weight:800;list-style:none;display:flex}.hero-ticks li:before{content:"✓ ";color:var(--coral)}.tick-icon{display:none}@keyframes float{50%{translate:0 -8px}}@keyframes sway{0%,to{translate:1.3% -.18%;rotate:-1.5deg}50%{translate:-1.3% .18%;rotate:1.5deg}}.photo-button svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.photo-button[data-busy]{cursor:progress;opacity:1}.photo-spinner{transform-origin:12px 12px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.design-preview{width:100%}.design-preview>svg{width:100%;height:auto;display:block}.design-preview[data-layout=pillow]>svg{filter:drop-shadow(0 6px 10px #2b203747)}.design-preview:is([data-layout=ornament],[data-layout=food-mat])>svg{filter:drop-shadow(0 5px 8px #2b203738)}.design-preview[data-layout=ornament]{position:relative}.design-preview[data-layout=ornament]:before{content:"";border:2px solid var(--sticker-line);background:linear-gradient(#e7c66b,#b08a2c);border-radius:30% 30% 12% 12%;width:14%;height:12%;position:absolute;top:-9%;left:50%;transform:translate(-50%)}.design-preview[data-layout=ornament][data-shape=heart]:before{top:0}.design-preview[data-layout=socks]{-webkit-mask:var(--sock) center / 100% 100% no-repeat;-webkit-mask:var(--sock) center / 100% 100% no-repeat;mask:var(--sock) center / 100% 100% no-repeat;--sock:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 105 240' preserveAspectRatio='none'%3E%3Cpath d='M30 0H100V180C100 215 80 240 50 240H25C10 240 0 228 0 214C0 198 12 188 26 186L30 185Z'/%3E%3C/svg%3E")}.design-preview[data-layout=bandana]{clip-path:polygon(0 0,100% 0,50% 92%)}.design-preview[data-layout=blanket]>svg{border-radius:7%;box-shadow:0 6px 14px #2b203738}.design-preview[data-layout=bowl]{clip-path:polygon(0 0,100% 0,91% 100%,9% 100%);border-radius:0 0 18% 18%/0 0 60% 60%}.features{margin:0;padding:0;list-style:none}main>.how{margin-top:40px}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.step-card{width:100%;color:var(--ink);text-align:center;transition:transform .26s var(--spring);background:0 0;border:0;border-radius:20px;justify-items:center;gap:4px;padding:0 0 4px;display:grid;position:relative}.step-card:active{transform:scale(.95)}.step-art{width:100%;height:auto;transition:transform .39s var(--spring);display:block;overflow:visible}.step-card[aria-expanded=true] .step-art{transform:translateY(-4px)rotate(-3deg)}.step-number{width:26px;height:26px;color:var(--on-accent);background:var(--coral);border:2px solid var(--line);font-family:var(--display);border-radius:50%;place-items:center;font-size:14px;font-weight:800;display:grid;position:absolute;top:0;left:2px}.step-name{font-family:var(--display);-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:2px;-webkit-text-decoration-color:color-mix(in srgb, var(--ink) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--ink) 35%, transparent);text-underline-offset:4px;font-size:16px;font-weight:800;line-height:1.2}.step-card[aria-expanded=true] .step-name{-webkit-text-decoration-color:var(--coral);text-decoration-color:var(--coral)}.step-detail{max-width:560px;color:var(--ink);text-align:center;background:var(--white);border:2px solid var(--line);box-shadow:var(--shadow-sm);animation:open-in .42s var(--out);border-radius:18px;margin:16px auto 0;padding:12px 16px;font-size:15px;font-weight:600}.step-art .art-line{stroke:var(--ink);stroke-width:3.5px;stroke-linejoin:round;stroke-linecap:round}.step-art .art-line-thin{stroke:var(--ink);stroke-width:2.5px;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,.step-art .art-mint-soft{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-box-top{fill:#ffe9a3}.step-art .art-box-side{fill:#f0bf3c}.step-art .art-star{fill:var(--yellow);stroke:var(--ink);stroke-width:2px;stroke-linejoin:round}.step-art .art-frame{fill:none;stroke:var(--blue);stroke-width:2.5px;stroke-dasharray:5 4}.step-art .art-handle{fill:var(--white);stroke:var(--blue);stroke-width:2.5px}.step-art .art-arrow,.step-art .art-motion{fill:none;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.step-art .art-arrow{stroke:var(--coral)}.step-art .art-motion{stroke:var(--ink);stroke-width:3.5px}.step-art .art-tape{fill:none;stroke:var(--coral);stroke-width:7px}.section-lead{max-width:60ch;color:var(--muted);margin:10px 0 0;font-size:17px;font-weight:600}.section{padding:0 var(--gutter)}main>.section{margin-top:var(--space)}.section-head{margin-bottom:20px}.section-head h2,.faq>h2{letter-spacing:-.03em;font-size:clamp(30px,8.5vw,46px);line-height:1.05}.section-head h2 em{color:var(--coral);text-shadow:2px 2px 0 var(--shade);font-style:normal}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.product-card{--tile:var(--sky);min-width:0}.product-card[data-tone=mint]{--tile:var(--mint)}.product-card[data-tone=pink]{--tile:var(--pink)}.product-card[data-tone=yellow]{--tile:var(--butter)}.product-card-link{height:100%;color:var(--ink);background:var(--white);border:2px solid var(--line);box-shadow:var(--shadow-sm);transition:transform .29s var(--out), box-shadow .29s var(--ease);border-radius:22px;grid-template-rows:auto 1fr;text-decoration:none;display:grid;overflow:hidden}.product-card-link:active{box-shadow:0 0 0 var(--shade);transform:translate(2px,2px)}.product-art{aspect-ratio:1;background:var(--tile);border-bottom:2px solid var(--line);display:block;position:relative;overflow:hidden}.product-art img{object-fit:cover;transition:transform .6s var(--out)}.product-badge{z-index:1;max-width:calc(100% - 16px);color:var(--on-accent);background:var(--yellow);border:2px solid var(--line);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800;line-height:1.3;position:absolute;top:8px;left:8px;overflow:hidden;transform:rotate(-3deg)}.product-card-body{align-content:start;gap:3px;padding:10px 10px 12px;display:grid}.product-title{min-height:2.4em;font-family:var(--display);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.product-card-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-top:6px;display:flex}.product-price{color:var(--on-accent);background:var(--yellow);font-family:var(--display);font-variant-numeric:tabular-nums;border-radius:999px;align-items:baseline;gap:5px;padding:2px 10px;font-size:16px;font-weight:700;display:inline-flex}.product-price del{color:color-mix(in srgb, var(--on-accent) 62%, transparent)}.product-detail-price del,.cart-item-price del{color:var(--muted);font-size:.8em;font-weight:600}.product-price ins,.product-detail-price ins,.cart-item-price ins{text-decoration:none}@media (hover:hover) and (pointer:fine){.product-card-link:hover{box-shadow:4px 5px 0 var(--shade);transform:translateY(-3px)}.product-card-link:hover .product-art img{transform:scale(1.04)}}.launch-pending,.empty-state{text-align:center;justify-items:center;gap:6px;padding:28px 16px;display:grid}.launch-pending{background:var(--white);border:2px dashed color-mix(in srgb, var(--ink) 35%, transparent);border-radius:22px}.launch-pending p,.empty-state p{max-width:34ch;color:var(--muted);margin:0;font-weight:600}.empty-mark{background:var(--lilac);border:2px solid var(--line);width:60px;height:60px;box-shadow:var(--shadow-sm);border-radius:18px;place-items:center;margin-bottom:4px;display:grid;transform:rotate(-6deg)}.empty-mark .brand-mark{height:34px}.empty-mark>svg:not(.brand-mark){fill:none;width:28px;height:28px;stroke:var(--blue);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.empty-state .button{margin-top:10px}.features{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.features li{background:var(--white);border:2px solid var(--line);box-shadow:var(--shadow-sm);transition:transform .29s var(--out);border-radius:22px;padding:16px 14px}.features li:nth-child(2){background:var(--lilac)}.features li:nth-child(3){background:var(--feature-card)}.features li:nth-child(4){background:var(--pink)}.feature-icon{margin-bottom:8px;font-size:28px;line-height:1;display:block}.features h3{font-size:17px}.features p{opacity:.78;margin:4px 0 0;font-size:14px}.faq details{border-bottom:2px solid var(--soft-line)}.faq>h2{margin-bottom:8px}.faq summary{cursor:pointer;align-items:center;min-height:56px;padding:14px 36px 14px 0;font-size:17px;font-weight:800;list-style:none;display:flex;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";width:10px;height:10px;transition:transform .29s var(--spring);border-bottom:2.5px solid;border-right:2.5px solid;margin-top:-7px;position:absolute;top:50%;right:8px;transform:rotate(45deg)}.faq details[open] summary:after{transform:translateY(4px)rotate(-135deg)}.faq details p{color:var(--muted);margin:0 0 18px;font-size:16px}.faq details[open] p{animation:open-in .42s var(--out)}.faq a{color:var(--link);text-underline-offset:3px;font-weight:700}.footer{margin-top:var(--space);padding:32px var(--gutter) calc(32px + env(safe-area-inset-bottom));color:var(--chip-text);background:var(--chip);box-shadow:inset 0 1px 0 var(--chip-edge);border-radius:32px 32px 0 0;justify-items:start;gap:10px;display:grid}.footer .brand{color:var(--chip-text)}.footer p{opacity:.75;margin:0}.footer nav{flex-wrap:wrap;gap:0 18px;display:flex}.footer nav a,.footer nav button{min-height:44px;color:var(--chip-text);background:0 0;border:0;align-items:center;gap:4px;padding:0;font-weight:700;text-decoration:none;display:inline-flex}.footer nav a:hover,.footer nav button:hover{text-underline-offset:4px;text-decoration:underline}.sheet{width:100%;max-width:560px;max-height:calc(100dvh - 40px - env(safe-area-inset-top));padding:0 16px calc(18px + env(safe-area-inset-bottom));overscroll-behavior:contain;color:var(--ink);background:var(--white);border:2px solid var(--line);box-shadow:0 -10px 40px color-mix(in srgb, var(--shadow-color) 18%, transparent);transition:transform .26s var(--out);border-bottom:0;border-radius:28px 28px 0 0;margin:0 auto;position:fixed;inset:auto 0 0;overflow:auto}.sheet[open]{animation:sheet-in .46s var(--out)}.sheet.is-closing{transition:transform .24s var(--ease);transform:translateY(105%)!important}.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[open]::backdrop{animation:backdrop-in .34s var(--ease)}.sheet.is-closing::backdrop{opacity:0;transition:opacity .24s}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes backdrop-in{0%{opacity:0}}.sheet-grab{z-index:2;background:var(--white);touch-action:none;cursor:grab;margin:0 -16px 8px;padding:6px 16px 8px;position:sticky;top:0}.sheet-handle{background:var(--handle);border-radius:99px;width:40px;height:5px;margin:4px auto 6px}.sheet-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.sheet-header h2{font-size:23px}.sheet-header h2 small{color:var(--muted);font-size:18px}.sheet-close{width:40px;height:40px;color:var(--muted);background:var(--well);border:0;border-radius:50%;place-items:center;padding:0;display:grid}.sheet-close svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;width:18px;height:18px}.cart-items{gap:10px;margin:0;padding:0;list-style:none;display:grid}.cart-item{background:var(--paper);border:2px solid var(--soft-line);animation:rise-in .42s var(--out);border-radius:18px;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px;display:grid}.cart-item-art{background:var(--sky);border:2px solid var(--line);border-radius:14px;width:72px;height:72px;display:block;overflow:hidden}.cart-item-art img{object-fit:cover;width:100%;height:100%}.cart-item-copy{min-width:0}.cart-item-copy h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.2;display:-webkit-box;overflow:hidden}.cart-item-variant{color:var(--muted);margin-top:2px;font-size:12px;font-weight:700;display:block}.cart-item-price{font-family:var(--display);margin:4px 0 0;font-size:16px;font-weight:700}.quantity-control{background:var(--white);border:2px solid var(--line);height:40px;box-shadow:var(--shadow-sm);text-align:center;border-radius:999px;grid-template-columns:34px 24px 34px;align-items:center;padding:0 1px;display:grid}.quantity-control button{height:34px;font-family:var(--display);background:0 0;border:0;border-radius:999px;place-items:center;padding:0;font-size:19px;line-height:1;display:grid}.quantity-control button:not(:disabled):active{background:var(--lilac)}.quantity-control svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.quantity-control span{font-variant-numeric:tabular-nums;font-weight:800}.cart-footer{bottom:calc(-18px - env(safe-area-inset-bottom));padding:14px 16px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(color-mix(in srgb, var(--white) 0%, transparent), var(--white) 14px);gap:8px;margin:14px -16px 0;display:grid;position:sticky}.cart-total{justify-content:space-between;align-items:baseline;font-weight:800;display:flex}.cart-total strong{font-family:var(--display);font-size:24px}.cart-note,.secure-note{color:var(--muted);margin:0;font-size:13px;font-weight:600}.secure-note{text-align:center}.secure-note:before{content:"🔒 "}.secure-note[data-preview=true]:before{content:"○ "}.checkout-button{width:100%;min-height:56px;font-family:var(--display);font-size:18px}.checkout-error{color:#fff;background:var(--red);border:2px solid var(--line);border-radius:14px;margin:0;padding:10px 12px;font-size:14px;font-weight:700}.analytics-consent{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:30;background:var(--white);border:2px solid var(--line);max-width:520px;max-height:70dvh;box-shadow:4px 4px 0 var(--shade), 0 16px 40px color-mix(in srgb, var(--shadow-color) 22%, transparent);animation:rise-in .52s var(--out);border-radius:22px;gap:12px;margin:0 auto;padding:16px;display:grid;position:fixed;left:12px;overflow:auto}.analytics-consent strong{font-family:var(--display);font-size:18px}.analytics-consent p{color:var(--muted);margin:4px 0 0;font-size:13px}.analytics-consent p a{color:var(--link);font-weight:700}.analytics-consent-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.analytics-consent-actions button{background:var(--white);border:2px solid var(--line);min-height:46px;box-shadow:var(--shadow-sm);border-radius:14px;padding:6px 10px;font-size:14px;font-weight:800}.analytics-consent-actions button:active{box-shadow:none;transform:translate(2px,2px)}.analytics-consent-actions .analytics-allow{color:var(--on-accent);background:var(--coral)}.product-back-link{min-height:44px;color:var(--ink);border-radius:999px;align-items:center;gap:4px;margin-left:-6px;padding:0 10px 0 4px;font-size:15px;font-weight:800;text-decoration:none;display:inline-flex}.product-back-link svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.product-back-link:active{background:var(--lilac)}.product-audience{background:var(--mint);border:2px solid var(--line);border-radius:999px;justify-self:start;margin:0;padding:3px 12px;font-size:13px;font-weight:800}.product-detail-strapline{color:var(--muted);margin:-6px 0 0;font-size:17px;font-weight:600}.product-detail-price{font-family:var(--display);font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;font-size:30px;font-weight:700;display:inline-flex}.product-detail-price small{color:var(--muted);font-family:var(--text);font-size:13px;font-weight:700}.product-options{border:0;min-width:0;margin:0;padding:0}.product-options legend{width:100%;color:var(--muted);flex-wrap:wrap;gap:6px;margin-bottom:10px;padding:0;font-size:14px;font-weight:800;display:flex}.product-options legend:first-letter{text-transform:uppercase}.product-options legend strong{color:var(--ink)}.product-options>div{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px;display:grid}.product-options button{min-height:58px;color:var(--ink);background:var(--paper);border:2px solid var(--soft-line);transition:transform .26s var(--spring), background-color .26s var(--ease), border-color .26s var(--ease), box-shadow .26s var(--ease);border-radius:16px;justify-items:center;gap:6px;padding:8px 6px;font-size:13px;font-weight:800;line-height:1.2;display:grid}.product-options button img{object-fit:cover;border-radius:12px;width:56px;height:56px}.product-options button:not(:disabled):active{transform:scale(.94)}.product-options button[aria-pressed=true]{color:var(--on-accent);background:var(--yellow);border-color:var(--line);box-shadow:var(--shadow-sm)}.product-purchase-assurances{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.product-purchase-assurances li{background:var(--white);border:2px solid var(--soft-line);border-radius:999px;align-items:center;gap:6px;min-height:36px;padding:4px 12px 4px 8px;font-size:13px;line-height:1.2;display:inline-flex}.product-purchase-assurances li>span{font-size:15px}.product-purchase-assurances strong{font-weight:800}.product-purchase-assurances small{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.product-purchase-assurances li:first-child small{clip-path:none;width:auto;height:auto;color:var(--muted);font-size:13px;font-weight:700;position:static;overflow:visible}.product-purchase-assurances li:first-child small:before{content:"· "}.product-detail-description{background:var(--lilac);border:2px solid var(--line);box-shadow:var(--shadow-sm);border-radius:22px}.product-detail-description summary{cursor:pointer;min-height:54px;font-family:var(--display);align-items:center;padding:12px 44px 12px 16px;font-size:18px;font-weight:700;list-style:none;display:flex;position:relative}.product-detail-description summary::-webkit-details-marker{display:none}.product-detail-description summary:after{content:"";width:10px;height:10px;transition:transform .29s var(--spring);border-bottom:2.5px solid;border-right:2.5px solid;margin-top:-7px;position:absolute;top:50%;right:18px;transform:rotate(45deg)}.product-detail-description[open] summary:after{transform:translateY(4px)rotate(-135deg)}.product-detail-description p{margin:0;padding:0 16px 16px;font-size:15px}.product-detail-description .product-detail-language{color:var(--muted);padding-bottom:8px;font-size:13px;font-weight:700}.product-detail-description[open] p{animation:open-in .42s var(--out)}.product-mobile-purchase{z-index:15;padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom));background:linear-gradient(color-mix(in srgb, var(--paper) 0%, transparent), var(--paper) 18px);position:sticky;bottom:0}.toast{top:calc(var(--topbar) + 8px);z-index:40;width:max-content;max-width:calc(100% - 32px);color:var(--chip-text);background:var(--chip);box-shadow:inset 0 0 0 1px var(--chip-edge), 0 14px 34px color-mix(in srgb, var(--shadow-color) 30%, transparent);pointer-events:none;opacity:0;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:16px;align-items:center;gap:10px;padding:10px 16px 10px 14px;font-size:15px;font-weight:800;line-height:1.3;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast[data-visible=true]{opacity:1;pointer-events:auto}.toast:empty{display:none}.toast:has(.toast-action){padding-right:10px}.toast[data-tone=error]{color:#fff;background:var(--red)}.toast-icon{width:24px;height:24px;color:var(--on-accent);background:var(--coral);border-radius:50%;flex:none;place-items:center;display:grid}.toast-icon svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.toast-action{min-height:34px;color:var(--on-accent);background:var(--yellow);font:inherit;white-space:nowrap;border:0;border-radius:11px;align-items:center;padding:0 12px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.sheet .toast{top:calc(env(safe-area-inset-top) + 12px)}.product-grid{margin:0;padding:0;list-style:none}:is(.product-art,.studio-stage) .design-preview{margin:auto;position:absolute;inset:0}:is(.product-art,.studio-stage) .design-preview[data-orientation=tall]{width:auto;height:76%}:is(.product-art,.studio-stage) .design-preview[data-orientation=wide]{width:76%;height:auto}.design-preview>svg{width:100%;height:100%}.product-strapline{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.product-price small{font-family:var(--text);opacity:.8;font-size:11px;font-weight:800}.studio{padding:4px var(--gutter) 0;gap:18px;display:grid}.studio-stage-column{gap:8px;min-width:0;display:grid}.studio-stage{aspect-ratio:1;background:var(--sky);border:2px solid var(--line);box-shadow:var(--shadow);border-radius:28px;display:block;position:relative;overflow:hidden}.studio-stage-tag{z-index:2;background:var(--white);border:2px solid var(--line);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800;position:absolute;top:12px;left:12px}.studio-note,.studio-hint{color:var(--muted);margin:0;font-size:13px;font-weight:600}.studio-controls{align-content:start;gap:16px;min-width:0;display:grid}.studio-controls h1{letter-spacing:-.03em;font-size:clamp(30px,8.4vw,48px);line-height:1.02}.studio-controls>p{margin:0}.studio-controls .product-detail-strapline{margin-top:-8px}.studio-step{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.studio-step h2,.studio-step legend{color:var(--ink);font-family:var(--display);margin:0 0 2px;padding:0;font-size:18px;font-weight:700}.studio-step h2 small,.studio-step legend strong{color:var(--muted);font-family:var(--text);font-size:14px;font-weight:800}.studio-photo{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.studio-photo img{object-fit:contain;background:var(--sky);border:2px solid var(--line);border-radius:16px;width:64px;height:64px}.name-field{position:relative}.name-field input{background:var(--white);border:2px solid var(--line);width:100%;min-height:52px;box-shadow:var(--shadow-sm);font-family:var(--display);border-radius:16px;padding:10px 64px 10px 16px;font-size:20px;font-weight:600}.name-field input:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.name-field[data-invalid] input{border-color:var(--red-text)}.name-field span{color:var(--muted);font-size:13px;font-weight:800;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.swatches>div{flex-wrap:wrap;gap:10px;display:flex}.swatches button{border:2px solid var(--line);width:40px;height:40px;box-shadow:var(--shadow-sm);transition:transform .26s var(--spring);border-radius:50%;padding:0}.swatches button[aria-pressed=true]{outline:3px solid var(--coral);outline-offset:3px;transform:scale(1.08)}.swatches button:active{transform:scale(.92)}.product-options button small{color:inherit;opacity:.75;font-size:12px;font-weight:700}.studio-add{display:none}.product-description{margin:0;font-size:16px}.product-detail-description ul{margin:0;padding:0 16px 16px 34px;font-size:15px}.product-detail-description li+li{margin-top:4px}@keyframes open-in{0%{opacity:0;transform:translateY(-4px)}}.can-reveal [data-reveal]{opacity:0;transition:opacity .68s var(--ease) calc(var(--i,0) * 90ms), transform .83s var(--out) calc(var(--i,0) * 90ms);transform:translateY(14px)}.can-reveal [data-reveal].is-revealed{opacity:1;transform:none}.hero h1>span,.hero h1>em{animation:rise-in .91s var(--out) both}.hero h1>em{animation-delay:.1s}.hero-blob{animation:hero-swell .82s var(--out) both}.hero-art .hero-piece{animation:hero-rise .86s var(--out) var(--at) both, float 6s ease-in-out var(--float) infinite}.hero-photo{animation:hero-drop .76s var(--out) .43s both, sway 8s ease-in-out infinite}.hero-price{animation:hero-pop .62s var(--spring) .64s both}.hero-arrow{animation:6s ease-in-out .45s infinite float}.hero-arrow-reveal{animation:arrow-draw .72s var(--ease) .9s both}.hero-arrow-head{animation:arrow-head .24s var(--out) 1.5s both}@keyframes hero-swell{0%{opacity:0;transform:scale(.86)}}@keyframes hero-rise{0%{opacity:0;transform:translateY(26px) rotate(var(--tilt)) scale(.95)}}@keyframes hero-drop{0%{opacity:0;transform:translateY(-20px) rotate(calc(var(--tilt) - 7deg)) scale(1.05)}}@keyframes hero-pop{0%{opacity:0;transform:rotate(calc(var(--tilt) - 24deg)) scale(.5)}}@keyframes arrow-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes arrow-head{0%{opacity:0}}.hero-actions{animation:rise-in .91s var(--out) .31s both}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}}@media (width>=560px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-card-body{padding:12px 14px 14px}.product-title{font-size:17px}}@media (width>=720px){:root{--topbar:72px;--space:104px}.topbar{--squeeze-by:18px;padding-inline:max(24px,50% - 560px)}.topbar-nav{gap:4px;display:flex}.topbar-nav a{min-height:40px;color:var(--ink);border-radius:999px;align-items:center;padding:0 14px;font-weight:800;text-decoration:none;display:inline-flex}.topbar-nav a:hover{background:var(--nav-hover)}.hero{grid-template:".art"1fr"copy art""actions art"".art"1fr/minmax(0,1fr) minmax(0,1fr);align-items:start;gap:0 48px;width:min(100% - 48px,1120px);margin:0 auto;padding:56px 0 0;overflow:visible}main{overflow-x:clip}.hero-copy{grid-area:copy}.hero-art{grid-area:art;max-width:520px;margin:0}.hero-actions{grid-area:actions;justify-items:start;margin-top:28px}.hero-cta{width:auto}.hero-ticks{justify-content:start}.section,.footer{width:min(100% - 48px,1120px);margin-inline:auto;padding-inline:0}.section-head{margin-bottom:28px}main>.how{margin-top:72px}.steps{gap:48px;max-width:900px;margin-inline:auto}.step-name{font-size:20px}.features{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.faq{max-width:760px}.footer{grid-template-columns:auto 1fr auto;align-items:center;padding:32px 40px}.footer nav{justify-content:end}.sheet{border-bottom:2px solid var(--line);box-shadow:6px 6px 0 var(--shade), 0 20px 50px color-mix(in srgb, var(--shadow-color) 30%, transparent);border-radius:28px;bottom:24px}.sheet.is-closing{transform:translateY(calc(100% + 40px))!important}.sheet-grab{cursor:default}.sheet-handle{visibility:hidden;height:0;margin:4px 0}.analytics-consent{margin:0;bottom:24px;left:auto;right:24px}.studio{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:48px;width:min(100% - 48px,1120px);margin-inline:auto;padding:12px 0 0}.studio-stage-column{top:calc(var(--topbar) + 12px);position:sticky}.studio-stage{border-radius:32px}.studio-add{display:inline-flex}.product-mobile-purchase{display:none}.toast{top:calc(var(--topbar) + 12px)}}@media (width>=1000px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.hero h1{--size:min(116px, 10.6vw)}.hero h1 em{max-width:5.2em}html[lang=th] .hero h1{font-size:calc(var(--size) * .9);line-height:calc(var(--size) * .96)}.hero-actions{gap:28px;margin-top:44px}.hero-cta{min-height:66px;padding-inline:34px;font-size:22px}.hero-ticks{gap:26px;font-size:15px}.hero-ticks li{max-width:9em;color:var(--ink);text-align:center;justify-items:center;gap:8px;display:grid}.hero-ticks li:before{content:none}.tick-icon{background:var(--sky);border:2px solid var(--line);width:52px;height:52px;box-shadow:3px 3px 0 var(--shade);border-radius:50%;place-items:center;display:grid}.hero-ticks li:nth-child(2) .tick-icon{background:var(--lilac)}.hero-ticks li:nth-child(3) .tick-icon{background:var(--pink)}.tick-icon svg{fill:none;width:26px;height:26px;stroke:var(--ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}}@media (width<=359px){.topbar{padding-right:max(10px, env(safe-area-inset-right));padding-left:max(10px, env(safe-area-inset-left));gap:6px}.brand{gap:5px}.brand-name{font-size:16px}.brand-mark{height:32px}.topbar-actions{gap:5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.account-button svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.account-button[data-signed-in=true]{color:var(--on-accent);background:var(--coral);overflow:hidden}.account-button img,.account-face img{object-fit:cover;border-radius:50%;width:100%;height:100%}.account-initial{font-family:var(--display);font-size:18px;font-weight:700;line-height:1}.account-intro{color:var(--muted);margin:2px 0 16px}.account-ways,.account-form{gap:12px;display:grid}.account-ways .button{width:100%}.account-ways .google-mark{flex:none;width:20px;height:20px}.account-line{color:var(--muted);text-align:center;margin:0;font-size:15px}.account-note{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.account-or{color:var(--muted);text-align:center;margin:6px 0 0;font-size:14px;font-weight:800}.account-form input{min-height:50px;color:var(--ink);background:var(--white);border:2px solid var(--line);font:inherit;border-radius:14px;padding:10px 14px;font-size:17px}.account-form input[inputmode=numeric]{font-variant-numeric:tabular-nums;letter-spacing:6px;text-align:center}.link-button{color:inherit;font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800;text-decoration:underline}.account-card{background:var(--well);border-radius:18px;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;padding:14px;display:grid}.account-card>.button{grid-column:1/-1}.account-face{width:52px;height:52px;color:var(--on-accent);background:var(--coral);border:2px solid var(--line);border-radius:50%;place-items:center;display:grid;overflow:hidden}.account-face svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:26px;height:26px}.account-face .account-initial{font-size:22px}.account-who{min-width:0;display:grid}.account-who strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-who small{color:var(--muted)}.account-in{display:grid}.account-delete{color:var(--muted);justify-self:center;margin-top:18px}.account-confirm{gap:12px;margin-top:16px;display:grid}.account-confirm p{margin:0}.account-confirm>div{grid-template-columns:1fr 1fr;gap:10px;display:grid}.danger{color:#fff;background:#c62828}.account-status{min-height:1.4em;color:var(--muted);text-align:center;margin:14px 0 0;font-size:15px}