:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#090f16;color:#e6f1f7;--muted:#9bb4c4;--line:#244050;--accent:#78dcea}
*{box-sizing:border-box}body{margin:0}a{color:var(--accent)}header,footer{padding:1rem max(1rem,calc((100% - 1120px)/2));border-bottom:1px solid var(--line)}header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}header a{text-decoration:none}header strong{color:#fff}main{max-width:1152px;padding:clamp(1rem,4vw,2.5rem) 1rem;margin:auto;min-height:70vh}.intro{padding:clamp(1rem,4vw,2.5rem);background:linear-gradient(125deg,#102737,#0b1722);border:1px solid var(--line);border-radius:18px}h1{font-size:clamp(1.8rem,5vw,3rem);margin:0}p{line-height:1.55;color:var(--muted)}label{display:block;margin-top:1.3rem;margin-bottom:.4rem;font-weight:600}input{width:min(100%,32rem);padding:.8rem;border:1px solid #426578;border-radius:9px;background:#08141e;color:inherit;font:inherit}input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem}article{padding:1rem 1.2rem;border:1px solid var(--line);border-radius:13px;background:#101d28;overflow-wrap:anywhere}h2{font-size:1.25rem;margin:.25rem 0}small{color:var(--accent)}dl{margin:0}dt{font-weight:650}dd{margin:0 0 .5rem;color:var(--muted);white-space:pre-wrap}footer{border:0;border-top:1px solid var(--line);color:var(--muted)}