*{box-sizing:border-box}body{margin:0;background:#111827;color:#edf2f7;font-family:system-ui,sans-serif}main{max-width:420px;margin:12vh auto;padding:28px;background:#1f2937;border-radius:16px}p{line-height:1.6;color:#cbd5e1}label{display:block;margin:18px 0}input{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #64748b;border-radius:7px;background:#111827;color:white;font-size:16px}button{padding:11px 18px;border:0;border-radius:7px;background:#3b82f6;color:white;cursor:pointer;font-size:15px}header{height:56px;display:flex;align-items:center;gap:12px;padding:8px 16px}header span{flex:1}#screen{height:calc(100vh - 56px);width:100vw;background:#111827}[hidden]{display:none!important}#message{min-height:24px}