html:root body .account-profile-page .personal-progress{box-sizing:border-box;border:1px solid var(--color-border-default);background:var(--color-surface-base);width:100%;color:var(--color-text-primary);text-align:left;font:500 15px/1.5 var(--font-text);box-shadow:0 5px 0 var(--color-surface-sunken);border-radius:24px;gap:12px;padding:24px;display:grid}html:root body .account-profile-page button.personal-progress{cursor:pointer}html:root body .account-profile-page .personal-progress-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}html:root body .account-profile-page .personal-progress-heading strong{font-size:20px}html:root body .account-profile-page .personal-progress-heading b{font-size:26px}html:root body .account-profile-page .personal-progress progress{appearance:none;border:1px solid var(--color-border-control);background:var(--color-surface-sunken);border-radius:999px;width:100%;height:12px;overflow:hidden}html:root body .account-profile-page .personal-progress progress::-webkit-progress-bar{background:var(--color-surface-sunken)}html:root body .account-profile-page .personal-progress progress::-webkit-progress-value{background:var(--color-accent-primary);border-radius:999px}html:root body .account-profile-page .personal-progress progress::-moz-progress-bar{background:var(--color-accent-primary)}html:root body .account-profile-page .personal-progress-caption{font-size:13px}html:root body .account-profile-page .personal-progress--complete{color:var(--color-accent-primary);background:var(--color-surface-base);border-color:var(--color-border-default);box-shadow:none}html:root body .account-profile-page .personal-progress--complete progress::-webkit-progress-value{background:var(--color-accent-primary)}html:root body .account-profile-page .personal-access{background:var(--color-surface-sunken);color:var(--color-text-primary);text-align:left;cursor:pointer;font:500 16px/1.4 var(--font-text);border:0;border-radius:24px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:16px;padding:22px;display:grid}html:root body .account-profile-page .personal-access strong{font-size:22px;display:block}html:root body .account-profile-page .personal-access small{color:var(--color-text-secondary);margin-top:4px;font-size:15px;display:block}html:root body .account-profile-page .personal-icon{background:var(--color-surface-base);width:44px;height:44px;color:var(--color-accent-primary);border-radius:16px;place-items:center;display:grid}html:root body .account-profile-page .personal-icon svg{width:26px;height:26px}html:root body .account-profile-page .personal-dialog{box-sizing:border-box;background:var(--color-bg-canvas);width:min(640px,100% - 32px);max-height:calc(100dvh - 40px);color:var(--color-text-primary);font:500 16px/1.5 var(--font-text);overscroll-behavior:contain;border:0;border-radius:28px;margin:auto;padding:28px}html:root body .account-profile-page .personal-dialog::backdrop{background:#000000a6}html:root body .account-profile-page .personal-dialog-header{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;margin-bottom:20px;display:grid}html:root body .account-profile-page .personal-dialog-header h2{text-align:center;margin:0;font-size:21px;line-height:1.3}html:root body .account-profile-page .personal-dialog-header button{background:var(--color-surface-base);min-height:44px;color:var(--color-accent-primary);cursor:pointer;border:0;border-radius:50%;font-size:28px}html:root body .account-profile-page .personal-local-note{color:var(--color-text-secondary);margin:0 0 24px;font-size:12px}html:root body .account-profile-page .personal-overview h3{margin:28px 0 12px;font-size:18px}html:root body .account-profile-page .personal-overview p{margin:8px 0}html:root body .account-profile-page .personal-missing{flex-wrap:wrap;gap:10px;display:flex}html:root body .account-profile-page .personal-missing button{border:1px solid var(--color-border-control);background:var(--color-surface-sunken);min-height:44px;color:var(--color-text-primary);font:700 14px/1.3 var(--font-text);cursor:pointer;border-radius:16px;padding:10px 14px}html:root body .account-profile-page .personal-rows{background:var(--color-surface-sunken);border-radius:24px;overflow:hidden}html:root body .account-profile-page .personal-row{border:0;border-bottom:1px solid var(--color-border-default);width:100%;min-height:88px;color:var(--color-text-primary);font:500 15px/1.4 var(--font-text);text-align:left;cursor:pointer;background:0 0;grid-template-columns:44px minmax(0,1fr) minmax(0,.9fr) auto;align-items:center;gap:12px;padding:18px;display:grid}html:root body .account-profile-page .personal-row:last-child{border-bottom:0}html:root body .account-profile-page .personal-row-label strong{font-size:17px;display:block}html:root body .account-profile-page .personal-row-label small{color:var(--color-text-secondary);font-size:13px;display:block}html:root body .account-profile-page .personal-row-value{color:var(--color-text-secondary);overflow-wrap:anywhere;font-size:14px}html:root body .account-profile-page .personal-row-label:nth-last-child(2){grid-column:2/4}html:root body .account-profile-page .personal-form{gap:16px;padding:20px 0;display:grid}html:root body .account-profile-page .personal-form label{font-weight:700}html:root body .account-profile-page .personal-form input{box-sizing:border-box;border:1px solid var(--color-border-control);background:var(--color-surface-sunken);width:100%;min-width:0;min-height:60px;color:var(--color-text-primary);font:500 18px/1.4 var(--font-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:20px;padding:14px 18px}html:root body .account-profile-page .personal-form p{text-align:center;margin:0}html:root body .account-profile-page #personal-error{color:var(--color-status-danger)}html:root body .account-profile-page .personal-update{background:var(--color-accent-primary);min-height:56px;color:var(--color-text-on-accent);box-shadow:0 5px 0 var(--color-surface-sunken);font:700 18px/1.4 var(--font-text);cursor:pointer;border:0;border-radius:20px;margin-top:24px;padding:14px 20px}html:root body .account-profile-page :is(.personal-dialog,.personal-access,.personal-progress) :is(button,input):focus-visible,html:root body .account-profile-page :is(button.personal-access,button.personal-progress):focus-visible{outline:3px solid var(--color-accent-primary);outline-offset:3px}html:root body .account-profile-page .account-profile-edit{cursor:pointer}@media (width<=520px){html:root body .account-profile-page .personal-dialog{width:100%;height:100dvh;max-height:100dvh;padding:24px 16px max(24px,env(safe-area-inset-bottom));border-radius:0}html:root body .account-profile-page .personal-progress{padding:20px}html:root body .account-profile-page .personal-progress-heading strong{font-size:17px}html:root body .account-profile-page .personal-row{grid-template-columns:36px minmax(0,1.1fr) minmax(0,.9fr) auto;gap:8px;padding:16px 12px}html:root body .account-profile-page .personal-row .personal-icon{border-radius:12px;width:34px;height:40px}html:root body .account-profile-page .personal-row-label strong{font-size:15px}html:root body .account-profile-page .personal-row-value{font-size:12px}}html:root body .account-profile-page .personal-row{box-shadow:none;border-radius:0}@media (width<=520px){html:root body .account-profile-page .personal-dialog{max-width:100%}}html:root body .account-profile-page .personal-access-section h3{font:700 18px/1.4 var(--font-text);margin:8px 0 14px}html:root body .account-profile-page .personal-access{width:100%}