.account-trigger{display:inline-flex;align-items:center;justify-content:center;gap:10px;max-width:210px}
.account-trigger>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-trigger svg{flex-shrink:0}
.account-dialog{width:min(480px,calc(100vw - 36px));max-height:90vh;padding:36px;background:radial-gradient(ellipse at top right,#49305a66,transparent 65%),#17111f;color:#f9f1ec;border:1px solid #b98aca45;border-radius:18px;box-shadow:0 30px 100px #0009}
.account-dialog::backdrop{background:#08040dc4;backdrop-filter:blur(7px)}
.account-close{position:absolute;top:13px;right:15px;border:0;background:transparent;color:#c5b3cf;font-size:28px;cursor:pointer}
.account-eyebrow{font:10px/1.8 var(--studio-mono);letter-spacing:1px;color:#d1b6df;display:block;padding-right:18px}
.account-symbol{width:60px;height:60px;display:grid;place-items:center;border-radius:17px;background:#ffffff0f;color:#e7e1ee;border:1px solid #ffffff35;margin:28px 0 20px}
.account-symbol svg{width:32px;height:32px}
.account-dialog h2{font:800 42px/1.05 var(--studio-display);text-transform:uppercase;margin:0 0 20px}
.account-dialog p{font-size:15px;line-height:1.8;color:#ded0e8}
.google-login,.account-logout{display:flex;width:100%;align-items:center;justify-content:center;gap:12px;min-height:50px;border-radius:9px;background:#fff;color:#252525;border:1px solid #dadce0;font:650 15px Hanken,sans-serif;margin-top:26px;text-decoration:none;cursor:pointer}
.google-login:hover:not(:disabled){background:#f2f3f5}.google-login:disabled{cursor:not-allowed;opacity:.55}
.account-dialog .account-footnote{font-size:12px;line-height:1.7;color:#bcadca;margin-top:15px}
.account-message{display:flex;flex-direction:column;gap:10px;border:1px solid #f3945d40;padding:18px;background:#f3945d0a;border-radius:10px;font-size:14px;line-height:1.7;margin-top:24px}
.account-message strong{color:#ffc39f;font-size:15px}
.account-message span{color:#d2c2dc}
.account-storage{font-size:12px;line-height:1.8;color:#bca9ca;border-top:1px solid #ffffff18;padding-top:20px;margin-top:26px}
.account-person{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.account-person img{border-radius:50%}
.account-person>div{display:flex;flex-direction:column;gap:5px}
.account-person strong{font-size:18px}
.account-person span{font-size:13px;color:#c7b5d4}
.account-person b{width:100%;font-size:12px;font-weight:500;color:#c5ddbb;margin-top:7px}
.account-initial{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#362442;color:#ffe6d2;font:700 15px Hanken;flex-shrink:0}
.account-person>.account-initial{width:56px;height:56px;font-size:24px}
.account-logout{background:transparent;border-color:#ffffff28;color:#e9ddee}
@media(max-width:540px){.account-dialog{padding:28px 22px}.account-dialog h2{font-size:36px}.landing-navigation>.account-trigger{font-size:12px;padding:8px 12px}.landing-navigation>.account-trigger>span{display:inline}}