.km{background:radial-gradient(90% 80% at 45% 55%, color-mix(in srgb, var(--face) 50%, var(--paper)) 0%, var(--paper) 70%);height:calc(100svh - 77px);min-height:560px;color:var(--ink);position:relative;overflow:hidden}.km>canvas{touch-action:none;cursor:grab;width:100%;height:100%;position:absolute;inset:0}.km>canvas.drag{cursor:grabbing}.km-ui{pointer-events:none;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr) 320px;gap:12px;height:100%;padding-top:18px;padding-bottom:18px;display:grid;position:relative}.km-ui>*{pointer-events:auto}.km-head{max-width:460px;text-shadow:0 0 14px var(--paper), 0 0 4px var(--paper);grid-area:1/1;justify-self:start}.km-head .eyebrow{font-size:11.5px}.km-head h1{font-family:var(--serif);margin:2px 0 4px;font-size:26px;line-height:1.1}.km-lede{color:var(--muted);max-width:52ch;margin:0 0 10px;font-size:13px;line-height:1.45}.km-bar{text-shadow:none;flex-wrap:wrap;gap:8px;display:flex}.km-foot{flex-direction:column;grid-area:3/1;place-self:end start;gap:6px;display:flex}.km-filters,.km-legend{flex-wrap:wrap;gap:6px;display:flex}.km-hint{display:none}.km-panel{grid-area:1/2/4;align-self:start}.km-panel:has(.km-sel[hidden]){display:none}.km-find{background:color-mix(in srgb, var(--face) 85%, transparent);max-width:280px;height:36px;box-shadow:inset 0 0 0 1px var(--line);backdrop-filter:blur(6px);color:var(--muted);border-radius:12px;flex:200px;align-items:center;gap:8px;padding:0 12px;display:flex;position:relative}.km-find input{-webkit-appearance:none;appearance:none;min-width:0;height:34px;color:var(--ink);font:inherit;border-radius:0;outline:none;flex:1;margin:0;padding:0;font-size:14px;box-shadow:none!important;background:0 0!important;border:0!important}.km-find:focus-within{box-shadow:0 0 0 2px var(--accent)}.km-sug{z-index:5;background:var(--face);min-width:280px;box-shadow:0 14px 30px -12px var(--shadow);border-radius:14px;max-height:320px;margin:0;padding:6px;list-style:none;position:absolute;top:40px;left:0;right:0;overflow:auto}.km-sug li{color:var(--ink);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-size:14px;display:flex}.km-sug li[aria-selected=true],.km-sug li:hover{background:var(--soft)}.km-sug small{color:var(--muted);margin-left:auto;font-size:11.5px}.km-btn{background:color-mix(in srgb, var(--face) 85%, transparent);height:36px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);font:inherit;cursor:pointer;backdrop-filter:blur(6px);border:0;border-radius:12px;padding:0 13px;font-size:13px;font-weight:600}.km-btn:hover{background:var(--soft-2);filter:brightness(.97)}.km-btn[data-act=surprise]{background:var(--accent);color:#1c1b19;box-shadow:none}.km-filters button,.km-legend button{background:color-mix(in srgb, var(--surface) 80%, transparent);backdrop-filter:blur(6px);height:30px;color:var(--muted);font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:7px;padding:0 11px;font-size:12.5px;display:inline-flex}.km-filters button[aria-pressed=true],.km-legend button[aria-pressed=true]{background:var(--soft-2);color:var(--ink)}.km-filters b{color:inherit;opacity:.7;font-variant-numeric:tabular-nums;font-weight:600}.km-filters i{border-radius:50%;flex:none;width:9px;height:9px}.km-k-entry{background:var(--ink)}.km-k-tool{background:var(--mark);transform:rotate(45deg);border-radius:2px!important}.km-k-term{background:var(--muted);width:6px!important;height:6px!important}.km-k-planned{box-shadow:inset 0 0 0 1.5px var(--muted)}.km-k-thread{background:var(--muted);border-radius:1px!important;width:14px!important;height:2px!important}.km-hint{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);opacity:.7;z-index:1;margin:0;font-size:11px}.km-panel{background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(10px);max-height:100%;box-shadow:0 18px 40px -24px var(--shadow);border-radius:24px;padding:20px 20px 22px;position:relative;overflow:auto}.km-panel h2{font-family:var(--serif);margin:4px 0 10px;font-size:26px;font-weight:400;line-height:1.15}.km-panel p{margin:0 0 10px;font-size:15px;line-height:1.5}.km-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;font-weight:700;display:flex;font-size:11.5px!important}.km-small{color:var(--muted);font-size:13px!important}.km-open{background:var(--ink);border-radius:14px;align-items:center;gap:8px;margin:4px 0 14px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;color:var(--paper)!important}.km-open:hover{background:var(--ink);color:var(--paper);opacity:.9}.km-conn h3{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:14px 0 4px;font-family:inherit;font-size:11.5px;font-weight:700}.km-conn ul{margin:0;padding:0;list-style:none}.km-conn button{text-align:left;width:100%;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;margin:0 -6px;padding:6px;font-size:14px;display:flex}.km-conn button:hover{background:var(--soft)}.km-conn small{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:11.5px}.km-badge{background:var(--accent-soft);color:var(--accent-text);letter-spacing:.04em;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.km-x{background:var(--soft-2);width:34px;height:34px;color:var(--ink);font:inherit;cursor:pointer;border:0;border-radius:50%;font-size:20px;line-height:1;display:none;position:absolute;top:10px;right:10px}@media (width<=960px){.km-ui{grid-template-columns:minmax(0,1fr);padding-top:14px;padding-bottom:12px}.km-lede{display:none}.km-head h1{margin:0 0 8px;font-size:22px}.km-hint{display:none}.km-find{flex:100%;max-width:none}.km-btn{white-space:nowrap;flex:none;padding:0 10px}.km-find{min-width:0}.km-panel{z-index:2;background:var(--surface);grid-area:3/1;align-self:end;max-height:48svh}.km-x{display:block}.km:has(.km-sel:not([hidden])) .km-foot{visibility:hidden}}