.tl-shell{--tl-blue:#246aff;--tl-ink:#233e67;--tl-line:#e0e9f7;min-width:0;color:var(--tl-ink);background:#fff;border:1px solid var(--tl-line);border-radius:18px;overflow:hidden}
.tl-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 22px 13px}.tl-header>div{display:flex;align-items:baseline;gap:14px}.tl-header strong{font-size:17px}.tl-header small,.tl-header>span{font-size:12px;color:#788daa;font-variant-numeric:tabular-nums}.tl-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 22px 5px}.tl-modes{display:flex;gap:3px;padding:3px;border-radius:9px;background:#f0f5fc}.tl-modes button{background:transparent;border:0;padding:7px 12px;font:inherit;font-size:12px;color:#7488a4;border-radius:7px;cursor:pointer}.tl-modes button[aria-pressed=true]{color:#246aff;background:#fff;box-shadow:0 2px 6px #234e9320}.tl-timing-status{font-size:11px;color:#8495ae}.tl-timing-status.is-demo{color:#976319;background:#fff7e8;border-radius:5px;padding:4px 7px}
.tl-rail{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#d6e3f7 transparent;padding:0 22px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)}.tl-track{display:flex;align-items:flex-start;gap:25px;position:relative;width:max-content;min-width:100%;height:157px;padding:14px 2px 12px}.tl-axis{position:absolute;left:23px;right:24px;top:105px;height:2px;background:repeating-linear-gradient(90deg,#cadbf5 0 5px,transparent 5px 9px);pointer-events:none}.tl-label,.tl-start{position:relative;display:flex;flex-direction:column;align-items:center;flex-shrink:0;gap:0;padding:0;border:0;font:inherit;background:transparent;cursor:pointer;color:#6281ac;isolation:isolate}.tl-label{min-width:126px;max-width:200px;height:132px;justify-content:flex-start}.tl-label-card{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;max-width:194px;min-height:61px;padding:11px 14px;border:1px solid #d5e3ff;border-radius:11px;background:linear-gradient(145deg,#fff,#f0f6ff);color:#2d66c6;box-shadow:0 5px 0 #e3ecfb,0 10px 18px #1e5ca70a;transition:transform .18s,box-shadow .18s}.tl-label-card small{font-size:10px;letter-spacing:.07em}.tl-label-card strong{font-size:13px;line-height:1.4;text-align:left;max-width:170px;white-space:normal}.tl-label.is-low .tl-label-card{transform:translateY(12px)}.tl-label i{position:absolute;top:87px;display:block;width:10px;height:10px;border:2px solid white;background:#73a4ef;border-radius:50%;box-shadow:0 0 0 2px #dbe8fd}.tl-label i:before{content:"";position:absolute;bottom:7px;left:2px;height:19px;width:1px;background:#cadbf5}.tl-label.is-low i:before{height:8px}.tl-label time{position:absolute;top:105px;color:#7790b2;font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.tl-label.orange .tl-label-card{border-color:#ffe4bd;background:linear-gradient(145deg,#fff,#fff8eb);color:#a86d28;box-shadow:0 5px 0 #f8ebd7,0 10px 18px #ae74380a}.tl-label.orange i{background:#e2ab61;box-shadow:0 0 0 2px #fbebd5}.tl-label.green .tl-label-card{border-color:#ccebdd;background:linear-gradient(145deg,#fff,#edf9f4);color:#2c8d68;box-shadow:0 5px 0 #ddf0e7,0 10px 18px #2d9b620a}.tl-label.green i{background:#65b997;box-shadow:0 0 0 2px #daf0e6}.tl-label:hover .tl-label-card,.tl-label.is-current .tl-label-card{transform:translateY(-3px);box-shadow:0 7px 0 #dde9ff,0 14px 20px #246aff12;border-color:#87b0ff}.tl-label.is-low:hover .tl-label-card,.tl-label.is-low.is-current .tl-label-card{transform:translateY(9px)}.tl-label.is-current i{box-shadow:0 0 0 4px #246aff14}.tl-start{justify-content:flex-end;height:128px;min-width:51px;gap:10px}.tl-start>span{position:absolute;top:60px;font-size:11px;color:#8ca0bd}.tl-start i{position:absolute;top:88px;width:8px;height:8px;background:#bad0ef;border:2px solid white;border-radius:50%}.tl-start small{font-size:10px;white-space:nowrap;color:#8a9db8}.tl-start:hover span{color:#246aff}
.tl-search{display:flex;align-items:center;gap:10px;margin:14px 22px;padding:9px 11px;border:1px solid #dfE8f6;border-radius:10px;background:#fbfcff}.tl-search svg{width:17px;height:17px;flex:0 0 auto;color:#849bbb}.tl-search input{min-width:0;flex:1;border:0!important;outline:0;background:transparent!important;box-shadow:none!important;font:inherit;font-size:13px;color:#344e70;padding:2px!important}.tl-search input::placeholder{color:#96a8c1}.tl-search span{font-size:11px;color:#6e86a7;white-space:nowrap}.tl-search button{padding:0;width:25px;height:25px;flex:0 0 auto;background:#f1f5fd;color:#5e7ba5;border:0;border-radius:5px;cursor:pointer}.tl-search button:disabled{opacity:.35;cursor:default}.tl-demo-note{margin:0 22px 10px!important;padding:8px 11px;color:#906d31!important;background:#fff9ee;border-radius:7px;font-size:11px!important;line-height:1.65!important}
.tl-transcript-scroll{position:relative;max-height:530px;min-height:140px;overflow-y:auto;overscroll-behavior:contain;padding:0 22px;scrollbar-width:thin;scrollbar-color:#cddcf1 #f8fbff;scroll-behavior:smooth}.tl-row{display:grid;grid-template-columns:73px minmax(0,1fr);gap:15px;padding:18px 12px 20px 0;border-bottom:1px solid #edf2f9;border-radius:8px;transition:background .2s}.tl-row:last-child{border-bottom:0}.tl-row-time{display:flex;flex-direction:column;gap:5px;align-items:flex-start;padding:3px 0 0 2px;font-variant-numeric:tabular-nums}.tl-row-time time{font-size:12px;font-weight:650;color:#6f8bb3}.tl-row-time small{font-size:9px;line-height:1.4;color:#a0afc3;white-space:nowrap}.tl-row-body{min-width:0}.tl-row-body>p{margin:0!important;font-size:var(--reading-size,16px)!important;line-height:1.95!important;color:#344f70!important;white-space:pre-wrap;overflow-wrap:anywhere;text-wrap:pretty}.tl-row-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.tl-row-tags span{font-size:10px;padding:3px 7px;border-radius:5px;background:#edf4ff;color:#366ec9}.tl-row-tags .orange{color:#a77531;background:#fff5e7}.tl-row-tags .green{color:#328769;background:#eaf8f1}.tl-row.is-matched{background:#f5f9ff}.tl-row mark{color:#214e94;background:#dceaff;border-radius:3px;padding:1px 0}.tl-row.is-active .tl-row-time time{color:#246aff}.tl-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:12px 22px;background:#fafcff;border-top:1px solid #eaf0f9;color:#8a9cb7;font-size:11px}.tl-footer>span{white-space:nowrap}.tl-footer details{max-width:530px;text-align:right}.tl-footer summary{cursor:pointer;color:#6e89b0;font-size:11px}.tl-footer details p{font-size:11px!important;line-height:1.75!important;color:#8495af!important;text-align:left;margin:8px 0 0!important}.tl-empty{padding:40px;text-align:center;color:#91a0b6;font-size:13px}.tl-shell button:focus-visible,.tl-transcript-scroll:focus-visible,.tl-search:focus-within{outline:2px solid #83b2ff;outline-offset:3px}
@media(max-width:900px){.tl-header>div{flex-direction:column;gap:5px}.tl-header{align-items:flex-start}.tl-controls{align-items:flex-start;flex-wrap:wrap}.tl-row{grid-template-columns:62px minmax(0,1fr);gap:10px}.tl-header,.tl-controls{padding-left:16px;padding-right:16px}.tl-rail,.tl-transcript-scroll{padding-left:16px;padding-right:16px}.tl-search{margin-left:16px;margin-right:16px}.tl-label{min-width:117px}.tl-footer{padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){.tl-label-card,.tl-row{transition:none}.tl-transcript-scroll{scroll-behavior:auto}}