.kt{--bad:#b42318;gap:24px;display:grid}.kt-controls{justify-content:space-between}.kt-seg{scrollbar-width:none;max-width:100%;overflow-x:auto}.kt-seg button{flex:none}.kt-end{align-items:center;gap:14px;margin-left:auto;display:flex}.kt-area{cursor:text;-webkit-tap-highlight-color:transparent;background:linear-gradient(#ece7df,#e3ddd3);border-radius:24px;padding:clamp(8px,1.5vw,16px);position:relative;box-shadow:inset 0 1px #ffffffb3,inset 0 0 0 1px #1916130d}.kt-area:focus-visible{outline:none}.kt-area:after{content:"";box-shadow:0 0 0 2px var(--accent), 0 0 0 7px #a84a1c1f;opacity:0;transition:opacity .25s var(--ease-out);pointer-events:none;border-radius:27px;position:absolute;inset:-3px}.kt-area[data-active]:after{opacity:1}.kt-svg{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.kt-base{fill:#d6cec2}.kt-face{fill:#fdfcfa}.kt-top{transition:transform 80ms var(--ease-out)}.kt-key text{fill:var(--ink-2);font-family:var(--font-sans);letter-spacing:.01em;font-size:11.5px;font-weight:500}.kt-key text.is-big{font-size:17px}.kt-key[data-s=tested] .kt-base{fill:#e3c3ac}.kt-key[data-s=tested] .kt-face{fill:var(--accent-soft)}.kt-key[data-s=tested] text{fill:var(--accent)}.kt-key[data-s=held] .kt-base{fill:#74300f}.kt-key[data-s=held] .kt-face{fill:var(--accent)}.kt-key[data-s=held] text{fill:#fff}.kt-key[data-s=held] .kt-top{transform:translateY(2.5px)}.kt-key[data-s=stuck] .kt-base{fill:var(--bad)}.kt-key[data-s=stuck] .kt-face{fill:#fdecea}.kt-key[data-s=stuck] text{fill:var(--bad)}.kt-key[data-s=stuck] .kt-top{transform:translateY(2.5px)}.kt-key[data-s=bad] .kt-base{fill:var(--bad)}.kt-key[data-s=bad] .kt-face{fill:#fdecea}.kt-key[data-s=bad] text{fill:var(--bad)}.kt-key[data-s=dead] .kt-base{fill:none}.kt-key[data-s=dead] .kt-face{fill:none;stroke:#19161333;stroke-width:1.2px;stroke-dasharray:4 4}.kt-key[data-s=dead] text{fill:var(--faint)}.kt-start{box-shadow:var(--ring), var(--float);white-space:nowrap;color:var(--ink);pointer-events:none;transition:opacity .25s var(--ease-out), transform .35s var(--ease-out);background:#fffffff0;border-radius:999px;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:600;display:inline-flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.kt-start svg{color:var(--accent)}.kt-area[data-active] .kt-start{opacity:0;transform:scale(.96)}.kt-start-touch{display:none}@media (hover:none) and (pointer:coarse){.kt-start-fine,.kt-live-hint{display:none}.kt-start-touch{display:inline}}.kt-live-hint{white-space:nowrap;color:var(--muted);opacity:0;font-size:12.5px;font-weight:500;transition:opacity .25s}.kt:has(.kt-area[data-active]) .kt-live-hint{opacity:1}.kt-panels{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.kt-done b span{color:var(--muted);font-size:.6em}.kt-bar{background:#19161314;border-radius:2px;height:4px;margin-top:12px;display:block;overflow:hidden}.kt-bar span{background:var(--accent);transform-origin:0;height:100%;transition:transform .4s var(--ease-out);display:block}.kt-notes{gap:8px;margin-top:14px;display:grid}.kt-notes .tool-note{font-size:13.5px}.kt-notes .tool-note.is-warn{color:var(--bad)}.kt-chips{font-family:var(--font-mono);color:var(--ink);word-spacing:.2em;font-weight:500}.kt-log{background:var(--tile);border-radius:20px;padding:16px 18px 12px}.kt-log h3{color:var(--muted);margin:0 0 8px;font-size:12px;font-weight:600}.kt-log table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.kt-log th{text-align:left;color:var(--muted);padding:0 8px 6px 0;font-size:11.5px;font-weight:600}.kt-log td{border-top:1px solid var(--line);font-family:var(--font-mono);color:var(--ink-2);white-space:nowrap;padding:6px 8px 6px 0}.kt-log td:nth-child(2){text-overflow:ellipsis;max-width:9.5em;overflow:hidden}.kt-log tbody tr:first-child{animation:kt-in .25s var(--ease-out)}.kt-log tr.is-bad td{color:var(--bad)}.kt-log kbd{background:var(--surface);min-width:26px;box-shadow:var(--ring), 0 1px 0 #19161314;font-family:var(--font-sans);text-align:center;color:var(--ink);border-radius:7px;padding:2px 7px;font-size:12.5px;font-weight:600;display:inline-block}@keyframes kt-in{0%{opacity:0;transform:translateY(-4px)}}@media (max-width:860px){.kt-panels{grid-template-columns:minmax(0,1fr)}}@media (max-width:679px){.kt{gap:18px}.kt-seg button{padding:0 11px}.kt-end .tool-btn{padding:0 14px}.kt-live-hint{display:none}.kt-area{border-radius:16px}.kt-area:after{border-radius:19px}.kt-start{padding:9px 14px;font-size:13px}.kt .tool-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.kt .tool-stat{border-radius:16px;padding:12px 12px 14px}.kt .tool-stat small{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}}