/* The account stays visible on every route, including narrow mobile screens. */
:root body .header .desktop-nav{display:none}
:root body .header-actions{gap:12px;min-width:0}
.account-stars,.account-link{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;font:500 14px/1.3 var(--ui);color:#eee2f6}
.account-stars{padding:9px 15px;border:1px solid #e7c78a40;border-radius:30px;background:#22162b66;color:#f0d19a;font-variant-numeric:tabular-nums}
.account-stars>span:first-child{font-size:19px}
.account-link{padding:4px 0 4px 5px}
.account-link>svg{width:23px;height:23px;color:#d9c7e8}
.account-caption{display:flex;flex-direction:column;gap:3px}
.account-name{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-caption small{font-size:10px;color:#bcadc9;font-weight:400}
.account-avatar{display:grid;place-items:center;position:relative;flex:none;width:35px;height:35px;border:1px solid #e7c78a66;border-radius:50%;background:#37253d;color:#edd09a}
.account-avatar svg{position:absolute;right:-3px;bottom:-2px;width:14px;height:14px;border-radius:50%;background:#d6be88;stroke:#201428;stroke-width:1.6;fill:none}
.account-stars:hover,.account-link:hover{color:#fff0c9}
.header-actions a:focus-visible,.account-form :focus-visible,.account-quiet:focus-visible,.personal-balance:focus-visible{outline:2px solid #efd096;outline-offset:5px}
.personal-copy{max-width:690px;position:relative;isolation:isolate}
.catalog-personal .personal-copy>p{color:#ded2e9}
.catalog-personal .personal-copy>.catalog-service-note{color:#bdaeC8}
.personal-copy:before{content:'';position:absolute;inset:-25px -30px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 35% 40%,#0b0719d9,transparent 75%)}
.personal-identity{display:flex;align-items:center;gap:14px;margin:25px 0}
.personal-identity>svg{width:32px;height:32px;color:#d9bd86;flex:none}
.personal-identity>div{display:flex;flex-direction:column;min-width:0}
.personal-identity strong{font:500 16px/1.5 var(--ui);overflow-wrap:anywhere}
.personal-identity span{font:12px/1.7 var(--ui);color:#c1b0ce}
.personal-balance{display:flex;align-items:center;gap:12px;width:fit-content;margin:24px 0;color:#ecd19a;font:40px/1.3 var(--reading)}
.personal-balance small{font:14px/1.5 var(--ui);color:#cabed4}
.account-form{max-width:400px;margin:28px 0}
.account-form strong{overflow-wrap:anywhere}
.account-form label{display:block;font:14px/1.4 var(--ui);margin:0 0 10px}
.account-form input{display:block;width:100%;padding:14px 16px;border:1px solid #d7bed94d;border-radius:12px;background:#21152d9c;color:#f6edf9;font:16px/1.5 var(--ui)}
.account-form input::placeholder{color:#ac9bb8}
.account-form #demo-code{letter-spacing:.35em;font-size:24px;max-width:240px}
.account-form .catalog-button+.account-quiet{margin-left:16px}
:root body .account-hint{font:16px/1.4 var(--reading);color:#c6b7d1;margin:12px 0 22px}
:root body .account-error{font:14px/1.5 var(--ui);color:#ffcfba;margin:12px 0}
.account-error:empty{display:none}
.account-quiet{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;margin:8px 18px 0 0;border:0;background:none;color:#cfc0de;font:17px/1.4 var(--reading);text-decoration:underline;text-underline-offset:4px;text-decoration-color:#cfc0de55}
@media(max-width:700px){
 :root body .header-actions{gap:8px}
 .account-stars{padding:8px 12px;gap:7px}
 .account-link{gap:7px;font-size:12px}
 .account-name{max-width:75px}
 .account-avatar{width:29px;height:29px}
 .account-caption small{font-size:9px}
 :root body .header .wordmark{font-size:18px;gap:7px}
 .header .brand-mark{width:29px;height:29px}
 .personal-copy:before{inset:-20px -18px}
 .personal-identity strong{font-size:14px}
}
@media(max-width:370px){
 :root body .header .wordmark{font-size:16px;letter-spacing:-.5px;gap:5px}
 .header .brand-mark{width:25px;height:25px}
 :root body .header-actions{gap:6px}
 .account-stars{padding-inline:9px}
 .account-name{max-width:52px}
 .account-caption small{font-size:8px}
 .account-link{gap:5px}
}

.account-form select{display:block;width:100%;padding:14px 16px;border:1px solid #d7bed94d;border-radius:12px;background:#21152d;color:#f6edf9;font:16px/1.5 var(--ui)}
.account-form input+label,.account-form select+label{margin-top:18px}