:root{color-scheme:light dark;font:1rem/1.5 system-ui,sans-serif;background:#10221e;color:#e2ede5}body{margin:0}header,main,footer{max-width:56rem;margin:auto;padding:1.25rem}header h1{margin-bottom:0}header p,footer{color:#b4cbc1}nav,form{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0;align-items:end}button,input{font:inherit;padding:.75rem;border:1px solid #92b5a6;border-radius:.75rem}button{cursor:pointer;background:#c5f1d9;color:#123527}button:disabled{opacity:.5;cursor:wait}label{display:grid;gap:.5rem;flex:1}input{background:#182e27;color:#e2ede5;min-width:12rem;max-width:100%;box-sizing:border-box}input[type=search]{width:100%}article{background:#19382d;border-radius:1rem;padding:1rem;margin:1rem 0;overflow-wrap:anywhere}h2{font-size:1.1rem}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9rem}details{margin:.75rem 0}summary{cursor:pointer}img{max-width:100%;max-height:24rem;object-fit:contain}.pairing-qr{width:20rem;max-width:100%;height:auto}.pairing-emojis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem 1.75rem;padding-left:1.75rem}input[type=checkbox]{min-width:0}[role=alert]{border:2px solid #ffb4a9;padding:1rem}:focus-visible{outline:3px solid #e3c872;outline-offset:3px}@media(max-width:35rem){nav,form{flex-direction:column;align-items:stretch}}