:root{font-family:system-ui,sans-serif;color:#172334;background:#f2f5f7}body{margin:0}main{max-width:1000px;margin:auto;padding:32px 20px}header{margin-bottom:32px}header span{font-size:12px;letter-spacing:2px;color:#426b72}h1{font-size:clamp(28px,5vw,44px);margin:12px 0}p{color:#576677;line-height:1.6}h2{font-size:20px}input{display:block;padding:12px;border:1px solid #b7c4d0;border-radius:8px;margin:10px 0;width:min(320px,85%)}button{padding:12px 18px;border:0;border-radius:8px;background:#135e68;color:white;cursor:pointer}.bar{display:flex;align-items:center;justify-content:space-between;gap:20px}.grid{display:grid;grid-template-columns:minmax(220px,400px) 1fr;gap:24px}.grid>section{background:white;border:1px solid #dae2e8;padding:20px;border-radius:16px}#screen{width:100%;min-height:120px;border-radius:8px;background:#e9eef1}.event{border-bottom:1px solid #e0e6eb;padding:12px 0}.event p{white-space:pre-wrap;overflow-wrap:anywhere}aside{padding:20px 0;color:#576677}#error{color:#a02323}[hidden]{display:none!important}@media(max-width:650px){.grid{grid-template-columns:1fr}}