/* Cax typography polish. Display-name styles are chosen per account. */
:root{--cax-ui-font:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body,button,input,select,textarea{font-family:var(--cax-ui-font)}
.cax-name-text,.cax-profile-name{font-synthesis:none}
.cax-display-font-picker{margin:12px 0 18px}
.cax-display-font-picker select{max-width:420px}
.cax-font-preview{margin-top:10px;padding:18px;border:1px solid #39343e;border-radius:12px;background:#201d27;font-size:23px;font-weight:700;overflow-wrap:anywhere}
.pane,.cax-profile-section{letter-spacing:normal}
button,input,select,textarea{transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #a990cf;outline-offset:2px}

/* Compact account controls */
.sidebar .account{display:flex;align-items:center;gap:6px;padding:9px 10px;min-width:0;background:#17171e;border:1px solid #34313d;border-radius:15px;margin:8px}
.sidebar .account>.row{min-width:0;flex:1}.sidebar .account>.row .truncate{min-width:0}
.sidebar .account>button{width:31px;height:33px;flex:0 0 31px;display:grid;place-items:center;background:transparent;border:0;border-radius:9px;color:#b9bac6;cursor:pointer}
.sidebar .account>button:hover{background:#302d39;color:#fff}.sidebar .account>button:focus-visible{outline:2px solid #b69bd7}
.cax-typography-panel{max-width:780px;margin:auto;padding:20px}.cax-typography-panel .pane{padding:22px;margin-top:18px;border-radius:16px}
.cax-typography-panel input,.cax-display-font-picker input{width:100%;max-width:520px}
@media(max-width:560px){.sidebar .account{padding:7px;gap:3px}.sidebar .account>button{width:29px;flex-basis:29px}}