:root{--color-primary-dark:#2563eb;--color-secondary:#e5e7eb;--color-text:#374151;--color-text-light:#666;--color-background:#ffffff;--color-error:#ef4444;--color-success:#22c55e;--card-bg:rgba(255,255,255,0.1);--card-shadow:0 4px 6px rgba(0,0,0,0.1);--text-primary:rgba(255,255,255,0.9);--text-secondary:rgba(255,255,255,0.7);--text-tertiary:rgba(255,255,255,0.5);--input-bg:rgba(255,255,255,0.1);--input-bg-hover:rgba(255,255,255,0.15);--input-hover-bg:rgba(255,255,255,0.15);--input-border:rgba(255,255,255,0.2);--input-border-hover:rgba(255,255,255,0.3);--error-color:#fca5a5;--error-bg:rgba(239,68,68,0.1);--warning-color:#fbbf24;--warning-bg:rgba(245,158,11,0.1);--warning-text:#fbbf24;--success-color:#86efac;--success-bg:rgba(34,197,94,0.1);--success-text:#86efac;--color-surface:rgba(255,255,255,0.1);--color-surface-secondary:rgba(255,255,255,0.05);--color-border:rgba(255,255,255,0.2);--color-text:rgba(255,255,255,0.9);--color-text-secondary:rgba(255,255,255,0.7);--color-primary:#3b82f6;--spacing-xs:5px;--spacing-sm:10px;--spacing-md:20px;--spacing-lg:30px;--spacing-xl:40px;--border-radius-sm:6px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-full:50%;--shadow-sm:0 2px 4px rgba(0,0,0,0.1);--shadow-md:0 4px 6px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px rgba(0,0,0,0.1);--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--container-max-width:1200px;--container-padding:var(--spacing-md)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit;border:none;background:none;padding:0}a{color:inherit;text-decoration:none}input,select,textarea{font-family:inherit;font-size:inherit}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}p{margin-bottom:var(--spacing-md)}h1{font-size:2.5rem;margin-bottom:var(--spacing-lg)}h2{font-size:2rem}h2,h3{margin-bottom:var(--spacing-md)}h3{font-size:1.75rem}h4{font-size:1.5rem}h4,h5{margin-bottom:var(--spacing-sm)}h5{font-size:1.25rem}h6{font-size:1rem;margin-bottom:var(--spacing-sm)}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-light)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent}.nav__container{display:flex;justify-content:space-between;align-items:center;padding:1rem;max-width:1200px;margin:0 auto}.nav__logo-container{display:flex;align-items:center;gap:8px;position:relative;top:12px;left:20px}.nav__logo{color:rgba(255,255,255,.8);color:#fff;font-family:Lilita One,sans-serif;font-weight:700;font-size:2rem;text-decoration:none;transition:color .3s ease;opacity:.8}.nav__logo:hover{color:#fff}@media (max-width:639px){.nav__logo{font-size:1.6rem}}.nav__x-logo{color:rgba(255,255,255,.8);text-decoration:none;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:6px;transition:all .3s ease}.nav__x-logo:hover{color:#fff;background:rgba(255,255,255,.1);transform:scale(1.1)}.nav__desktop{display:none}@media (min-width:640px){.nav__desktop{display:flex;align-items:center;gap:1.5rem}.nav__mobile{display:none}}.nav__link{color:rgba(255,255,255,.6);text-decoration:none;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);padding:.5rem 1rem;border-radius:12px;border:1px solid transparent}.nav__link:hover{color:#fff;transform:translateY(-2px)}.nav__link.active{color:#fff;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);font-weight:600}.nav__profile-link{display:flex;align-items:center;text-decoration:none;padding:.5rem;border-radius:50%;border:1px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav__profile-link.active{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3)}.nav__profile-image{width:32px;height:32px;border-radius:50%;object-fit:cover;transition:transform .2s ease}.nav__profile-image:hover{transform:scale(1.1)}.nav__profile-image-mobile{width:24px;height:24px;border-radius:50%;object-fit:cover;transition:transform .2s ease}.nav__profile-image-mobile:hover{transform:scale(1.1)}.nav__profile-placeholder{width:32px;height:32px;border-radius:50%;background:#d1d9e6}@media (max-width:639px){.nav__profile-placeholder{width:24px;height:24px}}.nav__mobile{display:none;position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);background:linear-gradient(165deg,rgba(255,255,255,.08),rgba(255,255,255,.05) 25%,rgba(255,255,255,.03) 50%,rgba(255,255,255,.05) 75%,rgba(255,255,255,.08));backdrop-filter:blur(15px) saturate(120%);-webkit-backdrop-filter:blur(15px) saturate(120%);border:1px solid rgba(255,255,255,.1);border-radius:20px;justify-content:space-around;z-index:1000;width:calc(100% - 2rem);max-width:400px;box-shadow:0 8px 24px -4px rgba(0,0,0,.15),inset 0 0 0 1px rgba(255,255,255,.05),inset 0 2px 4px rgba(255,255,255,.08),inset 0 -1px 2px rgba(0,0,0,.03);transition:all .4s cubic-bezier(.4,0,.2,1)}.nav__mobile,.nav__mobile-link{padding:.75rem;align-items:center}.nav__mobile-link{display:flex;justify-content:center;color:rgba(255,255,255,.6);text-decoration:none;font-size:.875rem;font-weight:500;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:1px solid transparent}.nav__mobile-link:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(165deg,rgba(255,255,255,.08),rgba(255,255,255,.05) 25%,rgba(255,255,255,.03) 50%,rgba(255,255,255,.05) 75%,rgba(255,255,255,.08));border-radius:16px;transform:scale(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.nav__mobile-link:hover{color:#fff;transform:translateY(-2px)}.nav__mobile-link:hover:before{transform:scale(1)}.nav__mobile-link.active{color:#fff;background:linear-gradient(165deg,rgba(255,255,255,.12),rgba(255,255,255,.08) 25%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.08) 75%,rgba(255,255,255,.12));border:1px solid rgba(255,255,255,.15);font-weight:600;box-shadow:0 8px 24px -4px rgba(0,0,0,.15),inset 0 0 0 1px rgba(255,255,255,.05),inset 0 2px 4px rgba(255,255,255,.08),inset 0 -1px 2px rgba(0,0,0,.03)}.nav__mobile-icon{font-size:1.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.nav__mobile-link:hover .nav__mobile-icon{transform:scale(1.1)}.nav__mobile-link.active .nav__mobile-icon{transform:scale(1.1);color:#fff}.nav__buy-votes-mobile{position:fixed;top:1.25rem;right:1.25rem;z-index:1100;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;width:48px;height:48px;font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:visible;color:rgba(255,255,255,.8)}.nav__buy-votes-mobile:hover{transform:scale(1.1);background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);color:#fff}.nav__buy-votes-desktop{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;width:48px;height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative;color:rgba(255,255,255,.9);font-size:.75rem;font-weight:600;text-align:center;line-height:1;backdrop-filter:none;background:none}.nav__buy-votes-desktop:hover{transform:scale(1.1);background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);color:#fff}@media (min-width:640px){.nav__buy-votes-mobile{display:none}}@media (max-width:639px){.nav__mobile{display:flex}body{padding-bottom:6rem}}.nav__buy-votes-badge{position:absolute;top:-8px;right:24px;background:rgb(21 26 37/55%);color:#ffffff;font-size:.75rem;font-weight:700;border-radius:999px;padding:2px 8px;min-width:24px;min-height:28px;display:flex;align-items:center;justify-content:center;z-index:1;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:none;backdrop-filter:none;background:none}.bottomNav,.topNav{height:3rem;padding:.5rem 1rem}@media (max-width:768px){.topNav{height:2.5rem;padding:.25rem .5rem}.bottomNav{height:2.5rem;padding:.25rem}}.pairContainer{display:flex;justify-content:center;align-items:center;border:none;padding:1.5rem 1rem}.votePair{flex-direction:column;align-items:center;position:relative}.votePair,.votePair__cards{display:flex;gap:var(--spacing-md);width:100%;padding:0}.votePair__cards{justify-content:center;max-width:800px;margin:0 auto}.votePair__card{display:flex;flex-direction:column;align-items:center;backdrop-filter:blur(15px) saturate(120%);-webkit-backdrop-filter:blur(15px) saturate(120%);border-radius:24px;width:100%;max-width:320px;height:100%;min-height:200px;min-width:0;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);perspective:1000px;cursor:pointer}.votePair__x-link{position:absolute;top:10px;right:10px;width:32px;height:32px;background:linear-gradient(165deg,rgba(255,255,255,.25),rgba(255,255,255,.1) 25%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.1) 75%,rgba(255,255,255,.25));backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.7);transition:all .4s cubic-bezier(.4,0,.2,1);z-index:10}.votePair__x-link:hover{background:linear-gradient(165deg,rgba(255,255,255,.3),rgba(255,255,255,.15) 25%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.15) 75%,rgba(255,255,255,.3));border-color:rgba(255,255,255,.3);box-shadow:0 12px 40px -4px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.15),inset 0 2px 6px rgba(255,255,255,.25),inset 0 -1px 2px rgba(0,0,0,.15);color:#fff;transform:scale(1.1)}.votePair__x-link svg{width:16px;height:16px}@media (min-width:640px){.votePair__card{min-height:340px}}.votePair__image-container{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(165deg,rgba(255,255,255,.08),rgba(255,255,255,.05) 25%,rgba(255,255,255,.03) 50%,rgba(255,255,255,.05) 75%,rgba(255,255,255,.08));backdrop-filter:blur(15px) saturate(120%);-webkit-backdrop-filter:blur(15px) saturate(120%);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 24px -4px rgba(0,0,0,.15),inset 0 0 0 1px rgba(255,255,255,.05),inset 0 2px 4px rgba(255,255,255,.08),inset 0 -1px 2px rgba(0,0,0,.03);margin-bottom:var(--spacing-sm);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.votePair__image{width:90%;height:90%;object-fit:cover;border-radius:50%;display:block;background:rgba(255,255,255,.1);cursor:pointer;transition:opacity .2s ease}.votePair__name{font-weight:600;color:rgba(255,255,255,.9);width:100%;line-height:1.5}.votePair__handle,.votePair__name{font-size:1rem;text-align:center;margin-bottom:var(--spacing-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.votePair__handle{color:rgba(255,255,255,.7);text-decoration:none;transition:color .2s ease;display:inline;padding:0}.votePair__handle:hover{color:#fff;text-decoration:underline}.votePair__rank{font-size:1rem;color:rgba(255,255,255,.7);margin-bottom:0;text-align:center}.votePair__ranks{display:flex;flex-direction:row;align-items:center;gap:.5rem;font-size:.9rem}.votePair__rank-global-emoji,.votePair__rank-personal-emoji{display:flex;align-items:center;gap:.4em;font-size:1rem;font-weight:500;color:var(--text-color);margin-bottom:.1rem}.votePair__rank-value{display:inline-block;text-align:left;margin-left:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.votePair__content{width:100%;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);box-sizing:content-box;padding:10px var(--spacing-md) var(--spacing-md) var(--spacing-md);border-bottom-right-radius:20px!important;border-bottom-left-radius:20px!important}@media (hover:hover) and (pointer:fine){.votePair__card--hovered-left,.votePair__card--hovered-right{box-shadow:0 12px 32px -4px rgba(0,0,0,.2),inset 0 0 0 1px rgba(255,255,255,.08),inset 0 2px 4px rgba(255,255,255,.12),inset 0 -1px 2px rgba(0,0,0,.05);transform:scale(1.02) translateY(-8px)!important;transition:all .3s cubic-bezier(.4,0,.2,1)}}.votePair__pass-button{width:48px;height:48px;padding:0;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.votePair__pass-button:hover{transform:translate(-50%,-50%) scale(1.1);background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);color:#fff}.votePair__pass-button:active{transform:translate(-50%,-50%) scale(.95)}.votePair__pass-button:disabled{opacity:.5;cursor:not-allowed;transform:translate(-50%,-50%)}.votePair__pass-button svg{width:24px;height:24px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.votePair__pass-button:hover svg{transform:translateX(2px)}.animate-fade-in-scale{animation:fadeInScale .5s ease forwards}.animate-grow-and-fade{animation:growAndFade .5s ease forwards}.animate-fade-out{animation:fadeOut .5s ease forwards}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes growAndFade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.votePair__card--winner{animation:growAndFade .5s ease-out forwards;transform-origin:center;will-change:transform,opacity}.votePair__card--loser{animation:fadeOut .5s ease-out forwards;will-change:opacity}.votePair__modal{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);animation:fadeIn .3s ease}.votePair__modal,.votePair__modal-content{display:flex;align-items:center;justify-content:center}.votePair__modal-content{position:relative;max-width:90vw;max-height:90vh}.votePair__modal-image{max-width:80vw;max-height:80vh;width:auto;height:auto;object-fit:contain;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.3)}.votePair__close{position:absolute;top:-50px;right:0;color:white;font-size:28px;font-weight:400;font-family:Arial,sans-serif;cursor:pointer;z-index:1001;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(0,0,0,.5);transition:background .2s ease;line-height:1;text-align:center;padding:0;margin:0;border:none;user-select:none}.votePair__close:hover{background:rgba(0,0,0,.7)}.votePair__card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d;display:flex;flex-direction:column;min-height:200px}@media (min-width:640px){.votePair__card-inner{min-height:340px}}.votePair__card--flipped .votePair__card-inner{transform:rotateY(180deg)}.votePair__card-back,.votePair__card-front{width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;border-radius:20px}.votePair__card-front{position:relative;flex:1;min-height:200px;background:linear-gradient(165deg,rgba(255,255,255,.08),rgba(255,255,255,.05) 25%,rgba(255,255,255,.03) 50%,rgba(255,255,255,.05) 75%,rgba(255,255,255,.08));padding:var(--spacing-md) var(--spacing-md) 0 var(--spacing-md);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 24px -4px rgba(0,0,0,.15),inset 0 0 0 1px rgba(255,255,255,.05),inset 0 2px 4px rgba(255,255,255,.08),inset 0 -1px 2px rgba(0,0,0,.03);border-radius:24px}@media (min-width:640px){.votePair__card-front{min-height:340px}}.votePair__card-back{position:absolute;top:0;left:0;transform:rotateY(180deg);padding:var(--spacing-sm);backdrop-filter:blur(15px) saturate(120%);-webkit-backdrop-filter:blur(15px) saturate(120%);border:1px solid rgba(255,255,255,.1);background:linear-gradient(165deg,rgba(255,255,255,.08),rgba(255,255,255,.05) 25%,rgba(255,255,255,.03) 50%,rgba(255,255,255,.05) 75%,rgba(255,255,255,.08));box-shadow:0 8px 24px -4px rgba(0,0,0,.15),inset 0 0 0 1px rgba(255,255,255,.05),inset 0 2px 4px rgba(255,255,255,.08),inset 0 -1px 2px rgba(0,0,0,.03);border-radius:24px}.votePair__flip-button{position:absolute;top:-8px;right:-8px;width:32px;height:32px;background:linear-gradient(165deg,rgba(255,255,255,.25),rgba(255,255,255,.1) 25%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.1) 75%,rgba(255,255,255,.25));backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .4s cubic-bezier(.4,0,.2,1)}.votePair__flip-button:hover{background:linear-gradient(165deg,rgba(255,255,255,.3),rgba(255,255,255,.15) 25%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.15) 75%,rgba(255,255,255,.3));border-color:rgba(255,255,255,.3);box-shadow:0 12px 40px -4px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.15),inset 0 2px 6px rgba(255,255,255,.25),inset 0 -1px 2px rgba(0,0,0,.15);transform:scale(1.1)}.votePair__flip-button:active{background:rgba(255,255,255,.08);transform:scale(.95)}.votePair__flip-button svg{width:16px;height:16px;color:#fff}.votePair__flip-button--back{top:10px;left:10px;right:auto}.votePair__traits{width:100%;height:100%;display:flex;flex-direction:column;padding:var(--spacing-sm);overflow-y:auto;justify-content:flex-start}.votePair__traits-title{font-size:1.25rem;font-weight:600;color:rgba(163,177,198,.3);margin-bottom:var(--spacing-md);text-align:center;padding-bottom:8px;border-bottom:2px solid rgba(163,177,198,.3)}.votePair__traits-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;flex:1;overflow-y:auto;padding-right:4px}.votePair__trait{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 4px;background:rgba(255,255,255,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);border-radius:8px;min-height:40px;transition:background .2s ease;text-align:center;width:100%;max-width:100%;max-height:100px}.votePair__trait:hover{background:rgba(255,255,255,.2)}.votePair__trait-type{font-size:.65rem;text-transform:capitalize;margin-bottom:2px;line-height:1.1;opacity:.8}.votePair__trait-type,.votePair__trait-value{font-weight:600;color:#2d3436;word-break:break-word;text-align:center;width:100%}.votePair__trait-value{color:rgba(255,255,255,.9);font-size:.8rem;line-height:1.2}.votePair__no-traits{text-align:center;color:rgba(255,255,255,.9);font-style:italic;margin-top:var(--spacing-md);padding:var(--spacing-md);background:rgba(255,255,255,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);border-radius:10px;max-height:100px}@media (max-width:639px){.votePair__x-link{width:28px;height:28px;top:7px;right:7px}.votePair__flip-button{width:28px;height:28px;top:-7px;right:-7px}.votePair__flip-button--back{top:10px}.votePair__x-link svg{width:14px;height:14px}.votePair__traits-title{font-size:1.1rem;margin-bottom:var(--spacing-sm)}.votePair__traits-list{gap:4px;grid-template-columns:1fr}.votePair__trait{padding:4px 3px;min-height:36px}.votePair__trait-type{font-size:.6rem;margin-bottom:1px;line-height:1}.votePair__trait-value{font-size:.7rem;line-height:1.1}}.votePair__rank-global,.votePair__rank-personal{display:block;color:var(--text-color);opacity:.9}.votePair__rank-global{font-weight:600}.votePair__rank-personal,.votePair__ranks-label{font-size:.85rem;opacity:.8}.votePair__ranks-label{font-weight:500;color:var(--text-color-secondary,#888);margin-bottom:.15rem;display:inline-block;min-width:5em;text-align:left;margin-left:.3em}.noPairsMessage{color:rgba(255,255,255,.9);font-size:1.2rem;text-align:center;margin-top:2rem;padding:1.5rem;max-width:600px;margin-left:auto;margin-right:auto;transition:all .4s cubic-bezier(.4,0,.2,1)}.button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);font-weight:500;transition:all var(--transition-fast);cursor:pointer;border:none}.button--primary{background-color:var(--color-primary)}.button--primary:hover{background-color:var(--color-primary-dark)}.button--secondary{background-color:var(--color-secondary);color:var(--color-text)}.button--secondary:hover{background-color:#d1d5db}.button--outline{background-color:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.button--outline:hover{background-color:var(--color-primary);color:white}.button--small{padding:.5rem .75rem;font-size:.875rem;background:rgba(59,130,246,.8);color:white;border:1px solid rgba(59,130,246,.9);border-radius:.375rem;font-weight:500;transition:all .2s ease}.button--small:hover:not(:disabled){background:rgba(59,130,246,1);border-color:rgba(59,130,246,1)}.button--small:disabled{background:rgba(156,163,175,.5);color:rgba(255,255,255,.5);cursor:not-allowed}.button--large{padding:var(--spacing-md) var(--spacing-lg);font-size:1.125rem}.button:disabled{opacity:.6;cursor:not-allowed}.button--full{width:100%}.button--icon{padding:var(--spacing-xs);border-radius:var(--border-radius-full)}.button--icon svg{width:20px;height:20px}.button--neumorphic{background-color:#e0e5ec;color:#4a5568;font-weight:500;padding:.75rem 1rem;border-radius:8px;width:100%;margin:1rem 0;transition:all .2s ease}.button--neumorphic:hover{background:#d1d9e6}.button--neumorphic:last-child{margin-bottom:0}.button--danger{background-color:#ef4444;color:white;font-weight:500;padding:.75rem 1rem;border-radius:8px;width:100%;margin:1rem 0;transition:all .2s ease}.button--danger:hover{background-color:#dc2626}.button--danger:disabled{background-color:#9ca3af;cursor:not-allowed}.button--small.button--danger{background:#ef4444;border-color:#ef4444;color:white}.button--small.button--danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.button--success{background-color:#10b981;color:white;font-weight:500;padding:.75rem 1rem;border-radius:.5rem;width:100%;margin:1rem 0;transition:all .2s ease}.button--success:hover{background-color:#059669}.button--success:disabled{background-color:#9ca3af;cursor:not-allowed}.categoryMenu{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;margin:2rem 0 0;width:100%;padding:0 1rem;position:relative;z-index:11}.categoryMenu__title{font-size:1.25rem;font-weight:600;color:#2d3436;margin-bottom:var(--spacing-xs)}.categoryMenu__select{width:100%;max-width:400px;padding:12px 20px;border:none;border-radius:12px;background:#e0e5ec;color:#2d3436;font-size:1rem;font-weight:500;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232d3436' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 20px center;background-size:16px;box-shadow:4px 4px 8px #a3b1c6,-4px -4px 8px #ffffff;transition:all .3s ease}.categoryMenu__select:hover{background-color:#d1d9e6}.categoryMenu__select:focus,.categoryMenu__select:hover{box-shadow:inset 4px 4px 8px #a3b1c6,inset -4px -4px 8px #ffffff}.categoryMenu__select:focus{outline:none}.categoryMenu__select option{background:#e0e5ec;color:#2d3436;padding:12px 20px;font-size:1rem;font-weight:500;cursor:pointer;border:none;margin:4px;border-radius:8px;transition:all .2s ease}.categoryMenu__select option:checked,.categoryMenu__select option:hover{background:#d1d9e6;box-shadow:inset 2px 2px 4px #a3b1c6,inset -2px -2px 4px #ffffff}.categoryMenu__select:disabled{background-color:#e0e5ec;color:#a3b1c6;cursor:not-allowed;box-shadow:none}.categoryMenu__select::-webkit-scrollbar{width:8px}.categoryMenu__select::-webkit-scrollbar-track{background:#e0e5ec;border-radius:6px}.categoryMenu__select::-webkit-scrollbar-thumb{background:#a3b1c6;border-radius:6px;box-shadow:inset 1px 1px 2px #ffffff,inset -1px -1px 2px #a3b1c6}.categoryMenu__select::-webkit-scrollbar-thumb:hover{background:#8c9db5}@media (max-width:639px){.categoryMenu{padding:0 1rem}}.categoryMenu>.customSelect,.categoryMenu>.customSelect__header{width:100%;min-width:100%;max-width:100%}.preset-indicator{background:rgba(59,130,246,.2);font-size:.75rem;color:#3b82f6;max-width:180px}.categoryControls{display:flex;align-items:center;gap:.5rem;flex:1;z-index:10;position:relative}.filterButton{padding:.5rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:rgba(255,255,255,.8);cursor:pointer;transition:all .2s ease;font-size:1rem}.filterButton:hover{background:rgba(255,255,255,.15);color:rgba(255,255,255,.9)}.filterButton.active{background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.3);color:#3b82f6}.filterButton--manage{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;position:relative}.filter-button-container{position:relative;display:inline-block}.preset-indicator{position:absolute;top:-30px;right:0;padding:.25rem .5rem;background:rgba(59,130,246,.9);border:1px solid rgba(59,130,246,.3);border-radius:12px;font-size:.7rem;color:white;font-weight:500;white-space:nowrap;max-width:250px;overflow:hidden;text-overflow:ellipsis;z-index:10;box-shadow:0 2px 4px rgba(0,0,0,.2)}@media (max-width:768px){.preset-indicator{font-size:.65rem;max-width:250px;padding:.2rem .4rem;top:-28px;right:0}}.customSelect__header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:linear-gradient(165deg,rgba(255,255,255,.08),rgba(255,255,255,.05) 25%,rgba(255,255,255,.03) 50%,rgba(255,255,255,.05) 75%,rgba(255,255,255,.08));backdrop-filter:blur(15px) saturate(120%);-webkit-backdrop-filter:blur(15px) saturate(120%);border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);color:#fff;box-shadow:0 8px 24px -4px rgba(0,0,0,.15),inset 0 0 0 1px rgba(255,255,255,.05),inset 0 2px 4px rgba(255,255,255,.08),inset 0 -1px 2px rgba(0,0,0,.03)}.customSelect__header--open,.customSelect__header:hover{background:linear-gradient(165deg,rgba(255,255,255,.12),rgba(255,255,255,.08) 25%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.08) 75%,rgba(255,255,255,.12));border-color:rgba(255,255,255,.15);box-shadow:0 12px 32px -4px rgba(0,0,0,.2),inset 0 0 0 1px rgba(255,255,255,.08),inset 0 2px 4px rgba(255,255,255,.12),inset 0 -1px 2px rgba(0,0,0,.05)}.customSelect__header--disabled{opacity:.7;cursor:not-allowed}.customSelect__value{font-size:.9rem;font-weight:500;color:#fff}.customSelect__arrow{transition:transform .3s ease;color:#fff}.customSelect__arrow--open{transform:rotate(180deg)}.customSelect__options{position:absolute;top:100%;left:0;right:0;background:linear-gradient(165deg,rgba(255,255,255,.08),rgba(255,255,255,.05) 25%,rgba(255,255,255,.03) 50%,rgba(255,255,255,.05) 75%,rgba(255,255,255,.08));backdrop-filter:blur(15px) saturate(120%);-webkit-backdrop-filter:blur(15px) saturate(120%);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px;max-height:300px;min-height:100px;overflow-y:scroll;box-shadow:0 8px 24px -4px rgba(0,0,0,.15),inset 0 0 0 1px rgba(255,255,255,.05),inset 0 2px 4px rgba(255,255,255,.08),inset 0 -1px 2px rgba(0,0,0,.03);z-index:1000;margin-top:8px}.customSelect__options--above{top:auto;bottom:calc(100% + 8px);margin-top:0;margin-bottom:8px}@media (max-height:600px){.customSelect__options{max-height:200px}}@media (max-height:400px){.customSelect__options{max-height:150px}}.customSelect__option{padding:12px 20px;cursor:pointer;border-radius:12px;transition:all .4s cubic-bezier(.4,0,.2,1);color:#fff;font-size:.9rem;font-weight:500;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customSelect__option:hover{border-color:rgba(255,255,255,.15)}.customSelect__option--selected,.customSelect__option:hover{background:linear-gradient(165deg,rgba(255,255,255,.12),rgba(255,255,255,.08) 25%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.08) 75%,rgba(255,255,255,.12));box-shadow:0 12px 32px -4px rgba(0,0,0,.2),inset 0 0 0 1px rgba(255,255,255,.08),inset 0 2px 4px rgba(255,255,255,.12),inset 0 -1px 2px rgba(0,0,0,.05)}.customSelect__option--selected{border:1px solid rgba(255,255,255,.15)}.customSelect__option--disabled{opacity:.6;cursor:not-allowed;color:rgba(255,255,255,.6)}.customSelect__option--disabled:hover{background:none;border-color:transparent;box-shadow:none}.customSelect__coming-soon{font-style:italic;color:rgba(255,255,255,.5);font-size:.9em}.customSelect__options::-webkit-scrollbar{width:8px}.customSelect__options::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:6px}.customSelect__options::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:6px;border:1px solid rgba(255,255,255,.15)}.customSelect__options::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.15)}.customSelect__options{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) rgba(255,255,255,.05);overflow-y:scroll!important;-webkit-overflow-scrolling:touch;position:relative}.customSelect{position:relative;width:auto;z-index:1000}@media (max-width:768px){.customSelect__options{max-height:250px;min-width:200px}}@media (max-width:480px){.customSelect__options{max-height:200px;min-width:180px}}.insightContainer .categoryControls .customSelect--open .customSelect__options{z-index:10001!important}.insightContainer .customSelect__options{z-index:10000!important;background:rgba(55,65,81,1)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06),inset 0 0 0 1px rgba(255,255,255,.05),inset 0 2px 4px rgba(255,255,255,.08),inset 0 -1px 2px rgba(0,0,0,.03)!important}.profileContainer{max-width:800px;margin:0 auto;padding:10rem 20px 20px}@media (max-width:768px){.profileContainer{padding-top:7rem}}.profileError{color:var(--error-color);background-color:var(--error-bg);padding:10px;border-radius:8px;margin-bottom:20px}.profileUserInfo{display:flex;align-items:flex-start;gap:20px;margin:0 0 30px;padding:20px;background:var(--card-bg);border-radius:12px;box-shadow:var(--card-shadow)}.profileUserDetails{flex:1;display:flex;flex-direction:column;gap:1rem}.profileUserMain{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.profileLogoutButton{flex-shrink:0;background:rgba(255,255,255,.1)!important;color:white!important;padding:.5rem .75rem!important;font-size:.8rem!important;min-width:auto!important;width:auto!important;max-width:none!important;margin:0!important;border-radius:8px!important;transition:all .2s ease!important}.profileLogoutButton:hover:not(:disabled){background:rgba(255,255,255,.15)!important}.profileLogoutButton:disabled{background:rgba(156,163,175,.5)!important;border-color:rgba(156,163,175,.5)!important;color:rgba(255,255,255,.5)!important;cursor:not-allowed;transform:none}.profileUserImage{width:80px;height:80px;border-radius:50%;object-fit:cover}.profileUserName{font-size:1.5rem;font-weight:600;margin:0 0 5px;color:var(--text-primary)}.profileUserHandle{font-size:1rem;color:var(--text-secondary);margin:0 0 10px}.profilePrivacyStatus{margin:10px 0}.profilePrivacyStatus .private{color:var(--warning-color)}.profilePrivacyStatus .public{color:var(--success-color)}.profileVisibilityToggle{display:flex;gap:15px;margin:15px 0;padding:4px;background:rgba(255,255,255,.05);border-radius:8px;border:1px solid rgba(255,255,255,.1)}.profileVisibilityToggle label{display:flex;align-items:center;gap:8px;cursor:pointer;padding:10px 16px;border-radius:6px;background:transparent;transition:all .2s ease;color:rgba(255,255,255,.7);font-weight:500;font-size:.9rem;flex:1;justify-content:center;border:1px solid transparent}.profileVisibilityToggle label:hover{background:rgba(255,255,255,.1);color:rgba(255,255,255,.9);border-color:rgba(255,255,255,.2)}.profileVisibilityToggle input[type=radio]{margin:0;opacity:0;position:absolute;pointer-events:none}.profileVisibilityToggle input[type=radio]:checked+span{color:white;font-weight:600}.profileVisibilityToggle label:has(input[type=radio]:checked){background:rgba(59,130,246,.2);color:white;border-color:rgba(59,130,246,.4);box-shadow:0 0 0 1px rgba(59,130,246,.3)}.profileVisibilityToggle label:has(input[type=radio]:checked):hover{background:rgba(59,130,246,.3);border-color:rgba(59,130,246,.5)}.profileVisibilityToggle label:disabled{opacity:.5;cursor:not-allowed}.profileVisibilityToggle label:disabled:hover{background:transparent;color:rgba(255,255,255,.5);border-color:transparent}.profileHideStats{margin-top:15px;padding:10px;background:var(--warning-bg);border-radius:6px;font-size:.9rem}.profileHideStats p{margin:5px 0;color:var(--warning-color)}.profileHideStats p:first-child{font-weight:600;color:rgba(255,255,255,.9)}.profileWallets{margin-bottom:30px;padding:20px;background:var(--card-bg);border-radius:12px;box-shadow:var(--card-shadow)}.profileWallets h3{margin:0 0 20px;color:var(--text-primary);font-size:1.2rem}.walletsList{display:flex;flex-direction:column;gap:15px;margin-bottom:20px;max-height:350px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border-color) var(--input-bg)}.walletsList::-webkit-scrollbar{width:6px}.walletsList::-webkit-scrollbar-track{background:transparent}.walletsList::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px;opacity:.6}.walletsList::-webkit-scrollbar-thumb:hover{background:var(--text-secondary);opacity:1}.walletItem{display:flex;justify-content:space-between;align-items:center;padding:15px;background:var(--input-bg);border-radius:8px;border:1px solid var(--border-color)}.walletInfo{flex:1}.walletActions{align-items:center;gap:.5rem;margin-left:1rem}.walletRemoveButton{background:#ef4444!important;border:1px solid #ef4444!important;color:white!important;padding:.5rem 1rem!important;font-size:.875rem!important;font-weight:500!important;border-radius:6px!important;transition:all .2s ease!important;min-width:auto!important;margin:0!important}.walletRemoveButton:hover:not(:disabled){background:#dc2626!important;border-color:#dc2626!important;transform:translateY(-1px);box-shadow:0 2px 4px rgba(239,68,68,.3)}.walletRemoveButton:disabled{background:rgba(156,163,175,.5)!important;border-color:rgba(156,163,175,.5)!important;color:rgba(255,255,255,.5)!important;cursor:not-allowed;transform:none;box-shadow:none}.walletAddressToRemove{border-radius:6px;padding:.75rem;font-size:.9rem;color:#fff;text-align:center;font-weight:600;margin:0 0 5px;font-family:monospace;background:none}.removeWarning{color:rgba(255,255,255,.8);font-size:.9rem;margin:.5rem 0 0;font-style:italic}.walletAddress{font-weight:600;margin:0 0 5px;color:var(--text-primary);font-family:monospace}.walletStats{font-size:.9rem;color:var(--text-secondary);margin:0 0 8px}.connectedIndicator{color:#22c55e;font-weight:600;font-size:.85rem;margin-left:8px;display:inline-flex;align-items:center;gap:4px}.connectedIndicator:before{content:"";width:8px;height:8px;background:#22c55e;border-radius:50%;display:inline-block;animation:pulse 2s infinite}.profileWallets .button--neumorphic{background:linear-gradient(135deg,#9945ff,#14f195);color:white;border:1px solid #9945ff;width:auto;min-width:180px;padding:12px 24px;font-weight:600;transition:all .2s ease}.profileWallets .button--neumorphic:hover{background:linear-gradient(135deg,#8b3ce8,#12d885);border-color:#8b3ce8}.profileWallets .button--neumorphic:active{transform:translateY(0);box-shadow:0 2px 6px rgba(153,69,255,.3)}.button--disconnect{padding:.75rem 1.5rem;background-color:#ef4444;color:white;border:none;border-radius:8px;font-size:.9rem;font-weight:500!important;cursor:pointer;transition:all .2s ease;width:auto;min-width:120px;margin:0;display:inline-block}.button--disconnect:hover:not(:disabled){background-color:#dc2626}.button--disconnect:disabled{opacity:.6;cursor:not-allowed;transform:none}.mainWalletBadge{color:var(--success-color);font-weight:500;margin:0;font-size:.9rem}.walletActions{gap:10px}.noWalletsState{text-align:center;padding:40px 20px;background:var(--card-bg);border:2px dashed var(--border-color);border-radius:12px;margin:20px 0}.noWalletsIcon{font-size:1.5rem;margin-bottom:5px;opacity:.6}.noWalletsState h4{margin:0 0 8px;color:var(--text-primary);font-size:1.3rem;font-weight:600}.noWalletsState p{color:var(--text-secondary);font-size:.95rem;line-height:1.5;max-width:300px;margin:0 auto}.walletBrowserMessage{background:var(--card-bg);border-radius:12px;box-shadow:var(--card-shadow);color:white;text-align:center;padding:30px 20px;margin:20px 0;border-radius:16px}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.walletBrowserIcon{font-size:3rem;margin-bottom:15px;display:block;animation:pulse 2s infinite}.walletBrowserMessage h4{color:white;font-size:1.4rem;font-weight:700;margin:0 0 12px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.walletBrowserMessage p{color:rgba(255,255,255,.9);font-size:1rem;line-height:1.6;margin:0 0 20px;max-width:400px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.walletBrowserNote{font-size:.9rem!important;color:rgba(255,255,255,.8)!important;font-style:italic;margin:15px 0 0!important;max-width:350px!important}@media (max-width:768px){.walletBrowserMessage{padding:25px 15px;margin:15px 0}.walletBrowserIcon{font-size:2.5rem;margin-bottom:12px}.walletBrowserMessage h4{font-size:1.2rem;margin:0 0 10px}.walletBrowserMessage p{font-size:.9rem;margin:0 0 15px}.walletBrowserNote{font-size:.85rem!important;margin:12px 0 0!important}}@media (max-width:480px){.walletBrowserMessage{padding:20px 12px}}.button--small{padding:8px 16px;font-size:.9rem;min-width:120px}.button--primary{background:var(--primary-color);color:white;border:none}.button--primary:hover:not(:disabled){background:var(--primary-hover)}.button--primary:disabled{opacity:.6;cursor:not-allowed}.walletActions{display:flex;gap:12px;margin:20px 0;flex-wrap:wrap}.button--offchain-viblit{padding:.75rem 1.5rem;background-color:#3b82f6;color:white;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:auto;min-width:120px;margin:0;display:inline-block}.button--full-width{width:100%;display:block;margin:20px 0}.button--offchain-viblit:hover:not(:disabled){background-color:#2563eb}.button--offchain-viblit:disabled{opacity:.6;cursor:not-allowed;transform:none}.group-tabs{display:flex;border-bottom:2px solid rgba(255,255,255,.1);margin-bottom:1.5rem;gap:0;overflow-x:auto;padding-bottom:0}.tab-button{padding:.75rem 1rem;background:transparent;color:rgba(255,255,255,.6);cursor:pointer;transition:all .2s ease;white-space:nowrap;border:none;border-bottom:2px solid transparent;font-size:.875rem;font-weight:500}.tab-button:hover{color:rgba(255,255,255,.8);background:rgba(255,255,255,.05)}.tab-button.active{color:rgba(59,130,246,.9);border-bottom-color:rgba(59,130,246,.7);background:rgba(59,130,246,.05)}.tab-content{min-height:200px}.create-group-content,.invitations-content,.join-group-content,.my-groups-content{animation:fadeIn .2s ease-in-out}.placeholder-content{padding:2rem;text-align:center;color:rgba(255,255,255,.6);background:rgba(255,255,255,.02);border-radius:.5rem;border:1px dashed rgba(255,255,255,.1)}.group-form{max-width:500px;margin-top:1.5rem}.group-form .form-group{margin-bottom:1.5rem}.group-form label{display:block;margin-bottom:.5rem;color:rgba(255,255,255,.9);font-weight:500;font-size:.875rem}.group-form input,.group-form textarea{width:100%;padding:.75rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:6px;color:rgba(255,255,255,.9);font-size:.875rem;transition:all .2s ease;box-sizing:border-box}.group-form input:focus,.group-form textarea:focus{outline:none;border-color:rgba(59,130,246,.5);background:rgba(255,255,255,.12)}.group-form input::placeholder,.group-form textarea::placeholder{color:rgba(255,255,255,.5)}.group-form textarea{resize:vertical;min-height:80px}.group-form .checkbox-label{display:flex!important;align-items:center;gap:.5rem;cursor:pointer;margin-bottom:0!important;padding:.75rem;background:rgba(255,255,255,.05);border-radius:.5rem;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.group-form .checkbox-label:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}.group-form .checkbox-label input[type=checkbox]{width:auto!important;margin:0!important;transform:scale(1.2)}.group-form small{display:block;margin-top:.25rem;color:rgba(255,255,255,.6);font-size:.75rem}.group-form .button{margin-top:0;min-width:120px}.groupItem{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;transition:all .2s ease}.groupInfo--clickable{cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s ease}.groupInfo--clickable:hover{background:rgba(255,255,255,.05)}.groupActions{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.groupActions .button--small{font-size:.75rem;padding:.5rem .75rem;min-width:auto}.groupCategoryCount{color:rgba(255,255,255,.7);font-size:.875rem}.view-members-hint{margin-top:.5rem;font-size:.75rem;color:rgba(59,130,246,.7);text-align:center}.invite-users-content{padding:1rem 0}.invite-explanation{margin-bottom:1.5rem;color:rgba(255,255,255,.8);line-height:1.5}.invite-methods{margin-bottom:2rem}.invite-method-section{margin-bottom:1.5rem;padding:1rem;background:rgba(255,255,255,.03);border-radius:.5rem;border:1px solid rgba(255,255,255,.08)}.invite-method-section h4{margin:0 0 .5rem;color:rgba(255,255,255,.9);font-size:.875rem;font-weight:600}.invite-method-section p{margin:0 0 1rem;color:rgba(255,255,255,.7);font-size:.8rem}.preset-invite{display:flex;gap:.75rem;align-items:flex-end}.preset-select{flex:1;padding:.5rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:6px;color:rgba(255,255,255,.9);font-size:.875rem}.preset-select:focus{outline:none;border-color:rgba(59,130,246,.5);background:rgba(255,255,255,.12)}.preset-select option{background:rgba(20,20,20,.95);color:rgba(255,255,255,.9)}.file-input{width:100%;padding:.75rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:6px;color:rgba(255,255,255,.9);font-size:.875rem;cursor:pointer;transition:all .2s ease}.file-input:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25)}.file-input:focus{outline:none;border-color:rgba(59,130,246,.5);background:rgba(255,255,255,.12)}.file-input:disabled{opacity:.5;cursor:not-allowed}.file-input::file-selector-button{padding:.5rem 1rem;margin-right:1rem;background:rgba(59,130,246,.2);border:1px solid rgba(59,130,246,.3);border-radius:.25rem;color:rgba(59,130,246,.9);cursor:pointer;font-size:.75rem;transition:all .2s ease}.file-input::file-selector-button:hover{background:rgba(59,130,246,.3);border-color:rgba(59,130,246,.5)}.invite-textarea{width:100%;padding:.75rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:6px;color:rgba(255,255,255,.9);font-size:.875rem;transition:all .2s ease;resize:vertical;font-family:inherit}.invite-textarea:focus{outline:none;border-color:rgba(59,130,246,.5);background:rgba(255,255,255,.12)}.invite-textarea::placeholder{color:rgba(255,255,255,.5)}.invite-form .form-group{margin-bottom:1.5rem}.invite-form label{display:block;margin-bottom:.5rem;color:rgba(255,255,255,.9);font-weight:500;font-size:.875rem}.invite-form small{display:block;margin-top:.25rem;color:rgba(255,255,255,.6);font-size:.75rem}.profileAccountActions{display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.profileAccountActions .button{flex:1;margin:0;width:auto}@media (max-width:768px){.profileUserInfo{text-align:left;gap:15px}.profileUserInfo,.profileUserMain{flex-direction:row;align-items:flex-start}.profileUserMain{justify-content:space-between;gap:.5rem;width:100%}.profileUserMain>div{flex:1;min-width:0}.profileLogoutButton{align-self:flex-start;flex-shrink:0;margin-top:5px}.profileUserImage{width:60px;height:60px;flex-shrink:0}.profileUserName{font-size:1.25rem}.profileUserHandle{font-size:.9rem}.profileAccountActions{flex-direction:column;gap:.5rem}.walletItem{flex-direction:row;align-items:center;gap:10px;padding:12px}.walletInfo{flex:1;min-width:0}.walletAddress{font-size:.9rem}.walletStats{font-size:.8rem}.walletActions{width:auto;justify-content:flex-start;align-self:flex-start}.walletRemoveButton{padding:.5rem .75rem!important;font-size:.8rem!important;min-width:auto!important;width:auto!important}.profileVisibilityToggle{flex-direction:column;gap:8px}.profileVisibilityToggle label{padding:12px 16px;font-size:.95rem}.group-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.group-tabs::-webkit-scrollbar{display:none}.tab-button{padding:.5rem .75rem;font-size:.75rem;min-width:auto}.groupActions{flex-direction:column;gap:.25rem}.groupActions .button--small{width:100%;text-align:center}.preset-invite{flex-direction:column;gap:.5rem;align-items:stretch}.preset-invite .button--small{width:100%}}.invitations-list{display:flex;flex-direction:column;gap:1rem}.invitation-item{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:1.5rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem}.invitation-info{flex:1}.invitation-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.invitation-header .group-name{color:rgba(255,255,255,.9);font-size:1.125rem;font-weight:600;margin:0}.private-badge{background:rgba(255,193,7,.2);color:rgba(255,193,7,.9);padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.invitation-item .group-description{color:rgba(255,255,255,.7);margin:0 0 1rem;line-height:1.4}.invitation-meta{justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap}.invitation-meta,.invited-by{display:flex;align-items:center;gap:.5rem}.invited-by{color:rgba(255,255,255,.8);font-size:.875rem}.inviter-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.invitation-date{color:rgba(255,255,255,.6);font-size:.8rem}.invitation-message{background:rgba(255,255,255,.05);border-left:3px solid rgba(59,130,246,.5);padding:.75rem;margin:1rem 0;border-radius:.25rem}.invitation-message p{margin:0;color:rgba(255,255,255,.8);font-style:italic;line-height:1.4}.invitation-item .group-stats{color:rgba(255,255,255,.7);font-size:.875rem}.invitation-actions{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.invitation-actions .button{min-width:100px;font-size:.875rem;padding:.5rem 1rem}.api-token-section{margin:0 0 30px;padding:20px;background:var(--card-bg);border-radius:12px;box-shadow:var(--card-shadow);border:1px solid rgba(255,255,255,.1)}.api-token-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 10px}.api-token-description{color:var(--text-secondary);font-size:.9rem;margin:0 0 15px;line-height:1.4}.api-token-container{display:flex;gap:10px;margin-bottom:10px}.api-token-input{flex:1;padding:10px 12px;background:var(--input-bg);border:1px solid rgba(255,255,255,.2);border-radius:6px;color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;cursor:text}.api-token-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(29,161,242,.2)}.api-token-copy-button{padding:10px 16px;background:var(--primary-color);color:white;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap}.api-token-copy-button:hover{background:#0d8bd9}.api-token-copy-button:active{transform:translateY(1px)}.api-token-note{color:var(--text-tertiary);font-size:.8rem;margin:0;font-style:italic}@media (max-width:768px){.api-token-container{flex-direction:column}.api-token-copy-button{width:100%}}.modalOverlay,.modal__overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.5);display:flex;align-items:flex-start;justify-content:center;z-index:10000;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1rem}.modal__content{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:1rem;max-width:28rem;width:100%;margin:2rem 0 0;animation:fadeIn .3s ease-out;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal__header{position:relative;padding:2rem 2rem 0;z-index:9999}.modal__title{font-size:1.25rem;font-weight:700;color:rgba(255,255,255,.9);margin:0}.modal__close{position:absolute;top:.2rem;right:.8rem;background:none;border:none;font-size:1.5rem;color:rgba(255,255,255,.7);cursor:pointer;padding:.25rem;line-height:1;transition:color .2s ease;z-index:10}.modal__close:hover{color:rgba(255,255,255,.9)}.modal__body{padding:1.5rem 2rem 2rem;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}.modal__footer{display:flex;gap:1rem;padding:2rem}.modal__button{flex:1;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease;background:rgba(255,255,255,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:rgba(255,255,255,.9)}.modal__button:hover:not(:disabled){background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);color:#fff}.modal__button:disabled{opacity:.6;cursor:not-allowed}.modal__button--primary{color:rgba(255,255,255,.9);font-weight:600}.modal__button--secondary{color:rgba(255,255,255,.7)}.modal__button--danger{background:#ef4444!important;border:1px solid #ef4444!important;color:white!important}.modal__button--danger:hover:not(:disabled){background:#dc2626!important;border-color:#dc2626!important;color:white!important}.modal__button--disabled{color:rgba(255,255,255,.5);cursor:not-allowed}.modal__button--small{padding:.5rem 1rem;font-size:.85rem}.modal__footer-left,.modal__footer-right{display:flex;gap:1rem}.modal__footer-right{margin-left:auto}.modal__footer:has(.modal__footer-left){justify-content:space-between;align-items:center}.modal__footer-left .modal__button,.modal__footer-right .modal__button{flex:none;min-width:120px}.modal__error{color:#ef4444;background:rgba(239,68,68,.1)}.modal__error,.modal__warning{font-size:.875rem;padding:.75rem 1rem;border-radius:.5rem;margin-top:1rem}.modal__warning{color:#f59e0b;background:rgba(245,158,11,.1)}.permission-info{margin-bottom:1.5rem}.permission-info__title{font-size:1.125rem;font-weight:600;color:rgba(255,255,255,.9);margin-bottom:.5rem}.permission-info__description{color:rgba(255,255,255,.7);font-size:.875rem;line-height:1.5;margin-bottom:1rem}.permission-info__cost{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:rgba(255,255,255,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);border-radius:.5rem}.permission-info__cost-label{color:rgba(255,255,255,.7);font-size:.875rem}.permission-info__cost-value{color:rgba(255,255,255,.9);font-weight:600;font-size:1rem}.vote-balance{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:rgba(255,255,255,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);border-radius:.5rem;margin-bottom:1rem}.vote-balance__label{color:rgba(255,255,255,.7);font-size:.875rem}.vote-balance__value{color:rgba(255,255,255,.9);font-weight:600;font-size:1rem}.modalContainer{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);padding:2rem;border-radius:1rem;max-width:28rem;width:100%;margin:2rem 1rem 0;animation:fadeIn .3s ease-out}.modalTitle{font-size:1.25rem;font-weight:700;color:rgba(255,255,255,.9);margin-bottom:1rem}.modalBalance{color:rgba(255,255,255,.7);margin-bottom:1.5rem}.modalInput{width:100%;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;background:rgba(255,255,255,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:rgba(255,255,255,.9);margin-bottom:.5rem}.modalInput:focus{outline:none;background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3)}.modalError{color:#ef4444}.modalError,.modalSuccess{font-size:.875rem;margin-top:.5rem}.modalSuccess{color:#10b981}.modalInfo{color:rgba(255,255,255,.7);font-size:.875rem;margin-top:.5rem}.modalButtonGroup{display:flex;gap:1rem;margin-top:1.5rem}.modalButton{flex:1;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease;background:rgba(255,255,255,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:rgba(255,255,255,.9)}.modalButton:disabled{opacity:.6;cursor:not-allowed}.modalButtonPrimary{color:rgba(255,255,255,.9);font-weight:600}.modalButtonPrimary:hover:not(:disabled){background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);color:#fff}.modalButtonSecondary{color:rgba(255,255,255,.7)}.modalButtonSecondary:hover:not(:disabled){background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);color:#fff}.modalContent{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:1rem;max-width:28rem;width:100%;margin:2rem 0 0;animation:fadeIn .3s ease-out;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modalContent h2{font-size:1.25rem;font-weight:700;color:rgba(255,255,255,.9);margin:0;padding:2rem 2rem 0}.modalBody{padding:1.5rem 2rem 2rem;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}.modalBody p{color:rgba(255,255,255,.8);margin-bottom:1rem;line-height:1.5}.modalBody p strong{color:#f59e0b;font-weight:600}.modalBody ul{color:rgba(255,255,255,.7);margin:1rem 0;padding-left:1.5rem}.modalBody li{margin-bottom:.5rem;line-height:1.4}.modalActions{display:flex;gap:1rem;padding:0 2rem 2rem}.modalActions .button{flex:1;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease;background:rgba(255,255,255,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:rgba(255,255,255,.9);margin:0;height:auto;min-height:2.75rem;display:flex;align-items:center;justify-content:center}.modalActions .button:hover:not(:disabled){background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);color:#fff}.modalActions .button:disabled{opacity:.6;cursor:not-allowed}.modalActions .button--secondary{color:rgba(255,255,255,.7)}.modalActions .button--danger{background:#ef4444!important;border:1px solid #ef4444!important;color:white!important;margin:0}.modalActions .button--danger:hover:not(:disabled){background:#dc2626!important;border-color:#dc2626!important;color:white!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modalWalletRequired{text-align:center;padding:1rem 0}.modalWalletIcon{font-size:3rem;margin-bottom:1rem;display:block;animation:pulse 2s infinite}.modalWalletRequired h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 1rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.modalWalletRequired p{color:rgba(255,255,255,.9);font-size:1rem;line-height:1.6;margin:0 0 1.5rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.modalContractInfo{background:none;border:none;border-radius:16px;padding:.5rem;margin:.5rem 0;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.modalContractInfo p{margin:0;color:rgba(255,255,255,.9);font-size:.9rem;font-weight:500;text-align:center}.modalContractAddress{display:block;background:none;color:#fff;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.85rem;font-weight:600;padding:1rem;border-radius:12px;border:none;word-break:break-all;margin:0;text-align:center;letter-spacing:.5px;box-shadow:none;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.modalWalletNote{color:rgba(255,255,255,.7)!important;font-size:.9rem!important;font-style:italic;margin:1rem 0 0!important}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.confirmation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}.confirmation-modal{background:linear-gradient(165deg,rgba(255,255,255,.08),rgba(255,255,255,.05) 25%,rgba(255,255,255,.03) 50%,rgba(255,255,255,.05) 75%,rgba(255,255,255,.08));backdrop-filter:blur(15px) saturate(120%);-webkit-backdrop-filter:blur(15px) saturate(120%);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 8px 24px -4px rgba(0,0,0,.15),inset 0 0 0 1px rgba(255,255,255,.05),inset 0 2px 4px rgba(255,255,255,.08),inset 0 -1px 2px rgba(0,0,0,.03);max-width:400px;width:100%;max-height:90vh;overflow:hidden;animation:slideUp .3s ease-out}.confirmation-modal__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1.5rem}.confirmation-modal__title{margin:0;color:rgba(255,255,255,.9);font-size:1.25rem;font-weight:600}.confirmation-modal__close{background:none;border:none;color:rgba(255,255,255,.6);font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.confirmation-modal__close:hover:not(:disabled){background:rgba(255,255,255,.1);color:rgba(255,255,255,.9)}.confirmation-modal__close:disabled{opacity:.5;cursor:not-allowed}.confirmation-modal__content{padding:0 1.5rem;margin-bottom:1.5rem}.confirmation-modal__message{margin:0;color:rgba(255,255,255,.8);font-size:1rem;line-height:1.5}.confirmation-modal__actions{display:flex;gap:1rem;padding:0 1.5rem 1.5rem;justify-content:flex-end}.confirmation-modal__cancel{background:rgba(255,255,255,.1);color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.2);padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(5px)}.confirmation-modal__cancel:hover:not(:disabled){background:rgba(255,255,255,.15);color:rgba(255,255,255,.9);border-color:rgba(255,255,255,.3)}.confirmation-modal__cancel:disabled{opacity:.5;cursor:not-allowed}.confirmation-modal__confirm{background:linear-gradient(135deg,rgba(34,197,94,.2),rgba(34,197,94,.1));border:1px solid rgba(34,197,94,.3);color:rgba(34,197,94,.9);padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(5px)}.confirmation-modal__confirm:hover:not(:disabled){background:linear-gradient(135deg,rgba(34,197,94,.3),rgba(34,197,94,.15));border-color:rgba(34,197,94,.4);color:#fff;box-shadow:0 2px 8px rgba(34,197,94,.2)}.confirmation-modal__confirm--destructive{background-color:#ef4444;border:none;color:white}.confirmation-modal__confirm--destructive:hover:not(:disabled){background-color:#dc2626;color:white;box-shadow:none}.confirmation-modal__confirm:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.confirmation-modal{max-width:90vw;margin:1rem}.confirmation-modal__actions{flex-direction:column}.confirmation-modal__cancel,.confirmation-modal__confirm{width:100%;justify-content:center}}