#graphContainer{width:100%;height:100vh;position:relative;background-color:var(--background-color);overflow:hidden}#graph{width:100%;height:100%}#rightCard{position:absolute;top:15%;right:var(--right-card-margin);width:500px;min-height:300px;transition:height .3s ease,top .3s ease;background-color:var(--card-background);border-radius:8px;overflow:hidden;pointer-events:auto;display:flex;flex-direction:column;font-size:.8rem}#cardHeader{padding:20px;border-bottom:1px solid var(--border-color);background-color:var(--card-background)}#cardContent{flex:1;overflow-y:auto;padding:0;scrollbar-width:thin;scrollbar-color:var(--border-color)var(--hover-color)}#cardContent::-webkit-scrollbar{width:6px}#cardContent::-webkit-scrollbar-track{background:var(--hover-color)}#cardContent::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:6px}#defaultContent{padding:20px;color:var(--secondary-text)}#nodeContent{display:none}.content-section{border-bottom:1px dashed var(--border-color)}.content-section:last-child{border-bottom:none}.content-header{padding:15px 20px;cursor:pointer;user-select:none;transition:background-color .2s ease;position:sticky;top:0;background-color:var(--card-background);z-index:5}.content-header:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.content-header:hover{background-color:var(--hover-color)}.content-header h3{margin:0;font-size:1.1rem;font-weight:500;color:var(--text-color);display:flex;align-items:center}.content-header h3 i{margin-right:10px;transition:transform .2s ease}.content-header.collapsed h3 i{transform:rotate(-90deg)}.content-body{max-height:100%;overflow:hidden;transition:max-height .5s ease}.content-body.collapsed{max-height:0}.section-content{padding:0 20px 20px;color:var(--secondary-text);line-height:1.6}.node-detail-content{margin-top:10px}.node-detail-content img{max-width:100%;height:auto;display:block;margin:15px 0;border-radius:4px;box-shadow:0 2px 5px var(--shadow-color)}.node-detail-content iframe,.node-detail-content video,.node-detail-content embed,.node-detail-content object{max-width:100%;height:auto;display:block;margin:15px 0;border-radius:4px}.node-detail-content table{width:100%;max-width:100%;overflow-x:auto;display:block;border-collapse:collapse;margin:15px 0}.node-detail-content h1,.node-detail-content h2{font-size:1.1rem;margin-bottom:4px;color:var(--text-color)}.node-detail-content h3,.node-detail-content h4{font-size:1rem;margin-bottom:4px;color:var(--secondary-text)}.node-detail-content p{margin:0 0 12px}.node-detail-content ul,.node-detail-content ol{padding-left:20px;margin:0 0 12px}.node-detail-content a{color:var(--link-color);text-decoration:none}.node-detail-content a:hover{text-decoration:underline}#zoomToggleContainer{position:absolute;bottom:20px;left:20px;z-index:10}#zoomToggleBtn{background-color:var(--card-background);border:none;border-radius:50%;width:40px;height:40px;box-shadow:0 2px 5px var(--shadow-color);cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s ease;z-index:9;color:var(--text-color)}#zoomToggleBtn:hover{transform:scale(1.05);box-shadow:0 3px 8px var(--shadow-color)}.right-card-container{position:fixed;top:20px;right:var(--right-card-margin);height:calc(100vh - 40px);z-index:100;display:flex;align-items:center;transition:transform .5s ease}.node-card{background:var(--card-background);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 8px 30px var(--shadow-color);border:1px solid var(--border-color);width:350px;max-height:90vh;margin-right:0;display:flex;flex-direction:column;transition:all .3s ease;overflow:hidden}.card-title{background:var(--header-background);color:var(--text-color);padding:15px 20px;font-size:18px;font-weight:700;border-bottom:4px solid #c90086;position:relative}.card-content{flex:1;overflow-y:auto;padding:0}.default-content{padding:20px;color:var(--secondary-text);text-align:center}.node-content{display:none}.connection-items{list-style:none;padding:0;margin:0}.connection-item{display:flex;justify-content:space-between;padding:12px 20px;color:var(--text-color);font-size:14px;border-bottom:1px solid var(--border-color);position:relative;cursor:pointer;transition:all .3s ease}.connection-item:hover{background:var(--hover-color)}.connection-name{font-weight:500}.connection-type{font-size:.9em;color:var(--secondary-text);font-style:italic}.zoom-toggle-btn{position:absolute;bottom:20px;left:20px;z-index:10;width:40px;height:40px;border-radius:50%;background:var(--card-background);border:1px solid var(--border-color);color:var(--text-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 5px var(--shadow-color)}.zoom-toggle-btn:hover{background:var(--hover-color);transform:scale(1.05)}.zoom-toggle-btn.zoomed-out svg line:nth-child(4){display:none}@media(max-width:1000px){#graphContainer{display:flex;justify-content:center;align-items:center}#graph{touch-action:manipulation}#rightCardContainer{width:90%;position:fixed;top:5%;left:5%;right:auto;transform:translateY(120%);transition:transform .3s ease}#rightCardContainer.active{transform:translateY(0)}#rightCardContainer.active::before{content:"Tap outside to close";position:absolute;top:10px;left:20px;background-color:rgba(0,0,0,.7);color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;opacity:.8;animation:fadeOut 5s forwards}@keyframes fadeOut{0%{opacity:.8}70%{opacity:.8}100%{opacity:0}}#rightCard{position:absolute;top:0;right:0;margin:0;width:100%;max-height:90vh;background-color:var(--card-background);box-shadow:0 4px 12px var(--shadow-color);border-radius:8px;overflow:hidden;pointer-events:auto;display:flex;flex-direction:column;z-index:999}#mobileCloseBtn{display:flex}.card-title{padding:12px 16px;font-size:16px}.content-header{padding:12px 16px}.section-content{padding:0 16px 16px}.node-detail-content h1,.node-detail-content h2{font-size:1rem}.node-detail-content h3,.node-detail-content h4{font-size:.9rem}.node-detail-content{font-size:.85rem}}@media(max-width:600px){#rightCardContainer{width:95%;left:2.5%;top:2%}#rightCard{max-height:95vh;border-radius:12px}.card-title{padding:10px 14px;font-size:15px}.content-header{padding:10px 14px}.content-header h3{font-size:.95rem}.section-content{padding:0 14px 14px;font-size:.8rem;line-height:1.5}.node-detail-content{font-size:.8rem}.node-detail-content h1,.node-detail-content h2{font-size:.95rem}.node-detail-content h3,.node-detail-content h4{font-size:.85rem}.node-detail-content ul,.node-detail-content ol{padding-left:16px}.connection-item{padding:10px 14px;font-size:13px}.canvas-footer{font-size:.7rem;bottom:8px}}circle.node{transition:opacity .6s cubic-bezier(.25,.1,.25,1),transform .5s cubic-bezier(.34,1.56,.64,1),stroke-width .3s ease}circle.node:hover{stroke-width:3px}.image-modal{display:none;position:fixed;z-index:1000;padding-top:30px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.9);flex-direction:column;align-items:center;justify-content:center}.image-modal-content{max-width:90%;max-height:90vh;margin:auto;display:block;object-fit:contain}.image-modal-caption{margin:15px auto;display:block;width:80%;text-align:center;color:#ccc;padding:10px 0}.image-modal-close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;cursor:pointer;background:0 0;border:none;z-index:1001}.expandable-image{transition:transform .3s ease,box-shadow .3s ease}.expandable-image:hover{transform:scale(1.02);box-shadow:0 4px 8px var(--shadow-color)}#mobileCloseBtn{position:absolute;top:10px;right:10px;background-color:var(--card-background);color:var(--text-color);border:none;border-radius:50%;width:36px;height:36px;display:none;align-items:center;justify-content:center;font-size:18px;cursor:pointer;z-index:1000;box-shadow:0 2px 5px var(--shadow-color)}#mobileCloseBtn:hover,#mobileCloseBtn:active{background-color:var(--hover-color)}