:root{--km-bg:#0a0a0f;--km-surface:#111118;--km-surface-2:#1a1a24;--km-border:#ffffff14;--km-accent:#22d3ee;--km-accent-dim:#22d3ee1f;--km-accent-glow:#22d3ee59;--km-text:#ececf1;--km-muted:#86868f;--km-radius:10px;--km-transition:.2s cubic-bezier(.22, 1, .36, 1)}.km-page{background:var(--km-bg);min-height:100vh;color:var(--km-text)}.km-toolbar{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);border-bottom:1px solid var(--km-border);background:var(--km-surface);flex-wrap:wrap;display:flex}.km-toolbar-left{align-items:center;gap:var(--sp-3);flex-shrink:0;display:flex}.km-category-label{font-size:var(--fs-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--km-accent);font-weight:600}.km-progress-text{font-size:var(--fs-xs);color:var(--km-muted)}.km-search-wrap{flex:1;min-width:180px;max-width:420px;position:relative}.km-search{width:100%;font-family:var(--font-sans);font-size:var(--fs-sm);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);border:1px solid var(--km-border);background:var(--km-bg);color:var(--km-text);transition:border-color var(--km-transition);outline:none}.km-search:focus{border-color:var(--km-accent)}.km-search-results{top:calc(100% + var(--sp-1));z-index:50;background:var(--km-surface);border:1px solid var(--km-border);border-radius:var(--km-radius);max-height:320px;position:absolute;left:0;right:0;overflow-y:auto;box-shadow:0 16px 40px #0006}.km-search-item{align-items:flex-start;gap:var(--sp-1);width:100%;padding:var(--sp-2) var(--sp-3);color:var(--km-text);text-align:left;cursor:pointer;font-family:var(--font-sans);border:none;border-bottom:1px solid var(--km-border);transition:background var(--km-transition);background:0 0;flex-direction:column;display:flex}.km-search-item:last-child{border-bottom:none}.km-search-item:hover{background:var(--km-accent-dim)}.km-search-badge{font-size:var(--fs-xs);color:var(--km-accent)}.km-search-title{font-size:var(--fs-sm)}.km-search-empty{padding:var(--sp-3);font-size:var(--fs-sm);color:var(--km-muted)}.km-toolbar-actions{gap:var(--sp-2);flex-shrink:0;display:flex}.km-btn{font-family:var(--font-sans);font-size:var(--fs-xs);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);border:1px solid var(--km-border);background:var(--km-surface-2);color:var(--km-text);cursor:pointer;transition:border-color var(--km-transition), color var(--km-transition);font-weight:500}.km-btn:hover{border-color:var(--km-accent);color:var(--km-accent)}.km-shell{grid-template-columns:1fr min(440px,42vw);min-height:calc(100vh - 52px);display:grid}@media (width<=768px){.km-shell{grid-template-rows:auto auto;grid-template-columns:1fr}}.km-hub-wrap{background:radial-gradient(ellipse 70% 55% at 50% 45%, #22d3ee0d, transparent), var(--km-bg);transition:opacity var(--km-transition), transform var(--km-transition);position:relative;overflow:hidden}.km-hub-wrap.is-dimmed{opacity:.55;transform:scale(.98)}.km-hub-desktop{height:100%;min-height:520px;display:block}.km-hub-mobile{padding:var(--sp-4);gap:var(--sp-2);flex-direction:column;display:none}@media (width<=768px){.km-hub-desktop{display:none}.km-hub-mobile{display:flex}}.km-canvas{width:100%;height:100%;min-height:520px;display:block}.km-edge{stroke:var(--km-border);stroke-width:1px;fill:none}.km-node-center{fill:var(--km-surface-2);stroke:var(--km-accent);stroke-width:2px}.km-node-domain{fill:var(--km-surface);stroke:var(--km-border);stroke-width:2px;transition:stroke var(--km-transition), filter var(--km-transition)}.km-node-domain:hover,.km-node-domain.is-active{stroke:var(--km-accent);filter:drop-shadow(0 0 10px var(--km-accent-glow))}.km-label{font-family:var(--font-sans);fill:var(--km-text);text-anchor:middle;dominant-baseline:central;pointer-events:none}.km-label-center{font-size:13px;font-weight:700}.km-label-center-sub{fill:var(--km-muted);font-size:10px}.km-domain-icon{font-size:18px}.km-domain-count-label{fill:var(--km-accent);font-size:11px;font-weight:600}.km-domain-name{fill:var(--km-muted);font-size:10px}.km-domain-card{align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-4);border:1px solid var(--km-border);border-radius:var(--km-radius);background:var(--km-surface);color:var(--km-text);cursor:pointer;text-align:left;font-family:var(--font-sans);transition:border-color var(--km-transition), transform var(--km-transition), opacity var(--km-transition);display:flex}.km-domain-card:hover,.km-domain-card.is-active{border-color:var(--km-accent);transform:scale(1.01)}.km-domain-card-name{font-size:var(--fs-sm);font-weight:600;display:block}.km-domain-card-count{font-size:var(--fs-xs);color:var(--km-muted);display:block}.km-panel{border-left:1px solid var(--km-border);background:var(--km-surface);opacity:1;transition:opacity var(--km-transition), transform var(--km-transition);flex-direction:column;display:flex;overflow:hidden;transform:scale(1)}@media (width<=768px){.km-panel{border-left:none;border-top:1px solid var(--km-border);min-height:320px}}.km-panel-empty{padding:var(--sp-8);color:var(--km-muted);font-size:var(--fs-sm);flex:1;justify-content:center;align-items:center;display:flex}.km-breadcrumb{align-items:center;gap:var(--sp-1);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--km-border);font-size:var(--fs-xs);flex-wrap:wrap;display:flex}.km-bc-link{color:var(--km-accent);cursor:pointer;font-family:var(--font-sans);font-size:var(--fs-xs);background:0 0;border:none;padding:0}.km-bc-link:hover{text-decoration:underline}.km-bc-sep{color:var(--km-muted)}.km-bc-current{color:var(--km-muted);text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.km-topic-list-header{align-items:center;gap:var(--sp-3);padding:var(--sp-4);border-bottom:1px solid var(--km-border);display:flex}.km-domain-icon-lg{align-items:center;line-height:0;display:inline-flex}.km-domain-card-icon{flex-shrink:0;align-items:center;line-height:0;display:inline-flex}.km-search-icon{vertical-align:middle;margin-right:4px;line-height:0;display:inline-flex}.km-search-badge{font-size:var(--fs-xs);color:var(--km-accent);align-items:center;display:inline-flex}.km-domain-heading{font-size:var(--fs-h3);font-weight:600;line-height:1.2}.km-domain-count{font-size:var(--fs-xs);color:var(--km-muted)}.km-topic-list{padding:var(--sp-2);gap:var(--sp-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.km-topic-card{justify-content:space-between;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-4);border:1px solid var(--km-border);border-radius:var(--radius-sm);background:var(--km-bg);color:var(--km-text);cursor:pointer;text-align:left;font-family:var(--font-sans);transition:border-color var(--km-transition), opacity var(--km-transition), transform var(--km-transition);display:flex}.km-topic-card:hover{border-color:var(--km-accent);transform:scale(1.005)}.km-topic-card.is-reviewed{border-left:3px solid var(--km-accent)}.km-topic-card-title{font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.km-topic-card-tags{gap:var(--sp-1);flex-shrink:0;display:flex}.km-tag-pill{color:var(--km-muted);border:1px solid var(--km-border);border-radius:var(--radius-full);padding:2px 6px;font-size:10px}.km-panel-content{padding:var(--sp-4) var(--sp-6);flex:1;overflow-y:auto}.km-topic-title{font-size:var(--fs-h3);margin-bottom:var(--sp-2);font-weight:600;line-height:1.3}.km-tags{gap:var(--sp-2);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.km-tag{font-size:var(--fs-xs);color:var(--km-muted);border:1px solid var(--km-border);padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-full)}.km-summary{font-size:var(--fs-base);margin-bottom:var(--sp-4);padding:var(--sp-3);background:var(--km-bg);border-radius:var(--km-radius);border-left:3px solid var(--km-accent);line-height:1.6}.km-detail{font-size:var(--fs-sm);color:var(--km-muted);line-height:1.7}.km-detail p{margin-bottom:var(--sp-3)}.km-detail strong{color:var(--km-text)}.km-detail code{font-family:var(--font-mono);background:var(--km-bg);color:var(--km-accent);border-radius:4px;padding:1px 6px;font-size:.9em}.km-detail ul,.km-detail ol{margin:var(--sp-2) 0 var(--sp-3) var(--sp-4)}.km-detail h3,.km-detail h4{color:var(--km-text);font-size:var(--fs-sm);margin:var(--sp-4) 0 var(--sp-2);font-weight:600}.km-commands{margin-top:var(--sp-6);gap:var(--sp-3);flex-direction:column;display:flex}.km-commands-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--km-muted);font-weight:600}.km-command{background:var(--km-bg);border:1px solid var(--km-border);border-radius:var(--km-radius);overflow:hidden}.km-command-top{align-items:stretch;display:flex}.km-command pre{padding:var(--sp-3);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--km-accent);background:0 0;flex:1;margin:0;overflow-x:auto}.km-copy{padding:0 var(--sp-3);border:none;border-left:1px solid var(--km-border);background:var(--km-surface-2);color:var(--km-muted);font-family:var(--font-sans);font-size:var(--fs-xs);cursor:pointer}.km-copy:hover{color:var(--km-accent)}.km-copy.is-copied{color:#4ade80}.km-command-explain{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-xs);color:var(--km-muted);border-top:1px solid var(--km-border)}.km-panel-actions{padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--km-border)}.km-flash-overlay{z-index:200;padding:var(--sp-4);background:#0a0a0feb;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.km-flash-overlay.is-open{display:flex}.km-flash-card{perspective:1000px;cursor:pointer;width:min(520px,100%);min-height:280px}.km-flash-inner{width:100%;min-height:280px;transform-style:preserve-3d;transition:transform .5s var(--ease-out);position:relative}.km-flash-card.is-flipped .km-flash-inner{transform:rotateY(180deg)}.km-flash-face{backface-visibility:hidden;background:var(--km-surface);border:1px solid var(--km-border);border-radius:var(--radius-lg);padding:var(--sp-8);flex-direction:column;justify-content:center;display:flex;position:absolute;inset:0}.km-flash-face.back{overflow-y:auto;transform:rotateY(180deg)}.km-flash-title{font-size:var(--fs-h3);margin-bottom:var(--sp-4);color:var(--km-accent);font-weight:600}.km-flash-hint{font-size:var(--fs-xs);color:var(--km-muted);padding-top:var(--sp-4);margin-top:auto}.km-flash-controls{gap:var(--sp-2);margin-top:var(--sp-4);justify-content:center;display:flex}.km-flash-close{top:var(--sp-4);right:var(--sp-4);position:absolute}