.account-card { background:#fffdf8;border:1px solid #dcded4;border-radius:24px;padding:28px;margin:20px 0; }
.account-card h2 { margin:0 0 12px; }.account-card p { color:#60726b;line-height:1.65; }
.viewer-mode [hidden],.viewer-mode .placement-control { display:none!important; }
.account-google { display:flex;align-items:center;gap:24px;background:#e5efe8;justify-content:space-between; }
.family-invite-form { display:grid;grid-template-columns:1.4fr 1fr auto;gap:16px;align-items:end; }
.family-invite-form label { display:grid;gap:8px;font-weight:600; }
.family-role-guide { display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px; }.family-role-guide strong { display:block;color:#193d33; }
.family-member-list article,.family-pending { display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid #e4e7df; }
.family-member-list small,.family-pending small { display:block;color:#65746b;margin-top:6px; }
.family-member-actions { display:flex;gap:12px; }.family-role-badge { background:#e3eee7;padding:8px 14px;border-radius:16px; }
.invitation-share { background:#e3eee7;border-radius:18px;padding:22px;margin-top:20px; }.invitation-share input { margin-bottom:12px;width:100%; }
#account-dialog { max-width:560px;width:calc(100% - 36px);border:1px solid #dae1d7;border-radius:24px;padding:32px;color:#193d33; }#account-dialog::backdrop { background:#14362b80; }#account-dialog p { line-height:1.6;color:#65746b; }#account-dialog-close { float:right; }
#google-signin { margin:22px auto;display:flex;justify-content:center; }.account-muted { color:#68776d; }.account-role { font-size:12px;display:block; }.account-signout { padding:6px 10px;font-size:13px; }
.viewer-mode [data-view="add"],.viewer-mode [data-go="add"],.viewer-mode #workspace-edit,.viewer-mode #workspace-tools,.viewer-mode #portfolio-activities-panel,.viewer-mode #portfolio-details-card,.viewer-mode #profile-editor-card,.viewer-mode #cover-editor-card,.viewer-mode #create-portfolio-section,.viewer-mode .portfolio-danger-zone,.viewer-mode #master-preview-publish,.viewer-mode #master-draft-panel,.viewer-mode #preview-actions,.viewer-mode .activity-placement-control,.editor-mode .portfolio-danger-zone { display:none!important; }
@media(max-width:720px){.account-card{padding:22px}.account-google,.family-member-list article,.family-pending{align-items:stretch;flex-direction:column}.family-invite-form,.family-role-guide{grid-template-columns:1fr}.family-member-actions{flex-wrap:wrap}.account-role{max-width:150px;overflow-wrap:anywhere} }