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