:root{--background:#EFEEFC;--background-secondary:#FFFFFF;--background-blue:#EFF5FB;--background-blue-gray:#043463;--background-gray:#ccc;--background-gray2:#dfdfdf;--foreground-blue:#043463;--foreground:#212529;--foreground-secondary:#6c757d;--title:#043463;--border-color:#dee2e6;--button:#043463;--primary-color:#007AFF;--card-color:rgba(156,201,250,0.49);--marker:#adb5bd;--background-hover:#f2f2f2;--panel:#ffffff;--panel-soft:#f5f7ff;--border:#dee2e6;--txt:#212529;--muted:#6c757d;--green:#16a34a;--red:#dc2626;--glow-a:rgba(99,102,241,0.12);--glow-b:rgba(56,189,248,0.12)}.dark{--background:#161D26;--background-secondary:#1C1C1C;--background-blue:#132840;--background-blue-gray:#6c757d;--background-gray:#171717;--background-gray2:#383838;--foreground-blue:#007AFF;--foreground:#f8f9fa;--foreground-secondary:#adb5bd;--title:#FFFFFF;--border-color:#FFFFFF;--button:#6c757d;--primary-color:#043463;--card-color:#043463;--marker:#132840;--background-hover:#1e293b;--panel:#0b1220;--panel-soft:#0f172a;--border:#2b3446;--txt:#cbd5e1;--muted:#94a3b8;--green:#22c55e;--red:#ef4444;--glow-a:rgba(99,102,241,0.25);--glow-b:rgba(56,189,248,0.25)}.avatar-selector{padding:1rem;text-align:center}.avatar-selector .pill-switch-container{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:0;border-radius:999px;padding:4px;background:radial-gradient(120% 120% at 0 0,rgba(99,102,241,.12),transparent 60%),radial-gradient(120% 120% at 100% 100%,rgba(56,189,248,.12),transparent 60%),var(--background);border:1px solid var(--border-color);box-shadow:0 1px 2px rgba(0,0,0,.06),0 10px 24px rgba(0,0,0,.06);margin-bottom:14px;max-width:340px;margin-left:auto;margin-right:auto;font-family:Rubik,sans-serif}.avatar-selector .pill-switch-container .pill-option{position:relative;z-index:2;border:none;background:rgba(0,0,0,0);padding:10px 90px;font-size:14px;font-weight:800;color:var(--foreground-secondary);cursor:pointer;transition:color .2s ease,transform .05s ease;border-radius:999px}.avatar-selector .pill-switch-container .pill-option:hover{color:var(--foreground)}.avatar-selector .pill-switch-container .pill-option:active{transform:translateY(1px)}.avatar-selector .pill-switch-container .pill-option:first-child{border-top-left-radius:999px;border-bottom-left-radius:999px}.avatar-selector .pill-switch-container .pill-option:last-child{border-top-right-radius:999px;border-bottom-right-radius:999px}.avatar-selector .pill-switch-container .pill-option.active{color:#0b1220}.avatar-selector .pill-switch-container .pill-option:focus-visible{outline:0;box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color) 35%,transparent)}.avatar-selector .pill-switch-container .slider{position:absolute;inset:4px;width:calc(50% - 4px);height:calc(100% - 8px);z-index:1;border-radius:999px;background:linear-gradient(90deg,#5b8cff,#6fe3ff);box-shadow:0 10px 24px rgba(111,227,255,.25);transition:transform .25s ease,width .25s ease}.avatar-selector .pill-switch-container .slider.men{transform:translateX(0)}.avatar-selector .pill-switch-container .slider.women{transform:translateX(100%)}@media(max-width:768px){.avatar-selector .pill-switch-container{width:260px}.avatar-selector .pill-switch-container .pill-option{padding:10px 42px;font-size:13px}}.avatar-selector .avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));grid-gap:12px;gap:12px;padding:6px;height:260px;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.avatar-selector .avatar-grid::-webkit-scrollbar{width:8px}.avatar-selector .avatar-grid::-webkit-scrollbar-track{background:var(--background-secondary);border-radius:8px}.avatar-selector .avatar-grid::-webkit-scrollbar-thumb{background:#007aff;border-radius:8px}.avatar-selector .avatar-grid::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,#007AFF 85%,black)}.avatar-selector .avatar-grid .avatar-item{cursor:pointer;border-radius:16px;padding:8px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease;border:1px solid var(--border-color);background:radial-gradient(120% 120% at 0 0,rgba(99,102,241,.08),transparent 60%),var(--background);display:grid;place-items:center}.avatar-selector .avatar-grid .avatar-item:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(99,102,241,.14);border-color:color-mix(in srgb,var(--primary-color) 45%,var(--border-color))}.avatar-selector .avatar-grid .avatar-item.selected{background:linear-gradient(var(--background),var(--background)) padding-box,linear-gradient(90deg,#5b8cff,#6fe3ff) border-box;border:2px solid rgba(0,0,0,0);box-shadow:0 10px 26px rgba(111,227,255,.22),inset 0 0 0 1px hsla(0,0%,100%,.04);transform:translateY(-2px)}.avatar-selector .avatar-grid .avatar-image{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:50%;outline:2px solid var(--border-color);outline-offset:-2px;background:var(--background-secondary)}@media(max-width:768px){.avatar-selector .avatar-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));height:auto}.avatar-selector .avatar-grid .avatar-item{padding:6px}}@media(prefers-reduced-motion:reduce){.avatar-selector .avatar-grid .avatar-item,.avatar-selector .pill-switch-container .slider{transition:none}}.avatar-selector.register{padding:2rem 1rem;background:linear-gradient(180deg,rgba(15,20,40,.5),rgba(10,10,20,.6));border-radius:24px;box-shadow:0 0 40px rgba(111,227,255,.08);max-width:520px;margin:0 auto}.avatar-selector.register .pill-switch-container{background:linear-gradient(90deg,rgba(91,140,255,.18),rgba(111,227,255,.18));border-color:hsla(0,0%,100%,.08);box-shadow:0 6px 24px rgba(111,227,255,.15)}.avatar-selector.register .pill-option.active{color:#0a1220!important}.avatar-selector.register .avatar-grid{height:280px;background:rgba(0,0,0,.1);border-radius:16px;padding:10px}.avatar-selector.register .avatar-item{background:radial-gradient(120% 120% at 0 0,rgba(99,102,241,.12),transparent 60%),var(--background)}.avatar-selector.register .avatar-item.selected{border-width:3px;background:linear-gradient(var(--background),var(--background)) padding-box,linear-gradient(90deg,#4f8cff,#6fe3ff) border-box}