:root{color-scheme:dark;--bg:#0a0c0b;--panel:#111512;--line:#293129;--lime:#c7ff56;--ink:#f0f4ec;--muted:#929d91;--red:#ff7b72;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);background-image:linear-gradient(#c7ff5609 1px,#0000 1px),linear-gradient(90deg,#c7ff5609 1px,#0000 1px);background-size:32px 32px;min-height:100vh;margin:0}button,textarea,select{font:inherit}button{cursor:pointer}main{width:min(1220px,100% - 40px);margin:auto;padding-bottom:80px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:74px;display:flex}.brand{color:var(--ink);letter-spacing:-.04em;font-weight:800;text-decoration:none}.brand span{color:var(--lime)}.topbar p{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.topbar i{background:var(--lime);width:8px;height:8px;box-shadow:0 0 16px var(--lime);border-radius:50%}.hero{grid-template-columns:1.35fr .65fr;align-items:end;gap:50px;padding:72px 0 54px;display:grid}.eyebrow{letter-spacing:.18em;color:var(--lime);margin:0 0 18px;font-size:11px}.hero h1{letter-spacing:-.085em;margin:0;font-family:Arial,PingFang SC,sans-serif;font-size:clamp(54px,8vw,116px);line-height:.85}.hero h1 em{color:#0000;-webkit-text-stroke:1px var(--lime);font-style:normal}.intro{color:#b8c0b6;border-left:2px solid var(--lime);margin:0 0 5px;padding-left:22px;font-family:Arial,PingFang SC,sans-serif;font-size:17px;line-height:1.8}.form-grid{border:1px solid var(--line);background:#0a0c0bcc;grid-template-columns:1.6fr .8fr;display:grid}label{flex-direction:column;display:flex}label>span{letter-spacing:.08em;color:#a8b2a6;margin-bottom:12px;font-size:11px}label>span b{color:var(--lime);margin-left:8px;font-weight:400}.code-input{border-right:1px solid var(--line);padding:24px;position:relative}.code-input textarea{min-height:380px}.code-input small{color:#667065;font-size:10px;position:absolute;bottom:34px;right:36px}.controls{flex-direction:column;display:flex}.controls label{border-bottom:1px solid var(--line);padding:22px}.controls label:last-child{border:0}.controls textarea{resize:vertical;min-height:86px}textarea,select{color:var(--ink);background:#0d100e;border:0;border-radius:0;outline:0;padding:14px;line-height:1.6;box-shadow:inset 0 0 0 1px #222a23}textarea:focus,select:focus{box-shadow:inset 0 0 0 1px var(--lime)}textarea::placeholder{color:#566056}.action-row{justify-content:space-between;align-items:center;min-height:52px;margin-top:16px;display:flex}.action-row p{color:var(--red);margin:0;font-size:12px}.action-row button{background:var(--lime);color:#10140d;border:0;justify-content:space-between;min-width:220px;padding:16px 20px;font-weight:800;display:flex}.action-row button:disabled{opacity:.55;cursor:wait}.action-row kbd{opacity:.6;font-size:10px}.loading,.failure{border:1px solid var(--line);background:var(--panel);margin-top:26px;padding:28px}.loading-title{align-items:center;gap:15px;display:flex}.loading-title div{flex-direction:column;gap:4px;display:flex}.loading-title small{color:var(--muted)}.spinner{border:2px solid #3b443a;border-top-color:var(--lime);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}.skeleton{grid-template-columns:1fr 1fr;gap:12px;margin-top:28px;display:grid}.skeleton i{background:linear-gradient(90deg,#151a16,#283027,#151a16) 0 0/200%;height:18px;animation:1.4s infinite shine}.skeleton i:nth-child(3){width:72%}.skeleton i:nth-child(4){width:85%}.result-head{justify-content:space-between;align-items:end;padding:65px 0 22px;display:flex}.result-head h2{margin:0;font-family:Arial,PingFang SC,sans-serif;font-size:28px}.result-head button,.failure button{color:var(--lime);background:0 0;border:1px solid #475345;padding:11px 16px}.compare{border:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.compare article+article{border-left:1px solid var(--line)}.compare header{border-bottom:1px solid var(--line);height:50px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 18px;font-size:11px;display:flex}.compare header b{color:var(--lime)}pre{white-space:pre;background:#0b0e0c;height:520px;margin:0;padding:24px;font-size:13px;line-height:1.65;overflow:auto}.notes-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:.85fr 1.15fr;gap:1px;margin-top:18px;display:grid}.notes-grid>article{background:var(--panel);padding:26px}.notes-grid h3{margin:0 0 18px;font-family:Arial,PingFang SC,sans-serif;font-size:16px}.prose{white-space:pre-wrap;color:#bdc6ba;font-size:13px;line-height:1.8}.changes>div{border-top:1px solid var(--line);grid-template-columns:42px 1fr;gap:12px;padding:12px 0;font-size:12px;line-height:1.6;display:grid}.changes b{color:var(--lime)}.failure{border-color:#583633}.failure b{color:var(--red)}.failure p{color:var(--muted)}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shine{to{background-position:-200%}}@media (width<=760px){main{width:min(100% - 24px,1220px)}.hero{grid-template-columns:1fr;padding:48px 0 36px}.hero h1{font-size:62px}.form-grid,.compare,.notes-grid{grid-template-columns:1fr}.code-input{border-right:0;border-bottom:1px solid var(--line)}.code-input textarea{min-height:280px}.compare article+article{border-left:0;border-top:1px solid var(--line)}pre{height:360px}.result-head{align-items:flex-start;gap:18px}.action-row{flex-direction:column;align-items:flex-start;gap:12px}.action-row button{width:100%}}