.password-hint{color:#ffffffb3;font-size:12px;margin:0;text-shadow:none;text-align:left;width:100%}.wizard-stepper{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;margin-bottom:2px}.wizard-step-counter{margin:0;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#ffffff73;text-shadow:none}.wizard-progress-bar{width:100%;height:4px;border-radius:2px;background:#ffffff1a;overflow:hidden}.wizard-progress-fill{height:100%;width:0%;border-radius:2px;background:linear-gradient(-45deg,#9100c6,#b0f);transition:width .3s ease}.wizard-step-window{display:flex;align-items:center;justify-content:center;gap:6px;width:100%}.wizard-chip{font-size:10px;letter-spacing:.02em;padding:3px 10px;border-radius:20px;border:1px solid rgba(255,255,255,.12);color:#fff6;white-space:nowrap;transition:.2s}.wizard-chip.is-prev,.wizard-chip.is-next{opacity:.7}.wizard-chip.is-current{color:#fff;font-weight:700;border-color:#b0f;background:#bb00ff2e;box-shadow:0 0 8px var(--accent-color-transparent, #bb00ff40)}.wizard-chip.is-empty{visibility:hidden}.avatar-preview{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff;background:linear-gradient(-45deg,#9100c6,#b0f);box-shadow:0 0 12px var(--accent-color-transparent, #bb00ff40);transition:.3s;text-transform:uppercase}.field-status{text-shadow:none}.field-status.is-available{color:#60ff60!important}.field-status.is-taken{color:#ff3030!important}.strength-meter{width:100%;height:4px;border-radius:2px;background:#ffffff1a;overflow:hidden;margin-top:-6px}.strength-meter-fill{height:100%;width:0%;border-radius:2px;background:#ff3030;transition:.25s}.strength-meter-fill[data-level=weak]{width:33%;background:#ff3030}.strength-meter-fill[data-level=medium]{width:66%;background:#ffb020}.strength-meter-fill[data-level=strong]{width:100%;background:#60ff60}.invite-banner{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;border:var(--border-thin);background:#ffffff08;font-size:.85em}.invite-banner[hidden]{display:none}.invite-banner img{width:22px;height:22px;border-radius:6px;object-fit:cover}.preview-card{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding:10px 14px;border-radius:8px;border:var(--border-thin);background:#ffffff08}.preview-card-avatar{width:40px;height:40px;border-radius:8px;overflow:hidden;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.preview-card-avatar img{width:100%;height:100%;object-fit:cover}.preview-card-name{font-size:18px;font-weight:700}.preview-card-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:#fff9;text-shadow:none}.preview-card-rank{color:#ffffff80;letter-spacing:.04em}.preview-card-dot{width:7px;height:7px;border-radius:50%;background:#60ff60;box-shadow:0 0 5px #60ff60}.preview-card-stats{display:flex;gap:14px;font-size:11px;color:#ffffff80;text-shadow:none}.format-presets{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;width:100%}.format-presets button{font-size:11px;padding:6px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);box-shadow:none;flex:1}.format-presets button.is-selected{border-color:#b0f;background:#bb00ff2e;box-shadow:0 0 8px var(--accent-color-transparent, #bb00ff40)}.center-container{width:min(420px,92vw);padding:clamp(14px,3vh,24px) 24px;gap:clamp(6px,1.2vh,10px)}.login-page{gap:clamp(6px,1.4vh,12px)}.login-page h3{margin:4px 0 0}#verifyCodeSection,#changeEmailSection{display:flex;flex-direction:column;gap:clamp(6px,1.4vh,12px);width:100%}#verifyCodeSection.hidden,#changeEmailSection.hidden{display:none}.wizard-stepper{gap:7px;margin-bottom:4px}.wizard-step-counter,.wizard-chip{font-size:11px}.preview-card{gap:5px;padding:14px}.preview-card-meta,.preview-card-stats{font-size:12px}.format-presets button{font-size:12px;min-height:34px}@media screen and (max-width:768px){.center-content{justify-content:flex-start;padding:0}.center-container{width:100%;min-height:100dvh;justify-content:flex-start;gap:10px;padding:calc(28px + env(safe-area-inset-top,0px)) 20px calc(28px + env(safe-area-inset-bottom,0px));border:none}.login-page{gap:12px}.login-page .btn-login{min-height:46px}.wizard-stepper{margin-bottom:8px}.format-presets button{min-height:38px}.error-message{max-width:none}}
