:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;border:0;padding:0;margin:-1px}.visually-hidden.focusable:active,.visually-hidden.focusable:focus{position:static!important;height:auto;width:auto;overflow:visible;clip:auto;white-space:normal}.skip-link{position:absolute;top:.25rem;left:.25rem;background:#fff;color:#000;padding:.5rem .75rem;border-radius:6px;box-shadow:0 2px 8px #0003;z-index:1000}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.concept-map-container{width:100%;height:100dvh;display:flex;flex-direction:column;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Arial,sans-serif}.concept-map-header{position:absolute;top:8px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:4px 8px;background:#fffc;border:1px solid #e0e0e0;border-radius:6px;font-size:.9em;z-index:12;max-width:90vw;flex-wrap:wrap;justify-content:center}.concept-map-header select{padding:2px 4px;border:1px solid #ccc;border-radius:4px;background:#fff;font-size:.9em;max-width:180px;width:auto;white-space:nowrap}.metadata{display:inline-flex;align-items:center;gap:4px;background:none;border:none;padding:0;font-size:.85em;color:#333}.legend-bar{position:absolute;bottom:8px;left:8px;display:flex;gap:12px;background:#fffc;border:1px solid #e0e0e0;border-radius:8px;padding:6px 10px;font-size:12px;z-index:11}.concept-map-loading,.concept-map-error{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center}.concept-map-loading h2,.concept-map-error h2{font-size:2em;margin-bottom:10px;font-weight:300}.concept-map-loading p,.concept-map-error p{font-size:1.2em;margin:5px 0;opacity:.9}.concept-map-error button{margin-top:20px;padding:12px 24px;background:#fff;color:#667eea;border:none;border-radius:25px;font-size:1.1em;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003}.concept-map-error button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.concept-map-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}svg{flex:1;background:linear-gradient(135deg,#f7f9fc,#dde5f3);border-top:1px solid #e0e0e0;display:block;touch-action:pinch-zoom;-webkit-tap-highlight-color:transparent}@media (max-width: 768px){svg{padding-top:env(safe-area-inset-top)}}.node{outline:none}.node:hover{stroke-width:4px!important;filter:brightness(1.1)}.link{pointer-events:stroke}.link:hover{stroke-width:4px!important;stroke:#333!important}.link-label{font-family:Arial,sans-serif;text-shadow:1px 1px 2px rgba(255,255,255,.8)}.node-label{font-family:Arial,sans-serif;text-shadow:1px 1px 2px rgba(0,0,0,.6);-webkit-user-select:none;user-select:none}@media (max-width: 768px){.concept-map-header{display:none}.desktop-only{display:none!important}.mobile-only{display:initial!important}.metadata{font-size:.8em;padding:0}.node-label{font-size:13px}.link-label{font-size:11px}}.node-group{will-change:transform}title{font-family:Arial,sans-serif}.controls{position:sticky;top:0;display:flex;gap:.5rem;padding:.5rem;background:#ffffffe6;border-bottom:1px solid #ddd;z-index:10}@media (max-width: 768px){.controls{display:none}}.controls button{min-height:44px;min-width:44px;background:#fff;color:#111;border:1px solid #ccc}.controls button:focus-visible{outline:3px solid #667eea;outline-offset:2px}.fab{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:56px;height:56px;border-radius:50%;border:none;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 16px #0003;z-index:20;display:none}.fab:focus-visible{outline:3px solid #fff;outline-offset:2px}@media (max-width: 768px){.fab{display:inline-flex;align-items:center;justify-content:center}}.mobile-panel-backdrop{position:fixed;inset:0;background:#00000059;z-index:19}.mobile-panel{position:fixed;left:0;right:0;bottom:0;max-height:80dvh;min-height:45dvh;background:#ffffffe0;-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%);border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -8px 24px #00000040;z-index:20;display:none}.mobile-panel .handle{width:42px;height:4px;border-radius:4px;background:#ddd;margin:10px auto}.mobile-panel .content{padding:8px 16px calc(16px + env(safe-area-inset-bottom));overflow:auto;max-height:calc(80dvh - 24px)}.mobile-panel h3{margin:8px 0;font-size:16px}.mobile-panel .section{padding:8px 0;border-top:1px solid #eee}@media (max-width: 768px){.mobile-panel{display:block}}.node-tooltip:before{content:"";position:absolute;width:0;height:0;border:8px solid transparent;border-top-color:#fffffffa;top:100%;left:50%;transform:translate(-50%);box-shadow:0 1px #a6001a;z-index:-1}