:root{font-family:system-ui,sans-serif;color:#16354c;background:#edf2f8;font-size:16px}*{box-sizing:border-box}body{margin:0}main{max-width:840px;margin:auto;padding:32px 20px}small{color:#687b70;font-size:11px}h1{font-size:32px;line-height:1.3;margin:18px 0}h2{font-size:19px}p,footer{line-height:1.7;color:#68766d}section{background:#ffffff;border:1px solid #dedfd3;border-radius:6px;padding:18px;margin:24px 0}button{font:inherit;min-height:44px;border:0;border-radius:9px;padding:10px 14px;background:#195b86;color:white;cursor:pointer}button:disabled{opacity:.5}input{font:inherit;width:100%;min-height:46px;border:1px solid #aebbb0;border-radius:8px;margin:10px 0;padding:10px;background:white}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:space-between}#list button{display:block;text-align:left;overflow-wrap:anywhere;width:100%;margin:10px 0;background:#e8eee6;color:#195b86}#desktop{height:460px;background:#17251f;overflow:hidden;margin:14px 0;border-radius:8px}#desktop.zoomed{overflow:auto}#status{overflow-wrap:anywhere}footer{font-size:13px}label{display:block}form{margin-top:16px}[hidden]{display:none!important}@media(max-width:450px){main{padding:24px 14px}h1{font-size:28px}section{padding:14px}#desktop{height:360px}}

:focus-visible{outline:3px solid #dc9026;outline-offset:3px}