/* Milo v0.4.11 — usernames */
.meUsername{display:block;border:0;background:transparent;padding:0;margin-top:2px;color:var(--accent);font-size:11px;text-align:left;cursor:pointer;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.userUsername{font-size:11px;color:var(--muted);margin-top:2px;font-weight:400}
.usernameModal{position:fixed;inset:0;z-index:1200;background:rgba(0,0,0,.32);display:grid;place-items:center;padding:16px}
.usernameCard{width:min(390px,100%);background:#fff;border-radius:24px;padding:24px;box-shadow:0 24px 80px rgba(0,0,0,.2)}
.usernameTitle{font-size:20px;font-weight:800;margin-bottom:7px}
.usernameHint{font-size:12px;line-height:1.45;color:var(--muted);margin-bottom:16px}
.usernameInputWrap{display:flex;align-items:center;gap:2px;height:46px;padding:0 13px;border:1px solid var(--border);background:#faf9f6;border-radius:14px;font-weight:700;color:var(--muted)}
.usernameInputWrap input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-weight:600}
.usernameError{min-height:18px;margin:8px 3px 0;color:var(--danger);font-size:11px}
@media(max-width:760px){.meUsername{max-width:120px}.usernameModal{align-items:end;padding:0}.usernameCard{width:100%;border-radius:24px 24px 0 0;padding:22px 18px calc(20px + env(safe-area-inset-bottom))}.usernameInputWrap{height:48px}}
@media(max-width:420px){.meUsername{max-width:90px}}