:root{--kl-bg:#05070a;--kl-fg:#d5ffd5;--kl-dim:#6fdc6f;--kl-br:#16301f;--kl-ac:#00ff88;--kl-pad:14px;--kl-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
.kl-body{margin:0;background:var(--kl-bg);color:var(--kl-fg);font:14px/1.6 var(--kl-mono)}
.kl-frame{min-height:100vh;display:flex;flex-direction:column}
.kl-bar{display:flex;justify-content:space-between;gap:12px;padding:10px var(--kl-pad);border-bottom:1px solid var(--kl-br);background:rgba(0,0,0,.35)}
.kl-brand{color:var(--kl-ac);text-decoration:none}
.kl-sep{color:var(--kl-dim);margin:0 6px}
.kl-loc{color:var(--kl-fg)}
.kl-find{display:flex;gap:8px;align-items:center;color:var(--kl-dim)}
.kl-find__i{background:#000;border:1px solid var(--kl-br);color:var(--kl-fg);padding:6px 8px;border-radius:8px;min-width:180px}
.kl-cols{flex:1;display:grid;grid-template-columns:340px minmax(0,1fr)}
.kl-side{border-right:1px solid var(--kl-br);padding:12px var(--kl-pad)}
.kl-tree{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.kl-tree__i{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:8px;border:1px solid transparent;border-radius:10px}
.kl-tree__a{color:var(--kl-fg);text-decoration:none}
.kl-tree__hint{color:var(--kl-dim);font-size:12px}
.kl-tree__i.is-active{border-color:rgba(0,255,136,.55);background:rgba(0,255,136,.06)}
.kl-tree__i:hover{border-color:var(--kl-br);background:rgba(255,255,255,.02)}
.kl-main{padding:14px var(--kl-pad)}
.kl-out{border:1px solid var(--kl-br);border-radius:12px;padding:12px;background:rgba(0,0,0,.25)}
.kl-out__line{color:var(--kl-dim);margin-bottom:10px}
.kl-out__block{color:var(--kl-fg)}
.kl-foot{padding:10px var(--kl-pad);border-top:1px solid var(--kl-br);color:var(--kl-dim);display:flex;gap:8px}
.kl-foot__a{color:var(--kl-ac);text-decoration:none}
@media (max-width: 900px){.kl-cols{grid-template-columns:1fr}.kl-side{border-right:none;border-bottom:1px solid var(--kl-br)}.kl-find__i{min-width:120px}}