.username-dialog{background:rgba(0,3,7,.91);color:#e9f5f7;backdrop-filter:blur(18px)}
.username-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,92vw);padding:52px;background:radial-gradient(circle at 85% 8%,rgba(111,216,230,.14),transparent 35%),#050b10;border:1px solid #315763;box-shadow:0 35px 120px #000}
.username-card h2{margin:13px 0 12px;font:300 clamp(42px,7vw,64px)/1 Oswald}.username-card h2 i{font-family:Georgia,serif;color:#72dce9}
.username-card>p:not(.section-label){color:#849ba4;font-size:11px;line-height:1.6}.username-card>label{display:block;margin-top:25px;color:#8ca1a9;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.username-input{display:flex;align-items:center;margin-top:8px;border:1px solid #315763;background:#02070b}.username-input:focus-within{border-color:#72dce9;box-shadow:0 0 25px rgba(114,220,233,.1)}.username-input span{padding-left:15px;color:#72dce9}.username-input input{width:100%;padding:14px 12px;background:transparent;border:0;outline:0;color:#edf9fa;font:400 17px "DM Sans";text-transform:lowercase}
#usernameRules,#usernameMessage{display:block;margin-top:8px;color:#667f89;font-size:8px;line-height:1.5}#usernameMessage.good{color:#72dce9}#usernameMessage.error{color:#ff91b3}
.username-suggestions{margin:25px 0}.username-suggestions>span{color:#66818c;font-size:7px;letter-spacing:.17em}.username-suggestions>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.username-suggestions button{padding:8px 10px;border:1px solid #294954;color:#96abb3;font-size:9px}.username-suggestions button:hover{border-color:#72dce9;color:#fff}
.username-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:24px}.username-actions button{padding:13px 16px;border:1px solid #315763;text-transform:uppercase;font-size:8px;letter-spacing:.13em}.username-actions #saveUsername{background:#153845;border-color:#4d8b98}.username-actions #cancelUsername{color:#728891}.username-actions button:disabled{opacity:.4;cursor:wait}
.username-field-note{display:block;margin-top:6px;color:#69818b;font-size:8px;line-height:1.5}.username-field-note.locked{color:#ee88a8}
@media(max-width:560px){.username-card{padding:40px 22px}.username-actions{grid-template-columns:1fr}}