.sync-grid{font-family:var(--font-sans);grid-template-rows:auto 44px auto 44px auto;grid-template-columns:minmax(0,1fr);align-items:stretch;display:grid}@container stage (min-width:620px){.sync-grid{grid-template-rows:auto;grid-template-columns:minmax(0,1fr) 56px minmax(0,.8fr) 56px minmax(0,1fr);align-items:stretch}.sync-grid--mirror{grid-template-columns:minmax(0,.75fr) 40px minmax(0,1.4fr) 40px minmax(0,1fr)}}.device,.server{border:1px solid var(--rule);background:var(--paper);border-radius:12px;min-width:0;padding:.75rem .9rem .7rem}.device--laptop{border-top:3px solid var(--indigo)}.device--phone{border-top:3px solid var(--amber)}.server{border-top:3px solid var(--ink)}.device__head{color:var(--ink-soft);justify-content:space-between;align-items:center;gap:.5rem;font-size:.78rem;display:flex}.device__name{color:var(--ink);align-items:center;gap:.4rem;font-weight:600;display:inline-flex}.device--laptop .device__name svg{color:var(--indigo)}.device--phone .device__name svg{color:var(--amber)}.device__status{align-items:center;gap:.3rem;transition:color .3s;display:inline-flex}.device__status:before{content:"";background:#3f8f5a;border-radius:50%;width:7px;height:7px;transition:background .3s}.device__status[data-online=false]{color:var(--ink-faint)}.device__status[data-online=false]:before{box-shadow:inset 0 0 0 1.5px var(--ink-faint);background:0 0}.mini{font-family:var(--font-serif);margin:.6rem 0 0;padding:0;font-size:.86rem;line-height:1.45;list-style:none}.mini__line{border-radius:5px;padding:.12rem .3rem .12rem 1.05rem;transition:background-color .6s;animation:.5s ease-out line-in;position:relative}.mini__line[data-depth="1"]{margin-left:1rem}.mini__line[data-depth="1"]:after{content:"";background:var(--thread);width:1px;position:absolute;top:0;bottom:0;left:-.62rem}.mini__line:before{content:"";background:var(--ink);border-radius:50%;width:5px;height:5px;position:absolute;top:calc(.12rem + .725em - 2.5px);left:.32rem}.device--laptop .mini__line[data-fresh=true]{background:var(--indigo-wash)}.device--phone .mini__line[data-fresh=true]{background:var(--amber-wash)}.mini ins,.merge ins{border-bottom:2px solid;text-decoration:none}.device--laptop .mini ins,.by-laptop{color:var(--indigo)}.device--phone .mini ins,.by-phone{color:var(--amber)}.device--phone .mini__line:not([data-fresh=true]) ins,.device--laptop .mini__line:not([data-fresh=true]) ins{color:var(--ink);border-bottom-color:var(--thread)}.device__outbox{border-top:1px dashed var(--rule);color:var(--ink-faint);margin-top:.55rem;padding-top:.45rem;font-size:.74rem;transition:color .3s}.device--laptop .device__outbox[data-pending=true]{color:var(--indigo)}.device--phone .device__outbox[data-pending=true]{color:var(--amber)}.oplog{font-family:var(--font-mono);margin:.6rem 0 0;padding:0;font-size:.74rem;list-style:none}.oplog__row{border-radius:5px;align-items:baseline;gap:.6rem;padding:.18rem .35rem;transition:background-color .6s;animation:.5s ease-out line-in;display:flex}.oplog__seq{color:var(--ink-faint);font-variant-numeric:tabular-nums}.oplog__row--laptop .oplog__kind{color:var(--indigo)}.oplog__row--phone .oplog__kind{color:var(--amber)}.oplog__row--laptop[data-fresh=true]{background:var(--indigo-wash)}.oplog__row--phone[data-fresh=true]{background:var(--amber-wash)}.server__note{color:var(--ink-faint);margin-top:.5rem;font-size:.74rem}.wire{align-self:stretch;min-height:44px;position:relative}.wire__line{border-left:2px solid var(--thread);width:0;transition:opacity .3s;position:absolute;top:0;bottom:0;left:50%}.wire[data-online=false] .wire__line{opacity:.55;border-left-style:dashed}@container stage (min-width:620px){.wire__line{border-left:0;border-top:2px solid var(--thread);width:auto;height:0;inset:50% 0 auto}.wire[data-online=false] .wire__line{border-top-style:dashed}}.op{opacity:0;width:12px;height:12px;box-shadow:0 0 0 4px var(--paper-raised);border-radius:50%;margin:-6px 0 0 -6px;animation:1.1s cubic-bezier(.45,0,.25,1) forwards travel-v;position:absolute;top:0;left:50%}.op--laptop{background:var(--indigo)}.op--phone{background:var(--amber)}.op[data-travel=backward]{animation-name:travel-v-back}@container stage (min-width:620px){.op{animation-name:travel-h;top:50%;left:0}.op[data-travel=backward]{animation-name:travel-h-back}}@keyframes travel-v{0%{opacity:0;top:0%}15%,85%{opacity:1}to{opacity:0;top:100%}}@keyframes travel-v-back{0%{opacity:0;top:100%}15%,85%{opacity:1}to{opacity:0;top:0%}}@keyframes travel-h{0%{opacity:0;left:0%}15%,85%{opacity:1}to{opacity:0;left:100%}}@keyframes travel-h-back{0%{opacity:0;left:100%}15%,85%{opacity:1}to{opacity:0;left:0%}}@keyframes line-in{0%{opacity:0;transform:translateY(-3px)}}.merge{font-family:var(--font-sans);gap:.7rem;display:grid}.merge-row{align-items:baseline;gap:.25rem 1rem;display:grid}@container stage (min-width:560px){.merge-row{grid-template-columns:11rem minmax(0,1fr)}}.merge-row__label{color:var(--ink-faint);font-size:.8rem}.merge-row--laptop .merge-row__label{color:var(--indigo)}.merge-row--phone .merge-row__label{color:var(--amber)}.merge-row--result .merge-row__label{color:var(--ink);font-weight:600}.merge-row__block{border:1px solid var(--rule);background:var(--paper);font-family:var(--font-serif);border-radius:8px;padding:.45rem .75rem .45rem 1.45rem;font-size:.95rem;transition:background-color .6s,border-color .6s;position:relative}.merge-row__block:before{content:"";background:var(--ink);border-radius:50%;width:5px;height:5px;position:absolute;top:calc(.45rem + .8em - 2.5px);left:.65rem}.merge-row--result .merge-row__block{border-color:var(--ink-faint)}.merge-row--laptop[data-fresh=true] .merge-row__block{background:var(--indigo-wash)}.merge-row--phone[data-fresh=true] .merge-row__block{background:var(--amber-wash)}.merge-row--result[data-fresh=true] .merge-row__block{background:var(--paper-sunk)}.merge-row__wait{color:var(--ink-faint);font-family:var(--font-sans);font-size:.85rem}.merge-row__prop{font-family:var(--font-mono);color:var(--ink-soft);overflow-wrap:anywhere;margin-top:.3rem;font-size:.74rem;animation:.5s ease-out line-in;display:block}.merge-row__key{color:var(--ink-faint)}.device__outbox{flex-wrap:wrap;align-items:center;gap:.35rem .5rem;display:flex}.device__outbox-label{color:var(--ink-faint)}.card{max-width:100%;font-family:var(--font-mono);overflow-wrap:anywhere;border-radius:5px;padding:.12rem .45rem;font-size:.68rem;line-height:1.4;animation:.5s ease-out line-in;display:inline-block}.device--laptop .card{background:var(--indigo-wash);color:var(--indigo)}.device--phone .card{background:var(--amber-wash);color:var(--amber)}.mini__prop{font-family:var(--font-mono);color:var(--ink-soft);border-radius:5px;margin-left:1.05rem;padding:.05rem .3rem;font-size:.72rem;transition:background-color .6s;animation:.5s ease-out line-in}.device--laptop .mini__prop[data-fresh=true]{background:var(--indigo-wash)}.device--phone .mini__prop[data-fresh=true]{background:var(--amber-wash)}.device--phone .mini__prop:not([data-fresh=true]) ins,.device--laptop .mini__prop:not([data-fresh=true]) ins{color:var(--ink);border-bottom-color:var(--thread)}.device__footer{color:var(--ink-faint);margin-top:.4rem;font-size:.74rem}.db{border-radius:5px;align-items:center;gap:.35rem;padding:.05rem .3rem;transition:background-color .6s;display:inline-flex}.device--phone .db[data-fresh=true]{background:var(--amber-wash);color:var(--amber)}.device--laptop .db[data-fresh=true]{background:var(--indigo-wash);color:var(--indigo)}.server__note{font-family:var(--font-mono);min-height:1.4em}.op--server{background:var(--ink);width:8px;height:8px;margin:-4px 0 0 -4px}.op--hand{background:var(--paper-raised);border:2px dashed var(--amber)}.op[data-stop=gap]{animation-duration:1.4s}.op[data-stop=gap][data-travel=forward]{animation-name:stop-v}.op[data-stop=gap][data-travel=backward]{animation-name:stop-v-back}@container stage (min-width:620px){.op[data-stop=gap][data-travel=forward]{animation-name:stop-h}.op[data-stop=gap][data-travel=backward]{animation-name:stop-h-back}}@keyframes stop-v{0%{opacity:0;top:0%}15%{opacity:1}55%{opacity:1;top:45%}to{opacity:0;top:45%}}@keyframes stop-v-back{0%{opacity:0;top:100%}15%{opacity:1}55%{opacity:1;top:55%}to{opacity:0;top:55%}}@keyframes stop-h{0%{opacity:0;left:0%}15%{opacity:1}55%{opacity:1;left:45%}to{opacity:0;left:45%}}@keyframes stop-h-back{0%{opacity:0;left:100%}15%{opacity:1}55%{opacity:1;left:55%}to{opacity:0;left:55%}}.oplog__row--ink[data-fresh=true]{background:var(--paper-sunk)}.file,.tools{border:1px solid var(--rule);background:var(--paper);border-radius:12px;min-width:0;padding:.75rem .9rem .7rem}.file{border-top:3px solid var(--ink-faint)}.tools{border-top:3px solid var(--thread);transition:border-color .4s}.tools[data-active=true]{border-top-color:var(--ink)}.file__body,.tools__term{font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:.6rem 0 0;font-size:.72rem;line-height:1.6}.file__line{border-radius:4px;transition:background-color .6s}.file__line[data-state=fresh]{background:var(--paper-sunk)}.file__line[data-state=found]{background:var(--indigo-wash)}.file__line[data-state=hand]{background:var(--amber-wash);-webkit-text-decoration:underline wavy var(--amber);text-decoration:underline wavy var(--amber);text-underline-offset:3px}.file__id{color:var(--ink-faint)}.server__note[data-hand=true]{color:var(--amber)}.tools__prompt{color:var(--ink-faint)}.tools__commit[data-fresh=true]{color:var(--indigo)}@media (prefers-reduced-motion:reduce){.op{display:none}}