:root{--paper:#f4f1ea;--card:#fffdf8;--ink:#16130f;--muted:#6b645a;--line:#ddd6c8;--line-strong:#8a8275;--accent:#ff5a1f;--accent-ink:#16130f;--warn:#b42318;--media-bg:#000;--scrim-shadow:#0000002e;--app-accent:var(--accent);--surface-input:var(--paper);--focus-ring:var(--accent);--sans:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", Consolas, monospace;--fs-body:1rem;--lh-body:1.6;--fs-h2:1.4rem;--fs-prose-h2:1.3rem;--fs-lead:1.08rem;--fs-nav:.925rem;--fs-sm:.9rem;--fs-btn:.95rem;--fs-btn-sm:.82rem;--fs-btn-lg:1.05rem;--fs-seg:.88rem;--fs-lang:.8rem;--fs-ad-label:.68rem;--fs-brand:1.15rem;--tracking-brand:-.02em;--tracking-h2:-.02em;--tracking-ad-label:.06em;--radius:14px;--radius-card:18px;--radius-pill:999px;--wrap-app:1200px;--wrap-prose:720px;--header-h:64px;--gutter:32px;--ad-side-min-h:600px;--shadow-pop:0 8px 30px var(--scrim-shadow);--shadow-card:0 1px 0 #00000008, 0 8px 24px -12px #281e0a1f;--dur-fast:.15s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--paper:#131210;--card:#1c1a17;--ink:#f1ece2;--muted:#a39b8d;--line:#34302a;--line-strong:#7a7266;--accent:#ff6b35;--accent-ink:#160b05;--warn:#ff8a7a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font:var(--fs-body) / var(--lh-body) var(--sans);flex-direction:column;min-height:100vh;margin:0;display:flex;overflow-x:hidden}main{flex:1}a{color:inherit;text-underline-offset:3px}a:hover{color:var(--app-accent)}img,video,svg{max-width:100%;display:block}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.mono{font-family:var(--mono);font-size:.875em}.muted{color:var(--muted)}.wrap{width:100%;max-width:var(--wrap-app);padding:0 var(--gutter);margin:0 auto}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{position:absolute;left:-999px}.skip:focus{z-index:30;background:var(--card);padding:4px 10px;top:8px;left:16px}.top{z-index:10;background:color-mix(in oklch, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.top-row{height:var(--header-h);justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{font-weight:800;font-size:var(--fs-brand);letter-spacing:var(--tracking-brand);color:var(--ink);align-items:center;gap:8px;text-decoration:none;display:flex}.brand:hover{color:var(--ink)}.brand-mark{width:28px;height:28px}.nav{font-size:var(--fs-nav);align-items:center;gap:4px;display:flex}.nav a{border-radius:var(--radius-pill);color:var(--muted);padding:6px 12px;text-decoration:none}.nav a:hover{color:var(--ink);background:var(--card)}.nav a.on{color:var(--ink);background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}.nav .lang{box-shadow:inset 0 0 0 1px var(--line);font:var(--fs-lang) var(--mono);margin-left:8px}.btn{border:1.5px solid var(--ink);border-radius:var(--radius-pill);font:600 var(--fs-btn) var(--sans);color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:6px;padding:8px 18px;text-decoration:none;display:inline-flex}.btn:hover{color:var(--ink)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--app-accent);border-color:var(--app-accent);color:var(--accent-ink)}.btn-primary:hover{color:var(--accent-ink)}.btn-primary:not(:disabled):hover{filter:brightness(1.06)}.btn-ghost{border-color:var(--line)}.btn-ghost:hover{border-color:var(--ink)}.btn-sm{min-width:32px;min-height:32px;font-size:var(--fs-btn-sm);padding:3px 12px}.btn-lg{font-size:var(--fs-btn-lg);padding:12px 28px}.linkish{font:inherit;color:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.linkish:hover{color:var(--app-accent)}.field{min-width:0;font-size:var(--fs-sm);border:0;flex-direction:column;gap:4px;margin:0;padding:0;font-weight:600;display:flex}.field legend{margin-bottom:4px;padding:0}.field input,.field select{font:400 1rem var(--sans);color:var(--ink);background:var(--surface-input);border:1.5px solid var(--line-strong);border-radius:10px;width:100%;padding:8px 10px}.row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.row-3{grid-template-columns:repeat(3,minmax(0,1fr))}.trim-row{flex-direction:column;gap:4px;display:flex}.trim-row>span{justify-content:space-between;gap:8px;display:flex}.trim-row output{color:var(--muted);font-weight:400}.field .trim-row input[type=range]{accent-color:var(--app-accent);background:0 0;border:0;min-height:24px;padding:0}.trim-marks{flex-wrap:wrap;gap:8px;display:flex}.seg{border:1.5px solid var(--line);border-radius:var(--radius-pill);background:var(--paper);padding:3px;display:flex}.seg label{flex:1;position:relative}.seg input{opacity:0;margin:0;position:absolute;inset:0}.seg span{text-align:center;border-radius:var(--radius-pill);cursor:pointer;font-weight:600;font-size:var(--fs-seg);padding:6px 4px;display:block}.seg input:checked+span{background:var(--ink);color:var(--paper)}.seg input:focus-visible+span{outline:2px solid var(--accent)}.check{font-size:var(--fs-btn);align-items:center;gap:8px;display:flex}.check input{accent-color:var(--app-accent);width:18px;height:18px;margin:0}.hint{color:var(--muted);font-size:var(--fs-sm);margin:0;font-weight:400}.estimate{color:var(--muted);margin:0}.estimate.warn{color:var(--warn)}.progress{background:var(--line);border-radius:var(--radius-pill);height:6px;overflow:hidden}.progress-bar{background:var(--app-accent);transform-origin:0;height:100%;transition:transform var(--dur-fast) linear;transform:scaleX(0)}.status{min-height:1.6em;margin:0;font-size:.92rem}.tool{grid-template-columns:minmax(0,1fr);align-items:start;gap:32px;padding-top:32px;display:grid}.tool-main{flex-direction:column;gap:32px;min-width:0;display:flex}.hero h1{letter-spacing:-.03em;margin:0 0 8px;font-size:clamp(1.75rem,3.6vw,2.5rem);line-height:1.1}.lead{color:var(--muted);font-size:var(--fs-lead);max-width:56ch;margin:0}.app{overflow:clip}.app-top{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.app-tools{min-width:0;color:var(--muted);font-size:var(--fs-sm);align-items:center;gap:12px;display:flex}.app-tools .mono{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.steps{font-size:var(--fs-sm);color:var(--muted);align-items:center;gap:8px;margin:0;padding:0;font-weight:600;list-style:none;display:flex}.steps li{align-items:center;gap:8px;display:flex}.steps li+li:before{content:"";background:var(--line);width:24px;height:1px}.steps li span{border:1.5px solid var(--line);border-radius:50%;place-items:center;width:24px;height:24px;font-size:.75rem;display:grid}.steps li.on,.steps li.done{color:var(--ink)}.steps li.on span{background:var(--ink);border-color:var(--ink);color:var(--paper)}.steps li.done span{border-color:var(--app-accent);color:var(--app-accent)}.drop{text-align:center;border:2px dashed var(--line);border-radius:var(--radius);background:var(--paper);cursor:pointer;min-height:360px;transition:border-color var(--dur-fast);flex-direction:column;justify-content:center;align-items:center;gap:14px;margin:20px;padding:32px 20px;display:flex}.drop:hover,.drop.over{border-color:var(--app-accent)}.drop-icon{width:52px;height:52px;color:var(--app-accent)}.drop strong{letter-spacing:-.02em;font-size:1.4rem}.drop-or,.drop small{color:var(--muted)}.drop small{max-width:44ch}.drop.error{border-color:var(--warn);background:color-mix(in oklch, var(--warn) 5%, var(--paper))}.drop.error small{color:var(--warn);font-weight:600}.bench{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;padding:20px;display:grid}.player video{aspect-ratio:16/9;background:var(--media-bg);border-radius:12px;width:100%}.controls{flex-direction:column;gap:18px;display:flex}.run{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;padding-top:18px;display:flex}.actions{gap:10px;margin-left:auto;display:flex}.results{border-top:1px solid var(--line);background:var(--paper)}.results-head{top:var(--header-h);z-index:1;background:var(--paper);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex;position:sticky}.results-head h2{letter-spacing:-.01em;margin:0;font-size:1.15rem}.count{color:var(--app-accent)}.gif-out{place-items:center;padding:20px;display:grid}.gif-out img{background:var(--media-bg);border-radius:12px;max-width:100%;height:auto}.how h2{font-size:var(--fs-h2);letter-spacing:var(--tracking-h2);margin:0 0 16px}.how ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.how li{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-card);flex-direction:column;gap:6px;padding:20px;display:flex}.how li p{color:var(--muted);font-size:var(--fs-sm);margin:0}.how-num{background:color-mix(in oklch, var(--app-accent) 14%, var(--card));width:28px;height:28px;color:var(--app-accent);border-radius:8px;place-items:center;margin-bottom:6px;font-size:.875rem;font-weight:700;display:grid}.ad{border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.ad-label{font:var(--fs-ad-label) var(--mono);text-transform:uppercase;letter-spacing:var(--tracking-ad-label);position:absolute;top:8px;left:10px}.ad ins{width:100%}.ad-bottom{min-height:90px}.tool{--gutter-space:calc((100vw - var(--wrap-app)) / 2);--gutter-ad-w:min(300px, calc(var(--gutter-space) - 32px));--gutter-offset:calc(100% + var(--gutter) + (var(--gutter-space) - var(--gutter-ad-w)) / 2);position:relative}.gutter{width:var(--gutter-ad-w);display:none;position:absolute;top:32px;bottom:0}.gutter-left{right:var(--gutter-offset)}.gutter-right{left:var(--gutter-offset)}.ad-gutter{top:calc(var(--header-h) + 32px);height:var(--ad-side-min-h);position:sticky}@media (width>=1600px) and (height>=720px){.gutter{display:block}}.ad-mobile{width:100%;max-width:320px;height:100px;margin:0 auto;display:none}.prose{max-width:var(--wrap-prose);padding:56px var(--gutter) 0;margin:0 auto}.prose h1{letter-spacing:-.03em;margin:0 0 8px;font-size:clamp(1.875rem,4vw,2.75rem);line-height:1.08}.prose h1+p{color:var(--muted);font-size:var(--fs-lead);margin:0 0 32px}.prose h2{font-size:var(--fs-prose-h2);letter-spacing:-.015em;margin:32px 0 8px}.prose ol,.prose ul{padding-left:1.3em}.prose li+li{margin-top:6px}.prose .cta{margin:28px 0}.prose .updated{color:var(--muted);font-size:var(--fs-sm)}.prose details{background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}.prose details+details{margin-top:10px}.prose summary{cursor:pointer;justify-content:space-between;gap:16px;padding:18px 20px;font-weight:700;list-style:none;display:flex}.prose summary::-webkit-details-marker{display:none}.prose summary:after{content:"+";color:var(--muted);transition:transform var(--dur-fast);font-size:1.25rem;font-weight:400;line-height:1}.prose details[open] summary:after{transform:rotate(45deg)}.prose details p{color:var(--muted);margin:0;padding:0 20px 20px}.foot{border-top:1px solid var(--line);font-size:var(--fs-sm);color:var(--muted);margin-top:64px}.foot-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px 32px;padding-top:24px;padding-bottom:40px;display:flex}.foot-note{flex:320px;max-width:60ch;margin:0}.foot-links{flex-wrap:wrap;gap:6px 20px;display:flex}.foot-links a{text-decoration:none}.foot-copy{margin:0}.consent{z-index:20;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-card);width:calc(100% - 32px);max-width:420px;box-shadow:var(--shadow-pop);font-size:var(--fs-sm);color:var(--ink);padding:20px;position:fixed;bottom:24px;left:24px}.consent p{color:var(--muted);margin:6px 0 16px}.consent-actions{justify-content:flex-end;gap:10px;display:flex}.dlg{overflow-wrap:anywhere;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--card);width:min(440px,100vw - 32px);color:var(--ink);padding:clamp(16px,5vw,24px)}.dlg::backdrop{background:#00000073}.dlg h2{margin:0 0 10px;font-size:1.25rem}.dlg p{margin:0 0 10px}.dlg-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:16px;display:flex}@media (width<=1000px){.ad-mobile{display:flex}}@media (width<=720px){:root{--gutter:16px}.nav a:not(.lang){display:none}.nav .lang{margin:0}.tool{gap:24px;padding-top:20px}.tool-main{gap:24px}.app-top{padding:12px 16px}.steps li+li:before{width:12px}.drop{min-height:280px;margin:16px}.bench{grid-template-columns:minmax(0,1fr);padding:16px}.row-3{grid-template-columns:minmax(0,1fr)}.gif-out{padding:16px}.results-head{padding:12px 16px}.how ol{grid-template-columns:minmax(0,1fr)}.ad-bottom{width:100%;max-width:300px;height:250px;margin:0 auto}.consent{bottom:16px;left:16px}.consent-actions>*,.dlg-actions>*{flex:1}.dlg-actions{flex-wrap:nowrap}.a11y-open-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.prose{padding-top:32px}}label:has(>input.sr-only:focus-visible){outline:2px solid var(--focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){html:not([data-motion=on]) *,html:not([data-motion=on]) :before,html:not([data-motion=on]) :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html[data-text="115"]{font-size:115%}html[data-text="130"]{font-size:130%}html[data-text="150"]{font-size:150%}html[data-contrast=high]{--paper:#fff;--card:#fff;--ink:#000;--muted:#222;--line:#000;--line-strong:#000;--accent:#000;--accent-ink:#fff;--focus-ring:#000}@media (prefers-color-scheme:dark){html[data-contrast=high]{--paper:#000;--card:#000;--ink:#fff;--muted:#e0e0e0;--line:#fff;--line-strong:#fff;--accent:#ffd400;--accent-ink:#000;--focus-ring:#ffd400}}html[data-contrast=high] :focus-visible{outline-width:3px}html[data-readable=on] body{--sans:"Atkinson Hyperlegible", system-ui, sans-serif;letter-spacing:.03em;word-spacing:.12em;line-height:1.8}html[data-links=underline] a{text-decoration:underline}html[data-cursor=big],html[data-cursor=big] *{cursor:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'><path d='M4 2l15 9.5-6.6 1.5 3.8 7-2.9 1.6-3.8-7.1L4 19z' fill='%23000' stroke='%23fff' stroke-width='1.4' stroke-linejoin='round'/></svg>") 8 4,auto}html[data-cursor=big] :is(a,button,label,summary,select,[role=button],input[type=checkbox],input[type=radio]){cursor:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'><path d='M4 2l15 9.5-6.6 1.5 3.8 7-2.9 1.6-3.8-7.1L4 19z' fill='%23ffd400' stroke='%23000' stroke-width='1.4' stroke-linejoin='round'/></svg>") 8 4,pointer}html[data-cursor=big] :is(input:not([type=checkbox],[type=radio],[type=color]),textarea){cursor:text}html[data-motion=off] *,html[data-motion=off] :before,html[data-motion=off] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reading-guide{height:2.75rem;transform:translateY(calc(var(--guide-y,0px) - 50%));background:color-mix(in srgb, var(--accent) 12%, transparent);border-block:2px solid var(--accent);pointer-events:none;z-index:1000;position:fixed;inset:0 0 auto}.a11y-open{border-radius:var(--radius-pill);min-height:32px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.a11y-open:hover{color:var(--ink);background:var(--card)}.a11y-open svg{width:1.15em;height:1.15em}.a11y fieldset{border:0;margin:0 0 12px;padding:0}.a11y legend{margin-bottom:8px;padding:0;font-weight:600}.a11y-sizes{flex-wrap:wrap;gap:8px;display:flex}.a11y-sizes label{border:1px solid var(--line-strong);border-radius:var(--radius-pill);cursor:pointer;align-items:center;gap:6px;min-height:2.25rem;padding:4px 12px;display:inline-flex}.a11y-sizes label:has(:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);font-weight:600}.a11y-sizes input{accent-color:var(--app-accent);margin:0}.a11y-opt{border-top:1px solid var(--line);grid-template-columns:auto 1fr;align-items:center;column-gap:12px;padding:10px 0;display:grid}.a11y-opt label{cursor:pointer}.a11y-hint{color:var(--muted);font-size:var(--fs-sm);grid-column:2;margin:2px 0 0}.a11y-opt input{appearance:none;border-radius:var(--radius-pill);background:var(--line-strong);cursor:pointer;width:2.5rem;height:1.5rem;transition:background var(--dur-fast);margin:0;position:relative}.a11y-opt input:before{content:"";background:var(--card);width:calc(1.5rem - 6px);height:calc(1.5rem - 6px);transition:transform var(--dur-fast);border-radius:50%;position:absolute;top:3px;left:3px}.a11y-opt input:checked{background:var(--app-accent)}.a11y-opt input:checked:before{background:var(--accent-ink);transform:translate(1rem)}html:not([lang=pt-BR]) .a11y-libras{display:none}.dlg .a11y-more{text-align:center;margin:20px 0 0}.dlg-x{width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:12px;right:12px}.dlg-x:hover{background:var(--line)}.dlg-x svg{width:22px;height:22px}.a11y h2{padding-right:48px}@media (width>=721px){.a11y .dlg-close{display:none}.a11y .dlg-actions{justify-content:center}}@media (width<=720px){.dlg-x{display:none}}