.ttp{--accent:#f0c05a}.tp-card{display:flex;flex-direction:column;gap:12px}.tp-h{font:800 13px/1 var(--font-sans);color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin:0}.tp-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}.tp-grow{flex:1;min-width:220px}.tp-lb{font:600 11px/1 var(--font-sans);color:var(--dim);align-self:center;padding:0 4px}.tp-code-wrap{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.tp-code{flex:1;min-width:200px;font:800 40px/1 var(--font-mono);color:var(--accent);letter-spacing:.1em}.tp-code [data-val]{flex:1;min-width:0}.tp-ring{position:relative;width:64px;height:64px;flex:none}.tp-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.tp-ring circle{fill:none;stroke-width:4}.tp-ring .bg{stroke:var(--line)}.tp-ring .fg{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .25s linear}.tp-ring b{position:absolute;inset:0;display:grid;place-items:center;font:800 18px/1 var(--font-mono);color:var(--ink)}.tp-next{margin:0;font:600 13px/1.4 var(--font-sans);color:var(--dim)}.tp-next b{font-family:var(--font-mono);color:var(--ink)}.tp-uri{font-size:12px}.tp-uri [data-val]{flex:1;min-width:0;word-break:break-all}.tp-qr{display:flex;justify-content:center}.tp-qr svg{width:180px;height:180px;border-radius:10px;background:#fff}@media (max-width:520px){.tp-code{font-size:30px}}