.navbar-container{background-color:var(--background-color);padding:0 .35rem 0 .3rem;position:sticky;top:0;z-index:100;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background-color .2s ease,border-color .2s ease}.navbar-container:before{right:0;opacity:.95;z-index:-1}.desktop-nav{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;height:55px}.desktop-nav-controls{gap:0}.mobile-nav-header{display:flex;justify-content:space-between;align-items:center;height:50px}.mobile-nav-menu{max-height:0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border-top:none;opacity:0;transform:translateY(-10px)}.mobile-nav-menu.open{max-height:600px;opacity:1;transform:translateY(0);border-top:1px solid var(--navbar-border);margin-top:0;transition:all .4s cubic-bezier(.4,0,.2,1);padding:5;overflow:visible}.mobile-nav-controls{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.nav-links ul{list-style:none;display:flex;padding:0;margin:0;gap:5}.nav-links ul li a{text-decoration:none;font-size:.95rem;font-weight:500;color:var(--text-color-muted);padding:5px;border-radius:6px;transition:all .2s ease;position:relative}.nav-links ul li a:hover{color:var(--text-color);background-color:var(--button-background-hover)}.nav-links ul li a.active{color:var(--accent-color);background-color:var(--button-background-hover)}.mobile-nav-menu .nav-links ul{flex-direction:column;gap:.2rem;align-items:stretch}.mobile-nav-menu .nav-links ul li a{padding:.35rem 0;display:block;border-radius:8px;text-decoration:none;font-size:.95rem;font-weight:500;color:var(--text-color-muted);transition:all .2s ease}.mobile-nav-menu .nav-links ul li a:hover{color:var(--text-color);background-color:var(--button-background-hover)}.nav-links ul li.bridge-link a{color:#a78bfa}.nav-links ul li.bridge-link a:hover{color:#c4b5fd;background-color:var(--button-background-hover)}.mobile-nav-menu .nav-links ul li.bridge-link a{color:#a78bfa}.mobile-nav-menu .nav-links ul li.bridge-link a:hover{color:#c4b5fd;background-color:var(--button-background-hover)}.explore-dropdown{position:relative}.explore-button{background:none;border:none;text-decoration:none;font-size:.95rem;font-weight:500;color:var(--text-color-muted);padding:5px;border-radius:6px;transition:all .2s ease;cursor:pointer;display:flex;align-items:center;white-space:nowrap}.explore-button:hover{color:var(--text-color);background-color:var(--button-background-hover)}.explore-dropdown-menu{position:absolute;top:100%;left:0;margin-top:.5rem;background:#0a0a0a;border:1px solid #2a2a2a;border-radius:8px;overflow:hidden;z-index:1000;min-width:160px;padding:6px}.explore-dropdown-menu a{display:block;padding:.75rem 1rem;text-decoration:none;font-size:.9rem;font-weight:600;color:#e0e0e0;background:#1a1a1a;border-radius:8px;transition:all .2s ease;margin-bottom:6px;letter-spacing:-.3px}.explore-dropdown-menu a:last-child{margin-bottom:0}.explore-dropdown-menu a:hover{color:#ffffff;background:#2a2a2a}.hamburger-button{background:none;border:none;font-size:1rem;cursor:pointer;color:white;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:20px;height:30px}.hamburger-button:hover{background-color:var(--button-background-hover);color:var(--accent-color)}.hamburger-button:focus{outline:2px solid var(--accent-color);outline-offset:2px}.connect-button{border:2px solid #00d4ff;background:linear-gradient(135deg,#00d4ff,#0099cc);color:#000;border-radius:12px;cursor:pointer;font-size:.7rem;font-weight:600;transition:all .2s ease;white-space:nowrap;box-shadow:0 4px 12px rgba(0,212,255,.3);position:relative;overflow:hidden}.connect-button:hover{background:linear-gradient(135deg,#00b8e6,#0088bb);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,212,255,.4);border-color:#00b8e6}.connect-button:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,212,255,.3)}.connect-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 2px 8px rgba(0,212,255,.2)}.user-info{gap:.75rem;padding:.75rem 1rem;background-color:#2a2a2a;border-radius:16px;border:2px solid #333;box-shadow:0 4px 12px rgba(0,0,0,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.user-info,.wallet-address{display:flex;align-items:center}.wallet-address{font-size:.9rem;font-weight:500;color:#ffffff;font-family:Monaco,Menlo,Ubuntu Mono,monospace;gap:.5rem;padding:.5rem .75rem;background-color:#1a1a1a;border-radius:8px;border:1px solid #444}.wallet-icon{font-size:1rem;filter:drop-shadow(0 0 4px rgba(255,255,255,.3))}.logout-button{padding:.5rem 1rem;border:2px solid #dc3545;background-color:transparent;color:#dc3545;border-radius:10px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s ease;position:relative;overflow:hidden}.logout-button:hover{background-color:#dc3545;color:#ffffff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(220,53,69,.3)}.logout-button:active{transform:translateY(0);box-shadow:0 2px 6px rgba(220,53,69,.3)}.logout-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.loading-indicator{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem .5rem .5rem;background:rgba(255,255,255,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:10px;cursor:pointer;transition:all .2s ease;font-family:Monaco,Menlo,Ubuntu Mono,monospace;color:white;font-weight:500;box-shadow:0 4px 20px rgba(0,0,0,.1)}.loading-indicator:before{content:"";width:16px;height:16px;border:2px solid #333;border-top-color:#00d4ff;border-radius:50%;animation:spin 1s linear infinite}.button-pill{width:100%;display:block;padding:.35rem 0;margin:0;font-size:.95rem;font-weight:500;color:var(--text-color-muted);text-decoration:none;background-color:transparent;border:none;border-radius:8px;transition:all .2s ease;cursor:pointer;text-align:left;position:relative}.button-pill:hover{color:var(--text-color)}.button-pill:active,.button-pill:hover{background-color:var(--button-background-hover)}.button-pill:active{transform:translateY(0)}.button-pill.discord-button{background:linear-gradient(135deg,#5865f2,#4752c4);color:#ffffff;font-weight:600}.button-pill.discord-button:hover{background:linear-gradient(135deg,#4752c4,#3c45a3);color:#ffffff;transform:translateY(-1px)}.button-pill.discord-button:active{transform:translateY(0)}.mobile-wallet-pill{margin:.5rem .1rem .6rem}.mobile-wallet-pill,.wallet-pill{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-radius:.75rem;font-size:.95rem;color:#fff}.wallet-pill{width:100%;background:#222;margin:.5rem .1rem .1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body.modal-open{overflow:hidden;position:fixed;width:100%;height:100%}.modal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);height:100vh;height:100dvh;width:100vw;overscroll-behavior:contain;isolation:isolate;will-change:opacity}.modal,.modal-overlay{overflow-y:auto;-webkit-overflow-scrolling:touch}.modal{background-color:#1a1a1a;border:1px solid #333;border-radius:clamp(16px,3vw,24px);padding:clamp(1.25rem,4vw,2rem);width:min(90vw,450px);max-width:450px;max-height:min(90vh,90dvh);min-height:fit-content;margin:auto;scroll-behavior:smooth;box-shadow:0 25px 50px -12px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.05);transform:scale(.95);animation:modalAppear .3s cubic-bezier(.4,0,.2,1) forwards;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform,opacity}@keyframes modalAppear{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal h2{margin:0 0 clamp(.5rem,2vw,.75rem);font-size:clamp(1.25rem,4vw,1.75rem);font-weight:600;color:#ffffff;text-align:left;line-height:1.2}.modal-subtitle{color:#888;font-size:clamp(.85rem,2.5vw,.95rem);line-height:1.5;margin-bottom:clamp(1.25rem,4vw,2rem);text-align:left}.modal-close-button{position:absolute;top:clamp(1rem,3vw,1.5rem);right:clamp(1rem,3vw,1.5rem);background:none;border:none;color:#666;font-size:clamp(1.2rem,3vw,1.5rem);cursor:pointer;width:clamp(28px,6vw,32px);height:clamp(28px,6vw,32px);display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.modal-close-button:hover{background-color:#333;color:#ffffff}.modal-footer{display:flex;align-items:center;justify-content:center;margin-top:clamp(.75rem,3vw,1rem);padding-top:clamp(.75rem,3vw,1rem);border-top:1px solid #333}.modal-footer-logo{display:flex;align-items:center;gap:clamp(.375rem,1.5vw,.5rem);color:#666;font-size:clamp(.8rem,2vw,.9rem)}.modal-footer-icon{width:clamp(16px,4vw,20px);height:clamp(16px,4vw,20px);border-radius:50%;background-color:#333;display:flex;align-items:center;justify-content:center;font-size:clamp(.6rem,1.5vw,.7rem)}.mobile-connect-wrapper{margin-top:5;display:flex;justify-content:center}.mobile-connect-button{width:100%;font-size:1rem;background-color:#0070f3;color:#fff;border:none;border-radius:.5rem;font-weight:700;cursor:pointer;transition:background-color .2s ease}.mobile-connect-button:hover{background-color:#005dc1}.mobile-connect-button:active{transform:scale(.98)}.mobile-disconnect-button{flex:0.3;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:#222;margin:.5rem .1rem .1rem;border-radius:.75rem;font-size:.95rem;color:#fff}.mobile-disconnect-button:hover{background-color:#666}@media (max-width:839px){.hide-on-tablet{display:none!important}}@media (max-width:1024px){.modal{width:min(85vw,420px)}}@media (max-width:768px){.navbar-container{padding:0 .35rem 0 .3rem}.modal{width:min(92vw,400px)}.user-info{flex-direction:column;gap:.5rem;padding:.75rem;min-width:200px}.wallet-address{font-size:.85rem;justify-content:center;font-weight:700;color:#ccc}.connect-button{font-size:.85rem;padding:.65rem 1.25rem}.logout-button{width:100%;text-align:center}.mobile-nav-menu .button-pill,.mobile-nav-menu .nav-links ul li a{min-height:40px;display:flex;align-items:center;padding:.1rem .5rem}}@media (max-width:480px){.modal{width:min(95vw,350px);margin:clamp(.5rem,2vw,1rem)}.modal-close-button{top:1rem;right:1rem}.modal-button-badge{font-size:.65rem;padding:.15rem .5rem}}@media (max-height:600px) and (orientation:landscape){.modal{max-height:95vh;max-height:95dvh;margin:.25rem auto;width:min(70vw,400px)}.modal-overlay{align-items:flex-start;padding-top:.25rem}.modal h2{font-size:1.3rem;margin-bottom:.5rem}.modal-subtitle{font-size:.85rem;margin-bottom:1rem}.modal-buttons{gap:.5rem;margin-bottom:1rem}.modal-button{padding:.75rem 1rem;min-height:60px}}@media (max-width:320px){.modal{width:98vw;margin:.25rem auto;padding:1rem}}@supports (-webkit-touch-callout:none){.modal-overlay{height:-webkit-fill-available}.modal{max-height:calc(-webkit-fill-available - 2rem)}}@media (min-resolution:2dppx){.modal{border-width:.5px}.modal-button{border-width:1px}}.wallet-modal-overlay{position:fixed!important;inset:0!important;background:rgba(0,0,0,.85)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:9999!important;padding:20px!important}.wallet-modal{background-color:#0a0a0a!important;border:1px solid #2a2a2a!important;border-radius:16px!important;padding:20px!important;max-width:400px!important;width:100%!important;position:relative!important}.wallet-modal h2{font-size:24px;font-weight:700;color:#ffffff;margin:0 0 8px;letter-spacing:-.5px}.wallet-modal-close-button{position:absolute;top:20px;right:20px;min-width:auto}@media (max-width:640px){.wallet-modal-close-button{top:16px;right:16px}}.wallet-modal-subtitle{font-size:14px;color:rgba(255,255,255,.6);line-height:1.5;margin:0 0 24px}.wallet-modal-buttons{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.wallet-modal-button{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.wallet-modal-button:hover:not(:disabled){background:#2a2a2a;border-color:#3a3a3a}.wallet-modal-button:disabled{opacity:.5;cursor:not-allowed}.wallet-modal-button-content{display:flex;align-items:center;gap:12px;flex:1}.wallet-modal-button-icon{font-size:28px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#2a2a2a;border-radius:10px;flex-shrink:0;transition:all .2s ease}.wallet-modal-button:hover:not(:disabled) .wallet-modal-button-icon{background:#3a3a3a}.wallet-modal-button-text{flex:1;min-width:0}.wallet-modal-button-title{font-size:15px;font-weight:600;color:#ffffff;margin-bottom:3px;letter-spacing:-.3px}.wallet-modal-button-description{font-size:12px;color:rgba(255,255,255,.6);line-height:1.4}.wallet-modal-button-arrow{font-size:20px;color:rgba(255,255,255,.3);transition:all .2s ease;flex-shrink:0}.wallet-modal-button:hover:not(:disabled) .wallet-modal-button-arrow{color:rgba(255,255,255,.6)}@media (max-width:640px){.wallet-modal{padding:24px;margin:0 16px}.wallet-modal h2{font-size:20px;padding-right:32px}.wallet-modal-button{padding:10px}.wallet-modal-button-content{gap:10px}.wallet-modal-button-icon{width:36px;height:36px;font-size:24px}.wallet-modal-button-title{font-size:14px}.wallet-modal-button-description{font-size:11px}.wallet-modal-button-arrow{font-size:18px}}.wallet-modal-button:focus{outline:2px solid #3a3a3a;outline-offset:2px}:root{--background-color:#121212;--text-color:#e9ecef;--text-color-muted:#adb5bd;--accent-color:#3b82f6;--border-color:#495057;--navbar-border:var(--border-color);--button-background-hover:#343a40}[data-theme=light]{--background-color:#ffffff;--text-color:#212529;--text-color-muted:#6c757d;--accent-color:#0d6efd;--border-color:#dee2e6;--navbar-border:var(--border-color);--button-background-hover:#f8f9fa}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}body{background-color:var(--background-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;line-height:1.7;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a,body{color:var(--text-color)}a{text-decoration:underline;text-decoration-color:var(--border-color);text-underline-offset:4px}a:hover{color:var(--accent-color);text-decoration-color:var(--accent-color)}.button,button{padding:.6rem 1.2rem;border:1px solid var(--border-color);background-color:transparent;color:var(--text-color);border-radius:4px;cursor:pointer;font-size:.9rem;text-align:center;display:inline-block}.button:hover,button:hover{background-color:var(
    --button-background-hover
  );border-color:var(--text-color)}@media (min-width:661px){.mobile-only{display:none!important}}@media (max-width:660px){.desktop-only{display:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.main-content{padding:0 .25rem}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;line-height:1.3;color:var(--text-color)}h1{font-size:2.2rem}h2{font-size:1.8rem}h3{font-size:1.5rem}p{margin-bottom:1.25rem}a,body,button{transition:background-color .2s ease,color .2s ease,border-color .2s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#000000}::-webkit-scrollbar-thumb{background:#333333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555555}.notification-container{position:fixed;bottom:24px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:400px;width:100%}.notification{display:flex;align-items:flex-start;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.2);overflow:hidden;animation:slideInRight .3s cubic-bezier(.34,1.56,.64,1) forwards;position:relative;border:1px solid rgba(255,255,255,.1);border-left:4px solid;padding:18px;background:linear-gradient(135deg,#1a1a1a,#0f0f0f);backdrop-filter:blur(10px);transition:transform .2s ease,box-shadow .2s ease}.notification:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.5),0 4px 12px rgba(0,0,0,.3)}.notification-error{border-left-color:#e53935}.notification-error .notification-icon{color:#ff5252}.notification-error .notification-title{color:#ff6e6e}.notification-warning{border-left-color:#fb8c00}.notification-warning .notification-icon{color:#ffb74d}.notification-warning .notification-title{color:#ffc570}.notification-info{border-left-color:#2196f3}.notification-info .notification-icon{color:#64b5f6}.notification-info .notification-title{color:#90caf9}.notification-success{border-left-color:#43a047}.notification-success .notification-icon{color:#66bb6a}.notification-success .notification-title{color:#81c784}.notification-icon{flex-shrink:0;margin-right:16px;width:24px;height:24px}.notification-content{flex:1;min-width:0}.notification-title{margin:0 0 6px;font-size:16px;font-weight:600;line-height:1.4;letter-spacing:.3px}.notification-message{margin:0;font-size:14px;line-height:1.6;color:rgba(255,255,255,.75);word-wrap:break-word}.notification-close{background:none;border:none;padding:4px;margin-left:12px;cursor:pointer;color:rgba(255,255,255,.5);width:24px;height:24px;transition:all .2s ease;flex-shrink:0;border-radius:6px}.notification-close:hover{color:rgba(255,255,255,.9);background-color:rgba(255,255,255,.1);transform:rotate(90deg)}.notification-close svg{width:16px;height:16px}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.notification-exiting{animation:fadeOut .3s forwards}@media (max-width:600px){.notification-container{bottom:0;right:0;max-width:100%;padding:12px}.notification{width:100%}}.notification:after{content:"";position:absolute;bottom:0;left:0;height:3px;background-color:rgba(255,255,255,.2);animation:progressBar 10s linear forwards;width:100%}@keyframes progressBar{0%{width:100%}to{width:0}}.desktop-nav-controls{display:flex;align-items:center;gap:5px}.mobile-nav-controls{flex-direction:column;display:flex;align-items:center;gap:1rem;padding:1rem 0}