.nickname-field{display:block;margin-top:23px}
.nickname-field .field-label{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:9px}
.nickname-field .field-label small,.nickname-hint{color:var(--muted);font-size:.75rem;font-weight:400;line-height:1.65}
.nickname-input{width:100%;min-height:46px;border:1px solid var(--border);border-radius:8px;background:rgba(3,4,12,.35);padding:11px 13px;color:var(--fg);font:inherit;font-size:.875rem;transition:border-color 180ms ease,background 180ms ease}
.nickname-input::placeholder{color:var(--subtle)}
.nickname-input:hover{border-color:rgba(var(--accent-rgb),.45)}
.nickname-input:focus{border-color:var(--accent-text);background:rgba(var(--accent-rgb),.07);outline:2px solid rgba(var(--accent-rgb),.3);outline-offset:2px}
.nickname-hint{display:block;margin-top:7px}
.submission-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px 13px;margin-top:14px;min-height:26px;font-size:.8125rem;line-height:1.65;color:var(--muted)}
.submission-status:empty,.submission-status[hidden]{display:none}
.submission-status[data-status="saved"]{color:var(--accent-text)}
.submission-status[data-status="saving"]:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent-text);animation:submission-pulse 1.5s ease-in-out infinite}
#retry-submission{min-height:36px;padding:5px 10px;border:1px solid rgba(var(--accent-rgb),.35);border-radius:6px;background:rgba(var(--accent-rgb),.1);color:var(--accent-text);font-size:inherit}
#retry-submission:hover{background:rgba(var(--accent-rgb),.2)}
@keyframes submission-pulse{50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.submission-status[data-status="saving"]:before{animation:none}.nickname-input{transition:none}}
@media print{.submission-status{display:none}}