body{background-color:#0a0a0a;color:#fff;font-size:15px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0;overflow-x:hidden}.animated-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);background-size:100% 100%}.particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.particle{position:absolute;background:#4a90e20d;border-radius:50%;animation:float 25s infinite linear}@keyframes float{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.grid{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-image:linear-gradient(rgba(74,144,226,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(74,144,226,.02) 1px,transparent 1px);background-size:50px 50px}.orb{position:fixed;border-radius:50%;filter:blur(60px);opacity:.08;z-index:-1}.orb1{width:400px;height:400px;background:radial-gradient(circle,#4a90e2,transparent);top:10%;left:10%}.orb2{width:300px;height:300px;background:radial-gradient(circle,#00ffff,transparent);top:60%;right:10%}.orb3{width:350px;height:350px;background:radial-gradient(circle,#ff00ff,transparent);bottom:10%;left:30%}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}#body{margin:0 auto;position:relative;z-index:1;transition:all .5s cubic-bezier(.4,0,.2,1)}#header{position:fixed;top:15px;left:50%;transform:translate(-50%);font-size:34px;font-weight:700;text-align:center;color:#fff;text-shadow:0 0 20px rgba(74,144,226,.5);margin:0;z-index:999;pointer-events:none;white-space:nowrap;transition:all .5s cubic-bezier(.4,0,.2,1)}.toggle-info{position:fixed;top:20px;right:20px;z-index:1001;background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;border:none;padding:10px 16px;border-radius:25px;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #4a90e266;backdrop-filter:blur(10px)}.toggle-info:hover{background:linear-gradient(135deg,#357abd,#2968a3);transform:translateY(-2px);box-shadow:0 6px 20px #4a90e299}.legend{position:absolute;top:20px;right:20px;width:350px;font-size:13px;color:#fff;background:linear-gradient(135deg,#1a1a2ef2,#0a0a0af2);padding:20px;border-radius:15px;border:1px solid rgba(74,144,226,.3);backdrop-filter:blur(15px);box-shadow:0 8px 32px #0006;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1000}.legend.hidden{transform:translate(400px);opacity:0;pointer-events:none}.legend h3{margin-top:0;color:#4a90e2;border-bottom:2px solid rgba(74,144,226,.3);padding-bottom:8px;font-size:18px;font-weight:600}.legend-section{margin-bottom:20px;padding:15px;background:#4a90e20d;border-radius:10px;border-left:3px solid #4a90e2}.legend-section h4{margin-top:0;color:#0ff;font-size:15px;font-weight:600;margin-bottom:8px}.legend p{margin:4px 0;line-height:1.5}.legend a{color:#4a90e2;text-decoration:none;transition:all .3s ease;font-weight:500}.legend a:hover{color:#0ff;text-shadow:0 0 8px rgba(0,255,255,.6)}.node{cursor:pointer}.node circle{cursor:pointer;fill:#000;stroke:#4a90e2;stroke-width:1.5px;transition:stroke-width .2s ease,filter .2s ease}.node circle:hover{stroke-width:3px;filter:drop-shadow(0 0 10px rgba(74,144,226,.8));animation:pulse 1s infinite}.node text{font-size:14px;fill:#fff;transition:fill .2s ease,font-weight .2s ease}.node text:hover{fill:#4a90e2;font-weight:700}path.link{fill:none;stroke:#333;stroke-width:1.5px;transition:stroke .3s ease,stroke-width .3s ease;cursor:pointer}path.link:hover{stroke:#4a90e2;stroke-width:2.5px}.search-container{position:fixed;top:15px;left:15px;z-index:1000;width:280px}.search-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:#4a90e2;font-size:16px;pointer-events:none}.search-box{width:100%;padding:12px 12px 12px 40px;background:linear-gradient(135deg,#1a1a2ee6,#0a0a0ae6);border:2px solid rgba(74,144,226,.3);border-radius:25px;color:#fff;font-size:14px;backdrop-filter:blur(15px);transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;box-sizing:border-box}.search-box:focus{border-color:#4a90e2;box-shadow:0 0 20px #4a90e266;transform:translateY(-1px)}.search-box::placeholder{color:#fff9}.search-results{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:linear-gradient(135deg,#1a1a2efa,#0a0a0afa);border-radius:15px;border:1px solid rgba(74,144,226,.3);backdrop-filter:blur(15px);box-shadow:0 8px 32px #0006;max-height:250px;overflow-y:auto;display:none;z-index:1001}.search-result-item{padding:12px 16px;cursor:pointer;transition:all .2s ease;font-size:14px;border-bottom:1px solid rgba(74,144,226,.1)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:linear-gradient(135deg,#4a90e233,#00ffff1a);transform:translate(5px)}.search-result-item:first-child{border-radius:15px 15px 0 0}.search-result-item:last-child{border-radius:0 0 15px 15px}.stats-panel{position:fixed;bottom:20px;left:20px;background:linear-gradient(135deg,#1a1a2ef2,#0a0a0af2);padding:10px 15px;border-radius:12px;border:1px solid rgba(74,144,226,.3);backdrop-filter:blur(15px);font-size:12px;z-index:1000;box-shadow:0 8px 32px #0006;min-width:140px}.stats-item{margin:5px 0;display:flex;justify-content:space-between;align-items:center}.stats-label{color:#4a90e2;font-weight:500;font-size:12px}.stats-value{color:#0ff;font-weight:700;font-size:13px;text-shadow:0 0 5px rgba(0,255,255,.3)}.random-tool-btn{position:fixed;bottom:20px;right:20px;background:linear-gradient(135deg,#f0f,#c0c);color:#fff;border:none;padding:12px 20px;border-radius:30px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #f0f6;z-index:1000;backdrop-filter:blur(10px)}.random-tool-btn:hover{background:linear-gradient(135deg,#c0c,#909);transform:translateY(-2px) rotate(3deg);box-shadow:0 6px 20px #f0f9}.tool-tooltip{position:absolute;background:linear-gradient(135deg,#1a1a2efa,#0a0a0afa);color:#fff;padding:12px 16px;border-radius:12px;font-size:13px;pointer-events:none;z-index:1001;max-width:320px;border:1px solid rgba(74,144,226,.3);backdrop-filter:blur(15px);box-shadow:0 8px 32px #0006;display:none;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}.tool-tooltip strong{color:#4a90e2;font-weight:600}.tool-tooltip .url{display:block;margin-top:6px;font-size:12px;color:#0ff;font-family:monospace;word-break:break-all;max-height:60px;overflow-y:auto}.shortcuts-help{position:fixed;bottom:85px;right:20px;background:linear-gradient(135deg,#1a1a2ef2,#0a0a0af2);padding:12px;border-radius:12px;border:1px solid rgba(74,144,226,.3);backdrop-filter:blur(15px);font-size:12px;z-index:1000;max-width:200px;box-shadow:0 8px 32px #0006}.shortcut-item{margin:4px 0;display:flex;justify-content:space-between;align-items:center}.shortcut-key{color:#4a90e2;font-weight:700;background:#4a90e21a;padding:2px 6px;border-radius:4px;font-size:11px}.support-popup{position:fixed;bottom:20px;right:20px;width:320px;background:linear-gradient(135deg,#1a1a2efa,#0a0a0afa);border-radius:15px;border:1px solid rgba(74,144,226,.3);backdrop-filter:blur(15px);box-shadow:0 8px 32px #0006;padding:20px;z-index:1002;transform:translateY(150%);transition:transform .5s cubic-bezier(.4,0,.2,1)}.support-popup.show{transform:translateY(0)}.support-popup h4{margin-top:0;color:#4a90e2;font-size:17px;font-weight:600;margin-bottom:10px}.support-popup p{margin-bottom:15px;font-size:14px;line-height:1.4}.support-popup-buttons{display:flex;gap:10px}.support-btn{flex:1;padding:8px 12px;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s ease}.support-btn.primary{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff}.support-btn.primary:hover{background:linear-gradient(135deg,#357abd,#2968a3);transform:translateY(-1px)}.support-btn.secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.support-btn.secondary:hover{background:#fff3}.copy-notification{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-100px);background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;padding:10px 20px;border-radius:25px;font-size:13px;font-weight:600;z-index:1003;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #4a90e266}.copy-notification.show{transform:translate(-50%) translateY(0)}@media(max-width:768px){#header{font-size:26px;top:10px}.legend{width:calc(100vw - 40px);max-width:350px}.search-container{width:calc(100vw - 30px);max-width:280px}.shortcuts-help{display:none}}