:root{font-family:system-ui,Arial,sans-serif;color:#17253b;background:#f2f5f9}*{box-sizing:border-box}body{margin:0}header{background:#12365c;color:white;padding:16px 22px;display:flex;justify-content:space-between}main{max-width:920px;margin:30px auto;padding:0 16px}section{background:white;border-radius:14px;padding:26px;margin:16px 0;box-shadow:0 3px 12px #17253b18}h1{margin-top:0}form{display:grid;gap:14px;max-width:450px}label{display:grid;gap:6px}input{font:inherit;padding:12px;border:1px solid #a4b3c6;border-radius:8px;min-width:0}button{font:inherit;border:0;border-radius:8px;background:#1269c8;color:white;padding:12px 18px;cursor:pointer;margin:4px 6px 4px 0}.secondary{background:#e6edf5;color:#173450}#code{font-size:2.5rem;letter-spacing:.13em}.device{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce4ed;padding:12px 0}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}#screenWrap{background:#17253b;min-height:250px;display:flex;justify-content:center;align-items:center;overflow:hidden}#screen{display:block;max-width:100%;height:auto;touch-action:none}#typing{flex:1}#message{min-height:24px;color:#a02b2b}[hidden]{display:none!important}