:root{--bg:#efebe2;--panel:#f7f4ec;--ink:#1c1b18;--muted:#6f6a5e;--line:#d6d0c2;--accent:#c2441f;--accent-ink:#f7f4ec;--title:"Young Serif", Georgia, "Times New Roman", serif;--body:"Hanken Grotesk Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"Fragment Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--radius:4px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#1a1916;--panel:#22211d;--ink:#ece7da;--muted:#a19b8c;--line:#38352e;--accent:#e0643a;--accent-ink:#1a1916;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{color:var(--ink);font:16px/1.55 var(--body);font-synthesis:none;background:var(--bg) url(/papel.webp) repeat;background-size:1200px;margin:0}@media (prefers-color-scheme:dark){body{background-image:url(/papel-oscuro.webp)}}main{grid-template-columns:minmax(0,1fr);gap:20px;max-width:1040px;margin:0 auto;padding:32px 20px 24px;display:grid}.head{border-bottom:1px solid var(--line);gap:6px;padding-bottom:16px;display:grid}h1{font:400 clamp(34px, 6vw, 52px)/1 var(--title);letter-spacing:-.02em;margin:0}h1 em,h2 em{color:var(--accent);font-style:normal}.lede{color:var(--muted);max-width:46ch;margin:0}.stage{border:1px solid var(--line);border-radius:var(--radius);background:#efebe2;position:relative;overflow:hidden}qr-city{width:100%;max-height:72vh}.panel{align-content:start;gap:10px;display:grid}.panel button:disabled{opacity:.35;cursor:default}.panel button:disabled:hover{color:var(--ink);background:0 0}h2{font:400 26px/1.15 var(--title);letter-spacing:-.01em;margin:0}label{font:400 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}input{font:400 14px/1.4 var(--mono);color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:100%;padding:12px}.row{gap:8px;display:grid}button{font:400 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);border:1px solid var(--ink);border-radius:var(--radius);cursor:pointer;text-align:left;background:0 0;padding:13px 14px;transition:background-color .15s,color .15s}button:hover{background:var(--ink);color:var(--bg)}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}button.primary:hover{background:var(--ink);border-color:var(--ink);color:var(--bg)}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}fieldset{border:0;gap:8px;min-width:0;margin:4px 0 0;padding:0;display:grid}legend{font:400 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;padding:0}.opts{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;display:grid}.style-desc{min-height:1.5em;margin:0}.opt{border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;background:var(--bg);align-content:start;gap:4px;min-width:0;padding:10px;display:grid;position:relative}.opt input{opacity:0;pointer-events:none;position:absolute}.opt:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.opt:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.opt b{font:400 12px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase}.dots{gap:3px;display:flex}.dots i{border:1px solid #0000001f;border-radius:2px;width:14px;height:14px}.zoom{grid-template-columns:44px 1fr 44px;gap:8px;display:grid}.zoom button{text-align:center}.tip{font:400 12px/1.5 var(--mono);color:var(--muted);margin:0}.hint,.skip{margin:0;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.hint{font:400 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);pointer-events:none;white-space:nowrap;padding:10px 12px}.skip{background:var(--panel)}.gate{background:#f7f3ea;padding:16px;transition:opacity .3s;display:grid;position:absolute;inset:0;overflow-y:auto}.gate.over{background:color-mix(in srgb, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(8px)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:440px;color:var(--ink);gap:10px;margin:auto;padding:24px;display:grid}.card p{color:var(--muted);margin:0}.card .row{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.card .row button{text-align:center}.err{min-height:1.3em;font:400 12px/1.3 var(--mono);color:var(--accent)}#msg{min-height:1.5em;font:400 12px/1.5 var(--mono);color:var(--accent);margin:0}.foot{border-top:1px solid var(--line);font:400 12px/1 var(--mono);color:var(--muted);flex-wrap:wrap;gap:20px;padding-top:14px;display:flex}.foot a{color:inherit;text-underline-offset:3px}.foot a:hover{color:var(--accent)}@media (min-width:900px){main{grid-template-columns:minmax(0,1fr) 300px;gap:24px 32px;padding-top:48px}.head,.foot{grid-column:1/-1}.panel{position:sticky;top:24px}}@media (max-width:480px){.gate{padding:10px}.card{padding:16px}h2{font-size:24px}}@media (prefers-reduced-motion:reduce){button{transition:none}}@font-face{font-family:Young Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/young-serif-latin-400-normal-DIMmNPI9.woff2)format("woff2"),url(/assets/young-serif-latin-400-normal-D1tz0Z9s.woff)format("woff")}@font-face{font-family:Young Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/young-serif-latin-ext-400-normal-DzElnxZw.woff2)format("woff2"),url(/assets/young-serif-latin-ext-400-normal-4arC2Gh9.woff)format("woff")}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-vietnamese-wght-normal-CHiFlh_0.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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-ext-wght-normal-Dg-wlmqe.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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-wght-normal-CaVRRdDk.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:Fragment Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fragment-mono-latin-400-normal-yxdJ5AmL.woff2)format("woff2"),url(/assets/fragment-mono-latin-400-normal-BYwT3kSJ.woff)format("woff")}@font-face{font-family:Fragment Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fragment-mono-latin-ext-400-normal-BbKYyvR9.woff2)format("woff2"),url(/assets/fragment-mono-latin-ext-400-normal-CT4YFKeK.woff)format("woff")}