.wallet-pill-container{position:relative;display:inline-block}.wallet-pill-desktop{display:flex;align-items:center;gap:.5rem;padding:8px 12px 8px 8px;background:rgba(0,0,0,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Monaco,Menlo,Ubuntu Mono,monospace;color:#ffffff;font-weight:500;box-shadow:0 4px 16px rgba(0,0,0,.2)}.wallet-pill-desktop:hover{background:rgba(14,165,233,.1);border-color:rgba(14,165,233,.3);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 32px rgba(14,165,233,.2),0 0 0 1px rgba(14,165,233,.1);color:#0ea5e9}.wallet-pill-desktop:active{transform:translateY(-1px) scale(.98)}.wallet-pill-desktop:focus{outline:none;box-shadow:0 8px 32px rgba(14,165,233,.2),0 0 0 2px rgba(14,165,233,.4)}.wallet-pill{gap:.75rem;padding:8px 12px 8px 8px;background:rgba(0,0,0,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:48px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;color:#ffffff;font-weight:500;box-shadow:0 4px 16px rgba(0,0,0,.2)}.wallet-pill:hover{background:rgba(14,165,233,.1);border-color:rgba(14,165,233,.3);transform:translateY(-2px);box-shadow:0 8px 32px rgba(14,165,233,.2);color:#0ea5e9}.wallet-pill:active{transform:translateY(0)}.blockie-avatar{border:2px solid rgba(255,255,255,.2);border-radius:4px;flex-shrink:0;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;transition:all .3s ease;overflow:hidden;position:relative}.wallet-pill-desktop:hover .blockie-avatar,.wallet-pill:hover .blockie-avatar{border-color:rgba(14,165,233,.5);transform:scale(1.05)}[data-theme=light] .blockie-avatar{border-color:rgba(255,255,255,.3)}.wallet-address-text{font-size:.9rem;font-weight:500;transition:all .3s ease}.wallet-pill-dots{opacity:.7;transition:opacity .2s ease;color:#0ea5e9}.wallet-pill-desktop:hover .wallet-pill-dots,.wallet-pill:hover .wallet-pill-dots{opacity:1}.wallet-dropdown{position:absolute;top:calc(100% + .5rem);right:0;z-index:1000;animation:dropdownSlide .2s ease-out forwards}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.wallet-dropdown-content{background:rgba(0,0,0,.95);border:1px solid rgba(255,255,255,.1);border-radius:12px;min-width:280px;box-shadow:0 20px 40px rgba(0,0,0,.4);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.wallet-dropdown-header{display:flex;align-items:center;gap:.25rem;padding:.5rem;margin-bottom:.5rem}.wallet-info{flex:1;min-width:0}.wallet-type{font-size:.85rem;font-weight:600;color:#ffffff;margin-bottom:.25rem}.wallet-full-address{font-size:.75rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;color:rgba(255,255,255,.6);word-break:break-all;line-height:1.3}.wallet-dropdown-divider{height:1px;background:rgba(250,246,246,.185);margin:.5rem 0}.wallet-dropdown-actions{display:flex;flex-direction:column;gap:.25rem}.wallet-dropdown-item{padding:.55rem;display:flex;align-items:center;gap:.75rem;background:none;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;color:#ffffff;transition:all .2s ease;text-align:left;width:100%}.wallet-dropdown-item:hover{background:rgba(14,165,233,.1);color:#0ea5e9;transform:translateX(4px)}.wallet-dropdown-item:active{transform:translateX(2px)}.wallet-dropdown-item.sign-out{color:rgba(255,255,255,.8)}.wallet-dropdown-item.sign-out:hover{background:rgba(239,68,68,.1);color:#ef4444}.dropdown-icon{font-size:1rem;width:20px;text-align:center}@media (max-width:640px){.wallet-dropdown{right:0;left:0}.wallet-dropdown-content{margin:0 1rem;min-width:auto}.wallet-pill{min-height:44px}}.wallet-pill-desktop:focus,.wallet-pill:focus{outline:none;box-shadow:0 8px 32px rgba(14,165,233,.2),0 0 0 2px rgba(14,165,233,.4)}.wallet-dropdown-item:focus{outline:none;background:rgba(14,165,233,.1);color:#0ea5e9}.connect-button{padding:8px 16px;background:rgba(0,0,0,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#ffffff;font-size:15px;box-shadow:0 4px 16px rgba(0,0,0,.2);letter-spacing:-.3px}.connect-button:hover:not(:disabled){background:rgba(14,165,233,.1);border-color:rgba(14,165,233,.3);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 32px rgba(14,165,233,.2),0 0 0 1px rgba(14,165,233,.1);color:#0ea5e9}.connect-button:active:not(:disabled){transform:translateY(-1px) scale(.98)}.connect-button:focus{outline:none;box-shadow:0 8px 32px rgba(14,165,233,.2),0 0 0 2px rgba(14,165,233,.4)}.loading-indicator{padding:8px 16px;background:rgba(0,0,0,.95);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:rgba(255,255,255,.6);font-size:14px;display:inline-block}.modal-overlay{background:rgba(0,0,0,.85);z-index:9999;padding:20px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:rgba(0,0,0,.95);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px;max-width:480px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.5);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal h2{font-size:24px;font-weight:700;margin:0 0 8px;letter-spacing:-.5px}.modal-close-button{top:20px;right:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:6px;width:32px;height:32px;color:rgba(255,255,255,.6);font-size:18px}.modal-close-button:hover{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#ef4444;transform:scale(1.1)}.modal-close-button:active{transform:scale(.95)}.modal-subtitle{font-size:14px;color:rgba(255,255,255,.6);margin:0 0 24px}.modal-buttons{gap:12px;margin-bottom:24px}.modal-button{padding:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.modal-button:hover:not(:disabled){background:rgba(14,165,233,.1);border-color:rgba(14,165,233,.3);transform:translateY(-2px);box-shadow:0 8px 24px rgba(14,165,233,.15)}.modal-button:active:not(:disabled){transform:translateY(0)}.modal-button:disabled{opacity:.5;cursor:not-allowed}.modal-button-content{gap:16px}.modal-button-icon{font-size:32px;width:48px;height:48px;background:rgba(255,255,255,.05);border-radius:10px;transition:all .3s ease}.modal-button:hover:not(:disabled) .modal-button-icon{background:rgba(14,165,233,.15);transform:scale(1.05)}.modal-button-title{font-size:16px;margin-bottom:4px;letter-spacing:-.3px}.modal-button-description{font-size:13px;color:rgba(255,255,255,.6);line-height:1.4}.modal-button-arrow{font-size:24px;color:rgba(255,255,255,.3);transition:all .3s ease}.modal-button:hover:not(:disabled) .modal-button-arrow{color:#0ea5e9;transform:translateX(4px)}.modal-footer{padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.modal-footer-logo{gap:8px;font-size:13px;font-weight:600;color:rgba(255,255,255,.5);letter-spacing:-.2px}.modal-footer-icon{font-size:16px;opacity:.8}@media (max-width:640px){.modal{padding:24px;margin:0 16px}.modal h2{font-size:20px;padding-right:32px}.modal-close-button{top:16px;right:16px}.modal-button{padding:14px}.modal-button-icon{width:40px;height:40px;font-size:28px}.modal-button-title{font-size:15px}.modal-button-description{font-size:12px}}.modal-button:focus,.modal-close-button:focus{outline:none;box-shadow:0 0 0 2px rgba(14,165,233,.4)}.modal-button.passport:hover:not(:disabled){background:rgba(14,165,233,.08)}.modal-button.metamask:hover:not(:disabled){background:rgba(246,133,27,.08);border-color:rgba(246,133,27,.2)}.modal-button.metamask:hover:not(:disabled) .modal-button-icon{background:rgba(246,133,27,.15)}.modal-button.metamask:hover:not(:disabled) .modal-button-arrow{color:#f6851b}.navbar-container{background-color:var(--background-color);padding:0 .35rem 0 .3rem;border-bottom:1px solid var(--navbar-border);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:400px;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}.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)}.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;text-align:left}.modal-buttons,.modal-subtitle{margin-bottom:clamp(1.25rem,4vw,2rem)}.modal-buttons{display:flex;flex-direction:column;gap:clamp(.5rem,2vw,.75rem)}.modal-button{padding:clamp(.75rem,3vw,1.25rem) clamp(1rem,3vw,1.5rem);border:2px solid #333;background-color:#2a2a2a;color:#ffffff;border-radius:clamp(12px,2.5vw,16px);cursor:pointer;font-size:clamp(.9rem,2.5vw,1rem);font-weight:500;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;text-align:left;position:relative;overflow:hidden;min-height:clamp(60px,12vw,80px)}.modal-button:hover{border-color:#444;background-color:#333;transform:translateY(-1px)}.modal-button:active{transform:translateY(0)}.modal-button.passport{border-color:#00d4ff;background-color:#1a1a1a}.modal-button.passport:hover{border-color:#00d4ff;background-color:#002a33}.modal-button-content{display:flex;align-items:center;gap:clamp(.75rem,2vw,1rem);flex:1}.modal-button-icon{width:clamp(32px,7vw,40px);height:clamp(32px,7vw,40px);border-radius:clamp(8px,2vw,12px);display:flex;align-items:center;justify-content:center;font-size:clamp(1.2rem,3vw,1.5rem);flex-shrink:0}.modal-button.passport .modal-button-icon{background:linear-gradient(135deg,#00d4ff,#0099cc)}.modal-button.metamask .modal-button-icon{background:linear-gradient(135deg,#f6851b,#e2761b)}.modal-button-text{flex:1;min-width:0}.modal-button-title{font-size:clamp(.95rem,2.5vw,1.1rem);font-weight:600;color:#ffffff;margin-bottom:clamp(.125rem,1vw,.25rem);line-height:1.2}.modal-button-description{font-size:clamp(.8rem,2vw,.9rem);color:#888;line-height:1.3}.modal-button-arrow{color:#666;font-size:clamp(1rem,2.5vw,1.2rem);margin-left:clamp(.5rem,2vw,1rem);transition:transform .2s ease;flex-shrink:0}.modal-button:hover .modal-button-arrow{transform:translateX(4px);color:#888}.modal-button-badge{position:absolute;top:clamp(.75rem,2vw,1rem);right:clamp(.75rem,2vw,1rem);background-color:#00d4ff;color:#000;padding:clamp(.2rem,1vw,.25rem) clamp(.5rem,2vw,.75rem);border-radius:clamp(8px,2vw,12px);font-size:clamp(.7rem,1.5vw,.75rem);font-weight:600;white-space:nowrap}.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: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}}: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}}.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:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);overflow:hidden;animation:slideInRight .3s ease forwards;position:relative;border-left:4px solid;padding:16px;background-color:white}.notification-error{border-left-color:#e53935}.notification-error .notification-icon{color:#e53935}.notification-error .notification-title{color:#c62828}.notification-warning{border-left-color:#fb8c00}.notification-warning .notification-icon{color:#fb8c00}.notification-warning .notification-title{color:#ef6c00}.notification-info{border-left-color:#2196f3}.notification-info .notification-icon{color:#2196f3}.notification-info .notification-title{color:#1565c0}.notification-success{border-left-color:#43a047}.notification-success .notification-icon{color:#43a047}.notification-success .notification-title{color:#2e7d32}.notification-icon{flex-shrink:0;margin-right:16px;width:24px;height:24px}.notification-content{flex:1;min-width:0}.notification-title{margin:0 0 4px;font-size:16px;font-weight:600;line-height:1.4}.notification-message{margin:0;font-size:14px;line-height:1.5;color:#666;word-wrap:break-word}.notification-close{background:none;border:none;padding:0;margin-left:12px;cursor:pointer;color:#999;width:20px;height:20px;transition:color .2s;flex-shrink:0}.notification-close:hover{color:#333}.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(0,0,0,.1);animation:progressBar 5s 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}