:root{font:16px/1.5 system-ui,sans-serif;color:#182b39;background:#eef3f6}*{box-sizing:border-box}body{margin:0}main{max-width:720px;margin:auto;padding:28px 18px}header{padding:12px 4px 20px}h1{font-size:2rem;margin:12px 0 2px}h2{font-size:1.15rem;margin:0 0 12px}p{margin:8px 0 16px}.tag{font-size:.75rem;font-weight:750;letter-spacing:.08em;color:#0c6358;background:#d4ebe5;padding:6px 10px;border-radius:6px}section,details{background:white;padding:22px;margin-bottom:18px;border:1px solid #d6e0e7;border-radius:14px}label{display:block;font-weight:600;margin:14px 0}input,select{display:block;width:100%;margin-top:6px;font:inherit;padding:11px;border:1px solid #9dafbc;border-radius:7px;background:white}button{font:inherit;font-weight:650;border:0;border-radius:7px;padding:11px 16px;background:#155f88;color:white;cursor:pointer;margin:4px 6px 4px 0}button:hover{background:#104968}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #d08c23;outline-offset:3px}fieldset{border:0;margin:0;padding:0;min-width:0}fieldset:disabled{opacity:.6}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}#results button{display:block;width:100%;text-align:left;background:#e7f1f6;color:#173b51}#selected{font-weight:600}#result,#sync-result{white-space:pre-line}.error{color:#a12828}.success{color:#14624f}footer{font-size:.85rem;color:#516575;padding:12px 4px}summary{cursor:pointer;font-weight:600}@media(max-width:480px){.grid{grid-template-columns:1fr}section{padding:18px}main{padding:18px 12px}}