.teleport{display:flex;flex-direction:column;gap:.9rem}.tp-intro{margin:0;font-size:.9rem;line-height:1.6;color:var(--fg, #1a1a1a)}.tp-intro a,.tp-story a,.tp-proof a{color:var(--accent-strong);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.tp-intro a:hover,.tp-story a:hover,.tp-proof a:hover{text-decoration-thickness:2px}.tp-stage{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:.75rem}.tp-tab{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow:hidden;transition:box-shadow .25s ease}.tp-tab-head{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.82rem;font-weight:600;color:var(--muted);border-bottom:1px solid var(--line)}.tp-dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--accent)}.tp-dot--b{background:var(--accent-strong)}.tp-out{margin:0;padding:.75rem;min-height:9.5rem;max-height:14rem;overflow:auto;font-family:var(--mono, ui-monospace, monospace);font-size:.85rem;line-height:1.5;white-space:pre-wrap;color:var(--fg, #1a1a1a)}.tp-out.err{color:#b23b3b}.tp-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.6rem .75rem;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.tp-label{font-size:.82rem;color:var(--muted)}.tp-label b{color:var(--fg, #1a1a1a)}.tp-controls .scrub{flex:1 1 8rem;min-width:6rem}.tp-check{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--muted)}.tp-open{color:var(--accent-strong);font-size:.78rem;text-decoration:none}.tp-open:hover{text-decoration:underline;text-underline-offset:2px}.tp-origin{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;color:var(--muted);font-size:.78rem}.tp-origin-pill{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:.18rem .5rem;color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 7%,transparent)}.tp-frame{flex:1;width:100%;min-height:12.5rem;border:0;background:var(--panel)}.tp-story{margin:0;min-height:3.2rem;padding:.6rem .75rem;font-size:.86rem;line-height:1.55;color:var(--fg, #1a1a1a);background:color-mix(in srgb,var(--accent) 6%,transparent);border-radius:8px}.tp-story--wait{color:var(--muted);font-style:italic}.tp-wire{position:relative;align-self:center;width:3.25rem;height:3px;border-radius:3px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 15%,transparent),color-mix(in srgb,var(--accent) 45%,transparent),color-mix(in srgb,var(--accent) 15%,transparent))}.tp-packet{position:absolute;top:50%;left:0;width:.7rem;height:.7rem;margin-top:-.35rem;border-radius:50%;background:var(--accent);box-shadow:0 0 color-mix(in srgb,var(--accent) 55%,transparent);opacity:0}.tp-packet.tp-fly{animation:tp-packet-fly .72s cubic-bezier(.45,0,.2,1) forwards}.tp-wire--bad .tp-packet{background:#c0492f}@keyframes tp-packet-fly{0%{opacity:0;left:0;box-shadow:0 0 .5rem .1rem color-mix(in srgb,var(--accent) 55%,transparent)}15%{opacity:1}85%{opacity:1}to{opacity:0;left:100%;box-shadow:0 0 .9rem .25rem color-mix(in srgb,var(--accent) 45%,transparent)}}.tp-pulse{animation:tp-pulse .7s ease}@keyframes tp-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 45%,transparent)}40%{box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 22%,transparent)}to{box-shadow:0 0 color-mix(in srgb,var(--accent) 0%,transparent)}}.tp-arrive{animation:tp-arrive .8s ease}@keyframes tp-arrive{0%{background:color-mix(in srgb,var(--accent) 20%,transparent)}to{background:transparent}}.tp-recv-body{margin:0;background:var(--panel, #fff)}.tp-recv{display:flex;flex-direction:column;height:100vh}.tp-recv-head{display:flex;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid var(--line);color:var(--muted);font-family:var(--ui);font-size:.75rem}.tp-recv-head b{color:var(--accent-strong)}.tp-proof{padding:.5rem .75rem;font-size:.74rem;line-height:1.45;color:var(--muted);border-top:1px solid var(--line)}.tp-proof code{font-size:.72rem}.tp-proof--ok{color:var(--muted)}.tp-proof--bad{color:#b23b3b}.tp-x:before{content:"✗ ";font-weight:700}.teleport[data-status]:before{content:attr(data-status);display:block;padding:.5rem .75rem;margin-bottom:.3rem;font-size:.82rem;color:var(--muted);background:color-mix(in srgb,var(--accent) 8%,transparent);border-radius:8px}@media(max-width:640px){.tp-stage{grid-template-columns:1fr}.tp-wire{width:3px;height:2.25rem;justify-self:center}.tp-packet.tp-fly{animation-name:tp-packet-fly-v}@keyframes tp-packet-fly-v{0%{opacity:0;top:0}15%{opacity:1}85%{opacity:1}to{opacity:0;top:100%}}}