@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-opsz-normal-D9N6E8K1.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-opsz-normal-IcJDqblK.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-opsz-normal-Cre6nC2_.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{--font:"Bricolage Grotesque Variable", "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--bg:#f3f1fb;--stage:#e8e4fa;--surface:#fff;--surface-2:#ebe8f6;--field:#faf9fe;--line:#d6d1ea;--line-strong:#b9b3d6;--ink:#16142b;--ink-2:#45415f;--ink-3:#5f5b7a;--btn-bg:#16142b;--btn-ink:#fff;--accent:#ff4f2e;--accent-soft:#ffe1d9;--focus:#3d5bff;--ray:#3d5bff12;--danger:#c22a12;--wheel-rim:#16142b;--wheel-peg:#fff;--wheel-divider:#fff;--wheel-empty:#dedaf0;--hub-bg:#16142b;--hub-ink:#fff;--shadow-1:0 1px 2px #16142b0f, 0 4px 14px #16142b0f;--shadow-2:0 2px 6px #16142b14, 0 18px 40px #16142b24;--wheel-shadow:drop-shadow(0 14px 22px #16142b33);--radius-s:10px;--radius-m:16px;--radius-l:28px;--gutter:clamp(16px, 4vw, 40px);--max:1240px;--ease-out:cubic-bezier(.16, 1, .3, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#13111f;--stage:#1b1830;--surface:#1d1a30;--surface-2:#27243d;--field:#17152a;--line:#34304f;--line-strong:#4a4569;--ink:#f4f2ff;--ink-2:#c9c5e2;--ink-3:#a6a1c4;--btn-bg:#f4f2ff;--btn-ink:#13111f;--accent:#ff6a4d;--accent-soft:#4a2219;--focus:#8fa2ff;--ray:#8fa2ff12;--danger:#ff8a73;--wheel-rim:#f4f2ff;--wheel-peg:#13111f;--wheel-divider:#13111f;--wheel-empty:#2c2944;--hub-bg:#f4f2ff;--hub-ink:#13111f;--shadow-1:0 1px 2px #0000004d, 0 4px 14px #00000040;--shadow-2:0 2px 6px #00000059, 0 18px 40px #00000073;--wheel-shadow:drop-shadow(0 14px 26px #0000008c);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#13111f;--stage:#1b1830;--surface:#1d1a30;--surface-2:#27243d;--field:#17152a;--line:#34304f;--line-strong:#4a4569;--ink:#f4f2ff;--ink-2:#c9c5e2;--ink-3:#a6a1c4;--btn-bg:#f4f2ff;--btn-ink:#13111f;--accent:#ff6a4d;--accent-soft:#4a2219;--focus:#8fa2ff;--ray:#8fa2ff12;--danger:#ff8a73;--wheel-rim:#f4f2ff;--wheel-peg:#13111f;--wheel-divider:#13111f;--wheel-empty:#2c2944;--hub-bg:#f4f2ff;--hub-ink:#13111f;--shadow-1:0 1px 2px #0000004d, 0 4px 14px #00000040;--shadow-2:0 2px 6px #00000059, 0 18px 40px #00000073;--wheel-shadow:drop-shadow(0 14px 26px #0000008c);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scrollbar-color:var(--line-strong) transparent}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;flex-direction:column;min-height:100vh;margin:0;font-size:1.0625rem;font-weight:420;line-height:1.6;display:flex}main{flex:1}::selection{background:color-mix(in srgb, var(--accent) 32%, transparent);color:var(--ink)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}h1,h2,h3{letter-spacing:-.025em;text-wrap:balance;margin:0;font-weight:760;line-height:1.08}p{text-wrap:pretty;margin:0}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:.08em}a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}code{font-family:var(--font);background:var(--surface-2);white-space:nowrap;border-radius:6px;padding:.05em .35em;font-weight:650}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip{z-index:200;background:var(--btn-bg);color:var(--btn-ink);border-radius:999px;padding:10px 16px;font-weight:650;text-decoration:none;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.icon{flex:none;width:1.25em;height:1.25em}.btn{white-space:nowrap;min-height:44px;transition:background-color .15s, transform .15s var(--ease-out), box-shadow .15s;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.5em;padding:0 18px;font-size:.975rem;font-weight:640;line-height:1.1;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn--primary{background:var(--btn-bg);color:var(--btn-ink)}.btn--primary:hover{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 55%, transparent)}.btn--quiet{color:var(--ink)}.btn--quiet:hover{background:var(--surface-2)}.btn--outline{box-shadow:inset 0 0 0 2px var(--ink);color:var(--ink)}.btn--outline:hover{background:var(--surface-2)}.btn--lg{min-height:56px;padding:0 28px;font-size:1.1rem}.btn--icon{width:44px;padding:0}.icon-btn{width:44px;height:44px;color:var(--ink);background:0 0;border:0;border-radius:999px;place-items:center;transition:background-color .15s;display:inline-grid}.icon-btn:hover{background:var(--surface-2)}.icon-btn--sm{width:36px;height:36px}.icon-btn .icon{width:22px;height:22px}.link-btn{min-height:36px;color:var(--ink-2);background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;margin:0 -10px;padding:0 10px;font-size:.925rem;font-weight:600;display:inline-flex}.link-btn:hover{color:var(--ink);background:var(--surface-2)}.link-btn .icon{width:18px;height:18px}.badge{background:var(--accent);color:#16142b;font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;min-width:1.6em;height:1.6em;padding:0 .45em;font-size:.8em;font-weight:760;display:inline-grid}.badge--soft{background:var(--surface-2);color:var(--ink-2)}.soon-tag{background:var(--surface-2);color:var(--ink-2);white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:620;display:inline-block}.site-header{max-width:var(--max);width:100%;padding:12px var(--gutter);align-items:center;gap:20px;min-height:68px;margin:0 auto;display:flex}.wordmark{letter-spacing:-.04em;color:var(--ink);align-items:center;gap:9px;font-size:1.45rem;font-weight:800;text-decoration:none;display:inline-flex}.wordmark .mark{transition:transform .6s var(--ease-out)}.wordmark:hover .mark{transform:rotate(120deg)}.wordmark--small{font-size:1.2rem}.tools-menu{position:relative}.tools-menu__btn{min-height:44px;color:var(--ink);background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 12px;font-size:.95rem;font-weight:640;transition:background-color .15s;display:inline-flex}.tools-menu__btn:hover,.tools-menu.is-open .tools-menu__btn{background:var(--surface-2)}.tools-menu__btn .icon{width:20px;height:20px}.tools-menu__btn .tools-menu__chev{width:16px;height:16px;color:var(--ink-2);transition:transform .2s var(--ease-out);margin-left:-2px}.tools-menu.is-open .tools-menu__chev{transform:rotate(180deg)}.tools-menu__panel{z-index:60;width:min(680px, calc(100vw - 2 * var(--gutter)));overscroll-behavior:contain;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);max-height:calc(100dvh - 96px);box-shadow:var(--shadow-2);animation:menu-in .18s var(--ease-out);padding:8px;position:absolute;top:calc(100% + 8px);left:-8px;overflow-y:auto}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px)}}.tools-menu__list{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:2px;margin:0;padding:0;list-style:none;display:grid}.tools-menu__item{border-radius:var(--radius-s);min-height:56px;color:var(--ink);grid-template-columns:40px 1fr;align-items:center;gap:12px;padding:8px 10px;text-decoration:none;display:grid}.tools-menu__item:hover{background:var(--surface-2)}.tools-menu__item[aria-current=page]{background:var(--surface-2);box-shadow:inset 3px 0 0 var(--accent)}.tools-menu__text{gap:1px;min-width:0;display:grid}.tools-menu__text strong{letter-spacing:-.01em;font-size:.975rem;font-weight:700;line-height:1.25}.tools-menu__text span{color:var(--ink-3);font-size:.85rem;line-height:1.35}.tool-chip{background:color-mix(in srgb, var(--tool-c) 20%, var(--surface));width:40px;height:40px;color:color-mix(in srgb, var(--tool-c) 58%, var(--ink));border-radius:50%;flex:none;place-items:center;display:inline-grid}.tool-chip .icon{width:22px;height:22px}.tool-chip--lg{width:52px;height:52px}.tool-chip--lg .icon{width:26px;height:26px}.site-header__actions{align-items:center;gap:4px;margin-left:auto;display:flex}[data-theme-toggle] .icon--sun,[data-theme-toggle][aria-pressed=true] .icon--moon{display:none}[data-theme-toggle][aria-pressed=true] .icon--sun{display:block}.lang-menu{position:relative}.lang-menu summary{align-items:center;gap:6px;width:auto;padding:0 10px;list-style:none;display:inline-flex}.lang-menu summary::-webkit-details-marker{display:none}.lang-menu__code{letter-spacing:.02em;font-size:.85rem;font-weight:700}.lang-menu__list{z-index:50;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);min-width:220px;box-shadow:var(--shadow-2);padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.lang-menu__item{border-radius:var(--radius-s);padding:10px 14px;font-weight:560;text-decoration:none}.lang-menu__item:hover{background:var(--surface-2)}.lang-menu__item[aria-current=true]{background:var(--surface-2);font-weight:760}@media (max-width:599px){.site-header{gap:8px;min-height:60px;padding-top:8px;padding-bottom:8px}.wordmark{margin-right:auto}.tools-menu{order:3;position:static}.site-header{position:relative}.site-header__actions{margin-left:0}.tools-menu__btn{justify-content:center;width:44px;padding:0}.tools-menu__label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tools-menu__btn .tools-menu__chev{display:none}.tools-menu__btn .icon{width:22px;height:22px}.tools-menu__panel{width:auto;top:calc(100% - 2px);left:8px;right:8px}.tools-menu__list{grid-template-columns:1fr}}.content{max-width:var(--max);padding:clamp(40px, 7vw, 88px) var(--gutter) 72px;gap:40px;margin:0 auto;display:grid}.content:has(.content__rail .ad:not([hidden])){grid-template-columns:minmax(0,1fr)}@media (min-width:1280px){.content:has(.content__rail .ad:not([hidden])){grid-template-columns:minmax(0,1fr) 300px}}.content__main{gap:clamp(48px,7vw,80px);max-width:760px;display:grid}.content__rail:not(:has(.ad:not([hidden]))){display:none}@media (max-width:1279px){.content__rail{display:none}}.prose h2{margin-bottom:20px;font-size:clamp(1.6rem,3.2vw,2.15rem)}.prose h3{letter-spacing:-.015em;margin:28px 0 8px;font-size:1.2rem}.prose p{max-width:68ch;color:var(--ink-2)}.prose p+p{margin-top:14px}.prose strong{color:var(--ink);font-weight:700}.steps{counter-reset:step;gap:18px;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;min-height:40px;color:var(--ink-2);max-width:68ch;padding-left:56px;position:relative}.steps li:before{content:counter(step);background:var(--btn-bg);width:40px;height:40px;color:var(--btn-ink);border-radius:50%;place-items:center;font-size:1.05rem;font-weight:800;display:grid;position:absolute;top:-2px;left:0}.uses{gap:8px 40px;display:grid}@media (min-width:700px){.uses{grid-template-columns:1fr 1fr}}.use{border-top:2px solid var(--ink);margin-bottom:20px;padding-top:14px}.use h3{margin-top:0}.faq h3{border-top:1px solid var(--line);padding-top:24px}.faq h3:first-of-type{border-top:0;margin-top:0;padding-top:0}.tool-links{border-top:1px solid var(--line);margin:0;padding:0;list-style:none;display:grid}.tool-link>a,.tool-link>div:first-child{grid-template-columns:1fr auto;align-items:center;gap:2px 16px;padding:16px 4px;text-decoration:none;display:grid}.tool-link{border-bottom:1px solid var(--line)}.tool-link.is-soon{justify-content:space-between;align-items:center;gap:12px;display:flex}.tool-link.is-soon>div{padding:14px 4px;display:grid}.tool-link strong{letter-spacing:-.01em;font-size:1.1rem;font-weight:720}.tool-link span{color:var(--ink-3);grid-column:1;font-size:.95rem}.tool-link>a .icon{transition:transform .2s var(--ease-out);grid-area:1/2/span 2}.tool-link>a:hover .icon{transform:translate(4px)}.tool-link>a:hover strong{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:.2em}.tool-link.is-soon strong{color:var(--ink-2)}.ad{border-radius:var(--radius-m);background:var(--surface-2);height:280px;overflow:hidden}.ad-box--rail{position:sticky;top:24px}.ad--rail{width:300px;height:600px;min-height:600px}.ad-box__label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);margin:0 0 6px;font-size:.75rem;font-weight:600}.ad-box--side .ad{width:160px;height:600px}.ad-box--after{max-width:var(--max);padding:40px var(--gutter) 0;margin:0 auto}.ad-box--after .ad{max-width:728px;height:100px}@media (max-width:1279px){.ad-box--side,.ad-box--howto{display:none}}@media (min-width:1280px){.ad-box--after{display:none}.tool:has(>.ad-box--side:not([hidden])){grid-template-columns:minmax(0,1fr) 160px;align-items:start;column-gap:40px;display:grid}.tool:has(>.ad-box--side:not([hidden]))>*{grid-column:1}.tool:has(>.ad-box--side:not([hidden]))>.ad-box--side{grid-area:1/2/span 12;padding-top:clamp(4px,2vw,20px);position:sticky;top:24px}}.site-footer{background:var(--surface-2);margin-top:auto}.site-footer__inner{max-width:var(--max);padding:48px var(--gutter) calc(48px + env(safe-area-inset-bottom));grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:32px;margin:0 auto;display:grid}.site-footer__brand{max-width:560px;color:var(--ink-2);grid-column:1/-1;gap:10px;display:grid}@media (min-width:900px){.site-footer__inner{grid-template-columns:1.6fr 1fr 1fr 1fr}.site-footer__brand{grid-column:auto}}.site-footer__promise{align-items:flex-start;gap:8px;font-size:.95rem;display:flex}.site-footer__promise .icon{margin-top:2px}.site-footer h2{letter-spacing:0;margin-bottom:10px;font-size:.95rem}.site-footer ul{gap:4px;margin:0;padding:0;font-size:.95rem;list-style:none;display:grid}.site-footer li{color:var(--ink-2)}.site-footer a{color:var(--ink-2);padding:4px 0;text-decoration:none;display:inline-block}.site-footer a:hover,.site-footer a[aria-current=true]{color:var(--ink);text-decoration:underline}.site-footer .is-soon{padding:4px 0}.site-footer .soon-tag{background:var(--bg);padding:1px 8px;font-size:.72rem}.home{max-width:var(--max);width:100%;padding:0 var(--gutter) 80px;gap:clamp(56px,9vw,112px);margin:0 auto;display:grid}.home-hero{align-items:center;gap:32px;padding-top:clamp(16px,4vw,48px);display:grid}@media (min-width:900px){.home-hero{grid-template-columns:1.15fr 1fr}}.home-hero h1{letter-spacing:-.04em;font-size:clamp(2.5rem,6.4vw,4.75rem);font-weight:800;line-height:.98}.home-hero__lede{color:var(--ink-2);max-width:34em;margin:22px 0 30px;font-size:clamp(1.1rem,1.8vw,1.3rem)}.home-hero .btn .icon{width:22px;height:22px}.home-hero__wheel{aspect-ratio:1;justify-self:center;width:min(100%,460px);display:block;position:relative}.mini-wheel{background:conic-gradient(#ff5a3c 0 45deg, #ffc233 45deg 90deg, #19a974 90deg 135deg, #3d5bff 135deg 180deg, #ff73b9 180deg 225deg, #1fb5e0 225deg 270deg, #8b5cf6 270deg 315deg, #ff9a1f 315deg 360deg);box-shadow:inset 0 0 0 10px var(--wheel-rim);filter:var(--wheel-shadow);transition:transform 1.6s var(--ease-out);border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}.home-hero__wheel:hover .mini-wheel{transform:rotate(250deg)}.mini-wheel__pointer{width:13%;fill:var(--accent);stroke:var(--wheel-rim);stroke-width:3px;position:absolute;top:50%;right:-3%;translate:0 -50%}.mini-wheel__hub{background:var(--hub-bg);width:26%;height:26%;color:var(--hub-ink);box-shadow:0 0 0 6px var(--accent);border-radius:50%;place-items:center;margin:auto;font-size:clamp(1rem,2.4vw,1.5rem);font-weight:800;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}@media (prefers-reduced-motion:reduce){.mini-wheel,.wordmark .mark,.tool-card,.tool-card__go,.tools-menu__chev{transition:none}.tools-menu__panel{animation:none}}.home-tools h2,.home-points h2{margin-bottom:20px;font-size:clamp(1.6rem,3.2vw,2.15rem)}.tool-cards{gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.tool-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media (min-width:1040px){.tool-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.tool-cards>li{display:grid}.tool-card{border-radius:var(--radius-m);background:var(--surface);box-shadow:var(--shadow-1);color:var(--ink);transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out);grid-template-rows:auto 1fr;grid-template-columns:52px minmax(0,1fr);align-items:start;gap:4px 16px;padding:18px 44px 18px 18px;text-decoration:none;display:grid;position:relative}a.tool-card:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.tool-card .tool-chip{grid-row:1/span 2}.tool-card__name{letter-spacing:-.015em;margin:4px 0 0;font-size:1.15rem;font-weight:760;line-height:1.2}.tool-card__blurb{color:var(--ink-2);margin:0;font-size:.95rem;line-height:1.45}.tool-card__go{width:20px;height:20px;color:var(--ink-3);transition:transform .2s var(--ease-out), color .2s;position:absolute;top:22px;right:16px}a.tool-card:hover .tool-card__go{color:var(--accent);transform:translate(3px)}a.tool-card:hover .tool-card__name{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:.2em}.tool-card.is-soon{box-shadow:inset 0 0 0 1.5px var(--line);background:0 0;padding-right:18px}.tool-card.is-soon .tool-chip{filter:saturate(.4);opacity:.75}.tool-card.is-soon .tool-card__name{color:var(--ink-2)}.tool-card.is-soon .soon-tag{grid-column:2;justify-self:start;margin-top:6px}.home-points ul{gap:28px 48px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:800px){.home-points ul{grid-template-columns:1fr 1fr}}.home-points li{grid-template-columns:48px 1fr;align-items:start;gap:16px;display:grid}.home-points li>.icon{background:var(--surface);width:48px;height:48px;box-shadow:var(--shadow-1);border-radius:50%;padding:11px}.home-points h3{margin:6px 0;font-size:1.2rem}.home-points p{color:var(--ink-2);max-width:46ch}.text-page{width:100%;max-width:var(--max);padding:clamp(24px, 5vw, 64px) var(--gutter) 80px;margin:0 auto}.prose--page{max-width:720px}.prose--page h1{letter-spacing:-.04em;margin-bottom:18px;font-size:clamp(2.25rem,5.5vw,3.75rem);font-weight:800}.prose--page .lede{color:var(--ink);margin-bottom:32px;font-size:1.2rem}.prose--page h2{margin:40px 0 12px;font-size:1.45rem}.not-found .tool-links{margin:8px 0 32px}.about-tools li+li{margin-top:10px}
