.p-slow-door{--sdk:16px}
.p-slow-door .sd-note p{max-width:60ch;font-size:1.06rem;line-height:1.65;margin:0 0 1em;overflow-wrap:anywhere}
.p-slow-door .sd-sign{font-style:italic;color:var(--muted)}
.p-slow-door .sd-readout{position:sticky;top:8px;z-index:2;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:22px 0 10px;padding:10px 14px;border-radius:6px;background:var(--paper);color:var(--paperInk);box-shadow:0 2px 10px rgba(0,0,0,.25)}
.p-slow-door .sd-readout span{font-size:.85rem;opacity:.75}
.p-slow-door .sd-readout strong{font-size:1.25rem;font-variant-numeric:tabular-nums;min-width:7ch}
.p-slow-door .sd-wrap{position:relative;padding:14px 0 18px 26px;margin:0 0 28px}
.p-slow-door .sd-rail{position:absolute;left:8px;top:0;bottom:0;width:2px;background:linear-gradient(var(--muted),var(--muted)) center/2px 100% no-repeat;opacity:.45}
.p-slow-door .sd-ruler{list-style:none;margin:0;padding:0}
.p-slow-door .sd-ruler li{position:relative;display:grid;grid-template-columns:7.2em 1fr;gap:4px 14px;align-items:baseline;padding:6px 0;opacity:.5;transition:opacity .6s}
.p-slow-door .sd-ruler li::before{content:"";position:absolute;left:-22px;top:.95em;width:10px;height:10px;margin-top:-5px;border-radius:50%;border:2px solid var(--muted);background:var(--wall)}
.p-slow-door .sd-ruler li.past{opacity:1}
.p-slow-door .sd-ruler li.past::before{background:var(--accent);border-color:var(--accent)}
.p-slow-door .sd-ruler li.ping::before{box-shadow:0 0 0 6px rgba(255,255,255,.18)}
.p-slow-door .sd-t{font-size:.9rem;color:var(--accent);white-space:nowrap}
.p-slow-door .sd-w{line-height:1.5;overflow-wrap:anywhere}
.p-slow-door .sd-door .sd-w strong{color:var(--ink)}
.p-slow-door .sd-you{position:absolute;left:-2px;right:0;top:0;height:0;border-top:1px solid rgba(255,210,122,.75);box-shadow:0 0 6px rgba(255,210,122,.5);pointer-events:none;will-change:transform}
.p-slow-door .sd-you span{position:absolute;right:0;top:-1.45em;font-size:.75rem;color:#ffd27a;background:var(--wall);padding:0 4px}
@media (max-width:480px){.p-slow-door .sd-ruler li{grid-template-columns:1fr;gap:2px}}