:root{font-family:system-ui,sans-serif;color:#182b45;background:#f5f7fb;color-scheme:light}body{margin:0}main{max-width:1000px;margin:40px auto;padding:0 24px}h1{font-size:clamp(2rem,5vw,3rem);margin:.3em 0}h2{font-size:1.3rem}h3{font-size:1.05rem}p{line-height:1.6;color:#43536a}.eyebrow{letter-spacing:.13em;font-size:.8rem;font-weight:700}section{background:white;border:1px solid #dce3ed;border-radius:16px;padding:24px;margin:24px 0}.actions{display:flex;flex-wrap:wrap;gap:10px}button,.file-label{font:inherit;background:#edf3ff;border:1px solid #b8cbea;color:#163f78;padding:10px 15px;border-radius:8px;cursor:pointer}button:hover{background:#dfeaff}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #2661ca;outline-offset:3px}ul{padding:0;list-style:none}li{padding:12px 0;border-bottom:1px solid #e4e8ef;overflow-wrap:anywhere}li button{margin:6px}.app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.app-grid li{border:1px solid #dce3ed;border-radius:12px;padding:14px}.app-grid h3{margin-top:0}#sync-error{color:#a32222;white-space:pre-wrap}.file-label{display:flex;flex-direction:column;gap:8px}input[type=file]{max-width:100%}dialog{max-width:min(800px,85vw);max-height:80vh;border:1px solid #bdcadc;border-radius:16px;padding:24px;color:inherit}dialog::backdrop{background:rgb(12 27 49 / .45)}dialog form{display:inline}li[data-restored=true]{color:#236744}@media(max-width:500px){main{padding:0 14px}section{padding:18px}.actions>*{width:100%}}

.sync-activity{padding:1rem 1.25rem;margin:1rem 0;background:#eef3ff;border:1px solid #ccd9f5;border-radius:12px}.sync-activity[hidden]{display:none}.sync-activity p{margin:.5rem 0}.sync-activity #sync-stage{font-weight:650;color:#18345f}.sync-activity progress{width:100%;height:12px;accent-color:#315bea}.sync-activity #sync-elapsed{font-variant-numeric:tabular-nums;font-size:.9rem}