.sync-connect,.sync-status{color:var(--text,inherit);font-family:var(--font-body,'IBM Plex Sans',sans-serif)}
.sync-replacement{font-size:12px;color:var(--muted,#929b99)}.sync-replacement summary{cursor:pointer}.sync-replacement label{margin-top:12px}
.sync-connect{max-width:510px;margin:clamp(20px,5vh,65px) auto;padding:0 22px}.sync-connect header{margin-bottom:28px}.sync-kicker{font-size:12px;font-weight:500;letter-spacing:.035em;color:var(--muted,#6b7b74)}.sync-connect h1{font-size:29px;line-height:1.25;font-weight:500;letter-spacing:-.5px;margin:9px 0 0}.sync-connect form{display:grid;gap:18px}.sync-connect label{display:grid;gap:7px;font-size:12px;font-weight:500}.sync-connect input{box-sizing:border-box;min-width:0;width:100%;padding:10px 12px;border:1px solid var(--border,#d7dfda);border-radius:5px;background:var(--surface-input,var(--surface,#fff));color:inherit;font-family:inherit;font-size:14px;font-weight:400;line-height:1.4}.sync-credentials{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:18px;border-top:1px solid var(--border,#d7dfda)}.sync-connect footer{display:flex;justify-content:flex-end}.sync-connect input:disabled{opacity:.7}.sync-connect :is(input,button):focus-visible,.sync-status :is(button,a,summary):focus-visible{outline:2px solid var(--accent,var(--green,#176149));outline-offset:3px}
.sync-message{font-size:13px;line-height:1.5;margin:0;color:var(--muted,#6b7b74);min-height:19px;overflow-wrap:anywhere}.sync-message[data-error=true],.sync-problem{color:var(--danger,var(--red,#b93c3c))}.sync-status{border-top:1px solid var(--border,#d7dfda);padding:22px 0;max-width:780px}.sync-status header{margin-bottom:17px}.sync-status h2{font-size:18px;font-weight:500;margin:0}.sync-status-line{display:flex;justify-content:space-between;align-items:center;gap:16px}.sync-status-line strong{font-size:14px;font-weight:500}.sync-badge{font-size:11px;border-radius:4px;background:var(--soft,#eaf3ed);color:var(--muted,#6b7b74);padding:4px 7px;white-space:nowrap}.sync-badge[data-tone=ready]{color:var(--accent,var(--green,#176149))}.sync-badge[data-tone=attention]{color:var(--danger,var(--red,#b93c3c));background:color-mix(in srgb,var(--red,#b93c3c) 9%,transparent)}.sync-device-name{font-size:13px;margin:7px 0;color:var(--muted,#6b7b74)}.sync-address{display:inline-block;font-size:12px;max-width:100%;overflow-wrap:anywhere;margin-top:6px;color:var(--accent,var(--green,#176149));text-underline-offset:3px}.sync-numbers{display:grid;grid-template-columns:repeat(3,1fr);margin:18px 0 12px;padding:12px 0;border-block:1px solid var(--border,#d7dfda)}.sync-numbers>div+div{padding-left:18px;border-left:1px solid var(--border,#d7dfda)}.sync-numbers dt{font-size:11px;color:var(--muted,#6b7b74);margin-bottom:6px}.sync-numbers dd{margin:0;font-size:22px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1}.sync-last{font-size:12px;color:var(--muted,#6b7b74);margin:10px 0}.sync-problem{font-size:13px;line-height:1.5;margin:9px 0}.sync-status footer{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.sync-capabilities{font-size:12px;margin:13px 0}.sync-capabilities summary{cursor:pointer;color:var(--muted,#6b7b74)}.sync-capabilities p{line-height:1.5;margin:9px 0 0}.sync-status>[data-sync-message]:empty{display:none}.sync-status[aria-busy=true]>[data-sync-body]{opacity:.6}
@media(max-width:540px){.sync-connect{margin-top:25px;padding:0 8px}.sync-credentials{grid-template-columns:1fr}.sync-connect h1{font-size:25px}.sync-numbers>div+div{padding-left:10px}.sync-numbers dt{font-size:10px}.sync-status footer{flex-wrap:wrap}.sync-status-line{align-items:flex-start}}