/* Account navigation owns its shell; profile/settings own only their content. */

.ma-account-layer{position:fixed;inset:0;z-index:110;}
.ma-account-layer[hidden]{display:none;}
.ma-account-backdrop{position:absolute;inset:0;background:var(--ma-backdrop);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
.ma-account-sheet{
  position:absolute;top:18px;right:18px;display:flex;flex-direction:column;
  width:min(600px,calc(100vw - 36px));height:min(800px,calc(var(--ma-overlay-height,100dvh) - 36px));
  overflow:hidden;box-sizing:border-box;border:1px solid var(--ma-border);border-radius:var(--ma-radius-lg);
  background:var(--ma-surface-strong);box-shadow:var(--ma-shadow);color:var(--ma-text);
  animation:ma-account-enter var(--ma-motion-fast) ease-out;
}
@keyframes ma-account-enter{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
.ma-account-header{display:flex;flex:none;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px 12px;}
.ma-account-header>div{flex:1;min-width:0;overflow-wrap:anywhere;}
.ma-menu-kicker{font-size:.69rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--ma-muted);}
.ma-account-header h2{margin:4px 0 0;font:750 1.5rem/1.15 var(--ma-font-display);letter-spacing:-.035em;color:var(--ma-text-strong);}
.ma-account-header .ma-icon-button{flex:none;min-width:44px;min-height:44px;}
html[data-ma-runtime="ios"][data-ma-large-text] .ma-account-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px 12px;}
html[data-ma-runtime="ios"][data-ma-large-text] .ma-account-header>div{display:contents;}
html[data-ma-runtime="ios"][data-ma-large-text] .ma-account-header .ma-menu-kicker{grid-column:1;grid-row:1;}
html[data-ma-runtime="ios"][data-ma-large-text] .ma-account-header h2{grid-column:1/-1;grid-row:2;}
html[data-ma-runtime="ios"][data-ma-large-text] .ma-account-header .ma-ios-profile{grid-column:2;grid-row:1;}
html[data-ma-runtime="ios"][data-ma-large-text] .ma-account-header #maAccountClose{grid-column:3;grid-row:1;}
.ma-account-tabs{display:grid;grid-template-columns:repeat(var(--ma-account-tab-count),minmax(0,1fr));gap:8px;flex:none;margin:0 20px 16px;padding:0;border-bottom:1px solid var(--ma-border);}
.ma-account-tab{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:48px;padding:10px 4px;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:var(--ma-muted);font:750 .78rem/1.25 var(--ma-font-ui);text-align:center;cursor:pointer;}
.ma-account-tab .ma-icon{width:21px;height:21px;flex:none;}
.ma-account-tab[aria-selected="true"]{border-bottom-color:var(--ma-primary);color:var(--ma-text-strong);}
.ma-account-tab[aria-selected="true"] .ma-icon{color:var(--ma-atlas);}
.ma-account-tab:focus-visible{outline:3px solid var(--ma-focus-ring);outline-offset:1px;}
.ma-account-view{flex:1;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:0 20px 20px;scrollbar-gutter:stable;}
.ma-account-view[hidden]{display:none;}
.ma-account-view> :last-child{margin-bottom:0;}
.ma-account-view:focus-visible{outline:2px solid var(--ma-focus-ring);outline-offset:-3px;}
.ma-profile-card{margin:0 0 20px;padding:0;min-width:0;}
.ma-account-card{overflow:hidden;}
.ma-account-user{display:flex;align-items:center;gap:14px;min-height:96px;padding:18px 16px;border-radius:16px;box-sizing:border-box;}
.ma-account-copy{min-width:0;}
.ma-account-avatar{flex:none;width:60px;height:60px;border-radius:16px;object-fit:cover;background:var(--ma-surface-inset);border:1px solid var(--ma-border-strong);}
.ma-account-name{font:750 1.2rem/1.25 var(--ma-font-display);color:var(--ma-text-strong);overflow-wrap:anywhere;}
.ma-account-email,.ma-sync-detail{color:var(--ma-muted);font-size:.75rem;line-height:1.45;overflow-wrap:anywhere;}
.ma-account-view .ma-card,.ma-account-view .ma-setting-list,.ma-account-view .ma-setting-row,.ma-account-copy,.ma-profile-card-head>div{min-width:0;max-width:100%;}
.ma-auth-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;}
.ma-auth-actions:not(:has(#profileLinkBtn:not([hidden]))){grid-template-columns:repeat(2,minmax(0,1fr));}
.ma-auth-actions>.ma-button{min-width:0;min-height:64px;flex-direction:column;gap:5px;padding:9px 5px;font-size:.7rem;font-weight:650;white-space:normal;line-height:1.25;border:0;background:var(--ma-surface-inset);color:var(--ma-text-strong);}
.ma-auth-actions .ma-icon{width:20px;height:20px;flex:none;color:var(--ma-atlas);}
.ma-profile-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}
.ma-profile-card-title{font:700 1rem/1.3 var(--ma-font-display);color:var(--ma-text-strong);}
.ma-profile-progress-art{width:68px;height:44px;object-fit:contain;}
.ma-progression-card,.ma-sync-card{padding-top:18px;border-top:1px solid var(--ma-border);}
.ma-progression-card .ma-profile-card-title span{color:var(--ma-atlas);}
.ma-level-xp-line{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 9px;}
.ma-level-xp-line strong{font:700 1.3rem/1.2 var(--ma-font-display);color:var(--ma-text-strong);}
.ma-level-xp-line span{font-size:.7rem;color:var(--ma-muted);}
.ma-level-progress{height:6px;overflow:hidden;border-radius:8px;background:var(--ma-surface-inset);}
.ma-level-progress>span{display:block;width:0;height:100%;border-radius:inherit;background:var(--ma-primary);transition:width var(--ma-motion-medium) ease;}
.ma-level-activity{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;}
.ma-level-activity>div{min-width:0;display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);align-items:baseline;gap:3px 8px;}
.ma-level-activity span{grid-column:1/-1;font-size:.7rem;color:var(--ma-muted);}
.ma-level-activity strong{min-width:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:1.2rem;color:var(--ma-text-strong);}
.ma-level-activity small{min-width:0;overflow-wrap:anywhere;font-size:.65rem;color:var(--ma-muted);}
.ma-progression-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;}
.ma-achievement-summary{display:flex;align-items:baseline;gap:6px;}
.ma-achievement-summary strong{font-size:1rem;color:var(--ma-text-strong);}
.ma-achievement-summary span{color:var(--ma-muted);font-size:.7rem;}
.ma-sync-status-line{display:flex;align-items:center;gap:8px;font-size:.83rem;}
.ma-sync-dot{width:8px;height:8px;border-radius:50%;background:var(--ma-info);flex:none;}
.ma-sync-dot.ok,.ma-sync-dot.cloud,.ma-sync-dot.success{background:var(--ma-success);}
.ma-sync-dot.warning,.ma-sync-dot.offline{background:var(--ma-warning);}
.ma-sync-dot.error,.ma-sync-dot.danger{background:var(--ma-danger);}
.ma-sync-detail{margin-top:6px;max-width:100%;white-space:normal;}
.ma-sync-meta{margin-top:8px;font-size:.68rem;line-height:1.45;color:var(--ma-muted);}
.ma-sync-card>.ma-button{margin-top:10px;min-height:44px;font-size:.75rem;}
html[data-ma-large-text] .ma-level-activity>div{grid-template-columns:1fr;}
html[data-ma-large-text] .ma-auth-actions{grid-template-columns:repeat(2,minmax(0,1fr));}

