:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#0c1421;color:#eaf2ff;font:16px/1.6 system-ui,-apple-system,sans-serif}header,footer,.matcher{max-width:1100px;margin:auto;padding:35px 22px}header{padding-top:56px}.back{display:inline-block;margin-bottom:24px;color:#78d8ff}.eyebrow{display:block;letter-spacing:.12em;color:#86c9dd;font-size:.76rem;font-weight:700}h1{font-size:clamp(2rem,4.5vw,3.4rem);line-height:1.2;margin:12px 0 20px}h2{font-size:1.3rem;margin:0 0 6px}header p{max-width:720px;color:#b6c8df}.grid{max-width:1144px;padding:10px 22px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px}.panel,.matcher{background:#16253b;border:1px solid #2b4360;border-radius:18px;padding:25px;box-shadow:0 9px 30px #0002}.panel p{color:#bad0e5}.panel label,.matcher label{display:block;margin:12px 0 5px}input,select{display:block;background:#101e30;color:#fff;border:1px solid #526883;border-radius:8px;padding:12px;width:100%;font:inherit;margin-top:5px}button{border:0;border-radius:9px;background:#4cbbdc;color:#071f2b;font:600 1rem system-ui,sans-serif;padding:12px 15px;cursor:pointer;margin:10px 8px 4px 0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f2d564;outline-offset:2px}button.secondary{background:#293b50;color:#eaf2ff}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{flex:1}.question{font-size:1.2rem;font-weight:700;min-height:2rem}.result{display:block;white-space:pre-wrap;margin:16px 0;padding:14px;min-height:54px;border-left:4px solid #66cfb2;background:#102237;border-radius:6px;overflow-wrap:anywhere}.result:empty{display:none}.channel{display:inline-block;margin-top:12px;color:#7cdbf8;font-weight:650}.matcher{margin:30px auto;max-width:800px}footer{font-size:.9rem;color:#9bb3cd}footer a{color:#7bdcff}@media(max-width:480px){header,.matcher{padding:24px 16px}.grid{padding:8px 16px}.panel{padding:19px}}