:root{--paper:#e9e6dc;--ink:#171816;--soft:#77776f;--rule:#b8b6ad;--acid:#ff4f19;--dark:#22241f;--white:#f4f1e8;color-scheme:light}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);font:13px/1.35 "Courier New",Courier,monospace;min-height:100vh}.paper-noise{position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E")}main{width:min(1440px,100%);margin:auto;padding:0 38px}.masthead{height:112px;border-bottom:1px solid var(--ink);display:grid;grid-template-columns:1fr auto auto;gap:70px;align-items:center}.brand{display:flex;align-items:center;gap:16px;color:inherit;text-decoration:none;width:max-content}.brand-mark{display:grid;place-items:center;background:var(--ink);color:var(--paper);width:58px;height:58px;border-radius:50%;font-weight:bold;letter-spacing:-1px;transform:rotate(-8deg)}.brand-mark span{color:var(--acid)}.brand-name{font:900 20px/.82 Arial,sans-serif;text-transform:uppercase;letter-spacing:-1px}.system-state{display:flex;align-items:center;gap:10px;font-size:10px;line-height:1.15}.system-state i{width:10px;height:10px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 5px #ff4f1920}.issue{text-align:right;font-size:9px;letter-spacing:.08em}.workbench{position:relative;display:grid;grid-template-columns:minmax(380px,.8fr) minmax(500px,1.2fr);gap:7vw;padding:96px 0 105px}.index{position:absolute;top:38px;left:0;color:var(--acid);font:bold 11px Arial,sans-serif;border:1px solid var(--acid);border-radius:50%;width:27px;height:27px;display:grid;place-items:center}.kicker{font-size:10px;letter-spacing:.1em;margin:0 0 24px}.kicker span{color:var(--acid);font-size:18px;vertical-align:-2px}h1{font:900 clamp(67px,8vw,122px)/.77 Arial,Helvetica,sans-serif;letter-spacing:-.085em;margin:0;text-transform:uppercase}h1 em{color:var(--acid);font-family:Georgia,serif;font-weight:400;text-transform:none;letter-spacing:-.07em}.dek{max-width:500px;margin:42px 0 0;border-left:5px solid var(--ink);padding-left:18px;font:20px/1.35 Georgia,serif}.instrument{align-self:end;background:var(--dark);color:var(--white);padding:22px;box-shadow:12px 12px 0 var(--acid);transform:rotate(.35deg)}.instrument-head{display:flex;justify-content:space-between;border-bottom:1px solid #5c5f56;padding-bottom:17px;font-size:10px;letter-spacing:.12em}.serial{color:#94978d}form{margin-top:46px}label{display:block;color:#a9aaa2;font-size:9px;letter-spacing:.14em;margin:0 0 10px}.input-row{display:grid;grid-template-columns:auto 1fr auto;border-top:1px solid var(--white);border-bottom:1px solid var(--white);align-items:stretch}.prompt{font-size:27px;display:grid;place-items:center;padding:0 12px 0 2px;color:var(--acid)}input{min-width:0;border:0;background:transparent;color:var(--white);outline:0;font:30px/1 Arial,sans-serif;padding:22px 10px}input::placeholder{color:#71736c}button{margin:7px 0;border:0;background:var(--acid);color:#141512;font:bold 11px "Courier New",monospace;padding:0 18px;display:flex;align-items:center;gap:22px;cursor:pointer}button b{font:25px Arial,sans-serif}button:hover{background:var(--white)}button:disabled{opacity:.55;cursor:wait}.limits{display:grid;grid-template-columns:repeat(3,1fr);margin-top:48px;border-top:1px solid #5c5f56;padding-top:17px;color:#aaa;font-size:9px}.limits b{color:var(--white);font-size:17px}.result{margin:-48px 0 80px;padding:28px;background:var(--white);border:1px solid var(--ink);box-shadow:7px 7px 0 var(--ink)}.result.error{color:#a42600;border-color:var(--acid);box-shadow:7px 7px 0 var(--acid)}.result h2{font:900 30px Arial,sans-serif;margin:0 0 22px}.grid{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--ink)}.metric{padding:14px;border-right:1px solid var(--ink)}.metric:last-child{border:0}.metric small{display:block;color:var(--soft);font-size:9px;margin-bottom:7px}.ok{color:#087c51}.bad{color:#bc3100}.method{border-top:1px solid var(--ink);padding:24px 0 70px}.method>p{font-size:10px;letter-spacing:.12em}.method ol{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--ink);border:1px solid var(--ink)}.method li{position:relative;background:var(--paper);padding:22px;min-height:120px}.method li>span{position:absolute;right:13px;top:10px;color:var(--acid);font-size:10px}.method b{display:block;font:900 34px Arial,sans-serif;letter-spacing:-2px}.method small{display:block;margin-top:22px;color:var(--soft)}footer{border-top:6px solid var(--ink);padding:20px 0 45px;display:flex;gap:30px;align-items:center;font-size:9px}footer span:before{content:"× ";color:var(--acid);font-weight:bold}footer b{margin-left:auto;font:900 28px Arial,sans-serif;letter-spacing:-2px}@media(max-width:850px){main{padding:0 20px}.masthead{grid-template-columns:1fr auto;gap:10px}.issue{display:none}.workbench{grid-template-columns:1fr;padding:70px 0}.instrument{margin-top:10px}.grid{grid-template-columns:repeat(3,1fr)}.method ol{grid-template-columns:1fr 1fr}}@media(max-width:520px){.masthead{height:88px}.brand-mark{width:48px;height:48px}.system-state{display:none}.workbench{padding:62px 0 65px}h1{font-size:17vw}.dek{font-size:17px;margin-top:30px}.instrument{padding:16px;box-shadow:7px 7px 0 var(--acid)}.input-row{grid-template-columns:auto 1fr}.input-row button{grid-column:1/3;height:52px;justify-content:space-between;margin:0 0 8px}.prompt{font-size:20px}input{font-size:23px;padding:20px 4px}.limits{gap:8px}.grid{grid-template-columns:1fr 1fr}.metric:nth-child(even){border-right:0}.method li{min-height:100px;padding:15px}footer{align-items:flex-start;flex-wrap:wrap;gap:7px 18px}footer b{width:100%;margin-top:16px}}
.system-state{display:none}.nav{display:flex;gap:25px;padding:12px 0;border-bottom:1px solid var(--rule);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.nav a,.page a,footer a{color:inherit;text-decoration:none}.nav a:hover,.page a:hover,footer a:hover{color:var(--acid)}.page{padding:75px 0 100px;min-height:65vh}.page h1{font-size:clamp(55px,8vw,112px);max-width:1100px}.page>.dek{margin-bottom:55px}.page .instrument{max-width:900px;margin:60px 0 70px;transform:none}.page .result{max-width:900px;margin:-35px 0 70px}.prose{max-width:900px;margin-top:60px;border-top:6px solid var(--ink);padding-top:25px;font:18px/1.6 Georgia,serif}.prose h2{font:900 32px Arial,sans-serif}.prose dl{display:grid;grid-template-columns:150px 1fr;border-top:1px solid var(--ink)}.prose dt,.prose dd{margin:0;padding:13px;border-bottom:1px solid var(--rule)}.prose dt{font:bold 20px Arial,sans-serif;color:var(--acid)}.handbook{display:grid;grid-template-columns:1fr 2fr;gap:0 30px}.handbook h2,.handbook p{margin:0;padding:22px 0;border-bottom:1px solid var(--rule)}.note{color:var(--acid)}.faq{border-top:1px solid var(--ink);padding:24px 0 70px}.faq>p{font-size:10px}.faq details{border-bottom:1px solid var(--rule);padding:18px 0}.faq summary{cursor:pointer;font:bold 18px Arial,sans-serif}.faq details p{max-width:700px;font:16px/1.5 Georgia,serif}footer nav{display:flex;gap:14px;margin-left:auto}@media(max-width:700px){.nav{gap:13px;overflow-x:auto}.handbook{grid-template-columns:1fr}.prose dl{grid-template-columns:90px 1fr}}
