@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./archivo-vietnamese-wdth-normal.rJmnGBSt.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./archivo-latin-ext-wdth-normal.7khWdh9v.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./archivo-latin-wdth-normal.DY7AcnAa.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{--hue:355;--paper:oklch(98.5% 0 0);--paper-2:oklch(95.5% .004 355);--line:oklch(86% .008 355);--ink:oklch(20% .012 355);--ink-2:oklch(38% .012 355);--brand:oklch(53% .21 355);--brand-deep:oklch(44% .19 355);--brand-tint:oklch(95% .03 355);--stage:oklch(20% .012 355);--stage-2:oklch(26% .014 355);--stage-3:oklch(33% .016 355);--stage-ink:oklch(95% .005 355);--stage-ink-2:oklch(78% .01 355);--amber:oklch(80% .13 72);--ok:oklch(55% .13 150);--err:oklch(50% .19 28);--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--r:10px;--wrap:1180px;--font:"Archivo Variable", "Arial Narrow", system-ui, sans-serif;--ease:cubic-bezier(.2, .7, .2, 1)}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font);margin:0;font-size:1.0625rem;font-stretch:100%;line-height:1.6}canvas,img{max-width:100%;display:block}a{color:var(--brand-deep);text-underline-offset:3px}a:hover{color:var(--brand)}h1,h2,h3{text-wrap:balance;letter-spacing:-.015em;margin:0;font-stretch:125%;line-height:1.08}h1{font-size:clamp(2.1rem,1.3rem + 3.4vw,4rem);font-weight:800}h2{font-size:clamp(1.5rem,1.1rem + 1.6vw,2.25rem);font-weight:750}h3{font-size:1.2rem;font-weight:700;font-stretch:112%}p{text-wrap:pretty;margin:0}.wrap{max-width:var(--wrap);padding:0 var(--s4);margin:0 auto}@media (width>=720px){.wrap{padding:0 var(--s6)}}.prose{gap:var(--s4);max-width:68ch;display:grid}.prose h2{margin-top:var(--s5)}.prose h3{margin-top:var(--s3)}.prose ol,.prose ul{gap:var(--s2);margin:0;padding-left:1.25em;display:grid}.num{font-variant-numeric:tabular-nums}:focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:4px}.stage :focus-visible{outline-color:var(--amber)}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.mark,.sr{white-space:nowrap}.mark{display:inline-block;position:relative}.mark:after{content:"";border:.075em solid var(--brand);pointer-events:none;opacity:.92;border-radius:50%;position:absolute;inset:-.08em -.22em -.02em -.2em;transform:rotate(-2.5deg)}.btn{justify-content:center;align-items:center;gap:var(--s2);min-height:44px;padding:0 var(--s5);font:inherit;cursor:pointer;transition:background .15s var(--ease),color .15s,transform .1s;border:1.5px solid #0000;border-radius:999px;font-size:1rem;font-weight:650;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-deep);color:#fff}.btn-ghost{color:inherit;background:0 0;border-color:currentColor}.btn-ghost:hover{background:color-mix(in oklch,currentColor 10%,transparent)}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn-sm{min-height:44px;padding:0 var(--s4);font-size:.95rem}.site-header{border-bottom:1px solid var(--line);background:var(--paper);z-index:30;position:sticky;top:0}.site-header .wrap{justify-content:space-between;align-items:center;gap:var(--s4);min-height:60px;display:flex}.logo{align-items:center;gap:var(--s2);color:var(--ink);font-size:1.1rem;font-weight:800;font-stretch:125%;text-decoration:none;display:inline-flex}.logo svg{width:28px;height:28px}.nav-toggle{border:1.5px solid var(--ink);min-width:44px;min-height:44px;font:inherit;padding:0 var(--s4);cursor:pointer;color:var(--ink);background:0 0;border-radius:999px;justify-content:center;align-items:center;font-weight:650;display:inline-flex}.nav{display:none}.nav.open{background:var(--paper);border-bottom:1px solid var(--line);padding:var(--s3) var(--s4) var(--s5);gap:0;display:grid;position:absolute;top:60px;left:0;right:0}.nav a{color:var(--ink);min-height:44px;padding:0 var(--s2);border-radius:6px;align-items:center;font-weight:550;text-decoration:none;display:flex}.nav a:hover{background:var(--paper-2)}.nav a.router-link-exact-active{color:var(--brand-deep);box-shadow:inset 0 -2px 0 var(--brand);border-radius:0}@media (width>=1080px){.nav-toggle{display:none}.nav,.nav.open{gap:var(--s1);background:0 0;border:0;padding:0;display:flex;position:static}.nav a{padding:0 var(--s3);font-size:.95rem}}.hero{padding:var(--s6) 0 var(--s5);gap:var(--s4);display:grid}.hero .lede{color:var(--ink-2);max-width:60ch;font-size:clamp(1.05rem,1rem + .4vw,1.25rem)}.stage{background:var(--stage);color:var(--stage-ink);border-radius:var(--r);overflow:hidden}.edge,.stage a{color:var(--amber)}.edge{justify-content:space-between;gap:var(--s4);padding:var(--s2) var(--s4);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:oklch(16% .01 355);font-size:.78rem;font-weight:650;font-stretch:87%;display:flex;overflow:hidden}.edge span:nth-child(n+3){display:none}@media (width>=720px){.edge span:nth-child(n+3){display:inline}}.stage-body{gap:var(--s4);padding:var(--s4);display:grid}@media (width>=960px){.stage-body{padding:var(--s5);gap:var(--s5);grid-template-columns:minmax(0,1fr) 320px}}.panel{gap:var(--s4);align-content:start;display:grid}.panel h3{font-size:1rem;font-stretch:100%}.ctrl{gap:var(--s1);display:grid}.ctrl .lbl,.ctrl label{color:var(--stage-ink-2);justify-content:space-between;font-size:.92rem;display:flex}.ctrl output{color:var(--stage-ink);font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--brand);height:32px;margin:0}.seg{gap:var(--s2);flex-wrap:wrap;display:flex}.chip,.seg button{min-width:44px;min-height:44px;padding:0 var(--s4);border:1.5px solid var(--stage-3);background:var(--stage-2);color:var(--stage-ink);font:inherit;cursor:pointer;border-radius:999px;font-weight:600}.seg button[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff}.stage .btn-ghost{color:var(--stage-ink);border-color:var(--stage-3)}.row{gap:var(--s2);flex-wrap:wrap;align-items:center;display:flex}.note{color:var(--stage-ink-2);font-size:.9rem}.status{padding:var(--s3) var(--s4);background:var(--stage-2);border-radius:8px;font-size:.95rem}.status.err{color:oklch(93% .03 28);background:oklch(30% .08 28)}.status.ok{background:oklch(30% .05 150)}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.divider{background:var(--stage-3);height:1px}.drop{place-items:center;gap:var(--s3);text-align:center;border:2px dashed var(--stage-3);min-height:280px;padding:var(--s5);cursor:pointer;border-radius:8px;transition:border-color .15s,background .15s;display:grid}.drop.over,.drop:hover{border-color:var(--amber);background:var(--stage-2)}.drop strong{font-size:1.15rem;font-stretch:112%}.viewer{touch-action:none;-webkit-user-select:none;user-select:none;background:oklch(14% .008 355);border-radius:6px;position:relative;overflow:hidden}.viewer canvas,.viewer img{-o-object-fit:contain;object-fit:contain;width:100%;height:auto;max-height:70vh}.viewer .after{position:absolute;inset:0}.viewer .after canvas,.viewer .after img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;max-height:none}.handle{pointer-events:none;background:#fff;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px)}.handle:after{content:"";background:var(--brand);border:2px solid #fff;border-radius:50%;width:40px;height:40px;margin:-20px 0 0 -20px;position:absolute;top:50%;left:50%}.tag{top:var(--s2);padding:2px var(--s2);color:#fff;letter-spacing:.06em;text-transform:uppercase;background:oklch(14% .008 355/.8);border-radius:4px;font-size:.78rem;font-weight:650}.loupe,.tag{position:absolute}.loupe{border:3px solid var(--brand);pointer-events:none;background:#000;border-radius:50%;width:150px;height:150px;overflow:hidden;box-shadow:0 0 0 2px #fff}.loupe canvas{width:100%;height:100%;image-rendering:pixelated}section.band{padding:var(--s8) 0}section.band+section.band{padding-top:0}.steps{counter-reset:s;gap:var(--s4);margin:0;padding:0;list-style:none;display:grid}@media (width>=800px){.steps{gap:var(--s5);grid-template-columns:repeat(3,1fr)}}.steps li{counter-increment:s;gap:var(--s2);padding-top:var(--s4);border-top:2px solid var(--ink);display:grid}.steps li:before{content:counter(s);color:var(--brand);font-size:1.6rem;font-weight:800;font-stretch:125%;line-height:1}.split{gap:var(--s6);display:grid}@media (width>=900px){.split{grid-template-columns:1.1fr 1fr;align-items:start}}.sheet{gap:var(--s3);background:var(--stage);padding:var(--s3);border-radius:var(--r);grid-template-columns:repeat(auto-fill,minmax(230px,1fr));display:grid}.frame{background:var(--stage-2);transition:transform .15s var(--ease);border-radius:4px;grid-template-rows:auto 1fr;text-decoration:none;display:grid;position:relative;overflow:hidden}.frame,.frame:hover{color:var(--stage-ink)}.frame:hover{transform:translateY(-2px)}.frame .pic{aspect-ratio:3/2;background-position:50%;background-size:cover}.frame .cap{padding:var(--s3) var(--s4) var(--s4);gap:var(--s1);display:grid}.frame .cap b{font-size:1.05rem;font-stretch:112%}.frame .cap span{color:var(--stage-ink-2);font-size:.9rem}.frame .no{top:var(--s2);left:var(--s2);color:var(--amber);letter-spacing:.08em;background:oklch(16% .01 355/.85);border-radius:3px;padding:1px 6px;font-size:.75rem;font-weight:700;position:absolute}.frame.keeper:after{content:"";border:3px solid var(--brand);pointer-events:none;border-radius:50%;position:absolute;inset:6px}.faq{border-top:1px solid var(--line);gap:0;display:grid}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:var(--s4);min-height:56px;padding:var(--s3) 0;font-size:1.08rem;font-weight:650;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--brand);font-size:1.5rem;font-weight:400}.faq details[open] summary:after{content:"–"}.faq .a{padding:0 0 var(--s5);max-width:68ch;color:var(--ink-2)}.explainer{background:var(--paper-2);border-radius:var(--r);padding:var(--s5);gap:var(--s4);display:grid}@media (width>=900px){.explainer{padding:var(--s6);align-items:center;gap:var(--s6);grid-template-columns:1fr 1fr}}.explainer .seg button{background:var(--paper);color:var(--ink);border-color:var(--line)}.explainer .seg button[aria-pressed=true]{background:var(--brand);color:#fff;border-color:var(--brand)}.explainer canvas{width:100%;height:auto;image-rendering:pixelated;background:#fff;border-radius:6px}.explainer .ctrl label{color:var(--ink-2)}.explainer .ctrl output{color:var(--ink)}.explainer .caption{color:var(--ink-2);font-size:.98rem}.related{gap:var(--s2);flex-wrap:wrap;display:flex}.related a{min-height:44px;padding:0 var(--s4);border:1.5px solid var(--ink);color:var(--ink);border-radius:999px;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.related a:hover{background:var(--ink);color:var(--paper)}.site-footer{background:var(--stage);color:var(--stage-ink-2);padding:var(--s7) 0 var(--s6);margin-top:var(--s8);font-size:.95rem}.site-footer a{color:var(--stage-ink)}.site-footer .cols{gap:var(--s5);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.site-footer ul{margin:var(--s2) 0 0;gap:var(--s1);padding:0;list-style:none;display:grid}.site-footer li a{align-items:center;min-height:36px;display:inline-flex}.crumbs{padding-top:var(--s4);font-size:.9rem}.crumbs,.crumbs a{color:var(--ink-2)}table{border-collapse:collapse;width:100%;font-size:.98rem}td,th{text-align:left;padding:var(--s2) var(--s3);border-bottom:1px solid var(--line);vertical-align:top}th{font-stretch:112%}.table-wrap{overflow-x:auto}.issue-list{gap:var(--s2);margin:0;padding:0;list-style:none;display:grid}.issue-list li{background:var(--stage-2);padding:var(--s3);border-radius:6px;font-size:.95rem}.issue-list b{color:var(--stage-ink);display:block}.hist{width:100%;height:56px}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.field{width:100%;min-height:44px;padding:0 var(--s3);border:1.5px solid var(--stage-3);background:var(--stage-2);color:var(--stage-ink);font:inherit;border-radius:8px}.stage label.btn{cursor:pointer}