.tn{padding:20px 20px 22px;text-align:center}.tn-top{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:34px;flex-wrap:wrap}.tn-status{padding:5px 12px;font:600 12.5px var(--font-sans);color:#e9ddff;background:#ffffff14;border:1px solid #ffffff22;border-radius:99px;transition:color .3s,border-color .3s}.tn.live .tn-status{color:#6ee7b7;border-color:#34d39966}.tn-progress{display:inline-flex;align-items:center;gap:10px;font:600 12.5px var(--font-sans);color:#d6c7f2;animation:tn-in .4s ease-out}.tn-progress[hidden]{display:none}.tn-progress i{display:block;width:74px;height:6px;overflow:hidden;border-radius:6px;background:#ffffff1f}.tn-progress b{display:block;width:0;height:100%;border-radius:6px;background:linear-gradient(90deg,#34d399,#6ee7b7);transition:width .5s cubic-bezier(.3,.9,.3,1)}.tn-progress button{padding:3px 10px;font:600 12px var(--font-sans);color:#d6c7f2;background:transparent;border:1px solid #ffffff2e;border-radius:99px;cursor:pointer;transition:background-color .2s}.tn-progress button:hover{background:#ffffff1c}@keyframes tn-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes tn-pop{0%{transform:translate(-50%,var(--y, -50%)) scale(1)}45%{transform:translate(-50%,var(--y, -50%)) scale(1.28)}to{transform:translate(-50%,var(--y, -50%)) scale(1)}}@keyframes tn-ripple{0%{opacity:.8;transform:translate(-50%,-50%) scale(.6)}to{opacity:0;transform:translate(-50%,-50%) scale(2.4)}}@keyframes tn-glow{0%,to{box-shadow:0 0 #34d39900}50%{box-shadow:0 0 40px 4px #34d39966}}.tn-board{--node: 58px;--k: 2.2px;position:relative;display:flex;justify-content:center;gap:clamp(6px,2.6vw,22px);height:330px;margin:14px auto 6px;max-width:520px;padding:0 6px}.tn-board:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:repeating-linear-gradient(90deg,#ffffff33 0 6px,transparent 6px 12px);pointer-events:none}.tn-board.all-ok{animation:tn-glow 1.6s ease-in-out 2;border-radius:28px}.tn-str{position:relative;flex:1 1 0;max-width:78px;min-width:0;height:100%}.tn-wire{position:absolute;inset:0;width:100%;height:100%;color:#8f78d0;transition:color .35s ease;pointer-events:none}.tn-wire path{fill:none;stroke:currentColor;stroke-linecap:round;vector-effect:non-scaling-stroke}.tn-wire .tn-glow{stroke-opacity:0;transition:stroke-opacity .4s ease}.tn-str.near .tn-wire{color:#fbbf24}.tn-str.near .tn-glow{stroke-opacity:.28}.tn-str.ok .tn-wire,.tn-str.done .tn-wire{color:#6ee7b7}.tn-str.ok .tn-glow{stroke-opacity:.34}.tn-zone{position:absolute;left:50%;top:50%;width:calc(var(--node) + 8px);transform:translate(-50%,-50%);border-radius:99px;background:#34d3991f;border:1px solid #34d39933;opacity:0;transition:opacity .3s;pointer-events:none}.tn-str.near .tn-zone,.tn-str.ok .tn-zone,.tn-board.manual .tn-str.target .tn-zone{opacity:1}.tn-node{--y: -50%;position:absolute;left:50%;top:50%;display:grid;place-content:center;width:var(--node);height:var(--node);padding:0;font:inherit;color:#efe6ff;background:#1f0b45;border:3px solid #ffffff2e;border-radius:50%;cursor:pointer;transform:translate(-50%,var(--y));will-change:transform;transition:border-color .35s ease,background-color .35s ease,box-shadow .35s ease,color .35s ease}.tn-node b{display:block;font:800 20px/1 var(--font-sans);letter-spacing:-.02em}.tn-node small{display:block;margin-top:2px;font:600 10px/1 var(--font-mono);color:#a78bd0}.tn-node:hover{border-color:#fff6;background:#2c1160}.tn-node:focus-visible{outline:2px solid #fbbf24;outline-offset:3px}.tn-str.near .tn-node{border-color:#fbbf24;background:#3a1b05;box-shadow:0 0 26px #f59e0b66}.tn-str.ok .tn-node{border-color:#34d399;background:#053d2c;color:#d1fae5;box-shadow:0 0 30px #10b98199}.tn-str.done .tn-node{border-color:#34d399;background:#064e3b;color:#d1fae5}.tn-str.done .tn-node:after{content:"✓";position:absolute;top:-8px;right:-8px;display:grid;place-items:center;width:22px;height:22px;font:800 12px var(--font-sans);color:#064e3b;background:#6ee7b7;border-radius:50%;box-shadow:0 4px 10px #0005;animation:tn-pop-badge .4s cubic-bezier(.3,1.6,.5,1)}@keyframes tn-pop-badge{0%{transform:scale(0)}to{transform:scale(1)}}.tn-board.manual .tn-str.target .tn-node{border-color:#fff;box-shadow:0 0 0 4px #7c3aedcc}.tn-node.pop{animation:tn-pop .45s ease-out}.tn-node.ripple:before{content:"";position:absolute;left:50%;top:50%;width:100%;height:100%;border:2px solid #6ee7b7;border-radius:50%;animation:tn-ripple .8s ease-out forwards;pointer-events:none}.tn-readout{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:6px}.tn-note{font:800 72px/1 var(--font-sans);letter-spacing:-.05em;color:#fff;text-shadow:0 6px 30px #7c3aed99;transition:color .25s;min-width:1.1em}.tn-note sup{margin-left:4px;font:700 24px var(--font-sans);color:#b9a3df;letter-spacing:0;vertical-align:top;position:relative;top:6px}.tn.ok .tn-note{color:#6ee7b7;text-shadow:0 6px 34px #10b981aa}.tn-side{text-align:left;min-width:110px}.tn-cents{font:800 26px/1.1 var(--font-mono);color:#fbbf24;font-variant-numeric:tabular-nums;transition:color .25s}.tn.ok .tn-cents{color:#6ee7b7}.tn-hz{margin-top:4px;font:600 13px var(--font-mono);color:#b9a3df}.tn-hint{min-height:24px;margin-top:4px;font:600 14px var(--font-sans);color:#c4b0e0}.tn-led{display:flex;justify-content:center;gap:4px;max-width:360px;height:18px;margin:8px auto 14px}.tn-led i{flex:1;border-radius:3px;background:#ffffff18;transition:background-color .12s,transform .12s,box-shadow .12s}.tn-led i.mid{background:#34d3992b}.tn-led i.on{background:#fbbf24;transform:scaleY(1.35);box-shadow:0 0 12px #f59e0baa}.tn-led i.trail{background:#fbbf2455}.tn.ok .tn-led i.on{background:#6ee7b7;box-shadow:0 0 14px #10b981cc}.tn-pick{display:inline-flex;gap:4px;padding:4px;margin-bottom:14px;background:#ffffff10;border:1px solid #ffffff1c;border-radius:99px}.tn-pick button{padding:7px 14px;font:600 12.5px var(--font-sans);color:#c4b0e0;background:transparent;border:0;border-radius:99px;cursor:pointer;transition:background-color .2s,color .2s}.tn-pick button[aria-pressed=true]{color:#1a0533;background:#fbbf24}.tn-meter{position:relative;height:6px;max-width:280px;margin:0 auto 14px;overflow:hidden;border-radius:6px;background:#ffffff1c}.tn-meter i{display:block;height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,#34d399,#fbbf24);transition:width .08s linear}.tn-meter i:not(.open){opacity:.45}.tn-actions{position:relative}.tn-listen{min-width:170px;min-height:54px;font-size:17px;border-radius:18px}.tn .tk-error{text-align:left}.tn-tips{margin:0;padding-left:18px;list-style:disc;font-size:14px;line-height:1.7;color:var(--color-body)}@media(max-width:520px){.tn{padding:16px 12px 18px}.tn-board{--node: 48px;height:290px}.tn-node b{font-size:17px}.tn-note{font-size:60px}}