@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Fira+Code:wght@400&display=swap);.obfuscation-visualizer{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.chunk-row{align-items:center;border-radius:6px;display:flex;gap:.7rem;padding:.1rem}.chunk-row.active{animation:shimmer 2s linear infinite;background:#2a2a2a}.chunk-row.completed{background:#222}.chunk-label-image{height:45px;width:45px}.hop-phase,.sub-transfer-phase{align-items:center;display:flex}.arrow-image{height:25px;width:25px}.arrow-image.completed{opacity:1}.arrow-image.active{animation:flash 1s ease-in-out infinite;opacity:.8}.rabbit-icon{height:35px;width:35px}.rabbit-icon.completed{opacity:1}.rabbit-icon.active{animation:flash 1s ease-in-out infinite;opacity:.8}.hop-node{color:var(--text);font-size:1.2rem;margin-bottom:3px}.hop-node.completed{color:var(--secondary)}.hop-node.active{animation:flash 1s ease-in-out infinite;color:var(--accent)}.destination-node{align-items:center;display:flex;justify-content:center;width:30px}.checkmark-image{height:auto;width:35px}@keyframes flash{0%,to{opacity:.8}50%{opacity:.3}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.chunk-row.active{background:linear-gradient(90deg,#2a2a2a 0,#333 50%,#2a2a2a);background-size:2000px 100%}:root{--primary:#5f5b2a;--secondary:#d4af37;--accent:#8b8b3a;--background:#1a1a1a;--text:#e0e0e0}body,html{background:#1a1a1a;background:var(--background);color:#e0e0e0;color:var(--text);font-family:Inter,sans-serif;height:100%;margin:0;overflow:hidden;padding:0}.App{height:100vh}.App,.header{display:flex;flex-direction:column}.header{align-items:center;background:#1a1a1a;background:var(--background);border-bottom:1px solid #333;padding:1rem}.header-content{align-items:center;display:flex;gap:.5rem}.header-icon{height:40px;width:40px}.header-content h1{color:#d4af37;color:var(--secondary);font-size:1.8rem;font-weight:700;margin:0}.header p{color:#e0e0e0;color:var(--text);font-size:.9rem;opacity:.8;text-align:center}.pipeline{align-items:center;display:flex;flex:1 1;flex-direction:row;flex-wrap:wrap;gap:2rem;justify-content:center;max-width:100vw;overflow:hidden;padding:1rem}.node{background:#222;border:1px solid #333;border-radius:8px;padding:1.5rem;position:relative;text-align:center;transition:all .3s ease;width:250px}.node:not(:last-child):after{background:#8b8b3a;background:var(--accent);content:"";height:2px;position:absolute;right:-1rem;top:50%;transform:translateY(-50%);width:2rem}.node.active{border-color:#8b8b3a;border-color:var(--accent);box-shadow:0 0 15px #8b8b3a;box-shadow:0 0 15px var(--accent)}.node h2{color:#e0e0e0;color:var(--text);font-size:1.2rem;font-weight:500;margin-bottom:1rem}.vault-display{align-items:center;display:flex;flex-direction:column;gap:.5rem}.vault-display code{background:#2a2a2a;border-radius:6px;color:#5f5b2a;color:var(--primary);cursor:pointer;font-family:Fira Code,monospace;font-size:.9rem;padding:.4rem .8rem;word-break:break-all}.balance-display{background:#2a2a2a;border-radius:4px;color:#e0e0e0;color:var(--text);font-size:1rem;margin-top:.5rem;padding:.5rem}.form-wrapper{display:flex;flex-direction:column;gap:.5rem;max-width:100%}button,input{border:none;border-radius:6px;box-sizing:border-box;font-family:Inter,sans-serif;font-size:.95rem;margin-top:.5rem;padding:.7rem;transition:all .2s ease;width:100%}input{background:#2a2a2a;border:1px solid #444;color:#e0e0e0;color:var(--text)}input:focus{border-color:#8b8b3a;border-color:var(--accent);box-shadow:0 0 5px #8b8b3a;box-shadow:0 0 5px var(--accent);outline:none}button{background:#5f5b2a;background:var(--primary);color:#e0e0e0;color:var(--text);cursor:pointer;font-weight:500}button:hover{background:#8b8b3a;background:var(--accent)}button:disabled{background:#444;color:#777;cursor:not-allowed}.loader{animation:spin 1s linear infinite;border:2px solid #444;border-radius:50%;border-top-color:#8b8b3a;border-top:2px solid var(--accent);height:20px;margin:.75rem auto;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.disclaimer-modal,.route-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content,.route-modal-content{background:#222;border:1px solid #333;border-radius:10px;max-height:80vh;max-width:90vw;overflow-y:auto;padding:2rem;text-align:center}.modal-content h2,.route-modal-content h2{color:#d4af37;color:var(--secondary);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.modal-content p,.route-modal-content p{color:#e0e0e0;color:var(--text);font-size:.95rem;margin:.5rem 0}.chunk-route{margin-bottom:1.5rem}.chunk-route h3{color:#8b8b3a;color:var(--accent);font-size:1.2rem;margin-bottom:.5rem}.route-graph{gap:.5rem}.route-graph code{font-family:Fira Code,monospace;padding:.4rem .8rem}.route-graph .arrow{color:#a0a0a0;font-size:1.2rem}.route-amounts p{color:#a0a0a0;font-size:.9rem}.footer{background:#1a1a1a;background:var(--background);border-top:1px solid #333;padding:1rem;text-align:center}.footer-links{margin-bottom:.5rem}.footer-links a{margin:0 .5rem}.footer-links img{filter:invert(80%);height:24px;width:24px}.footer-status{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.status-indicator{border-radius:50%;height:10px;width:10px}.status-indicator.online{background:#4db6ac}.status-indicator.offline{background:#f44336}.status-indicator.checking{background:#ff9800}.footer-note{color:#e0e0e0;color:var(--text);font-size:.8rem;opacity:.6}.modal-content{background:#222;border:1px solid #333;border-radius:10px;box-shadow:0 0 15px #4db6ac80;max-width:500px;padding:2rem;text-align:center}.popup-icon{height:150px;margin-bottom:1rem;width:150px}.modal-content h2{color:#d4af37;color:var(--secondary);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.modal-content p{color:#e0e0e0;color:var(--text);font-size:.95rem;margin:.5rem 0}.modal-content button{background:#5f5b2a;background:var(--primary);border:none;border-radius:6px;color:#e0e0e0;color:var(--text);cursor:pointer;font-family:Inter,sans-serif;font-weight:500;margin-top:1rem;padding:.7rem 1.5rem;transition:background .2s ease;width:100%}.modal-content button:hover{background:#8b8b3a;background:var(--accent)}.shimmer-placeholder{animation:shimmer 1.2s infinite;background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%);background-size:200% 100%;border-radius:4px;height:1rem;width:4.5rem}.hop-banner{align-items:center;color:#d4af37;color:var(--secondary);display:flex;flex-direction:column;font-size:1.5rem;font-weight:700;left:0;letter-spacing:1px;pointer-events:none;position:absolute;text-transform:uppercase;top:150px;width:100%;z-index:100}.hop-banner-text{margin-bottom:10px;margin-top:100px;padding:.3rem 0 .2rem}.hop-banner-bar{animation:scroll-stripes 1s linear infinite;background:repeating-linear-gradient(135deg,#d4af37,#d4af37 10px,#5f5b2a 0,#5f5b2a 20px);background:repeating-linear-gradient(135deg,var(--secondary),var(--secondary) 10px,var(--primary) 10px,var(--primary) 20px);background-size:20px 20px;border-bottom:2px solid #8b8b3a;border-bottom:2px solid var(--accent);border-top:2px solid #8b8b3a;border-top:2px solid var(--accent);height:30px;width:100%}@keyframes scroll-stripes{0%{background-position:0 0}to{background-position:20px 20px}}.route-details{margin-top:1rem;max-height:60vh;overflow-y:auto;padding-right:1rem;scrollbar-color:#8b8b3a #2a2a2a;scrollbar-color:var(--accent) #2a2a2a;scrollbar-width:thin;text-align:left}.route-details::-webkit-scrollbar{width:8px}.route-details::-webkit-scrollbar-track{background:#2a2a2a;border-radius:6px}.route-details::-webkit-scrollbar-thumb{background:#8b8b3a;background:var(--accent);border-radius:6px}.chunk-route{background:#1f1f1f;border:1px solid #333;border-radius:10px;box-shadow:0 0 6px #d4af371a;margin-bottom:1.2rem;padding:1rem}.chunk-route h3{color:#d4af37;color:var(--secondary);font-size:1.1rem;margin-bottom:.75rem}.route-graph{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem;word-break:break-word}.route-graph code{background:#2a2a2a;border-radius:6px;color:#4db6ac;font-size:.75rem;padding:.3rem .6rem;white-space:nowrap}.route-amounts{margin-left:.5rem}.route-amounts p{color:#aaa;font-size:.85rem;margin:.2rem 0}.route-details button{background:#d4af37;background:var(--secondary);border:none;border-radius:6px;color:#000;cursor:pointer;font-size:.9rem;font-weight:600;margin-bottom:1rem;padding:.5rem 1rem;transition:background .2s ease}.route-details button:hover{background:#5f5b2a;background:var(--primary);color:#e0e0e0;color:var(--text)}.route-toast{animation:fadeinout 2s ease forwards;background:#d4af37;background:var(--secondary);border-radius:8px;box-shadow:0 0 10px #0009;color:#000;font-size:.9rem;font-weight:600;left:50%;padding:.6rem 1.2rem;position:fixed;top:1rem;transform:translateX(-50%);z-index:999}@keyframes fadeinout{0%{opacity:0;transform:translateX(-50%) translateY(10px)}10%{opacity:1;transform:translateX(-50%) translateY(0)}90%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(10px)}}