.ts-showcase{max-width:1100px}.ts-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.ts-replay{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--paper);color:var(--ink);font-size:var(--text-xs);font-weight:800;cursor:pointer;transition:transform var(--motion-fast) var(--ease),border-color var(--motion-fast) var(--ease),box-shadow var(--motion-fast) var(--ease)}.ts-replay svg{width:14px;height:14px}.ts-replay:hover{transform:var(--lift-sm);border-color:#141413;box-shadow:var(--control-hover-shadow)}.ts-replay:active{transform:var(--press)}.ts-sub{margin-top:8px;color:var(--muted);font-family:var(--font-serif);font-size:var(--text-sm)}.ts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.ts-card{padding:20px;border:1px solid var(--line-strong);border-radius:var(--radius-card);background:var(--paper);box-shadow:var(--control-shadow)}.ts-card h3{margin:0 0 16px;font-size:var(--text-sm);font-weight:900}.ts-num{font-variant-numeric:tabular-nums}.ts-bars{display:flex;align-items:flex-end;gap:10px;height:110px}.ts-bar-col{flex:1;display:grid;align-content:end;justify-items:center;gap:6px;height:100%}.ts-bar{position:relative;width:100%;max-width:34px;height:0;border-radius:6px 6px 2px 2px;background:var(--dark);overflow:hidden}.is-playing .ts-bar{animation:ts-bar-grow .5s var(--ease-out) forwards;animation-delay:calc(var(--i) * .16s)}@keyframes ts-bar-grow{to{height:var(--h)}}.ts-bar-discount{position:absolute;inset:0 0 auto 0;height:0;background:var(--gold);opacity:.85}.is-playing .ts-bar-discount{animation:ts-discount .6s var(--ease) forwards;animation-delay:calc(1.1s + var(--i) * 90ms)}@keyframes ts-discount{to{height:calc(28% + var(--i) * 6%)}}.ts-bar-label{color:var(--muted);font-size:10px;font-weight:800}.ts-dcf-result{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.ts-result-label{display:block;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.ts-result-value{font-size:var(--text-lg);font-weight:900;color:var(--ink)}.ts-result-price{font-size:var(--text-lg);font-weight:900;color:var(--muted)}.ts-verdict{margin-left:auto;padding:4px 10px;border-radius:var(--radius-pill);background:var(--blue-band);color:var(--ink);font-size:11px;font-weight:900;opacity:0}.is-playing .ts-verdict{animation:ts-fade-in .4s var(--ease) forwards;animation-delay:2.4s}@keyframes ts-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.ts-chart{width:100%;height:auto}.ts-value-line{stroke:var(--ink);stroke-width:2;stroke-dasharray:6 6;opacity:0}.is-playing .ts-value-line{animation:ts-fade-in .5s var(--ease) forwards;animation-delay:.2s}.ts-price-line{stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:480;stroke-dashoffset:480}.is-playing .ts-price-line{animation:ts-draw 1.8s var(--ease) forwards;animation-delay:.5s}@keyframes ts-draw{to{stroke-dashoffset:0}}.ts-zone{fill:var(--gold);opacity:0}.is-playing .ts-zone{animation:ts-zone-in .6s var(--ease) forwards;animation-delay:1.6s}@keyframes ts-zone-in{to{opacity:.28}}.ts-pulse-dot{fill:var(--accent);opacity:0}.is-playing .ts-pulse-dot{animation:ts-pulse 1.6s var(--ease) infinite;animation-delay:2s}@keyframes ts-pulse{0%{opacity:0;r:4}30%{opacity:1;r:6}60%{opacity:.5;r:5}to{opacity:1;r:5}}.ts-legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:10px;color:var(--muted);font-size:11px;font-weight:800}.ts-legend span{display:inline-flex;align-items:center;gap:6px}.ts-key{width:14px;height:3px;border-radius:2px}.ts-key-value{background:var(--ink)}.ts-key-price{background:var(--accent)}.ts-key-zone{background:var(--gold);height:8px;opacity:.5}.ts-mos{padding:34px 0 30px}.ts-mos-track{position:relative;height:14px;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--soft)}.ts-mos-fill{position:absolute;left:70%;top:0;bottom:0;width:0;border-radius:0 var(--radius-pill) var(--radius-pill) 0;background:var(--gold)}.is-playing .ts-mos-fill{animation:ts-mos-fill .9s var(--ease-out) forwards;animation-delay:.7s}@keyframes ts-mos-fill{to{width:30%}}.ts-mos-marker{position:absolute;top:-26px;transform:translate(-50%);white-space:nowrap;color:var(--muted-strong);font-size:10px;font-weight:900;opacity:0}.ts-mos-marker:after{content:"";position:absolute;left:50%;top:16px;width:2px;height:22px;background:currentColor;transform:translate(-50%);border-radius:2px}.ts-mos-price{left:70%;color:var(--accent)}.ts-mos-value{left:100%}.is-playing .ts-mos-price{animation:ts-fade-in .4s var(--ease) forwards;animation-delay:.3s}.is-playing .ts-mos-value{animation:ts-fade-in .4s var(--ease) forwards;animation-delay:.1s}.ts-mos-result{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:8px;padding-top:14px;border-top:1px solid var(--line)}.ts-mos-result .ts-result-value{font-size:26px;color:var(--accent)}@media(max-width:860px){.ts-grid{grid-template-columns:1fr;max-width:520px}}@media(prefers-reduced-motion:reduce){.is-playing .ts-bar{height:var(--h);animation:none}.is-playing .ts-bar-discount{height:calc(28% + var(--i) * 6%);animation:none}.is-playing .ts-price-line{stroke-dashoffset:0;animation:none}.is-playing .ts-value-line,.is-playing .ts-verdict,.is-playing .ts-mos-marker{opacity:1;animation:none}.is-playing .ts-zone{opacity:.28;animation:none}.is-playing .ts-pulse-dot{opacity:1;animation:none}.is-playing .ts-mos-fill{width:30%;animation:none}}