.preferred-name-panel{border:1px solid var(--line);background:var(--paper-soft);color:var(--ink);border-radius:14px;min-width:0;margin-block:14px;padding:16px}.preferred-name-panel h3{overflow-wrap:anywhere;margin:0 0 10px;font-size:18px;line-height:1.4}.preferred-name-panel p{margin-block:10px}.preferred-name-panel form{gap:8px;display:grid}.preferred-name-panel input{background:var(--paper);width:100%;min-width:0;min-height:44px;color:var(--ink);border:1px solid var(--line);font:inherit;border-radius:8px;padding:10px 12px}.preferred-name-actions,.preferred-name-summary{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.preferred-name-summary bdi{overflow-wrap:anywhere;min-width:0}.preferred-name-panel button{border:1px solid var(--ink);max-width:100%;min-height:44px;font:700 15px/1.4 var(--sans);background:var(--paper);color:var(--ink);cursor:pointer;text-align:start;overflow-wrap:anywhere;border-radius:9px;padding:10px 14px}.preferred-name-panel button[type=submit]{color:#07130f;background:#dff56a;border-color:#07130f}.preferred-name-panel button:disabled{opacity:.6;cursor:default}.preferred-name-panel :is(input,button):focus-visible{outline-offset:3px;outline:3px solid #07130f}html[data-site-theme=dark] .preferred-name-panel :is(input,button):focus-visible{outline-color:#f7efe4}.preferred-name-hint{color:var(--ink-soft);font-size:14px}