.tka-root{display:flex;flex-direction:column;gap:.8rem;width:100%;max-height:min(calc(100vh - 140px),540px);overflow:hidden;contain:layout paint}.tka-views{display:grid;grid-template-columns:1fr;gap:.6rem}@media(min-width:640px){.tka-root.tka-view-both .tka-views{grid-template-columns:1fr 1fr}}@media(max-width:639px){.tka-root.tka-view-both .tka-view-wrap{max-height:46vh}.tka-root.tka-view-both .tka-svg{max-height:42vh}}.tka-view-wrap{position:relative;background:linear-gradient(180deg,#00e5ff0a,#b060ff0a);border:1px solid var(--tk-border,rgba(255,255,255,.08));border-radius:12px;padding:.4rem .4rem .35rem;overflow:hidden}.tka-view-label{position:absolute;top:.4rem;left:.55rem;font-size:.58rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--tk-muted,rgba(255,255,255,.55));z-index:2;pointer-events:none}.tka-svg{width:100%;height:auto;max-height:380px;aspect-ratio:200 / 420;display:block;touch-action:manipulation}.tka-bg{opacity:.55}.tka-silhouette{fill:#ffffff0d;stroke:#ffffff2e;stroke-width:1.2;stroke-linejoin:round}.tka-shading{fill:none;stroke:#ffffff1a;stroke-width:1;stroke-dasharray:2 4}.tka-site{cursor:pointer;outline:none}.tka-site .tka-halo{fill:transparent;stroke:transparent;stroke-width:0;transition:stroke .15s,stroke-width .15s,fill .15s}.tka-site .tka-dot{stroke:#ffffff8c;stroke-width:1.2;transition:fill .15s,stroke .15s,r .15s}.tka-site .tka-dot-label{font:600 7px/1 Inter,system-ui,sans-serif;fill:#ffffffeb;pointer-events:none;user-select:none;letter-spacing:.04em}.tka-site:hover .tka-halo,.tka-site:focus .tka-halo{stroke:#fff6;stroke-width:1.5;fill:#00e5ff14}.tka-site:hover .tka-dot,.tka-site:focus .tka-dot{stroke:#fff}.tka-site.tka-rec-none .tka-dot{fill:#ffffff2e}.tka-site.tka-rec-green .tka-dot{fill:#39ff148c;stroke:var(--tk-green,#39ff14)}.tka-site.tka-rec-amber .tka-dot{fill:#ffb80099;stroke:var(--tk-amber,#ffb800)}.tka-site.tka-rec-red .tka-dot{fill:#ff5c5ca6;stroke:var(--tk-red,#ff5c5c)}.tka-site.is-selected .tka-halo{stroke:var(--tk-cyan,#00e5ff);stroke-width:2;fill:#00e5ff1f}.tka-site.is-selected .tka-dot{stroke:#fff;stroke-width:2}.tka-site.is-suggested .tka-halo{stroke:var(--tk-cyan,#00e5ff);stroke-width:1.5;fill:#00e5ff1a;animation:tkaPulse 1.6s ease-in-out infinite}@keyframes tkaPulse{0%,to{stroke-width:1.5;opacity:.7}50%{stroke-width:3;opacity:1}}@media(prefers-reduced-motion:reduce){.tka-site.is-suggested .tka-halo{animation:none;stroke-width:2;opacity:1}}.tka-readout{padding:.55rem .8rem;border-radius:8px;background:#00000059;border:1px solid var(--tk-border,rgba(255,255,255,.08));font-size:.82rem;color:#fff;min-height:1.5rem;line-height:1.4}.tka-readout-meta{color:var(--tk-muted,rgba(255,255,255,.55));font-weight:500}.tka-legend{display:flex;flex-wrap:wrap;gap:.85rem;font-size:.66rem;color:var(--tk-muted,rgba(255,255,255,.55));padding:.2rem 0}.tka-legend-item{display:inline-flex;align-items:center;gap:.35rem;letter-spacing:.04em}.tka-sw{display:inline-block;width:12px;height:12px;border-radius:99px;border:1px solid rgba(255,255,255,.25);background:#ffffff2e}.tka-sw.tka-rec-red{background:#ff5c5ca6;border-color:var(--tk-red,#ff5c5c)}.tka-sw.tka-rec-amber{background:#ffb80099;border-color:var(--tk-amber,#ffb800)}.tka-sw.tka-rec-green{background:#39ff148c;border-color:var(--tk-green,#39ff14)}.tka-sw.tka-rec-none{background:#ffffff2e;border-color:#ffffff59}.tka-sw.is-suggested{background:#00e5ff2e;border-color:var(--tk-cyan,#00e5ff);box-shadow:0 0 0 2px #00e5ff40}.tka-compact{display:flex;flex-wrap:nowrap;gap:.45rem;align-items:center;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgba(0,229,255,.35) transparent;padding-bottom:.2rem;-webkit-overflow-scrolling:touch}.tka-compact::-webkit-scrollbar{height:6px}.tka-compact::-webkit-scrollbar-track{background:transparent}.tka-compact::-webkit-scrollbar-thumb{background:#00e5ff59;border-radius:99px}.tka-compact .tka-compact-chip{flex:0 0 auto}.tka-compact-chip{appearance:none;display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .65rem;border-radius:99px;border:1px solid var(--tk-border,rgba(255,255,255,.08));background:#ffffff0a;color:#fff;font:600 .72rem/1 Inter,system-ui,sans-serif;letter-spacing:.04em;cursor:pointer;transition:border-color .15s,background .15s}.tka-compact-chip:hover{background:#00e5ff14;border-color:#00e5ff66}.tka-compact-pip{width:8px;height:8px;border-radius:99px;background:#ffffff59;flex:0 0 auto}.tka-compact-chip.tka-rec-red .tka-compact-pip{background:var(--tk-red,#ff5c5c)}.tka-compact-chip.tka-rec-amber .tka-compact-pip{background:var(--tk-amber,#ffb800)}.tka-compact-chip.tka-rec-green .tka-compact-pip{background:var(--tk-green,#39ff14)}.tka-compact-chip.is-suggested{background:linear-gradient(135deg,#00e5ff2e,#b060ff2e);border-color:#00e5ff8c}.tka-compact-chip.is-suggested .tka-compact-pip{background:var(--tk-cyan,#00e5ff);box-shadow:0 0 0 2px #00e5ff40}.tka-compact-empty{font-size:.74rem;color:var(--tk-muted,rgba(255,255,255,.55))}