.account-screen{min-height:100dvh;display:grid;place-items:center;padding:32px;background:radial-gradient(ellipse at 50% 0,#342047 0,transparent 65%),#100c18}.account-card{width:min(440px,100%);padding:36px;border:1px solid #b899e033;border-radius:28px;background:#1b1427cc;box-shadow:0 24px 100px #0005}.account-card h1{font-size:30px;line-height:1.15;margin:20px 0}.account-card p{color:#bdadcc;line-height:1.6}.account-card form{display:grid;gap:12px;margin-top:28px}.account-card input{width:100%;padding:14px;border:1px solid #ab84d44a;background:#110c1b;color:#fff;border-radius:12px}.account-card button.primary{margin-top:12px;justify-content:center;padding:14px}.account-links{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.account-links button{background:transparent;color:#d9b5ff;border:1px solid #8d65ba55;border-radius:10px;padding:10px;cursor:pointer}.account-bar{display:flex;align-items:center;flex-wrap:wrap;gap:16px;font-size:12px}.account-bar [data-cloud-status]{color:#bea2d5}.account-bar .ghost{font-size:12px;padding:8px 12px}#account-error{min-height:24px;overflow-wrap:anywhere}.account-card .eyebrow{font-size:11px;letter-spacing:.16em}.account-card button:disabled{opacity:.5}

.account-profile{position:relative;display:flex;justify-content:center}
.account-popover[hidden]{display:none}
.account-popover{position:absolute;bottom:calc(100% + 12px);left:0;width:min(304px,calc(100vw - 38px));padding:8px;border:1px solid #c9b1e32b;border-radius:16px;background:linear-gradient(145deg,#271d34,#1c1627);box-shadow:0 16px 48px #08050f80,0 2px 8px #08050f50,inset 0 1px #ffffff08;text-align:left;z-index:60;transform-origin:24px bottom;animation:account-menu-in .14s ease-out}
.account-identity{display:flex;align-items:center;gap:12px;padding:12px 10px 9px}
.account-profile-avatar{display:grid;place-items:center;flex:0 0 38px;height:38px;border:1px solid #cba6ff40;border-radius:12px;background:linear-gradient(145deg,#694a8d,#382849);box-shadow:inset 0 1px #ffffff18;color:#f0dfff;font-size:13px;font-weight:600}
.account-identity-text{min-width:0;display:grid;gap:4px}
.account-popover-title{font-size:13px;line-height:1.3;font-weight:600;letter-spacing:0;color:#f2eafa}
.account-email{font-size:11px;line-height:1.5;font-weight:400;color:#b7a9c6;overflow-wrap:anywhere}
.account-sync-row{padding:0 10px 13px 60px}
.account-sync{display:flex;align-items:baseline;gap:6px;font-size:10px;line-height:1.5;color:#b0a0c0}
.account-sync:before{content:'';flex:0 0 5px;width:5px;height:5px;border-radius:50%;background:#bd9edb;align-self:center}
.account-sync[data-synced=true]{color:#b3c9bf}.account-sync[data-synced=true]:before{background:#90baa5}
.account-popover-actions{display:grid;gap:3px;border-top:1px solid #c5b0df17;padding-top:6px}
.account-popover-actions a,.account-popover-actions button{display:flex;align-items:center;justify-content:flex-start;gap:11px;width:100%;min-height:42px;padding:10px;border:0;border-radius:9px;background:transparent;color:#d8cde4;font:inherit;font-size:12px;font-weight:400;text-align:left;cursor:pointer;transition:background .12s,color .12s}
.account-popover-actions svg{width:17px;height:17px;flex-shrink:0;color:#a994bd}.account-action-chevron{margin-left:auto;display:flex}.account-action-chevron svg{width:13px;height:13px;color:#83718f}
.account-popover-actions a:hover,.account-popover-actions button:hover{background:#c4a3eb0c;color:#fff}
.account-popover-actions .account-logout{color:#c5b4ce}.account-popover-actions .account-logout:hover{background:#ee859b0c;color:#f0afbe}.account-logout:hover svg{color:#f0afbe}
.account-popover-actions a:focus-visible,.account-popover-actions button:focus-visible{outline:2px solid #b793dc;outline-offset:-2px}
.account-profile .rail-avatar[aria-expanded=true]{box-shadow:0 0 0 3px #bd8aff20;border-color:#c7a0ff}
@keyframes account-menu-in{from{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.account-popover{animation:none}.account-popover-actions a,.account-popover-actions button{transition:none}}