:root{--ink:#10141b;--paper:#f4f0e7;--card:#fffdf7;--line:#c9c1b1;--orange:#ff5c35;--mint:#92f2c2;--blue:#2057f5;--muted:#5e625f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1.55}a{color:inherit}header{border-bottom:2px solid var(--ink);background:var(--card)}nav{max-width:1160px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;gap:20px}.brand{font-weight:900;text-decoration:none;letter-spacing:-.04em;font-size:1.08rem}.navlinks{display:flex;gap:18px;flex-wrap:wrap}.navlinks a{text-decoration:none;font-size:.82rem}.badge{background:var(--mint);border:1px solid var(--ink);padding:2px 8px}.hero{max-width:1160px;margin:auto;padding:64px 24px 30px;display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:end}.kicker{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:800}.hero h1{font-family:Arial Black,Impact,sans-serif;font-size:clamp(3rem,8vw,7.2rem);line-height:.82;letter-spacing:-.075em;margin:18px 0 28px}.hero h1 span{color:var(--orange)}.hero p{max-width:720px;font-family:Inter,system-ui,sans-serif;font-size:1.15rem;color:#343942}.signal{border:2px solid var(--ink);background:var(--blue);color:white;padding:22px;transform:rotate(1.5deg);box-shadow:8px 8px 0 var(--ink)}.signal strong{font-size:2.4rem;display:block}.shell{max-width:1160px;margin:20px auto 70px;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{border:2px solid var(--ink);background:var(--card);box-shadow:6px 6px 0 var(--ink)}.panel-head{padding:14px 18px;border-bottom:2px solid var(--ink);display:flex;justify-content:space-between;align-items:center;font-weight:900}.editor{padding:18px}textarea{width:100%;min-height:470px;resize:vertical;border:0;background:#111821;color:#dfffe9;padding:20px;font:14px/1.55 ui-monospace,monospace;outline:0;tab-size:2}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}button{appearance:none;border:2px solid var(--ink);background:var(--orange);color:var(--ink);font:900 .9rem ui-monospace,monospace;padding:11px 18px;cursor:pointer;box-shadow:3px 3px 0 var(--ink)}button.secondary{background:var(--paper)}button:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.results{padding:18px;min-height:540px}.score{display:flex;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:16px}.score-ring{width:92px;height:92px;border:8px solid var(--mint);background:var(--ink);color:white;border-radius:50%;display:grid;place-items:center;font:900 2rem Arial}.score h2{margin:0;font-family:Arial Black,Impact,sans-serif}.score p{margin:4px 0;color:var(--muted)}.finding{border:1px solid var(--ink);padding:13px 14px;margin:10px 0;background:white}.finding.high{border-left:10px solid #dc283e}.finding.medium{border-left:10px solid #f2ab27}.finding.low{border-left:10px solid var(--mint)}.finding strong{display:block}.finding code{overflow-wrap:anywhere}.empty{padding:80px 30px;text-align:center;color:var(--muted)}.explain{max-width:1160px;margin:0 auto 80px;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.explain article{border-top:8px solid var(--ink);padding-top:18px}.explain h2{font-family:Arial Black,Impact,sans-serif;margin:0 0 8px}.explain p{font-family:Inter,system-ui,sans-serif;color:#3f4449}.content{max-width:800px;margin:70px auto;padding:0 24px 100px}.content h1{font:900 clamp(2.5rem,7vw,5rem)/.95 Arial Black,Impact,sans-serif;letter-spacing:-.05em}.content h2{margin-top:2.2rem}.content p,.content li{font-family:Inter,system-ui,sans-serif}.note{border:2px solid var(--ink);background:var(--mint);padding:18px}footer{border-top:2px solid var(--ink);background:var(--ink);color:white;padding:30px 24px}.footer-inner{max-width:1160px;margin:auto;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-inner a{margin-right:16px}@media(max-width:820px){.hero,.shell,.explain{grid-template-columns:1fr}.hero{padding-top:42px}.signal{transform:none}.navlinks{display:none}textarea{min-height:350px}.results{min-height:auto}}