@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&display=swap";
:root{--ink:#17201d;--muted:#68736d;--paper:#f5f3ed;--lime:#d7f36b;--orange:#ff7043;--line:#17201d29}*{box-sizing:border-box}body{min-width:320px;color:var(--ink);background:radial-gradient(circle at 88% 12%,#d7f36bad,#0000 28rem),linear-gradient(125deg,#f5f3ed 0%,#e9eee5 100%);margin:0;font-family:Manrope,sans-serif}.shell{grid-template-columns:minmax(0,720px) 240px;align-items:center;gap:5rem;max-width:1180px;min-height:100svh;margin:0 auto;padding:8vw 6vw;display:grid}.panel{max-width:650px}.eyebrow,.signal,.result span{letter-spacing:.08em;font-family:DM Mono,monospace;font-size:.72rem}.eyebrow{color:var(--orange);margin:0 0 2.4rem}h1{letter-spacing:0;max-width:620px;margin:0;font-size:clamp(3.4rem,8vw,7.5rem);line-height:.92}.lede{max-width:470px;color:var(--muted);margin:2.4rem 0;font-size:1.08rem;line-height:1.7}button{color:var(--ink);background:var(--lime);cursor:pointer;border:0;border-radius:999px;padding:1rem 2rem;font:700 1rem Manrope,sans-serif;box-shadow:0 .7rem 1.5rem #17201d1f}button:hover:not(:disabled){transform:translateY(-2px)}button:disabled{cursor:wait;opacity:.65}.result{border-top:1px solid var(--line);gap:.8rem;margin-top:3rem;padding-top:1.2rem;font-size:1.2rem;line-height:1.5;display:grid}.result span{color:var(--orange)}.error{color:#b63420;margin-top:2rem}.signal{color:var(--muted);white-space:nowrap;align-self:end;align-items:center;gap:.7rem;display:flex}.signal-dot{background:var(--orange);border-radius:50%;width:.65rem;height:.65rem;box-shadow:0 0 0 .35rem #ff70432e}@media (max-width:760px){.shell{padding:3rem 1.5rem;display:block}h1{font-size:clamp(3.2rem,17vw,5.5rem)}.signal{margin-top:5rem}}