/* Open, compact preference rows and one action vocabulary for Settings. */
.ma-settings-section{margin:0 0 28px;min-width:0;}
.ma-settings-section-title{display:flex;align-items:center;gap:10px;margin:0 0 8px;color:var(--ma-text-strong);font:750 .95rem/1.35 var(--ma-font-display);}
.ma-settings-section-title>.ma-icon{width:24px;height:24px;flex:none;color:var(--ma-atlas);}
.ma-preference-row{display:grid;grid-template-columns:minmax(64px,.7fr) minmax(0,1.8fr);align-items:center;gap:12px;min-height:62px;padding:8px 0;border-bottom:1px solid var(--ma-border);font-size:.8rem;}
.ma-settings-segmented{min-width:0;width:100%;margin:0;padding:3px;background:var(--ma-surface-inset);border:0;box-shadow:none;}
.ma-settings-segmented .ma-button{min-height:40px;padding:8px 4px;font-size:.73rem;overflow-wrap:normal;word-break:normal;border:0;box-shadow:none;}
.ma-settings-segmented--display{--ma-segment-count:2;}
.ma-settings-action{display:flex;align-items:center;gap:10px;min-width:0;min-height:52px;width:100%;padding:12px 0;border:0;border-bottom:1px solid var(--ma-border);border-radius:0;background:transparent;color:var(--ma-text-strong);font:600 .8rem/1.4 var(--ma-font-ui);text-align:left;cursor:pointer;}
.ma-settings-action>span{flex:1;min-width:0;}
.ma-settings-action>.ma-icon{width:21px;height:21px;flex:none;color:var(--ma-atlas);}
.ma-settings-action>.ma-icon:last-child{width:16px;height:16px;color:var(--ma-muted);}
.ma-settings-action--danger{color:var(--ma-danger);}
.ma-settings-action--danger>.ma-icon:first-child{color:inherit;}
.ma-settings-action:focus-visible,.ma-settings-schedule summary:focus-visible{outline:3px solid var(--ma-focus-ring);outline-offset:2px;border-radius:8px;}
.ma-settings-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.ma-settings-action-grid .ma-settings-action{flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;min-height:86px;padding:14px;border:1px solid var(--ma-border);border-radius:14px;background:var(--ma-surface-inset);}
.ma-settings-action-grid .ma-settings-action>span{flex:none;}
.ma-settings-action-grid .ma-settings-action>.ma-icon:last-child{display:none;}
.ma-settings-notifications>.ma-native-preference{font-size:.8rem;font-weight:550;min-height:52px;border-bottom:1px solid var(--ma-border);}
.ma-settings-schedule{padding:6px 0;border-bottom:1px solid var(--ma-border);}
.ma-settings-schedule summary{min-height:44px;align-content:center;cursor:pointer;font-size:.8rem;font-weight:600;}
.ma-settings-schedule .ma-native-preference{font-size:.78rem;font-weight:500;padding-block:6px;}
.ma-settings-schedule p{font-size:.72rem;line-height:1.5;}
.ma-settings-schedule .ma-button{margin:8px 0;}
.ma-settings-version{margin:12px 0;color:var(--ma-muted);font-size:.7rem;}
.ma-settings-status{margin-top:8px;min-height:0;}
.ma-settings-status:empty{display:none;}
html[data-ma-large-text] .ma-preference-row{grid-template-columns:1fr;gap:8px;}
html[data-ma-large-text] .ma-settings-action-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));}
.ma-theme-choice-btn.active,[data-ma-theme-choice].active{
  border-color:transparent;background:var(--ma-control-active);box-shadow:var(--ma-shadow-control);outline:none;
}

