.account-main{min-height:72vh;display:grid;place-items:center;padding:64px 24px}.account-card{width:min(100%,520px);padding:38px;border:1px solid #293141;background:linear-gradient(135deg,#111724,#0b0d12);border-radius:24px}.account-card h1{font-size:38px;line-height:1.1;letter-spacing:-1.5px;margin:24px 0 18px}.account-card p{color:#a6b2c7;line-height:1.7}.account-card .button{width:100%;margin:12px 0;justify-content:center}.account-card .google-button{background:#fff;color:#131722;box-shadow:none}.google-mark{font-size:22px;font-weight:800;color:#4285f4;margin-right:12px}.account-links{display:flex;justify-content:space-between;gap:16px;margin-top:22px}.account-links a{color:#9dbfff}.account-pill{display:inline-block;border:1px solid #377dff;padding:7px 12px;border-radius:999px;color:#b8d1ff}.account-card [hidden]{display:none}.platform-account{margin:10px 0 18px;padding:12px;border:1px solid #293141;border-radius:12px;display:flex;justify-content:space-between;gap:8px;font-size:12px}.platform-account a{color:#97baff}.live-connection-form{display:grid;gap:12px}.live-status{font-size:12px;line-height:1.5;color:#a6b2c7}.live-status[data-state=connected]{color:#66e3b8}

/* Account navigation: desktop links already provide the menu. */
.header .mobile-menu{display:none}
@media(max-width:800px){.header .mobile-menu{display:block;position:relative}.header .mobile-menu summary{cursor:pointer;font-size:19px;list-style:none}.header .mobile-menu summary::-webkit-details-marker{display:none}.header .mobile-menu>div{position:absolute;right:0;top:36px;z-index:50;width:190px;background:#111722;border:1px solid #33435d;border-radius:12px;padding:18px;display:grid;gap:17px;font-size:12px;box-shadow:0 15px 35px #0008}}
