.kt *{box-sizing:border-box;margin:0;padding:0}.kt header{text-align:center;margin-bottom:34px}.kt header h1{letter-spacing:1px;font-size:30px}.kt header p{color:#8b98a9;margin-top:8px}.kt .toggle{border:1px solid #2a3542;border-radius:999px;margin-top:16px;display:inline-flex;overflow:hidden}.kt .toggle button{color:#8b98a9;cursor:pointer;background:0 0;border:none;padding:8px 18px;font-size:13px}.kt .toggle button.active{color:#fff;background:#1f6feb}.kt h2{align-items:center;gap:10px;margin:44px 0 18px;font-size:22px;display:flex}.kt h2 .num{color:#58a6ff;white-space:nowrap;background:#1f6feb22;border:1px solid #1f6feb55;border-radius:8px;padding:2px 10px;font-size:14px}.kt .grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px;display:grid}.kt .card{background:#151b23;border:1px solid #232c37;border-radius:14px;padding:16px 18px 18px}.kt .card h3{flex-wrap:wrap;align-items:center;gap:8px;font-size:16px;display:flex}.kt .tag{color:#58a6ff;background:#1f6feb22;border:1px solid #1f6feb44;border-radius:999px;padding:1px 10px;font-size:11px;font-weight:400}.kt .card svg{width:100%;height:auto;margin:12px 0 8px;display:block}.kt .chart-box{position:relative}.kt .chart-box svg{cursor:crosshair}.kt .desc{color:#9aa8b8;font-size:13px}.kt .desc b{color:#dbe4ee}.kt .wide{grid-column:1/-1}.kt .tooltip{pointer-events:none;white-space:nowrap;z-index:5;background:#0b0f14;border:1px solid #2f3a47;border-radius:8px;padding:8px 12px;font-size:12px;line-height:1.7;display:none;position:absolute;box-shadow:0 6px 18px #00000080}.kt .tooltip .row b{color:#8b98a9;min-width:52px;font-weight:400;display:inline-block}.kt .legend{color:#8b98a9;flex-wrap:wrap;gap:14px;margin-top:10px;font-size:12px;display:flex}.kt .legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:5px;display:inline-block}.kt .anatomy{grid-template-columns:1.1fr 1fr;align-items:center;gap:20px;display:grid}@media (width<=760px){.kt .anatomy{grid-template-columns:1fr}}.kt .anatomy svg{width:100%;height:auto}.kt input[type=range]{accent-color:#1f6feb;cursor:pointer;width:100%}.kt .readout{margin-top:14px;font-size:14px}.kt .readout b{color:#f0b429;font-size:20px}.kt .status{color:#7fd1ff;background:#152238;border-radius:999px;margin-top:10px;padding:4px 14px;font-size:13px;display:inline-block}.kt .status.up{color:#ff7875;background:#3a1214}.kt .status.down{color:#63e6a0;background:#0e2f22}.kt .note{color:#8b98a9;margin-top:12px;font-size:13px}.kt .note b{color:#dbe4ee}.kt .tips{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;display:grid}.kt .tip{color:#9aa8b8;background:#151b23;border:1px solid #232c37;border-left:3px solid #f0b429;border-radius:10px;padding:14px 16px;font-size:13px}.kt .tip h4{color:#f0b429;margin-bottom:4px;font-size:14px}.kt .tip h4.warn{color:#ffa657}.kt .card{backdrop-filter:none;transition:none}.kt .card:hover{border-color:#232c37;transform:none}.kt .card h3{letter-spacing:0;margin:0}.kt .card .desc,.kt .card .note,.kt .desc,.kt .note{line-height:1.7}.kt .demo-bar{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0 8px;display:flex}.kt .demo-dot{background:#ffd166;border-radius:50%;flex:none;width:9px;height:9px;position:relative}.kt .demo-dot.live:after{content:"";border:1px solid #ffd166;border-radius:50%;animation:1.5s ease-out infinite kt-ping;position:absolute;inset:-4px}@keyframes kt-ping{0%{opacity:.9;transform:scale(.5)}80%,to{opacity:0;transform:scale(1.5)}}.kt .demo-text{color:#9aa8b8;font-size:13px;line-height:1.6}.kt .demo-replay{color:#ffd166;cursor:pointer;background:#fbbf2414;border:1px solid #fbbf2480;border-radius:999px;margin-left:auto;padding:3px 12px;font-family:inherit;font-size:12px}.kt .demo-replay:hover{background:#fbbf242e}.kt [hidden]{display:none!important}.kt .slider-zone{align-items:center;gap:10px;display:flex}.kt .slider-zone input{flex:auto;width:auto;min-width:0}.kt .slider-zone.attract input{border-radius:10px;animation:1.8s ease-in-out infinite kt-glow}@keyframes kt-glow{0%,to{box-shadow:0 0 #ffd16600}50%{box-shadow:0 0 0 5px #ffd16624,0 0 20px 2px #ffd16647}}.kt .grab-hint{color:#ffd166;white-space:nowrap;flex:none;font-size:13px;animation:1.4s ease-in-out infinite kt-bob}@keyframes kt-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.kt .demo-dot.live:after,.kt .slider-zone.attract input,.kt .grab-hint{animation:none}}
