/* The same quiet grouped surfaces at every depth. */
:root{--subpage-bg:#f6f7f8;--subpage-ink:#202226;--subpage-muted:#62666E;--subpage-line:#edf0ed;--subpage-accent:#34373D}
.profileSubpageVisible{background:var(--subpage-bg)}
.profileSubpageVisible>.nav,.profileSubpageVisible .app>.top,.profileSubpageVisible #profileView>.profileTitleRow,.profileSubpageVisible #profileView>.profileCard{display:none!important}
.profileSubpageVisible .app{padding-top:0;padding-bottom:24px}
#profileView .appSubpage{max-width:640px;margin:0 auto;padding:0 0 24px;background:transparent;border:0;border-radius:0;box-shadow:none}
#profileView .appSubpage>.detailHeader{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:0;align-items:center;position:sticky;top:0;z-index:45;background:var(--subpage-bg);margin:0 -4px 24px;padding:8px 0;border-bottom:1px solid var(--subpage-line)}
#profileView .appSubpage>.detailHeader h2{font-size:calc(18px * var(--mc-text-scale,1));line-height:1.4;font-weight:650;text-align:center;margin:0}
#profileView .appSubpage>.detailHeader button{height:44px;width:44px;border:0;background:transparent;border-radius:10px;font-size:32px;font-weight:400;color:var(--subpage-ink)}
.formGroup{background:#fff;border:1px solid var(--subpage-line);border-radius:16px;overflow:hidden;margin:0 0 20px}
.formField{padding:17px 18px}.formField+.formField{border-top:1px solid var(--subpage-line)}
.formField>label{display:block;color:var(--subpage-ink);font-size:calc(13px * var(--mc-text-scale,1));font-weight:600;margin-bottom:10px}
#profileView .formField .inp{display:block;border:0;background:transparent;border-radius:0;box-shadow:none;padding:0;margin:0;font-size:calc(16px * var(--mc-text-scale,1));line-height:1.5;min-height:28px}
#profileView .formField textarea.inp{min-height:96px;resize:vertical}
.fieldHint{font-size:calc(12px * var(--mc-text-scale,1))!important;line-height:1.5!important;color:var(--subpage-muted)!important;margin:8px 0 0!important}
.preferenceSwitch{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px!important;margin-top:0!important}
.preferenceSwitch label{font-size:calc(15px * var(--mc-text-scale,1));line-height:1.5}
.preferenceSwitch input,.appSubpage .switchLine input{appearance:none;flex:none;width:48px;height:28px;border-radius:20px;background:#EAECF0;position:relative;margin:0;border:0;transition:background .18s}
.preferenceSwitch input:before,.appSubpage .switchLine input:before{content:'';position:absolute;width:24px;height:24px;left:2px;top:2px;background:white;border-radius:50%;box-shadow:0 1px 3px #0002;transition:transform .18s}
.preferenceSwitch input:checked,.appSubpage .switchLine input:checked{background:var(--subpage-accent)}
.preferenceSwitch input:checked:before,.appSubpage .switchLine input:checked:before{transform:translateX(20px)}
.subpageFooter{position:sticky;bottom:0;background:var(--subpage-bg);padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:20}
#profileView .subpageFooter .btn{width:100%;margin:0;min-height:50px;border-radius:14px;background:var(--subpage-accent);font-size:calc(16px * var(--mc-text-scale,1));font-weight:600}
.appSubpage>.sectionHead{align-items:center;gap:12px;margin:22px 4px 12px}.appSubpage>.sectionHead h2{font-size:calc(14px * var(--mc-text-scale,1));font-weight:600}.appSubpage>.sectionHead .mini{font-size:calc(13px * var(--mc-text-scale,1));line-height:1.5}
.appSubpage .panel{border:1px solid var(--subpage-line);border-radius:16px;background:#fff}
.appSubpage .toolRow{gap:10px;margin:0 0 16px;flex-wrap:wrap}.appSubpage .toolRow .inp{min-height:48px;font-size:calc(15px * var(--mc-text-scale,1));border-radius:12px;border-color:var(--subpage-line)}.appSubpage .toolRow input{flex:1 1 180px;min-width:0}.appSubpage .toolRow select{flex:0 1 110px;min-width:100px}
.appSubpage .empty{padding:32px 22px;font-size:calc(14px * var(--mc-text-scale,1));line-height:1.7;color:var(--subpage-muted);text-align:center}
.appSubpage .btn,.appSubpage .linkBtn,.appSubpage .miniActions button{min-height:44px;font-size:calc(13px * var(--mc-text-scale,1));line-height:1.4;border-radius:11px;padding:10px 13px;font-weight:500}
.appSubpage .miniActions{gap:8px}.appSubpage .miniActions button{background:#f7f9f7;border-color:var(--subpage-line)}
.appSubpage .showBanner{background:#fff;border:1px solid var(--subpage-line);border-radius:16px;padding:20px;box-shadow:none}
.appSubpage .showBanner .featureMeta{font-size:calc(13px * var(--mc-text-scale,1));line-height:1.7;color:var(--subpage-muted)}.appSubpage .showBanner .switchLine{min-height:58px;font-size:calc(15px * var(--mc-text-scale,1));gap:16px}
.appSubpage .showLink{font-size:calc(12px * var(--mc-text-scale,1));white-space:normal;overflow-wrap:anywhere;line-height:1.6;background:#f6f7f8;padding:12px}
.appSubpage .activityTitle{font-size:calc(15px * var(--mc-text-scale,1));line-height:1.5}.appSubpage .activityMeta{font-size:calc(12px * var(--mc-text-scale,1));line-height:1.65}.appSubpage .alertRow,.appSubpage .offerRow,.appSubpage .compRow{padding:18px;border-bottom:1px solid var(--subpage-line)}
#moreView .setting{padding:18px;border-radius:16px;margin-bottom:20px}#moreView .setting>h3{font-size:calc(14px * var(--mc-text-scale,1));font-weight:600;color:#202226}#moreView .setting>p{font-size:calc(13px * var(--mc-text-scale,1));line-height:1.65;margin-bottom:16px}
#moreView .settingActions{margin:12px -18px -18px;border-top:1px solid var(--subpage-line)}
#moreView .settingActions .preferenceAction{display:flex!important;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;text-align:left;background:transparent;border:0;border-radius:0;box-shadow:none;padding:15px 18px!important;margin:0!important;font-size:calc(15px * var(--mc-text-scale,1));font-weight:500;line-height:1.5;color:var(--subpage-ink);cursor:pointer}
#moreView .settingActions .preferenceAction+.preferenceAction{border-top:1px solid var(--subpage-line)}
#moreView .settingActions .preferenceAction:after{content:'›';color:#62666E;font-size:23px;font-weight:400;flex:none}
#moreView .settingActions .dangerText{color:#b1443c}#moreView .settingActions .dangerText:after{color:#c69b98}
#moreView .settingActions .preferenceAction:active{background:#F2F3F5}
#moreView .standalonePreference{width:100%;min-height:56px;text-align:left;border:1px solid var(--subpage-line);background:#fff;border-radius:16px;padding:16px 18px;font-size:calc(15px * var(--mc-text-scale,1));font-weight:500}
#moreView .settingsPanel select{background:#f7f9f7;border:1px solid #E2E4E8;border-radius:12px;padding:12px;line-height:1.4}
#moreView #networkCheckResult:not(:empty){background:#f6f8f6;border-radius:12px;padding:13px;font-size:calc(12px * var(--mc-text-scale,1))!important;color:#62666E;overflow-wrap:anywhere}
#moreView .settingsFAQ{padding-bottom:0}#moreView .settingsFAQ summary{min-height:44px;display:list-item;align-content:center;font-size:calc(15px * var(--mc-text-scale,1));line-height:1.6}
:is(#accountDialog,#collectorForm){display:block!important;background:var(--subpage-bg)!important;padding:0!important}
:is(#accountDialog,#collectorForm)>section{padding:0 18px calc(24px + env(safe-area-inset-bottom))!important;width:100%;max-width:640px!important;margin:auto;height:100%;max-height:100%!important;overflow-y:auto;border-radius:0!important;background:var(--subpage-bg)!important}
.accountPageHeader{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:0;padding:calc(8px + env(safe-area-inset-top)) 0 8px;margin:0 -4px 24px;background:var(--subpage-bg);border-bottom:1px solid var(--subpage-line)}
:is(#accountDialog,#collectorForm) .accountPageHeader h2{font-size:calc(18px * var(--mc-text-scale,1));line-height:1.4;text-align:center;margin:0}.accountPageHeader button{width:44px;height:44px;border:0;background:transparent;font-size:32px}
:is(#accountDialog,#collectorForm) .emailAuthFields{display:block;margin:0}.accountGroup{background:#fff;border:1px solid var(--subpage-line);border-radius:16px;padding:18px;margin-bottom:20px}.accountGroup h3{font-size:calc(14px * var(--mc-text-scale,1));font-weight:600;color:#202226;margin:0 0 14px}.accountGroup>p{font-size:calc(13px * var(--mc-text-scale,1));color:var(--subpage-muted);line-height:1.7;margin:10px 0}
.accountInfoRow{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:15px 0;font-size:calc(14px * var(--mc-text-scale,1));line-height:1.5}.accountInfoRow+.accountInfoRow{border-top:1px solid var(--subpage-line)}.accountInfoRow strong{max-width:65%;text-align:right;font-weight:500;overflow-wrap:anywhere}
:is(#accountDialog,#collectorForm) .accountGroup label{display:block;font-size:calc(13px * var(--mc-text-scale,1));font-weight:600;margin:18px 0 8px}:is(#accountDialog,#collectorForm) .accountGroup input{display:block;width:100%;min-height:48px;border:1px solid #E2E4E8;border-radius:12px;background:#fafcfb;padding:12px;font-size:calc(16px * var(--mc-text-scale,1));margin:0}
:is(#accountDialog,#collectorForm) .accountGroup button{width:100%;min-height:48px;border-radius:12px;font-size:calc(15px * var(--mc-text-scale,1));margin-top:18px;font-weight:600}:is(#accountDialog,#collectorForm) .accountGroup .btn{background:var(--subpage-accent);color:#fff}:is(#accountDialog,#collectorForm) #securityMsg:empty{display:none}:is(#accountDialog,#collectorForm) #securityMsg:not(:empty){background:#fff6ef;color:#944723;border-radius:12px;padding:14px;margin:16px 0;font-size:calc(13px * var(--mc-text-scale,1))}
.preferenceSwitch input:focus-visible,.subpageBack:focus-visible,.preferenceAction:focus-visible{outline:2px solid #34373D;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.preferenceSwitch input,.preferenceSwitch input:before{transition:none}}

#moreView .settingActions .preferenceAction.hidden{display:none!important}
#collectorForm{position:fixed;inset:0;z-index:10000}#collectorForm select{display:block;width:100%;min-height:48px;border:1px solid #E2E4E8;border-radius:12px;background:#fafcfb;padding:12px;font-size:16px}#collectorForm .subpageFooter button{width:100%;min-height:50px;background:var(--subpage-accent);color:white;border-radius:14px;font-size:16px}#collectorFormStatus:not(:empty){padding:14px;background:#fff6ef;border-radius:12px;font-size:14px;line-height:1.6;color:#944723}
:is(#accountDialog,#collectorForm){position:fixed;inset:0;z-index:10000}
.blockedRow{display:flex;align-items:center;justify-content:space-between;gap:16px}.blockedRow strong{overflow-wrap:anywhere;font-size:15px;line-height:1.5}:is(#accountDialog,#collectorForm) .blockedRow button{width:auto;margin:0;flex-shrink:0;padding:10px 14px}