/* Baakee Update 5 — one-time username welcome, isolated QA */
.baakee-u5-username-backdrop{position:fixed;inset:0;z-index:100100;display:grid;place-items:center;overflow:auto;padding:calc(20px + env(safe-area-inset-top)) 18px calc(20px + env(safe-area-inset-bottom));background:rgba(3,27,24,.52);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.baakee-u5-username-panel{position:relative;width:min(100%,430px);padding:clamp(23px,5vw,36px);border-radius:32px;border:1px solid var(--baakee-glass-border,#cee4d7);background:var(--baakee-surface,#f7f0d8);color:var(--baakee-body-ink,#064e3b);box-shadow:0 32px 100px #041f1959;text-align:center;animation:baakee-u5-username-pop .28s cubic-bezier(.18,.75,.28,1.12)}
.baakee-u5-username-mark{width:64px;height:64px;margin:0 auto 20px;border-radius:19px;overflow:hidden;box-shadow:0 8px 27px #052f2530}
.baakee-u5-username-mark img{display:block;width:100%;height:100%;object-fit:cover}
.baakee-u5-username-eyebrow{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--baakee-secondary,#508b72);margin:0 0 7px}
.baakee-u5-username-panel h2{font-size:clamp(29px,6vw,35px);letter-spacing:-.055em;margin:0 0 11px;font-weight:750}
.baakee-u5-username-panel #baakee-u5-username-description{font-size:14px;line-height:1.55;color:var(--baakee-secondary,#4c756a);margin:0 0 24px}
.baakee-u5-username-panel form{text-align:left}
.baakee-u5-username-panel form label{display:block;font-size:13px;font-weight:700;margin:0 0 8px}
.baakee-u5-username-input-wrap{display:flex;align-items:center;gap:2px;background:var(--baakee-pane-strong,#fff);border:1px solid var(--baakee-glass-border,#c5dbcf);border-radius:17px;padding:0 17px;min-height:56px}
.baakee-u5-username-input-wrap span{font-size:18px;color:var(--baakee-secondary,#508b72)}
.baakee-u5-username-input-wrap:focus-within{outline:2px solid var(--baakee-ink,#064e3b);outline-offset:2px}
.baakee-u5-username-panel input{font:inherit;font-size:17px;font-weight:600;color:var(--baakee-body-ink,#064e3b);background:transparent;border:0;outline:0;min-width:0;width:100%;padding:14px 0}
.baakee-u5-username-panel input::placeholder{opacity:.55}
.baakee-u5-username-note{min-height:35px;font-size:12px;line-height:1.4;color:var(--baakee-secondary,#507968);margin:9px 1px 16px}
.baakee-u5-username-note[data-state="error"]{color:#b34843}.baakee-u5-username-note[data-state="ok"]{color:#15855c}
.baakee-u5-username-save{width:100%;min-height:51px;padding:12px;border:0;border-radius:16px;background:var(--baakee-ink,#064e3b);color:var(--baakee-page,#f7f0d8);font:inherit;font-weight:750;cursor:pointer}
.baakee-u5-username-save:disabled{opacity:.6;cursor:wait}
.baakee-u5-username-later{display:block;margin:14px auto 0;padding:7px 14px;background:transparent;border:0;color:var(--baakee-body-ink,#064e3b);font:inherit;font-weight:600;cursor:pointer}
.baakee-u5-username-private{font-size:11px;line-height:1.5;color:var(--baakee-secondary,#618778);margin:19px 0 0}
@keyframes baakee-u5-username-pop{from{opacity:0;transform:translateY(15px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.baakee-u5-username-panel{animation:none}}
