@font-face{font-family:Anybody Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(./anybody-vietnamese-wdth-normal.9GtAklmW.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:Anybody Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(./anybody-latin-ext-wdth-normal.BaQ5u-C4.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:Anybody Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(./anybody-latin-wdth-normal.CHqbGEEr.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}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(./figtree-latin-ext-wght-normal.DCwSJGxG.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:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(./figtree-latin-wght-normal.D_ZTVpCC.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{--bg:oklch(18.5% .008 110);--s1:oklch(22.5% .009 110);--s2:oklch(27% .01 110);--line:oklch(36% .012 110);--tx:oklch(95% .008 110);--tx2:oklch(80% .01 110);--hv:oklch(90% .19 115);--hv-d:oklch(78% .17 115);--ink-on-hv:oklch(20% .04 115);--bad:oklch(74% .16 35);--ok:oklch(84% .14 160);--r:10px;--sp1:4px;--sp2:8px;--sp3:12px;--sp4:16px;--sp5:24px;--sp6:32px;--sp7:48px;--sp8:64px;--sp9:96px;--disp:"Anybody Variable", "Arial Narrow", sans-serif;--body:"Figtree Variable", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--tx);font:400 1.0625rem/1.65 var(--body);letter-spacing:.005em;margin:0}img,svg,video{max-width:100%;display:block}a{color:var(--hv);text-underline-offset:3px}a:hover{color:var(--tx)}:focus-visible{outline:3px solid var(--hv);outline-offset:3px;border-radius:4px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden}.skip,.sr{position:absolute}.skip{background:var(--hv);color:var(--ink-on-hv);z-index:10;padding:8px 12px;top:8px;left:-999px}.skip:focus{left:8px}.num{font-variant-numeric:tabular-nums}h1,h2,h3{font-family:var(--disp);text-wrap:balance;margin:0 0 var(--sp4);letter-spacing:-.01em;line-height:1.08}h1{font-size:clamp(2.3rem,1.4rem + 4.2vw,4.6rem);font-weight:800;font-stretch:78%}h2{margin-top:var(--sp8);font-size:clamp(1.6rem,1.2rem + 1.6vw,2.4rem);font-weight:750;font-stretch:85%}h3{margin-top:var(--sp6);font-size:1.3rem;font-weight:700;font-stretch:92%}li,p{text-wrap:pretty}.prose{max-width:68ch}.prose li,.prose p{color:var(--tx2)}.prose strong{color:var(--tx)}.shell{flex-direction:column;min-height:100vh;display:flex}main{width:100%;max-width:1180px;padding:0 clamp(16px,4vw,40px) var(--sp9);flex:1;margin:0 auto}.top{gap:var(--sp4);padding:var(--sp3) clamp(16px,4vw,40px);border-bottom:1px solid var(--line);position:relative}.brand,.top{align-items:center;display:flex}.brand{color:var(--tx);font-family:var(--disp);gap:10px;min-height:44px;font-size:1.35rem;font-weight:700;font-stretch:70%;text-decoration:none}.brand b,.foot-brand b{color:var(--hv);font-weight:900;font-stretch:55%}.nav{flex-wrap:wrap;gap:2px;margin-left:auto;display:flex}.nav a{color:var(--tx2);border-radius:8px;align-items:center;min-height:44px;padding:10px 12px;font-size:.95rem;font-weight:550;text-decoration:none;display:inline-flex}.nav a:hover{color:var(--tx);background:var(--s1)}.nav a.router-link-exact-active{color:var(--ink-on-hv);background:var(--hv)}.menu-btn{display:none}@media (width<=1060px){.menu-btn{background:var(--s2);color:var(--tx);border:1px solid var(--line);min-height:44px;font:600 .95rem var(--body);cursor:pointer;border-radius:999px;align-items:center;margin-left:auto;padding:0 18px;display:inline-flex}.nav{background:var(--s1);border-bottom:1px solid var(--line);padding:var(--sp3);z-index:5;flex-direction:column;display:none;position:absolute;top:100%;left:0;right:0}.nav.open{display:flex}}.foot{border-top:1px solid var(--line);background:var(--s1);padding:var(--sp7) clamp(16px,4vw,40px);color:var(--tx2);font-size:.95rem}.foot-grid{gap:var(--sp6);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));max-width:1180px;margin:0 auto;display:grid}.foot-grid>*{min-width:0}.foot ul{margin:0;padding:0;list-style:none}.foot li a{color:var(--tx2);padding:6px 0;display:inline-block}.foot li a:hover{color:var(--hv)}.foot-brand,.foot-h{color:var(--tx);margin:0 0 var(--sp2);font-weight:700}.foot-brand{font-family:var(--disp);font-size:1.4rem;font-stretch:70%}.hero{gap:var(--sp6);padding-top:var(--sp7);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.hero>*{min-width:0}@media (width>=960px){.hero{padding-top:var(--sp8);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}.lede{color:var(--tx2);max-width:46ch;margin:0 0 var(--sp5);font-size:1.2rem}.squash{color:var(--hv);font-stretch:150%;animation:2.8s cubic-bezier(.7,0,.2,1) .4s forwards squash;display:inline-block}@keyframes squash{to{font-stretch:50%}}.facts{gap:var(--sp2) var(--sp5);color:var(--tx2);flex-wrap:wrap;margin:0;padding:0;font-size:.95rem;list-style:none;display:flex}.facts li:before{content:"■ ";color:var(--hv);vertical-align:2px;font-size:.7em}.tool{background:var(--s1);border:1px solid var(--line);border-radius:14px;padding:clamp(12px,2.5vw,24px)}.drop{border-radius:var(--r);background:repeating-linear-gradient(-45deg,var(--hv) 0 14px,var(--ink-on-hv) 14px 28px);padding:10px}.drop.on .drop-inner{background:var(--s2)}.drop-inner{justify-content:center;align-items:center;gap:var(--sp2);text-align:center;background:var(--bg);padding:var(--sp8) var(--sp4);cursor:pointer;border-radius:6px;flex-direction:column;min-height:280px;display:flex}.drop-inner strong{font-family:var(--disp);font-size:clamp(1.5rem,1.2rem + 1.2vw,2.1rem);font-weight:800;font-stretch:80%}.drop-sub{color:var(--tx2)}.drop-sub u{color:var(--hv)}.drop-note{color:var(--ok);font-size:.92rem;font-weight:600}.drop-inner:focus-within{outline:3px solid var(--hv);outline-offset:2px}.press{width:84px;height:56px;margin-bottom:var(--sp2);position:relative}.press span{background:var(--hv);border-radius:3px;height:10px;animation:2.4s ease-in-out infinite jaw;position:absolute;left:0;right:0}.press span:first-child{top:0}.press span:last-child{animation-name:jaw2;bottom:0}.press:after{content:"";border:3px solid var(--tx2);border-radius:4px;animation:2.4s ease-in-out infinite body;position:absolute;inset:16px 22px}@keyframes jaw{50%{transform:translateY(12px)}}@keyframes jaw2{50%{transform:translateY(-12px)}}@keyframes body{50%{transform:scaleY(.2)}}.work{gap:var(--sp4);flex-direction:column;display:flex}.file-row{gap:var(--sp3);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.file-meta{min-width:0;color:var(--tx2);flex-direction:column;font-size:.92rem;display:flex}.fname{color:var(--tx);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.preview{background:#000;border-radius:8px;width:100%;max-height:300px}.gauge{padding-top:22px}.g-track{background:var(--s2);height:18px}.g-src,.g-track{border-radius:4px;position:relative}.g-src{background:repeating-linear-gradient(90deg,var(--tx2) 0 2px,transparent 2px 6px);height:100%}.g-src span{color:var(--tx2);white-space:nowrap;font-size:.8rem;position:absolute;top:-22px;right:0}.g-target{background:var(--hv);border-radius:2px;width:4px;margin-left:-2px;position:absolute;top:-6px;bottom:-6px}.g-target span{color:var(--hv);white-space:nowrap;font-size:.8rem;font-weight:700;position:absolute;top:28px;left:50%;transform:translate(-50%)}.controls{gap:var(--sp4);margin-top:var(--sp3)}.controls,.grp{flex-direction:column;display:flex}.grp{gap:var(--sp3);border:0;min-width:0;margin:0;padding:0}.grp legend,.grp summary{font-family:var(--disp);margin-bottom:var(--sp2);padding:0;font-size:1.05rem;font-weight:700;font-stretch:85%}.more summary{cursor:pointer;min-height:44px;color:var(--hv);align-items:center;display:flex}.adv{gap:var(--sp3);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));display:grid}.adv>*{min-width:0}.adv label:not(.check),.inline,.trim label{color:var(--tx2);flex-direction:column;gap:4px;font-size:.92rem;font-weight:600;display:flex}.inline{align-items:center;gap:var(--sp2);flex-direction:row}.trim{gap:var(--sp4);flex-wrap:wrap;display:flex}.trim label{align-items:center;gap:var(--sp2);flex-direction:row}input[type=number],input[type=text],select{background:var(--bg);color:var(--tx);border:1px solid var(--line);min-height:44px;font:500 1rem var(--body);border-radius:8px;padding:0 12px}input[type=number]{width:7.5ch}input[type=range]{width:100%;accent-color:var(--hv);min-height:32px}.check{color:var(--tx);cursor:pointer;align-items:flex-start;gap:10px;min-height:44px;font-size:.95rem;display:flex}.check input{width:20px;height:20px;accent-color:var(--hv);flex:none;margin-top:3px}.seg{background:var(--bg);flex-wrap:wrap;gap:4px;width:fit-content;max-width:100%;padding:4px;display:flex}.seg,.seg button{border-radius:999px}.seg button{color:var(--tx2);font:600 .95rem var(--body);cursor:pointer;background:0 0;border:0;min-height:40px;padding:0 16px}.seg button.sel{background:var(--hv);color:var(--ink-on-hv)}.chips{gap:var(--sp2);flex-wrap:wrap;display:flex}.chip{background:var(--bg);border:1px solid var(--line);color:var(--tx);cursor:pointer;min-height:44px;font:500 .95rem var(--body);text-align:left;border-radius:8px;flex-direction:column;align-items:flex-start;padding:8px 12px;display:flex}.chip small{color:var(--tx2);font-size:.8rem}.chip.sel{border-color:var(--hv);background:oklch(90% .19 115/.12)}.chip.small{border-radius:999px;padding:6px 14px;font-size:.9rem}.hint{color:var(--tx2);margin:0;font-size:.92rem}.hint.ok{color:var(--ok)}.hint.warn{color:oklch(86% .13 85)}.bad,.hint.bad{color:var(--bad)}.plan{background:var(--bg);color:var(--tx);border-radius:8px;padding:10px 14px;font-size:.92rem}.go-row{gap:var(--sp3);display:flex}.btn{min-height:48px;font:700 1.02rem var(--body);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 24px;text-decoration:none;display:inline-flex}.btn.primary{background:var(--hv);color:var(--ink-on-hv)}.btn.primary:hover{background:var(--tx);color:var(--bg)}.btn.primary:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{color:var(--tx);border:1px solid var(--line);background:0 0;min-height:44px}.prog .bar{background:var(--bg);border-radius:6px;height:12px;overflow:hidden}.prog .bar i{background:repeating-linear-gradient(-45deg,var(--hv) 0 10px,var(--hv-d) 10px 20px);height:100%;transition:width .3s;display:block}.prog span{color:var(--tx2);font-size:.88rem}.result{gap:var(--sp3);border-top:1px solid var(--line);padding-top:var(--sp4);flex-direction:column}.ba,.result{display:flex}.ba{align-items:center;gap:var(--sp4);flex-wrap:wrap}.ba small{color:var(--tx2);font-size:.85rem;display:block}.ba b{font-family:var(--disp);font-size:2rem;font-stretch:75%}.ba .arrow{color:var(--hv);font-size:1.6rem}.pct{background:var(--hv);color:var(--ink-on-hv);border-radius:999px;padding:4px 14px;font-weight:800}.linkbtn{color:var(--hv);cursor:pointer;font:inherit;background:0 0;border:0;min-height:44px;text-decoration:underline}.ask{border-top:1px solid var(--line);padding-top:var(--sp4);gap:var(--sp3);flex-direction:column;display:flex}.ask-h{margin:0;font-size:1.25rem}.ask-form,.ask-sugg{gap:var(--sp2);flex-wrap:wrap;display:flex}.ask-form input{flex:220px;min-width:0}.ask-a{background:var(--bg);padding:var(--sp4);white-space:pre-wrap;color:var(--tx);border-radius:8px;font-size:.98rem}.ask.standalone{background:var(--s1);border:1px solid var(--line);padding:var(--sp5);margin-top:var(--sp6);border-radius:14px}.cols{gap:var(--sp6);grid-template-columns:minmax(0,1fr);display:grid}.cols>*{min-width:0}@media (width>=900px){.cols{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}.steps{counter-reset:s;gap:var(--sp4);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));padding:0;list-style:none;display:grid}.steps li{counter-increment:s;background:var(--s1);border-radius:var(--r);padding:var(--sp5);color:var(--tx2);min-width:0}.steps li:before{content:counter(s);background:var(--hv);width:34px;height:34px;color:var(--ink-on-hv);font:800 1rem var(--disp);margin-bottom:var(--sp3);border-radius:50%;place-items:center;display:inline-grid}.steps b{color:var(--tx);margin-bottom:4px;display:block}.tbl-wrap{border:1px solid var(--line);border-radius:var(--r);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.95rem}td,th{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 14px}th{background:var(--s2);white-space:nowrap;font-weight:700}tr:last-child td{border-bottom:0}td.n{font-variant-numeric:tabular-nums;white-space:nowrap}.callout{border-radius:var(--r);padding:var(--sp4) var(--sp5);background:oklch(90% .19 115/.09);border:1px solid oklch(90% .19 115/.35)}.callout p{color:var(--tx);margin:0}.linkgrid{gap:var(--sp2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.linkgrid a{background:var(--s1);border:1px solid var(--line);min-height:44px;color:var(--tx);border-radius:999px;align-items:center;padding:0 16px;font-weight:600;text-decoration:none;display:inline-flex}.linkgrid a:hover{border-color:var(--hv);color:var(--hv)}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;padding:var(--sp4) 0;min-height:44px;font-weight:650;list-style-position:outside}.faq details p{color:var(--tx2);margin:0 0 var(--sp4);max-width:70ch}.page-head{padding-top:var(--sp7);max-width:60rem}.src{color:var(--tx2);font-size:.88rem}.exp{background:var(--s1);margin:var(--sp5) 0;border-radius:14px;padding:clamp(16px,3vw,32px)}.exp h3{margin-top:0}.exp-grid{gap:var(--sp5);grid-template-columns:minmax(0,1fr);display:grid}.exp-grid>*{min-width:0}@media (width>=820px){.exp-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.exp label{color:var(--tx2);margin-bottom:var(--sp3);flex-direction:column;gap:2px;font-size:.92rem;font-weight:600;display:flex}.exp label output{color:var(--tx);font-weight:700}.budget{background:var(--bg);border-radius:6px;height:44px;display:flex;overflow:hidden}.budget i{color:var(--ink-on-hv);white-space:nowrap;place-items:center;font-size:.8rem;font-style:normal;font-weight:700;transition:width .25s;display:grid;overflow:hidden}.big-read{font-family:var(--disp);color:var(--hv);margin:var(--sp2) 0;font-size:clamp(2rem,1.5rem + 2vw,3rem);font-weight:800;font-stretch:70%;line-height:1}.frames{margin:var(--sp4) 0;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;display:grid}.frames button{aspect-ratio:3/4;border:1px solid var(--line);background:var(--bg);color:var(--tx2);font:700 .75rem var(--body);cursor:pointer;border-radius:4px;min-width:0;min-height:44px;padding:0}.frames button.k{background:var(--hv);color:var(--ink-on-hv);border-color:var(--hv)}.frames button.cur{outline:3px solid var(--tx);outline-offset:1px}.pixgrid{background:var(--bg);border-radius:6px;gap:2px;max-width:320px;padding:2px;display:grid}.pixgrid i{aspect-ratio:1;border-radius:1px;transition:background .2s}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.squash{font-stretch:50%}}.exp label.check{color:var(--tx);flex-direction:row;align-items:flex-start;font-weight:500}@media (width>=960px){.hero>div:first-child{position:sticky;top:24px}}.more summary:before{content:"+";background:var(--s2);width:22px;height:22px;color:var(--hv);border-radius:50%;place-items:center;margin-right:8px;display:inline-grid}.more[open] summary:before{content:"–"}.more summary{list-style:none}.more summary::-webkit-details-marker{display:none}