:root{--tp-surface:#ffffff;--tp-surface-soft:var(--secondary-50);--tp-border:var(--secondary-200);--tp-text:var(--primary-950);--tp-text-soft:var(--secondary-500);--tp-accent:var(--primary-700);--tp-accent-soft:rgba(128, 0, 193, .09);--tp-code-bg:#0f0a17;--tp-code-text:#e9dcf7;--tp-radius:14px}html.dark{--tp-surface:var(--secondary-900);--tp-surface-soft:var(--secondary-950);--tp-border:var(--secondary-800);--tp-text:#ffffff;--tp-text-soft:var(--secondary-400);--tp-accent:var(--primary-300);--tp-accent-soft:rgba(214, 133, 255, .12);--tp-code-bg:#0b0710;--tp-code-text:#e9dcf7}.tp-cover{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;height:12rem;border-radius:var(--tp-radius);border:1px solid var(--tp-border);background-image:linear-gradient(135deg,#8000c138,#bb33ff1f);overflow:hidden;position:relative}.tp-cover--violet{background-image:linear-gradient(135deg,#8000c13d,#38bdf829)}.tp-cover--night{background-image:linear-gradient(135deg,#420470d9,#0f0a17f2);border-color:#d685ff40}.tp-cover--ember{background-image:linear-gradient(135deg,#f503,#8000c138)}.tp-cover--signal{background-image:linear-gradient(135deg,#10b9812e,#8000c133)}.tp-cover__emoji{font-size:2.25rem;line-height:1}.tp-cover:after{content:"";position:absolute;inset:-40% -10%;background:radial-gradient(closest-side,rgba(255,255,255,.16),transparent);animation:tp-drift 14s ease-in-out 6 alternate;pointer-events:none}@keyframes tp-drift{0%{transform:translate3d(-18%,-8%,0) scale(.9)}to{transform:translate3d(18%,8%,0) scale(1.15)}}.tp-callout{margin:2rem 0;padding:1.15rem 1.35rem;border-radius:var(--tp-radius);border:1px solid var(--tp-border);border-left:3px solid var(--tp-accent);background:var(--tp-surface-soft);color:var(--tp-text);font-size:1rem;line-height:1.65}.tp-callout p{margin:0}.tp-callout p+p{margin-top:.6rem}.tp-callout__label{font-size:.7rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--tp-accent);margin-bottom:.4rem!important}.tp-callout--warn{border-left-color:var(--accent-500);background:#ff550012}.tp-callout--warn .tp-callout__label{color:var(--accent-600)}html.dark .tp-callout--warn .tp-callout__label{color:var(--accent-400)}.tp-callout--win{border-left-color:#10b981;background:#10b98114}.tp-callout--win .tp-callout__label{color:#0f9b74}html.dark .tp-callout--win .tp-callout__label{color:#34d399}.tp-callout--cost{border-left-color:#f59e0b;background:#f59e0b14}.tp-callout--cost .tp-callout__label{color:#b45309}html.dark .tp-callout--cost .tp-callout__label{color:#fbbf24}.tp-steps{counter-reset:tp-step;list-style:none;margin:2rem 0;padding:0;display:grid;gap:.85rem}.tp-steps>li{counter-increment:tp-step;position:relative;padding:1rem 1.15rem 1rem 3.4rem;border:1px solid var(--tp-border);border-radius:var(--tp-radius);background:var(--tp-surface);color:var(--tp-text)}.tp-steps>li:before{content:counter(tp-step);position:absolute;left:1rem;top:1rem;width:1.75rem;height:1.75rem;display:grid;place-items:center;border-radius:999px;background:var(--tp-accent-soft);color:var(--tp-accent);font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums}.tp-steps h4{margin:0 0 .3rem;font-size:1rem;font-weight:650;color:var(--tp-text)}.tp-steps p{margin:0;font-size:.95rem;line-height:1.6;color:var(--tp-text-soft)}.tp-steps code{font-size:.85em}.tp-flow{display:flex;align-items:stretch;flex-wrap:wrap;gap:.5rem;margin:2rem 0}.tp-flow__node{flex:1 1 8.5rem;min-width:8.5rem;padding:.85rem .9rem;border:1px solid var(--tp-border);border-radius:12px;background:var(--tp-surface);color:var(--tp-text);font-size:.9rem;line-height:1.4}.tp-flow__k{display:block;font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--tp-accent);margin-bottom:.3rem}.tp-flow__arrow{flex:0 0 1.6rem;align-self:center;height:8px;position:relative;overflow:hidden}.tp-flow__arrow:before{content:"";position:absolute;top:3px;left:0;right:-8px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--tp-accent) 40%,transparent 40%);background-size:8px 2px;animation:tp-march .9s linear 40}.tp-flow__arrow:after{content:"";position:absolute;right:0;top:0;border:4px solid transparent;border-left-color:var(--tp-accent)}@keyframes tp-march{to{transform:translate(8px)}}@media (max-width:640px){.tp-flow{flex-direction:column}.tp-flow__arrow{width:8px;height:1.1rem;flex-basis:auto;margin-left:1.4rem}.tp-flow__arrow:before{inset:0 auto -8px 3px;width:2px;height:auto;background:linear-gradient(180deg,var(--tp-accent) 40%,transparent 40%);background-size:2px 8px;animation-name:tp-march-y}.tp-flow__arrow:after{inset:auto auto 0 0;border-left-color:transparent;border-top-color:var(--tp-accent)}.tp-code .tp-l--hi:after{display:none}.tp-code--focus .tp-l{opacity:1}.tp-term--stream .tp-term__body code>span{opacity:1}}