: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;overflow-x:hidden;overflow-y:auto}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}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;min-height:100vh;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-y:auto}.modal-content{background:#fff;border-radius:12px;padding:0;max-width:500px;width:90%;max-height:90vh;min-height:50vh;overflow:visible;box-shadow:0 20px 40px #0000004d;animation:modalAppear .3s ease-out;display:flex;flex-direction:column;margin:20px}@keyframes modalAppear{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #eee;background:#f8f9fa;flex-shrink:0}.modal-header h2{margin:0;font-size:1.5rem;color:#333}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover{background-color:#e9ecef;color:#333}.modal-body{padding:24px;color:#555;line-height:1.6;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}.modal-body p{margin:0;font-size:16px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 3px #646cff1a}.color-picker{display:flex;gap:8px;flex-wrap:wrap}.color-option{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s ease}.color-option:hover{transform:scale(1.1);border-color:#ffffff80}.color-option.selected{border-color:#fff;box-shadow:0 0 0 2px #646cff}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid #eee}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary{background-color:#646cff;color:#fff}.btn-primary:hover{background-color:#535bf2}.btn-secondary{background-color:#f1f3f4;color:#333}.btn-secondary:hover{background-color:#e8eaed}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover{background-color:#dc2626}@media (prefers-color-scheme: dark){.modal-content{background:#2a2a2a;color:#fff}.modal-header{background:#333;border-bottom-color:#444}.modal-header h2{color:#fff}.modal-close{color:#ccc}.modal-close:hover{background-color:#444;color:#fff}.modal-body,.form-group label{color:#ddd}.form-group input,.form-group textarea{background:#333;border-color:#555;color:#fff}.form-group input:focus,.form-group textarea:focus{border-color:#646cff;background:#3a3a3a}.modal-actions{border-top-color:#444}.btn-secondary{background-color:#444;color:#ddd}.btn-secondary:hover{background-color:#555}}.public-modal{max-width:600px;max-height:90vh;min-height:60vh;background:#1e293b;display:flex;flex-direction:column;margin:20px}.public-modal .modal-header{background:linear-gradient(135deg,var(--header-color, #8B5CF6) 0%,var(--header-color-dark, #7C3AED) 100%);color:#fff;border-bottom:none;flex-shrink:0}.public-modal .modal-title{color:#fff;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.3)}.public-modal .modal-close{color:#fff;background:#fff3;border:1px solid rgba(255,255,255,.3)}.public-modal .modal-close:hover{background:#ffffff4d}.public-modal .modal-body{overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.modal-image-container{width:100%;margin-bottom:20px;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000026}.modal-image{width:100%;height:auto;max-height:300px;object-fit:cover;display:block}.modal-text-content{line-height:1.6;overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:60vh}.modal-subtitle{color:#f8fafc;font-size:1.1rem;font-weight:600;margin:20px 0 10px;padding-bottom:5px;border-bottom:2px solid #e2e8f0}.modal-paragraph{margin:12px 0;color:#e2e8f0;font-size:.95rem}.modal-list-item{margin:8px 0;padding-left:10px;color:#e2e8f0;font-size:.95rem;line-height:1.5}@media (max-width: 768px){.modal-overlay{align-items:flex-start;padding-top:10px}.modal-content,.public-modal{max-width:95%;max-height:95vh;min-height:80vh;margin:10px}.modal-image{max-height:200px}.modal-body{padding:16px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.modal-text-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;max-height:50vh}}.mind-map{width:100vw;min-height:100vh;background:linear-gradient(135deg,#1e293b,#0f172a);overflow-x:auto;overflow-y:auto;position:relative}.mind-map-container{width:100%;min-height:100vh;position:relative}.brand-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:100}.brand-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.5)}.brand-logo{height:40px;width:auto;filter:brightness(1.1)}.back-button{position:fixed;top:80px;left:20px;background:#3b82f6e6;color:#fff;border:none;padding:10px 15px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.back-button:hover{background:#3b82f6;transform:translateY(-1px)}.nodes-container{position:relative;width:100%;padding:20px}.connections{position:absolute;top:0;left:0;pointer-events:none;z-index:1}.connections line{stroke-dasharray:5,5;animation:dash 20s linear infinite}.connection-preview{animation:connectionPulse 1s ease-in-out infinite alternate;filter:drop-shadow(0 0 4px rgba(59,130,246,.5))}@keyframes dash{to{stroke-dashoffset:-1000}}@keyframes connectionPulse{0%{opacity:.6}to{opacity:1}}.admin-controls{position:absolute;top:30px;right:30px;display:flex;gap:12px;z-index:100}.admin-btn{width:50px;height:50px;border-radius:50%;border:none;font-size:24px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000004d;display:flex;align-items:center;justify-content:center}.create-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.create-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #10b98166}.connect-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.connect-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #3b82f666}.connect-btn.active{background:linear-gradient(135deg,#ef4444,#dc2626);animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.connection-instructions{position:absolute;top:100px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.usage-instructions{position:absolute;top:30px;left:30px;background:#fffffff2;padding:16px;border-radius:12px;box-shadow:0 4px 12px #00000026;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);max-width:250px}.instruction-item{display:flex;align-items:center;margin-bottom:8px;font-size:13px;color:#374151;gap:8px}.instruction-item:last-child{margin-bottom:0}.instruction-item strong{color:#111827}.node-wrapper{position:relative}.connect-node-btn{position:absolute;width:30px;height:30px;border-radius:50%;border:2px solid #3B82F6;background:#fff;font-size:12px;cursor:pointer;transition:all .2s ease;z-index:10;display:flex;align-items:center;justify-content:center}.connect-node-btn:hover{background:#3b82f6;transform:scale(1.2)}.delete-connection-btn{position:absolute;width:32px;height:32px;background:#ef4444;color:#fff;border:3px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;cursor:pointer;z-index:1000;box-shadow:0 6px 20px #ef444499;transition:all .2s ease;transform:translate(-50%,-50%);animation:deleteButtonAppear .2s ease-out}.delete-connection-btn:hover{background:#dc2626;transform:translate(-50%,-50%) scale(1.3);box-shadow:0 8px 24px #ef4444cc}@keyframes deleteButtonAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.connection-group{transition:all .2s ease}.connection-group:hover .connection-line{stroke:#fff!important;stroke-width:3;opacity:1}.connection-group:hover .connection-hover{opacity:1!important}.connection-hitbox{transition:all .2s ease}.connection-hitbox:hover{stroke:#ffffff1a;stroke-width:25}.connection-line{transition:all .2s ease;pointer-events:none}.connection-hover{transition:opacity .2s ease;pointer-events:none}.connection-hitbox{pointer-events:all!important}@media (max-width: 768px){.mind-map{overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.mind-map-container{min-height:100vh;overflow:visible}.nodes-container{padding:10px;overflow:visible}.mind-map-title{font-size:1.5rem;top:20px}.admin-controls{top:20px;right:20px}.admin-btn{width:45px;height:45px;font-size:20px}}@media (max-width: 480px){.mind-map{overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.mind-map-container{min-height:100vh;overflow:visible}.nodes-container{padding:5px;overflow:visible}.mind-map-title{font-size:1.2rem;top:15px}.admin-controls{top:15px;right:15px}.admin-btn{width:40px;height:40px;font-size:18px}}#root{width:100%;height:100vh;margin:0;padding:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}