body{font-family:Arial,sans-serif;line-height:1.6;padding:20px;background-color:#f4f4f4}.container{display:flex;flex-wrap:wrap;justify-content:space-around;width:100%;margin:20px auto}textarea,#readPanel{flex:1 1 45%;min-width:300px;height:300px;padding:10px;font-size:16px;border:1px solid #ccc;background-color:#fff;overflow-y:auto;resize:none}#readPanel{position:relative;white-space:pre-wrap}.controls{width:100%;text-align:center;margin-top:20px}.highlight{background-color:yellow}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,255,255,0.2);pointer-events:none}footer{margin-top:20px;padding:10px;background-color:#f1f1f1;text-align:center;font-size:14px}@media (max-width:600px){textarea,#readPanel{flex:1 1 100%;min-width:auto}.container{flex-direction:column}