/* Authentication visibility is state-owned by the shared profile binding. */
html[data-ma-signed-in="true"] [data-ma-sign-in],
html[data-ma-signed-in="false"] [data-ma-sign-out]{display:none;visibility:hidden;pointer-events:none;}
html[data-ma-signed-in="true"] [data-ma-sign-out],
html[data-ma-signed-in="false"] [data-ma-sign-in]{visibility:visible;pointer-events:auto;}


@media(max-width:760px),(pointer:coarse){
  .ma-account-sheet{top:calc(env(safe-area-inset-top,0px) + 8px);right:8px;left:8px;width:auto;height:calc(var(--ma-overlay-height,100dvh) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 16px);border-radius:24px;}
  .ma-account-header{padding:16px;}
  .ma-account-header h2{font-size:1.55rem;}
  .ma-account-tabs{margin:0 12px 16px;}
  .ma-account-view{padding:0 14px 18px;}
  .ma-settings-inline-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;}
  .ma-settings-inline-actions .ma-button{width:100%;}
}
body[data-effective-display-mode="tablet"] .ma-account-sheet{left:auto;right:16px;width:min(600px,calc(100vw - 32px));}
body[data-effective-display-mode="phone"] .ma-account-sheet{left:8px;right:8px;width:auto;}
html[data-ma-runtime="ios"] .ma-account-sheet{
  left:auto;right:calc(var(--ma-ios-clear-right,var(--ma-safe-right)) + 8px);
  width:min(720px,calc(100% - var(--ma-ios-clear-left,var(--ma-safe-left)) - var(--ma-ios-clear-right,var(--ma-safe-right)) - 16px));
  top:calc(var(--ma-safe-top) + 8px);
  height:calc(var(--ma-overlay-height,100dvh) - var(--ma-safe-top) - max(var(--ma-ios-dock-height,0px),var(--ma-safe-bottom)) - 16px);
}
html[data-ma-runtime="ios"] .ma-account-header{padding-left:calc(20px + var(--ma-ios-account-left,0px));padding-right:calc(20px + var(--ma-ios-account-right,0px));}
html[data-ma-runtime="ios"] .ma-account-tabs{margin-left:calc(20px + var(--ma-ios-account-left,0px));margin-right:calc(20px + var(--ma-ios-account-right,0px));}
html[data-ma-runtime="ios"] .ma-account-view{margin-top:var(--ma-ios-account-gap,0px);}
@media(max-width:560px){
  .ma-account-settings .ma-button{font-size:.82rem;}
  .ma-settings-inline-actions{grid-template-columns:1fr;}
}
@media(prefers-reduced-motion:reduce){.ma-account-sheet{animation:none;}}

