#knowledge-demo{border:1px solid var(--line);background:var(--panel)}.map-toolbar{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line);font-size:12px}.map-toolbar select,.map-inspector select{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);padding:10px;max-width:100%;border-radius:2px}.map-toolbar .preview-label{margin-left:auto}.knowledge-frame{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;padding:22px;align-items:center}.knowledge-main{min-width:0}.map-nav{display:flex;gap:8px;flex-wrap:wrap}.knowledge-section button{font:inherit;font-size:11px;min-height:40px;padding:8px 10px;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:2px}.knowledge-section button:hover{border-color:var(--blue);color:var(--blue)}.knowledge-section button:disabled{opacity:.4;cursor:default}.knowledge-section select:focus-visible{outline:2px solid var(--blue);outline-offset:3px}#map-breadcrumbs{display:flex;flex-wrap:wrap;gap:3px;align-items:center;margin:12px 0 0;font-size:11px;color:var(--muted);min-height:35px}#map-breadcrumbs button{border:0;background:none;padding:5px;font-size:10px;min-height:32px}#map-breadcrumbs button[aria-current]{color:var(--blue)}.radial-stage{height:350px;position:relative;overflow:hidden;background-image:radial-gradient(var(--line) .7px,transparent .7px);background-size:20px 20px;isolation:isolate}#radial-content{position:absolute;inset:0;transform-origin:center;transition:transform .2s}#radial-content svg{position:absolute;inset:0;width:100%;height:100%;stroke:var(--line);stroke-width:1;fill:none}.knowledge-section .topic-node{position:absolute;transform:translate(-50%,-50%);border:0;background:transparent;width:130px;min-height:65px;padding:4px;display:flex;align-items:center;flex-direction:column;gap:8px;text-align:center;font-size:11px;line-height:1.35;animation:map-arrive .24s ease}.topic-node:before{content:'';display:block;border-radius:50%;width:20px;height:20px;border:1.5px solid var(--blue);background:var(--panel);transition:background .15s}.topic-node:hover:before{background:var(--tint)}.topic-node.center{font-weight:500;color:var(--blue);width:150px}.topic-node.center:before{width:32px;height:32px;background:var(--blue)}.topic-node[data-status=learning]:before{background:var(--tint)}.topic-node[data-status=learned]:before{background:var(--blue)}.topic-node small{font-size:9px;color:var(--muted)}.map-attached{border-top:1px solid var(--line);padding-top:14px}#map-materials{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}#map-materials button{font-size:10px;max-width:100%;text-align:left;overflow-wrap:anywhere;background:var(--paper)}.map-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;color:var(--muted);font-size:10px}.map-bottom>div{display:flex;gap:4px}.map-bottom button{min-width:35px;padding:7px}.map-inspector{border:1px solid var(--line);padding:23px;max-height:550px;overflow-y:auto;overflow-wrap:anywhere;background:var(--paper)}.map-inspector h3{font-size:29px;line-height:1.12;margin:10px 0 14px}.map-inspector p{font-size:12px;color:var(--muted);line-height:1.8;margin:12px 0}.map-inspector label{font-size:10px;color:var(--muted);display:block;margin:16px 0 6px}.map-inspector select{width:100%;font-size:12px}.map-inspector .focus-button{width:100%;margin:10px 0;background:var(--panel);color:var(--blue);white-space:normal}.map-inspector .focus-button[aria-pressed=true]{background:var(--tint)}.related-list{display:grid;gap:7px}.related-list button{text-align:left;width:100%}.map-inspector blockquote{font:23px/1.4 var(--read);margin:18px 0}.map-inspector .micro{display:block}.map-inspector ul{padding-left:18px;font-size:12px;color:var(--muted);line-height:1.8}.map-inspector .back-topic{margin-bottom:14px;color:var(--blue)}#map-list{min-height:350px;padding:24px 10px}#map-list h3{font-size:27px;margin-bottom:15px}#map-list button{display:block;width:100%;text-align:left;margin:8px 0;padding:13px}.map-empty{font-size:12px;color:var(--muted)}@keyframes map-arrive{from{opacity:0}to{opacity:1}}@media(max-width:1000px){.knowledge-frame{grid-template-columns:minmax(0,1fr) 250px;gap:16px;padding:16px}.knowledge-section .topic-node{width:110px;font-size:10px}.topic-node.center{width:125px}.map-inspector{padding:17px}}@media(max-width:800px){.knowledge-frame{grid-template-columns:1fr}.map-inspector{max-height:none}.radial-stage{height:340px}.map-toolbar{flex-wrap:wrap;padding:15px}.map-toolbar .preview-label{width:100%;margin-left:0}.knowledge-section .topic-node{width:120px}.map-inspector h3{font-size:30px}}@media(max-width:480px){.knowledge-frame{padding:12px}.radial-stage{height:320px}.knowledge-section .topic-node{width:97px;font-size:10px}.knowledge-section .topic-node.center{width:110px}.map-bottom{flex-wrap:wrap}#map-materials button{width:100%}.map-nav{gap:5px}.map-toolbar label{font-size:11px}}@media(prefers-reduced-motion:reduce){#radial-content,.topic-node{animation:none!important;transition:none!important}}