.tp{--bg:#f4f6f9;--surface:#fff;--ink:#171c26;--ink-soft:#5a6474;--line:#dce1e9;--accent:#2b4d97;--glow:#f59a1b;--glow-hot:#ffc45c;--wire-lit:#e9820c;--halo:.5;--coil-body:#f59a1b;--coil-core:#e9820c;--coil-core-opacity:.55;min-width:min(100%,20rem);max-width:min(100%,160dvh - 16.8rem);color:var(--ink);font-family:var(--font-display);border-radius:calc(var(--radius) + 4px);outline-offset:6px;margin-inline:auto;display:block;position:relative}.tp-bar{align-items:center;gap:.875rem;margin-bottom:.75rem;display:flex}.tp-button{border:1px solid var(--line);background:var(--surface);min-height:2.25rem;color:var(--ink);font-family:var(--font-display);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.8125rem;font-weight:500;line-height:1;transition:border-color .16s,background-color .16s,box-shadow .16s;display:inline-flex}.tp-button:hover{border-color:var(--ink-soft)}.tp-button[aria-disabled=true]{color:var(--ink-soft);border-color:var(--line);cursor:default;opacity:.7}.tp-button[aria-pressed=true]{border-color:var(--glow);background:color-mix(in srgb, var(--glow-hot) 35%, var(--surface))}.tp-button-lit{background:var(--glow);color:var(--on-glow,#2a1a00);box-shadow:0 0 18px -6px var(--glow);border-color:#0000}.tp-button-lit:hover{background:var(--glow-hot);box-shadow:0 0 26px -4px var(--glow);border-color:#0000}.tp-chapters{flex:none;position:relative}.tp-chevron{color:var(--ink-soft)}.tp-menu{z-index:30;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:15rem;padding:.35rem;position:absolute;top:calc(100% + .4rem);left:0;box-shadow:0 18px 50px -18px #171c2659}.tp-menu-item{border-radius:var(--radius-small);width:100%;font-family:var(--font-display);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;gap:1.5rem;padding:.6rem .7rem;font-size:.875rem;display:flex}.tp-menu-item:hover,.tp-menu-item:focus-visible{background:var(--bg)}.tp-menu-item[aria-current=step]{font-weight:600}.tp-menu-count{color:var(--ink-soft);font-variant-numeric:tabular-nums}.tp-segments{flex:1;gap:5px;min-width:0;display:flex}.tp-segment{background:var(--line);border-radius:999px;flex:1;height:4px;overflow:hidden}.tp-segment-fill{border-radius:inherit;background:var(--glow);transform-origin:0;height:100%;transition:transform .45s cubic-bezier(.22,.8,.3,1);display:block}.tp-stage{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:inset 0 1px #fffc,0 40px 90px -50px #171c2673}.tp-chrome{border-bottom:1px solid var(--line);align-items:center;gap:.875rem;height:2.375rem;padding:0 .875rem;display:flex}.tp-dots{gap:6px;display:flex}.tp-dots i{background:var(--line);border-radius:50%;width:9px;height:9px}.tp-address{background:var(--bg);max-width:24rem;color:var(--ink-soft);text-align:center;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;flex:1;margin-inline:auto;padding:.3rem .75rem;font-size:.75rem;overflow:hidden}.tp-screen{border-radius:0 0 calc(var(--radius) - 1px) calc(var(--radius) - 1px);background:var(--bg);position:relative;overflow:hidden}.tp-zoom{will-change:transform;background-size:100% 100%;transition:transform .65s cubic-bezier(.22,.8,.3,1),transform-origin .65s cubic-bezier(.22,.8,.3,1),filter .5s;position:absolute;inset:0}.tp-frame{user-select:none;width:100%;height:100%;animation:.38s both tp-frame-in}@keyframes tp-frame-in{0%{opacity:0}}.tp[data-status=ended] .tp-zoom{filter:blur(6px)saturate(.6)brightness(.55)}.tp-hotspot{z-index:5;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0;transition:left .65s cubic-bezier(.22,.8,.3,1),top .65s cubic-bezier(.22,.8,.3,1);animation:.42s tp-nudge;position:absolute}.tp-hotspot[data-nudges="0"]{animation:.5s .25s both tp-arrive}.tp-hotspot-ring{border:2px solid var(--glow);box-shadow:0 0 0 0 color-mix(in srgb, var(--glow) 55%, transparent), 0 0 22px -2px color-mix(in srgb, var(--glow) 70%, transparent);border-radius:12px;animation:2.2s ease-out infinite tp-pulse;position:absolute;inset:-5px}.tp-hotspot:hover .tp-hotspot-ring,.tp-hotspot:focus-visible .tp-hotspot-ring{background:color-mix(in srgb, var(--glow) 10%, transparent);border-color:var(--wire-lit)}.tp-hotspot:focus-visible{outline:2px solid var(--ink);outline-offset:9px}@keyframes tp-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--glow) 55%, transparent), 0 0 22px -2px color-mix(in srgb, var(--glow) 70%, transparent)}70%,to{box-shadow:0 0 0 16px transparent, 0 0 22px -2px color-mix(in srgb, var(--glow) 70%, transparent)}}@keyframes tp-arrive{0%{opacity:0;scale:1.25}}@keyframes tp-nudge{0%,to{translate:0}25%{translate:-5px}60%{translate:4px}85%{translate:-2px}}.tp-callout-slot{z-index:10;width:min(21rem,100% - 24px);transition:left .65s cubic-bezier(.22,.8,.3,1),top .65s cubic-bezier(.22,.8,.3,1);position:absolute}.tp-callout-below{border-top:1px solid var(--line)}.tp-callout{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:1rem 1.125rem .875rem;box-shadow:0 24px 60px -24px #171c2680}.tp-callout-below .tp-callout{border-radius:0 0 calc(var(--radius) - 1px) calc(var(--radius) - 1px);box-shadow:none;border:0}.tp-callout-title{letter-spacing:-.01em;font-size:1.0625rem;line-height:1.25}.tp-callout-body{color:var(--ink-soft);font-family:var(--font-body);margin-top:.4rem;font-size:.96875rem;line-height:1.5}.tp-callout-foot{justify-content:space-between;align-items:center;gap:1rem;margin-top:.875rem;display:flex}.tp-callout-buttons{gap:.4rem;display:flex}.tp-count{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.8125rem}.tp-typed{border:1px solid var(--line);background:var(--bg);min-height:2.375rem;font-family:var(--font-body);border-radius:999px;align-items:center;margin-top:.7rem;padding:.4rem .75rem;font-size:.96875rem;display:flex}.tp-caret{background:var(--wire-lit);width:1.5px;height:1.15em;margin-left:1px;animation:1s step-end infinite tp-blink}@keyframes tp-blink{50%{opacity:0}}.tp-end{z-index:20;place-items:center;padding:1rem;animation:.5s both tp-frame-in;display:grid;position:absolute;inset:0;overflow:auto}.tp-end-card{text-align:center;color:#f4f6f9;--ink:#f4f6f9;--ink-soft:#aab3c2;--line:#ffffff38;--glow:#ffae32;--glow-hot:#ffd77a;--wire-lit:#fffdf0;--halo:1;--coil-body:#ffe790;--coil-core:#fffdf0;--coil-core-opacity:.92;justify-items:center;gap:.75rem;max-width:30rem;display:grid}.tp-end-title{font-size:var(--step-3);outline:none}.tp-end-body{color:var(--ink-soft);font-family:var(--font-body)}.tp-end-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.5rem;display:flex}.tp-end-next{flex-wrap:wrap;justify-content:center;gap:.25rem 1.25rem;margin:.5rem 0 0;padding:0;font-size:.875rem;list-style:none;display:flex}.tp-end-restart{color:var(--ink-soft);background:0 0;border-color:#0000;margin-top:.25rem}.tp-end-restart:hover{color:var(--ink);border-color:var(--line)}.tp[data-narrow] .tp-bar{gap:.5rem}.tp[data-narrow] .tp-autoplay{padding-inline:.65rem}.tp[data-narrow] .tp-address{font-size:.6875rem}.tp[data-narrow] .tp-end{background:#080808;position:relative}.tp[data-narrow][data-status=ended] .tp-screen{aspect-ratio:auto!important}.tp[data-narrow][data-status=ended] .tp-zoom{display:none}