/* Provider choice uses the shared dialog; account state stays in cloud-sync. */
.ma-account-methods{display:grid;gap:12px;}
.ma-account-methods .ma-button{min-height:48px;}
/* Apple's original padded artwork fills the button height without cropping. */
.ma-account-methods .ma-account-apple{
  --ma-button-bg:#fff;--ma-button-bg-hover:#fff;--ma-button-color:#000;
  --ma-button-border:#fff;--ma-button-border-hover:#fff;
  --ma-apple-height:max(48px,3rem);
  height:var(--ma-apple-height);padding:0 8% 0 0;gap:0;border:0;overflow:hidden;
  font:500 calc(var(--ma-apple-height) * .43)/1.05 -apple-system,BlinkMacSystemFont,system-ui,sans-serif;
}
.ma-account-apple img{height:100%;width:auto;flex:none;}
.ma-account-apple span{flex:1;min-width:0;}

.ma-owned-themes{display:flex;flex-wrap:wrap;gap:8px;grid-column:1/-1;width:100%;}
.ma-theme-panel{flex-wrap:wrap;}
.ma-theme-collection-choice{--ma-control:var(--ma-theme-sample-bg);--ma-control-hover:var(--ma-theme-sample-card);--ma-control-active:var(--ma-theme-sample-card);--ma-control-active-text:var(--ma-theme-sample-ink);--ma-control-text:var(--ma-theme-sample-ink);background:var(--ma-control);color:var(--ma-control-text);border-color:color-mix(in srgb,var(--ma-theme-sample-ink) 35%,transparent);}
.ma-theme-collection-choice[aria-pressed="true"]{outline:2px solid var(--ma-theme-sample-ink);outline-offset:2px;}

html[data-ma-large-text] .ma-account-tab{flex-wrap:wrap;}
.ma-progression-card[hidden],.ma-profile-welcome[hidden]{display:none!important;}
.ma-profile-welcome{display:inline-flex;align-items:center;min-height:44px;font-size:.85rem;line-height:1.65;color:var(--ma-text);}