:root{font:16px/1.5 system-ui,sans-serif;color:#21343d;background:#fff}*{box-sizing:border-box}body{margin:0}header{padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #dce7eb;flex-wrap:wrap}.brand{font-weight:650;color:inherit;text-decoration:none}.brand span{color:#07869c;margin-left:8px}#account{display:flex;gap:12px;align-items:center;flex-wrap:wrap}#identity{font-size:13px;overflow-wrap:anywhere}main{padding:20px 28px}.card{max-width:480px;margin:60px auto;padding:30px;background:#f3f8f9;border-radius:18px}h1{font-size:29px;line-height:1.2;margin:12px 0}h2{font-size:19px}.eyebrow{color:#07869c;text-transform:uppercase;letter-spacing:2px;font-size:12px}label{display:block;margin:16px 0}input{display:block;width:100%;padding:12px;border:1px solid #b9cbd1;border-radius:8px;margin-top:5px;font:inherit}button{padding:9px 14px;background:white;color:#21343d;border:1px solid #b9cbd1;border-radius:8px;font:inherit;font-size:14px;cursor:pointer}button:hover{background:#e5f1f3}button:disabled{opacity:.6;cursor:wait}.primary{background:#21343d;color:white}.primary:hover{background:#395762}form button{margin:5px 4px 5px 0}[hidden]{display:none!important}.syncbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:4px 0 14px;font-size:14px}#atlas{border:0;width:100%;height:1500px;display:block}#conflicts{background:#fff2df;padding:16px;border-radius:10px}#history{padding:16px;background:#f3f8f9}article{border-bottom:1px solid #cbdce2;padding:14px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.5 ui-monospace,monospace;max-height:200px;overflow:auto}footer{text-align:center;font-size:12px;color:#5c717b;padding:24px}p[role=status]{overflow-wrap:anywhere}button:focus-visible,input:focus-visible{outline:3px solid #5669cf;outline-offset:2px}@media(max-width:600px){header{padding:16px}main{padding:10px}.card{margin:30px auto;padding:22px}#account{gap:8px}h1{font-size:25px}}@media print{header,.syncbar,#history,#conflicts,footer{display:none}main{padding:0}}

#conflicts{position:fixed;z-index:20;top:80px;left:max(12px,calc((100vw - 900px)/2));right:max(12px,calc((100vw - 900px)/2));max-height:80vh;overflow:auto;box-shadow:0 8px 40px #21343d33}
header{position:sticky;top:0;background:white;z-index:11}.syncbar{position:sticky;top:var(--header-height,70px);z-index:10;background:white;padding:12px 0;border-bottom:1px solid #dce7eb}