@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#20211d;--muted:#77766e;--line:#d9d5ca;--acid:#d6f56a;--paper:#f4f1ea;--white:#fffdf8;--danger:#b23a36}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Space Grotesk',sans-serif;background-image:linear-gradient(rgba(32,33,29,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(32,33,29,.035) 1px,transparent 1px);background-size:36px 36px}.shell{max-width:940px;margin:auto;padding:32px 28px 28px;min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:700;text-decoration:none;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:var(--ink);color:var(--acid);font:600 10px 'DM Mono',monospace;letter-spacing:-.1em}.maker{font:11px 'DM Mono',monospace;color:var(--muted)}.maker strong{color:var(--ink);font-weight:500}.eyebrow,.detail-label{font:500 11px 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.pulse-dot{display:inline-block;width:7px;height:7px;background:var(--acid);border-radius:50%;box-shadow:0 0 0 5px #d6f56a55;margin-right:7px}.hero{max-width:700px;margin:82px 0 58px}.hero h1{font-size:clamp(42px,7vw,78px);line-height:.92;letter-spacing:-.075em;margin:17px 0 25px}.hero h1 em{font-style:normal;color:var(--muted)}.hero p{font-size:18px;color:var(--muted);line-height:1.5;max-width:540px}.search{max-width:720px}.search label{display:flex;justify-content:space-between;font-weight:600;margin-bottom:10px}.search label span{font:16px 'DM Mono',monospace;color:var(--muted)}.input-row{display:flex;gap:10px}.input-row input{flex:1;min-width:0;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--white);font:16px 'Space Grotesk';outline:none}.input-row input:focus{border-color:var(--ink);box-shadow:0 0 0 3px #d6f56a88}.input-row button{border:0;border-radius:12px;background:var(--ink);color:var(--acid);padding:0 22px;font:600 15px 'Space Grotesk';cursor:pointer;transition:transform .2s,background .2s}.input-row button:hover{background:#42463d;transform:translateY(-2px)}.error{color:var(--danger);margin:18px 0 0}.loading{display:flex;align-items:center;gap:10px;margin:45px 0;font:14px 'DM Mono',monospace}.loading-ring{width:14px;height:14px;border:2px solid var(--line);border-top-color:var(--ink);border-radius:50%;animation:spin .8s linear infinite}.loading>span:last-child{animation:blink 1s infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:0}}#results{margin-top:78px}.result-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.result-heading h2{font-size:25px;overflow-wrap:anywhere;margin:10px 0 0}.badge{background:var(--acid);padding:8px 11px;border-radius:999px;font:500 12px 'DM Mono',monospace;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:28px 0 32px}.metric{background:var(--paper);padding:22px 15px}.metric strong{display:block;font-size:32px;letter-spacing:-.05em;margin-bottom:8px}.metric span{font-size:13px;color:var(--muted)}.details{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}article{background:var(--paper);padding:22px;min-height:125px}article p{line-height:1.5;margin:12px 0 0}footer{display:flex;align-items:center;gap:14px;margin-top:auto;padding-top:70px;font:11px 'DM Mono',monospace;color:var(--muted)}footer strong{color:var(--ink);font-weight:500}footer a{color:var(--ink);text-decoration:none}footer a:hover{text-decoration:underline}.footer-rule{height:1px;flex:1;background:var(--line)}@media(max-width:620px){.shell{padding:22px 18px}.topbar{align-items:flex-start}.maker{max-width:135px;text-align:right;line-height:1.4}.hero{margin:62px 0 38px}.input-row{display:block}.input-row button{width:100%;padding:17px;margin-top:8px}.metrics{grid-template-columns:repeat(2,1fr)}.metric:last-child{grid-column:span 2}.details{grid-template-columns:1fr}.result-heading{display:block}.badge{display:inline-block;margin-top:15px}footer{display:block;line-height:1.8}.footer-rule{display:block;width:100%;margin:10px 0}}
