.avatar-grid-layout.svelte-wsufir{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem;width:100%}@media(min-width:640px){.avatar-grid-layout.svelte-wsufir{grid-template-columns:repeat(4,1fr)}}.avatar-btn.svelte-wsufir{position:relative;width:100%;aspect-ratio:1;background:transparent;border:none;padding:.5rem;border-radius:12px;cursor:pointer;transition:transform .2s,background-color .2s;display:flex;align-items:center;justify-content:center}.avatar-btn.svelte-wsufir:hover{background-color:#ffffff0d;transform:scale(1.05)}.avatar-btn.svelte-wsufir:focus-visible{outline:none;box-shadow:0 0 0 2px var(--primary)}.avatar-btn.selected.svelte-wsufir{background-color:#1978e51a;transform:scale(1.05)}.avatar-img.svelte-wsufir{width:100%;height:100%;object-fit:contain;border-radius:50%;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2))}.selection-ring.svelte-wsufir{position:absolute;inset:0;border-radius:12px;border:2px solid var(--primary);pointer-events:none}.page-container.svelte-1rdz7hh{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;position:relative;overflow-y:auto;padding:2rem 1rem}.bg-layer.svelte-1rdz7hh{position:fixed;inset:0;z-index:0}.bg-image.svelte-1rdz7hh{width:100%;height:100%;object-fit:cover;opacity:.55}.bg-overlay.svelte-1rdz7hh{position:absolute;inset:0;background:linear-gradient(to top,var(--bg-primary) 0%,rgba(13,17,28,.82) 40%,rgba(13,17,28,.35) 100%);mix-blend-mode:multiply}.content.svelte-1rdz7hh{position:relative;z-index:10;width:100%;max-width:32rem}.glass-panel.svelte-1rdz7hh{background:#ffffff08;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006;border-radius:var(--radius-xl);padding:2rem}.fixed-controls.svelte-1rdz7hh{position:fixed;bottom:1.5rem;right:1.5rem;z-index:100;display:flex;gap:.5rem;align-items:center}.ctrl-btn.svelte-1rdz7hh{display:flex;align-items:center;justify-content:center;padding:clamp(.55rem,.7vh,.85rem) clamp(.75rem,.9vw,1.2rem);min-height:clamp(2.5rem,3.5vh,3.75rem);min-width:clamp(2.5rem,3.5vh,3.75rem);border-radius:var(--radius-full);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffe0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);cursor:pointer;text-decoration:none;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff14}.ctrl-btn.svelte-1rdz7hh:hover{background:#ffffff1a;border-color:#fff3;color:#ffffffe6;box-shadow:0 4px 20px #00000073,inset 0 1px #ffffff12}.ctrl-btn.svelte-1rdz7hh:active{transform:scale(.93)}.ctrl-btn.svelte-1rdz7hh .material-icons-round:where(.svelte-1rdz7hh){font-size:clamp(17px,1.3vw,20px)}.form-group.svelte-1rdz7hh{display:flex;flex-direction:column;gap:1.5rem}.input-wrap.svelte-1rdz7hh{display:flex;flex-direction:column;gap:.5rem}.label.svelte-1rdz7hh{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#ffffff80;margin-left:.2rem}.input.svelte-1rdz7hh{width:100%;background:#00000059;border:1.5px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:1rem;color:#fff;font-size:1.1rem;font-weight:600;font-family:inherit;transition:border-color .2s,background .2s,box-shadow .2s;outline:none}.input.svelte-1rdz7hh:focus{border-color:var(--primary);background:#00000073;box-shadow:0 0 0 4px #ff57221f}.input.svelte-1rdz7hh::placeholder{color:#ffffff40;font-weight:500}.code-input.svelte-1rdz7hh{text-align:center;letter-spacing:.5rem;font-family:Nunito,monospace;font-weight:900;text-transform:uppercase;font-size:1.75rem}.avatar-container.svelte-1rdz7hh{background:#0003;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);max-height:clamp(180px,30vh,320px);overflow-y:auto}.btn-primary.svelte-1rdz7hh{margin-top:1rem;width:100%;padding:1.2rem;background:linear-gradient(135deg,var(--primary) 0%,#FF7043 100%);color:#fff;font-weight:800;font-size:1rem;letter-spacing:.06em;text-transform:uppercase;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;min-height:3.5rem;box-shadow:0 6px 24px #ff572259,inset 0 1px #ffffff26;transition:filter .2s,transform .15s,box-shadow .2s;font-family:inherit}.btn-spinner.svelte-1rdz7hh{display:block;width:1.25rem;height:1.25rem;border-radius:50%;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;animation:svelte-1rdz7hh-btn-spin .7s linear infinite}@keyframes svelte-1rdz7hh-btn-spin{to{transform:rotate(360deg)}}.btn-primary.svelte-1rdz7hh:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px 32px #ff57227a,inset 0 1px #fff3}.btn-primary.svelte-1rdz7hh:active:not(:disabled){transform:scale(.97);filter:brightness(.95)}.btn-primary.svelte-1rdz7hh:disabled{opacity:.6;cursor:not-allowed}.error-banner.svelte-1rdz7hh{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#fca5a5;padding:.8rem;border-radius:var(--radius-sm);display:flex;align-items:center;gap:.5rem;font-size:.9rem;margin-bottom:1.5rem}@media(max-width:400px){.page-container.svelte-1rdz7hh{padding:1rem .75rem}.glass-panel.svelte-1rdz7hh{padding:1.25rem;border-radius:var(--radius-lg)}.input.svelte-1rdz7hh{padding:.75rem}.code-input.svelte-1rdz7hh{font-size:1.25rem;letter-spacing:.4rem}.btn-primary.svelte-1rdz7hh{padding:1rem;font-size:1rem}}@media(min-width:1200px){.content.svelte-1rdz7hh{max-width:38rem}.glass-panel.svelte-1rdz7hh{padding:2.5rem 3rem}.input.svelte-1rdz7hh{padding:1.1rem 1.25rem;font-size:1.2rem}.code-input.svelte-1rdz7hh{font-size:2rem}.btn-primary.svelte-1rdz7hh{padding:1.35rem;font-size:1.2rem}}