:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080c14;--bg-surface:#0b1120;--bg-chrome:#141c2e;--bg-card:#ffffff06;--bg-input:#ffffff0a;--fg:#e2e8f0;--fg-2:#94a3b8;--fg-3:#64748b;--fg-4:#475569;--border:#ffffff1f;--border-2:#ffffff0f;--accent:#22d3ee;--accent-soft:#22d3ee1f;--edit:#f2c078;--danger:#f87171;--danger-soft:#f871711f;--ok:#4ade80;--ok-soft:#4ade801f}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f0f4f8;--bg-surface:#fff;--bg-chrome:#e8edf4;--bg-card:#00000006;--bg-input:#0000000a;--fg:#0f172a;--fg-2:#334155;--fg-3:#475569;--fg-4:#64748b;--border:#0000001f;--border-2:#00000012;--accent:#0891b2;--accent-soft:#0891b21a;--edit:#b45309;--danger:#dc2626;--danger-soft:#dc262614;--ok:#16a34a;--ok-soft:#16a34a1a}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.5 Inter,Arial,Helvetica,sans-serif}h1,h2{margin:0;font-family:Outfit,Inter,sans-serif}button,input,select{font:inherit;color:inherit}.mono{font-family:JetBrains Mono,monospace;font-size:13px}.muted{color:var(--fg-3)}.page{max-width:1440px;margin:0 auto;padding:24px 16px 48px}.masthead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.wordmark{letter-spacing:-.02em;color:var(--accent);font-size:32px;font-weight:700}.tagline{max-width:60ch;color:var(--fg-2);margin:4px 0 0}.masthead__side{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pill{border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.pill--ok{background:var(--ok-soft);color:var(--ok)}.pill--warn{background:var(--danger-soft);color:var(--danger)}.layout{gap:20px;display:grid}.layout>*{min-width:0}@media (width>=1100px){.layout{grid-template-rows:auto auto auto auto auto auto 1fr;grid-template-columns:300px minmax(0,1fr);align-items:start}.layout>.controls{grid-area:1/1/-1}.layout>:not(.controls){grid-column:2}}.btn{border:1px solid var(--border);background:var(--bg-input);cursor:pointer;border-radius:8px;padding:7px 14px}.btn:hover{border-color:var(--accent)}.btn--primary{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.btn:disabled{cursor:default;opacity:.5}.btn:disabled:hover{border-color:var(--border)}.btn--small{padding:4px 10px;font-size:13px}.btn:focus-visible,.chip:focus-visible,.segmented__option:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input:not([type]),select{border:1px solid var(--border);background:var(--bg-input);border-radius:8px;width:100%;padding:7px 10px}select option{background:var(--bg-surface)}.segmented{border:1px solid var(--border-2);background:var(--bg-card);border-radius:10px;gap:4px;padding:3px;display:grid}.segmented__option{color:var(--fg-2);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:5px 8px;font-size:13px}.segmented__option[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);font-weight:600}.chip{border:1px dashed var(--border);color:var(--fg-2);cursor:pointer;background:0 0;border-radius:999px;padding:3px 10px;font-size:13px}.chip:hover{border-color:var(--accent);color:var(--accent)}.controls{border:1px solid var(--border-2);background:var(--bg-surface);border-radius:14px;gap:14px;padding:16px;display:grid}.group{border:0;border-bottom:1px solid var(--border-2);gap:10px;margin:0;padding:0 0 14px;display:grid}.group:last-of-type{border-bottom:0;padding-bottom:0}.group__title{letter-spacing:.02em;text-transform:uppercase;color:var(--fg-3);margin-bottom:10px;padding:0;font-family:Outfit,Inter,sans-serif;font-size:14px;font-weight:600}.group__note{color:var(--fg-3);margin:0;font-size:13px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.check{align-items:center;gap:6px;font-size:14px;display:inline-flex}.slider{grid-template-columns:76px 1fr 72px;align-items:center;gap:8px;font-size:13px;display:grid}.slider input{width:100%;accent-color:var(--accent)}.slider__label{color:var(--fg-2)}.slider__value{text-align:right;color:var(--fg-3);font-family:JetBrains Mono,monospace;font-size:12px}.controls__footer{color:var(--fg-4);margin:0;font-size:12px}.phones{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.phone{border:1px solid var(--border);background:var(--bg-surface);box-shadow:0 0 0 5px var(--bg-chrome), 0 0 0 6px var(--border), 0 12px 30px #00000040;border-radius:30px;align-content:start;gap:14px;margin:6px;padding:10px 16px 16px;transition:opacity .2s,border-color .2s;display:grid}.phone__statusbar{min-height:18px;color:var(--fg-3);grid-template-columns:1fr auto 1fr;align-items:center;font-size:11px;display:grid}.phone__statusbar>:last-child{justify-self:end}.phone__notch{background:var(--bg-chrome);border-radius:3px;width:64px;height:6px}.phone__signal{fill:var(--ok)}.phone__signal--off{color:var(--danger);font-size:11px;font-weight:600}.phone--offline{opacity:.72;border-style:dashed}.phone__header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.phone__title{font-size:18px;font-weight:600}.phone__meta{color:var(--fg-3);align-items:center;gap:6px;margin:2px 0 0;font-size:12px;display:flex}.dot{background:var(--fg-4);border-radius:50%;width:8px;height:8px}.dot--on{background:var(--ok)}.phone__clock{color:var(--fg-3);grid-template-columns:auto 1fr;align-items:center;gap:8px;font-size:13px;display:grid}.phone__clock select{padding:4px 8px;font-size:13px}.field{gap:6px;display:grid;position:relative}.field__flash{background:var(--accent-soft);opacity:0;pointer-events:none;border-radius:10px;animation:1.2s ease-out field-flash;position:absolute;inset:-6px -8px}@keyframes field-flash{0%{opacity:1}to{opacity:0}}.field__label{letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.field__hint{color:var(--fg-4);font-size:12px}.field__row{justify-content:space-between;align-items:center;gap:12px;display:flex}.visits{font-family:Outfit,Inter,sans-serif;font-size:28px;font-weight:600}.badge{background:var(--bg-input);letter-spacing:0;text-transform:none;color:var(--fg-3);border-radius:4px;padding:1px 6px;font-size:10px;font-weight:500}.badge--crdt{background:var(--accent-soft);color:var(--accent)}.tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tag{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;gap:4px;padding:3px 4px 3px 10px;font-size:13px;display:inline-flex}.tag__remove{width:20px;height:20px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%}.tag__remove:hover{background:var(--accent-soft)}.conflict{border:1px solid var(--danger);background:var(--danger-soft);border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;padding:8px;display:flex}.conflict__title{width:100%;color:var(--danger);font-size:12px;font-weight:600}.chip--conflict{border-style:solid;border-color:var(--danger);color:var(--fg)}.chip__from{color:var(--fg-3);font-size:11px}.why-toggle{border:1px solid var(--border-2);color:var(--fg-3);letter-spacing:0;text-transform:none;cursor:pointer;background:0 0;border-radius:999px;margin-left:auto;padding:1px 8px;font-size:11px;font-weight:500}.why-toggle:hover,.why-toggle[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}.why-toggle.why-toggle--lost{border-color:var(--danger);color:var(--danger);font-weight:600}.why{border:1px solid var(--border-2);background:var(--bg-card);border-radius:10px;gap:8px;padding:10px;display:grid}.why__summary,.why__empty{color:var(--fg-3);margin:0;font-size:12px}.why__list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.why__row{border-left:3px solid var(--border);background:var(--bg-surface);border-radius:4px;gap:2px;padding:6px 8px;display:grid}.why__row--shown,.why__row--present,.why__row--counted{border-left-color:var(--ok)}.why__row--competing{border-left-color:var(--edit)}.why__row--lost{border-left-color:var(--danger);background:var(--danger-soft)}.why__row--replaced .why__what,.why__row--lost .why__what,.why__row--removed .why__what{text-decoration:line-through}.why__head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.why__what{font-size:13px;font-weight:600}.why__badge{color:var(--fg-3);white-space:nowrap;font-size:11px;font-weight:600}.why__badge--shown,.why__badge--present,.why__badge--counted{color:var(--ok)}.why__badge--competing{color:var(--edit)}.why__badge--lost{color:var(--danger)}.why__meta{color:var(--fg-4);font:11px JetBrains Mono,monospace}.why__reason{color:var(--fg-2);font-size:12px}.timeline{border:1px solid var(--border-2);background:var(--bg-surface);border-radius:14px;padding:12px 16px;overflow:hidden}.timeline svg{display:block}.tl-tick{stroke:var(--border-2)}.tl-axis{fill:var(--fg-4);font:11px JetBrains Mono,monospace}.tl-lane{stroke:var(--border);stroke-width:2px}.tl-lane--offline{stroke-dasharray:4 6}.tl-label{fill:var(--fg-2);font:600 12px Inter,sans-serif}.tl-msg{stroke-width:1.5px;stroke-linecap:round}.tl-msg--request{stroke:var(--fg-4);stroke-dasharray:3 3}.tl-msg--empty{stroke:var(--accent);opacity:.35}.tl-msg--response{stroke:var(--accent);stroke-width:2.5px}.tl-msg--dup{stroke-dasharray:1 4}.tl-msg--dropped{stroke:var(--danger);opacity:.8}.tl-head{fill:var(--accent)}.tl-cross{stroke:var(--danger);stroke-width:2px;stroke-linecap:round}.tl-edit{fill:var(--edit);stroke:var(--bg-surface);stroke-width:2px}.legend{color:var(--fg-3);flex-wrap:wrap;gap:6px 16px;margin:8px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.legend li{align-items:center;gap:6px;display:inline-flex}.legend__swatch{border-top:2px solid var(--accent);width:18px;height:0;display:inline-block}.legend__swatch--edit{background:var(--edit);border:0;border-radius:50%;width:10px;height:10px}.legend__swatch--request{border-top:2px dashed var(--fg-4)}.legend__swatch--empty{opacity:.35}.legend__swatch--dup{border-top:2px dotted var(--accent)}.legend__cross{color:var(--danger);font-weight:700}.statusbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.scenarios__title,.scenario-player__title{font-size:16px;font-weight:600}.scenarios__list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:10px 0 0;padding:0;list-style:none;display:grid}.scenario-card{border:1px solid var(--border-2);background:var(--bg-surface);text-align:left;cursor:pointer;border-radius:12px;align-content:start;gap:4px;width:100%;height:100%;padding:12px;display:grid}.scenario-card:hover,.scenario-card:focus-visible{border-color:var(--accent);outline:none}.scenario-card__title{font-weight:600}.scenario-card__summary{color:var(--fg-3);font-size:13px}.scenario-card__cta{color:var(--accent);margin-top:4px;font-size:13px;font-weight:600}.scenario-player{border:1px solid var(--accent);background:var(--bg-surface);border-radius:14px;gap:10px;padding:16px;display:grid}.scenario-player__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;display:flex}.scenario-player__progress{gap:4px;margin:0;padding:0;list-style:none;display:flex}.scenario-player__progress li{background:var(--border);border-radius:2px;flex:1;height:4px}.scenario-player__progress li.is-done{background:var(--accent)}.scenario-player__caption{margin:0;font-size:16px;line-height:1.55}.network{border:1px solid var(--border-2);background:var(--bg-surface);border-radius:14px;padding:12px 16px}.network__canvas svg{display:block}.net-link{stroke:var(--border);stroke-width:2px}.net-link--down{stroke:var(--danger);stroke-dasharray:5 7;opacity:.6}.net-link__label{fill:var(--danger);font:600 11px Inter,sans-serif}.net-cross{stroke:var(--danger);stroke-width:2.5px;stroke-linecap:round}.net-msg--request{fill:var(--bg-surface);stroke:var(--fg-3);stroke-width:1.5px}.net-msg--data{fill:var(--accent);filter:drop-shadow(0 0 4px var(--accent))}.net-msg--empty{fill:var(--accent);opacity:.4}.net-msg--dup{stroke:var(--edit);stroke-width:1.5px;stroke-dasharray:2 2}.net-node{cursor:pointer;outline:none}.net-node__body{fill:var(--bg-chrome);stroke:var(--accent);stroke-width:2.5px;transition:fill .2s,stroke .2s}.net-node:hover .net-node__body,.net-node:focus-visible .net-node__body{fill:var(--accent-soft)}.net-node:focus-visible .net-node__body{stroke-width:4px}.net-node--offline .net-node__body{stroke:var(--fg-4);stroke-dasharray:4 4}.net-node__id{fill:var(--fg);font:700 22px Outfit,Inter,sans-serif}.net-node--offline .net-node__id{fill:var(--fg-4)}.net-node__label{fill:var(--fg-2);font:600 12px Inter,sans-serif}.net-node__sync{fill:var(--ok);font:11px JetBrains Mono,monospace}.net-node__sync.is-behind{fill:var(--edit)}.net-pulse{fill:none;stroke-width:2.5px;pointer-events:none}.net-pulse--edit{stroke:var(--edit)}.net-pulse--arrive{stroke:var(--accent)}.net-gain{fill:var(--accent);pointer-events:none;font:700 12px Inter,sans-serif}.net-legend{border-radius:50%;width:10px;height:10px;display:inline-block}.net-legend--request{border:1.5px solid var(--fg-3)}.net-legend--data{background:var(--accent)}.net-legend--dup{border:1.5px dashed var(--edit)}.net-legend--empty{background:var(--accent);opacity:.4;width:7px;height:7px}.live{gap:20px;display:grid}@media (width>=900px){.live{grid-template-columns:minmax(0,1fr) minmax(280px,380px);align-items:start}}.live__intro{border:1px solid var(--border-2);background:var(--bg-surface);border-radius:14px;gap:12px;padding:16px;display:grid}.live__intro p{color:var(--fg-2);margin:0}.live__title{font-size:18px;font-weight:600}.notice{border:1px solid var(--danger);background:var(--danger-soft);border-radius:12px;padding:16px}.recipes{border:1px solid var(--border-2);background:var(--bg-card);border-radius:14px;padding:16px}.recipes__title{margin-bottom:8px;font-size:16px;font-weight:600}.recipes ol{color:var(--fg-2);gap:8px;margin:0;padding-left:20px;display:grid}.compare{border:1px solid var(--border-2);background:var(--bg-surface);border-radius:14px;gap:12px;padding:16px;display:grid}.compare__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px 24px;display:flex}.compare__title{font-size:16px;font-weight:600}.compare__scroll{overflow-x:auto}.compare__table{border-collapse:collapse;width:100%;font-size:14px}.compare__table th,.compare__table td{border-bottom:1px solid var(--border-2);text-align:left;white-space:nowrap;padding:8px 10px}.compare__table thead th{letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3);font-size:12px;font-weight:600}.compare__table thead th.is-different{color:var(--edit)}.compare__diff{text-transform:none;letter-spacing:0;font-weight:500}.compare__table tbody tr.is-current{background:var(--accent-soft)}.compare__choose{cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.compare__table tr.is-current .compare__choose{color:var(--accent)}.compare__choose:hover{text-decoration:underline}.compare__table td.is-conflict{color:var(--edit);font-weight:600}.compare__table td.is-lost{color:var(--danger);font-weight:600}.compare__table td.is-kept{color:var(--ok)}.log{border-top:1px solid var(--border-2);padding-top:10px}.log__summary{color:var(--fg-3);cursor:pointer;font-size:12px;font-weight:600}.log__summary:hover{color:var(--accent)}.log__body{gap:8px;margin-top:8px;display:grid}.log__vector{flex-wrap:wrap;align-items:center;gap:4px;margin:0;font-size:11px;display:flex}.log__vector-label{color:var(--fg-4)}.log__chip{background:var(--bg-input);color:var(--fg-2);border-radius:4px;padding:1px 6px;font-family:JetBrains Mono,monospace}.log__list{gap:2px;max-height:220px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.log__row{border-radius:4px;grid-template-columns:44px 1fr;gap:0 8px;padding:3px 6px;font-size:12px;display:grid}.log__row.is-own{background:var(--bg-card)}.log__id{color:var(--fg-3);grid-row:span 2;font-family:JetBrains Mono,monospace}.log__what{color:var(--fg)}.log__from{color:var(--fg-4);font-size:11px}.log__gap{color:var(--edit);font-weight:600}.log__more{color:var(--fg-4);margin:0;font-size:11px}@media (prefers-reduced-motion:reduce){.phone{transition:none}.field__flash{animation:none}}