body.account-page-active .version-page,body.account-page-active .version-switch-zone,body.account-page-active #projectPlazaPage { display:none!important; }
body.account-page-active .workspace { background:#fff; }
body.account-page-active { min-width:0; }
.account-page .account-layout .account-right { min-width:0; }
.account-security-heading>div,.account-row>div,.account-cancel>div { min-width:0; }
.account-row .account-secondary,.account-cancel .account-secondary { flex-shrink:0; }
.account-edit img { filter:grayscale(1); }
.account-edit:hover img { filter:brightness(0) saturate(100%) invert(32%) sepia(100%) saturate(3000%) hue-rotate(215deg); }
@media(max-width:900px) { .account-layout { grid-template-columns:1fr!important; }.account-security-heading { flex-wrap:wrap; } }
.account-page { padding:8px 0 32px; }
.account-page h1 { margin:0; font-size:28px; line-height:42px; color:#0c0d0e; }
.account-page header>p { color:#586288; font-size:14px; margin:8px 0 32px; }
.account-layout { display:grid; grid-template-columns:minmax(310px,30%) minmax(0,1fr); gap:24px; }
.account-card { border:1px solid #eaedf1; border-radius:8px; background:#fff; }
.account-profile { padding:32px 24px; }
.account-photo { display:block; width:64px; height:64px; border-radius:50%; object-fit:cover; margin:0 auto 12px; }
.account-name { display:flex; justify-content:center; align-items:center; gap:8px; }
.account-name h2 { margin:0; font-size:22px; line-height:32px; font-weight:500; color:#0c0d0e; overflow-wrap:anywhere; }
.account-edit { border:0; background:transparent; padding:5px; color:#737a87; border-radius:4px; }
.account-edit:hover { color:#1664ff; background:#f3f7ff; }
.account-edit img { display:block; width:16px; height:16px; }
.account-edit[aria-disabled=true] { opacity:.5; }
.account-next { margin:8px 0 0; text-align:center; color:#737a87; font-size:12px; }
.account-id { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:24px 0; padding:12px; background:#f6f8fa; border-radius:4px; font-size:13px; white-space:nowrap; }
.account-copy { display:flex; align-items:center; gap:6px; padding:0; border:0; background:none; color:#1664ff; }
.account-copy img { width:16px; height:16px; }
.account-facts { border-top:1px solid #eaedf1; padding-top:25px; display:grid; gap:34px; font-size:13px; }
.account-facts>div { display:flex; justify-content:space-between; align-items:center; color:#737a87; }
.account-facts b { font-weight:500; color:#42464e; }
.account-tag { display:inline-flex; align-items:center; gap:4px; color:#237040; background:#e1f6e6; padding:1px 6px; border-radius:4px; font-size:13px; line-height:22px; white-space:nowrap; }
.account-tag img { width:14px; height:14px; }
.account-right { display:grid; gap:24px; }
.account-security { padding:20px 24px 0; }
.account-security-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-bottom:16px; }
.account-page h3 { font-size:18px; line-height:24px; font-weight:500; margin:0; }
.account-page p { line-height:22px; }
.account-security-heading p { margin:3px 0 0; font-size:13px; color:#737a87; }
.account-row { display:flex; align-items:center; gap:18px; padding:16px 0; border-top:1px solid #eaedf1; min-height:81px; }
.account-row-icon { padding:8px; border-radius:8px; background:#eef9f1; display:flex; }
.account-row-icon img { width:20px; height:20px; }
.account-row-icon.phone { background:#f3f7ff; }.account-row-icon.lock { background:#fef8eb; }
.account-row h4,.account-cancel h4 { margin:0; font-size:14px; font-weight:500; line-height:24px; }
.account-row p,.account-cancel p { font-size:12px; color:#737a87; margin:2px 0 0; }
.account-row .account-secondary { margin-left:auto; }
.account-secondary { border:1px solid #dde2e9; border-radius:4px; background:#f6f8fa; color:#42464e; padding:3px 16px; line-height:22px; font-size:13px; box-shadow:0 2px 1px #00000014; white-space:nowrap; }
.account-secondary:hover { color:#1664ff; background:#f3f7ff; }
.account-cancel { padding:20px 24px; display:flex; align-items:center; gap:24px; justify-content:space-between; }
.account-menu { position:fixed; z-index:70; left:22px; bottom:84px; width:170px; padding:8px; background:white; border-radius:8px; box-shadow:0 15px 35px #00000015,0 5px 15px #0000000d; }
.account-menu button { width:100%; display:flex; align-items:center; gap:12px; padding:12px; border:0; border-radius:8px; background:white; color:#787c91; font-size:14px; text-align:left; }
.account-menu button img { width:16px; height:16px; }
.account-menu button:hover,.account-menu button.active { background:#f3f7ff; color:#1664ff; }
.account-menu .logout { color:#e31b54; margin-top:8px; }.account-menu hr { border:0; border-top:1px solid #e1e3ea; margin:8px 0; }
.account-dialog { width:440px; max-width:calc(100vw - 32px); padding:24px; border:0; border-radius:12px; color:#42464e; box-shadow:0 16px 60px #0003; }
.account-dialog::backdrop { background:#141b2f66; }
.account-dialog h2 { margin:0 32px 24px 0; font-size:20px; }
.account-dialog p { font-size:14px; line-height:24px; }
.account-dialog-close { position:absolute; right:18px; top:16px; background:none; border:0; font-size:24px; color:#737a87; }
.account-dialog label { display:block; font-size:14px; margin-bottom:8px; }
.account-dialog input { width:100%; border:1px solid #dde2e9; border-radius:6px; padding:10px 12px; outline:none; }
.account-dialog input:focus { border-color:#1664ff; box-shadow:0 0 0 3px #1664ff12; }
.account-dialog input[aria-invalid=true] { border-color:#e31b54; }
.account-input-meta { display:flex; justify-content:space-between; gap:12px; font-size:12px; min-height:24px; margin-top:6px; color:#737a87; }
.account-error { color:#e31b54; }
.account-help { color:#737a87; font-size:12px!important; margin:12px 0 24px; }
.account-dialog-footer { display:flex; justify-content:flex-end; gap:12px; margin-top:24px; }
.account-primary { padding:8px 16px; border:0; border-radius:6px; color:white; background:#1664ff; font-size:14px; }
.account-primary:disabled { opacity:.5; cursor:not-allowed; }
.account-dialog button:focus-visible,.account-menu button:focus-visible { outline:2px solid #1664ff; outline-offset:3px; }
.account-scenario-zone { position:fixed; top:12px; right:24px; width:210px; height:64px; z-index:40; }
.account-scenarios { display:flex; gap:4px; padding:4px; border:1px solid #dde2e9; border-radius:8px; background:white; box-shadow:0 5px 18px #26345415; opacity:0; pointer-events:none; transition:opacity .15s; }
.account-scenario-zone:hover .account-scenarios,.account-scenario-zone:focus-within .account-scenarios { opacity:1; pointer-events:auto; }
.account-scenarios button { flex:1; border:0; padding:6px 12px; border-radius:5px; background:white; color:#737a87; font-size:13px; }
.account-scenarios button[aria-pressed=true] { background:#f3f7ff; color:#1664ff; }
.account-dialog.nickname-edit-dialog,.account-dialog.nickname-confirm-dialog { width:480px; padding:20px 24px; border:1px solid #eaedf1; border-radius:8px; box-shadow:0 15px 35px -2px #0000000d,0 5px 15px #0000000d; }
.account-dialog.nickname-confirm-dialog { width:360px; }
.account-dialog h2 { font-weight:500; font-size:18px; line-height:26px; margin:0 28px 20px 0; display:flex; align-items:center; gap:8px; }
.account-dialog h2 img { width:24px; height:24px; }
.account-dialog-close { top:23px; right:24px; padding:0; width:20px; height:20px; display:flex; }
.account-dialog-close img { width:20px; height:20px; }
.nickname-notice { display:flex; align-items:center; gap:8px; background:#f4f7ff; border-radius:4px; padding:8px 16px; margin:0 -4px 24px; color:#0c0d0e; font-size:13px; line-height:22px; }
.nickname-notice img { width:20px; height:20px; }.nickname-notice em { font-style:normal; color:#d7312a; }
.nickname-input-wrap { position:relative; }.nickname-input-wrap input { height:36px; font-size:13px; line-height:22px; padding:5px 36px 5px 12px; border-radius:4px; color:#0c0d0e; }
.nickname-input-wrap input:focus { box-shadow:0 0 0 3px #1664ff4d; }
#nicknameClear { position:absolute; right:12px; top:11px; padding:0; width:14px; height:14px; border:0; background:none; display:flex; }#nicknameClear img { width:14px; height:14px; }
.nickname-edit-dialog .account-input-meta { margin-top:4px; min-height:22px; line-height:22px; font-size:13px; }
.nickname-edit-dialog .account-error:empty { display:none; }
.nickname-edit-dialog .account-error,#nicknameWaiting { font-size:13px; line-height:22px; }
.account-dialog-footer { margin-top:20px; }
.account-dialog-footer button { height:32px; padding:5px 16px; font-size:13px; line-height:22px; border-radius:4px; }
.account-dialog .account-primary { box-shadow:0 0 0 1px #1759dd,0 2px 1px #00000026; }
.nickname-confirm-dialog p { margin:0; font-size:13px; line-height:22px; }.nickname-confirm-dialog strong { font-weight:500; color:#0c0d0e; }
.account-feedback-link { border:0; padding:0; color:#1664ff; text-decoration:underline; background:none; font:inherit; }
.is-loading::before { content:''; display:inline-block; vertical-align:-2px; width:12px; height:12px; margin-right:6px; border:2px solid #ffffff66; border-top-color:white; border-radius:50%; animation:nickname-spin .7s linear infinite; }
@keyframes nickname-spin { to {transform:rotate(360deg);} }
/* Figma's exported wrapper incorrectly resolves to a settings glyph. */
.nickname-notice>img,.nickname-confirm-dialog h2>img { display:none; }
.nickname-notice::before,.nickname-confirm-dialog h2::before { content:'i'; flex-shrink:0; width:17px; height:17px; margin:1.5px; border-radius:50%; background:#1664ff; color:#fff; text-align:center; font:600 13px/17px Georgia,serif; }
.nickname-confirm-dialog h2::before { width:20px; height:20px; margin:2px; font-size:15px; line-height:20px; }