:root{color:#171717;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#171717;--paper:#fffdf4;--yellow:#f8ef62;--pink:#ff8bb3;--blue:#79d7ff;--green:#6de2a0;--red:#ed4b3e;background:#f4f0df;font-family:Courier New,Courier,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:#f4f0df;background-image:linear-gradient(#1717170e 1px,#0000 1px),linear-gradient(90deg,#1717170e 1px,#0000 1px);background-size:24px 24px;min-width:320px;margin:0}body:before{z-index:-1;background:radial-gradient(circle at 9% 20%, var(--pink) 0 8px, transparent 9px), radial-gradient(circle at 87% 8%, var(--blue) 0 6px, transparent 7px), radial-gradient(circle at 91% 83%, var(--green) 0 10px, transparent 11px);content:"";pointer-events:none;position:fixed;inset:0}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent;color:inherit}.site-header,main{width:min(1160px,100% - 40px);margin-inline:auto}.site-header{border-bottom:3px solid var(--ink);justify-content:space-between;align-items:center;min-height:64px;display:flex}.site-header>:last-child{margin-left:auto}.site-header .npm-link{background:var(--yellow);margin-left:10px}.brand{color:var(--ink);letter-spacing:-.04em;text-transform:uppercase;align-items:center;gap:11px;font-size:.9rem;font-weight:900;text-decoration:none;display:inline-flex}.brand-mark{border:2px solid var(--ink);background:var(--yellow);width:42px;height:35px;box-shadow:4px 4px 0 var(--ink);place-items:center;font-weight:900;display:grid;transform:rotate(-3deg)}.github-link{border:2px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink);text-transform:uppercase;align-items:center;gap:7px;padding:8px 11px;font-size:.72rem;font-weight:900;text-decoration:none;transition:box-shadow .1s,transform .1s;display:inline-flex}.github-link:hover{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.github-link svg{fill:currentColor;width:16px}.hero{max-width:990px;padding:46px 0 32px;position:relative}.eyebrow,.section-kicker{border:2px solid var(--ink);background:var(--blue);width:fit-content;box-shadow:3px 3px 0 var(--ink);letter-spacing:.08em;text-transform:uppercase;margin:0 0 18px;padding:5px 9px;font-size:.68rem;font-weight:900;transform:rotate(-1deg)}.eyebrow{align-items:center;gap:8px;display:flex}.eyebrow-dot{border:2px solid var(--ink);background:var(--red);border-radius:50%;width:9px;height:9px;animation:1.6s steps(2,jump-none) infinite blink}h1,h2,p{margin-top:0}h1{letter-spacing:-.045em;text-transform:uppercase;margin-bottom:20px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(4rem,8vw,6.8rem);font-weight:900;line-height:.79}h1 em{color:var(--red);text-shadow:4px 4px 0 var(--ink);-webkit-text-stroke:2px var(--ink);font-style:normal;display:inline-block;transform:rotate(-1deg)}.scribble{position:relative}.scribble:after{background:var(--pink);content:"";z-index:-1;height:9px;position:absolute;bottom:7%;left:-2%;right:-2%;transform:rotate(-2deg)}.hero-copy{border-left:5px solid var(--ink);max-width:730px;margin-bottom:0;padding-left:18px;font-family:Arial,Helvetica,sans-serif;font-size:clamp(.95rem,1.5vw,1.08rem);font-weight:600;line-height:1.4}.hero-copy code{background:var(--yellow);overflow-wrap:anywhere;padding:2px 4px;font-family:Courier New,Courier,monospace;font-size:.85em}.hero-stamp{border:3px double var(--red);color:var(--red);letter-spacing:.08em;margin:0;padding:9px 12px;font-size:.72rem;font-weight:900;position:absolute;bottom:35px;right:0;transform:rotate(8deg)}.converter{border:3px solid var(--ink);background:var(--paper);box-shadow:10px 10px 0 var(--ink);margin-bottom:28px}.converter-heading{border-bottom:3px solid var(--ink);background:var(--yellow);justify-content:space-between;align-items:center;padding:16px 24px 14px;display:flex}.converter-heading .section-kicker{box-shadow:none;background:0 0;border:0;margin-bottom:9px;padding:0;font-size:.61rem;transform:none}.converter-heading h2{letter-spacing:.015em;text-transform:uppercase;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(2rem,4vw,3rem);line-height:.9}.converter-grid{grid-template-columns:minmax(0,1fr) 66px minmax(0,1fr);align-items:stretch;padding:20px 24px 19px;display:grid}.input-card{border:2px solid var(--ink);background:var(--pink);min-width:0;box-shadow:5px 5px 0 var(--ink);padding:14px}.human-card{background:var(--green);transform:rotate(.5deg)}.field-heading{justify-content:space-between;align-items:center;min-height:36px;margin-bottom:8px;display:flex}.field-heading>div{align-items:baseline;gap:8px;display:flex}.field-heading label{text-transform:uppercase;font-size:.78rem;font-weight:900}.step{color:var(--paper);background:var(--ink);padding:2px 4px;font-size:.64rem;font-weight:900}.text-button,.clear-button,.copy-button{border:2px solid var(--ink);cursor:pointer}.text-button{background:var(--yellow);box-shadow:2px 2px 0 var(--ink);text-transform:uppercase;align-items:center;gap:5px;padding:6px 8px;font-size:.65rem;font-weight:900;display:flex}.text-button:hover,.copy-button:hover,.clear-button:hover{box-shadow:none;transform:translate(2px,2px)}.text-button svg{fill:currentColor;width:15px}.reversible-badge{border:2px solid var(--ink);background:var(--blue);text-transform:uppercase;padding:5px 7px;font-size:.58rem;font-weight:900;transform:rotate(2deg)}.field-shell{position:relative}textarea{resize:vertical;border:2px solid var(--ink);width:100%;min-height:112px;color:var(--ink);overflow-wrap:anywhere;background:repeating-linear-gradient(#0000 0 31px,#1717171a 32px),#fff;border-radius:0;outline:none;padding:12px 14px 42px;font-size:.89rem;font-weight:700;line-height:1.7;display:block}textarea:focus{box-shadow:inset 0 0 0 4px var(--blue)}textarea[aria-invalid=true]{box-shadow:inset 0 0 0 4px var(--red)}.copy-button{background:var(--paper);min-width:60px;box-shadow:2px 2px 0 var(--ink);text-transform:uppercase;padding:7px 10px;font-size:.65rem;font-weight:900;position:absolute;bottom:9px;right:9px}.field-help,.field-error{min-height:18px;margin:7px 1px 0;font-family:Arial,Helvetica,sans-serif;font-size:.7rem;font-weight:700;line-height:1.35}.field-error{color:#fff;background:var(--red);min-height:0;padding:4px}.field-error:empty{display:none}.direction{place-items:center;display:grid}.direction span{border-top:3px dashed var(--ink);width:66px;position:absolute}.direction svg{border:3px solid var(--ink);background:var(--yellow);width:40px;height:40px;box-shadow:3px 3px 0 var(--ink);stroke:var(--ink);stroke-width:2.2px;fill:none;border-radius:50%;padding:8px;position:relative}.converter-footer{border-top:3px solid var(--ink);background:var(--blue);justify-content:space-between;align-items:center;min-height:48px;padding:8px 24px;display:flex}.converter-footer p{text-transform:uppercase;margin:0;font-size:.68rem;font-weight:900}.clear-button{background:var(--paper);box-shadow:2px 2px 0 var(--ink);text-transform:uppercase;padding:7px 9px;font-size:.64rem;font-weight:900}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:4px solid var(--red);outline-offset:4px}@keyframes blink{50%{background:var(--green)}}@media (width<=860px){.site-header,main{width:min(100% - 28px,680px)}.hero{padding:58px 0 44px}h1{font-size:clamp(3.8rem,17vw,6.4rem)}.hero-stamp{display:none}.converter-grid{grid-template-columns:1fr;padding:24px 20px}.direction{height:62px}.direction span{border-top:0;border-left:3px dashed var(--ink);width:3px;height:62px}.direction svg{transform:rotate(90deg)}.human-card{transform:none}}@media (width<=560px){.site-header{min-height:68px}.brand{font-size:.72rem}.brand-mark{width:36px;height:31px}.github-link{font-size:0}.github-link svg{width:20px}.hero{padding-top:48px}h1 em{text-shadow:2px 2px 0 var(--ink);-webkit-text-stroke-width:1px}.hero-copy{padding-left:12px;font-size:.96rem}.converter{box-shadow:6px 6px 0 var(--ink)}.converter-heading,.field-heading,.converter-footer{flex-direction:column;align-items:flex-start}.converter-heading{padding:20px 17px}.converter-grid{padding-inline:14px}.field-heading{gap:9px}.input-card{box-shadow:4px 4px 0 var(--ink);padding:14px}textarea{min-height:145px;padding-inline:13px;font-size:.78rem}.converter-footer{gap:7px;padding:13px 17px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}