/* A separate, opaque desktop settings masthead; mobile keeps its layout. */
.settings-page-head{display:contents}
@media(min-width:1280px){
 body.desktop-layout[data-page=ustawienia] .account-settings-main{background:#fffdf6!important;border-color:#d1b58f;filter:none!important;backdrop-filter:none!important;opacity:1!important}
 body.desktop-layout[data-page=ustawienia] .settings-page-head{display:block;position:relative;z-index:1;isolation:isolate;background:#fffdf6;color:#392619;padding:0 0 26px;margin:0 0 26px;border-bottom:2px solid #c4a47a;opacity:1;filter:none;backdrop-filter:none;box-shadow:none}
 body.desktop-layout[data-page=ustawienia] .settings-page-head::before,body.desktop-layout[data-page=ustawienia] .settings-page-head::after{content:none}
 body.desktop-layout[data-page=ustawienia] .settings-page-head>a{display:inline-flex;align-items:center;min-height:40px;color:#63401f;font:650 .85rem/1.5 system-ui;text-decoration:none;margin:0 0 14px}
 body.desktop-layout[data-page=ustawienia] .settings-page-head>h1{font:700 34px/1.25 Georgia,serif;letter-spacing:-.4px;color:#382317;text-shadow:none;opacity:1;margin:0 0 24px;filter:none}
 body.desktop-layout[data-page=ustawienia] .settings-page-head .account-settings-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;background:#fffdf6;padding:0;margin:0;opacity:1}
 body.desktop-layout[data-page=ustawienia] .settings-page-head .account-settings-tabs a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px;color:#4c2f17;background:#efddc1;border:1px solid #b99569;border-radius:5px;font:700 .87rem/1.5 system-ui;text-shadow:none;opacity:1;box-shadow:none}
 body.desktop-layout[data-page=ustawienia] .settings-page-head .account-settings-tabs a:hover{background:#dcc098;color:#382216}
 body.desktop-layout[data-page=ustawienia] .settings-page-head a:focus-visible{outline:3px solid #9f6830;outline-offset:3px}
 body.desktop-layout[data-page=ustawienia] #profile-edit{background:#fffaf0!important;border-color:#c7a77e}
 body.desktop-layout[data-page=ustawienia] #profile-edit>h2{font:700 1.35rem/1.4 Georgia,serif;color:#442918}
 body.desktop-layout[data-page=ustawienia] #profile-edit label{color:#56391f;font-weight:700}
}
/* One solid surface and consistent contrast through the entire settings page. */
@media(min-width:1280px){
 body.desktop-layout[data-page=ustawienia] .account-settings-main{color:#442d1d}
 body.desktop-layout[data-page=ustawienia] .account-settings-main>.tool-card{position:relative;background:#fffdf6!important;background-image:none!important;border:1px solid #cbb08a;border-radius:8px;opacity:1!important;filter:none!important;backdrop-filter:none!important;box-shadow:none!important;isolation:isolate;padding:24px;margin:0 0 24px}
 body.desktop-layout[data-page=ustawienia] .account-settings-main>.tool-card::before,body.desktop-layout[data-page=ustawienia] .account-settings-main>.tool-card::after{content:none}
 body.desktop-layout[data-page=ustawienia] .account-settings-main>.tool-card>h2{font:700 1.35rem/1.4 Georgia,serif;color:#442918;margin:0 0 16px;text-shadow:none}
 body.desktop-layout[data-page=ustawienia] .account-settings-main p,body.desktop-layout[data-page=ustawienia] .account-settings-main small{color:#65482f;opacity:1;text-shadow:none}
 body.desktop-layout[data-page=ustawienia] .account-settings-main label{color:#56391f;font-weight:700}
 body.desktop-layout[data-page=ustawienia] .account-settings-main input,body.desktop-layout[data-page=ustawienia] .account-settings-main textarea,body.desktop-layout[data-page=ustawienia] .account-settings-main select{background:#fffef9;color:#3f2918;border-color:#bda17a;opacity:1;filter:none}
 body.desktop-layout[data-page=ustawienia] #profile-edit{background:#fffdf6!important}
 body.desktop-layout[data-page=ustawienia] .appearance-settings .cosmetic-card{background:#fff9ed!important;background-image:none!important;border:1px solid #c7aa80;border-radius:8px;box-shadow:none!important;opacity:1!important;filter:none!important;backdrop-filter:none!important}
 body.desktop-layout[data-page=ustawienia] .appearance-settings .cosmetic-card h4{color:#4d301c;font-weight:750}
 body.desktop-layout[data-page=ustawienia] .appearance-settings .cosmetic-card p,body.desktop-layout[data-page=ustawienia] .appearance-settings .cosmetic-card small{color:#62442b}
 body.desktop-layout[data-page=ustawienia] .appearance-settings .cosmetic-preview{border-color:#ccb08a;opacity:1;filter:none}
 body.desktop-layout[data-page=ustawienia] #referralContent,body.desktop-layout[data-page=ustawienia] #subscriptionList{background:#fffdf6;color:#51351f;opacity:1;filter:none;backdrop-filter:none}
 body.desktop-layout[data-page=ustawienia] #subscriptionList article,body.desktop-layout[data-page=ustawienia] #subscriptionList .subscription-card{background:#fff9ed;border:1px solid #cbb08a;border-radius:8px;padding:18px;box-shadow:none;opacity:1;filter:none}
 body.desktop-layout[data-page=ustawienia] #referralList{color:#65482f}
 body.desktop-layout[data-page=ustawienia] .account-settings-main .auth-secondary{background:#efddc1;color:#4c2f17;border:1px solid #b99569;box-shadow:none}
 body.desktop-layout[data-page=ustawienia] .account-settings-main .auth-primary{background:#875a32;color:#fff8e7;border:1px solid #704726;box-shadow:none}
 body.desktop-layout[data-page=ustawienia] .account-settings-main button:disabled{opacity:.55}
}

/* The background preview must never paint a veil over the profile editor. */
#backgroundPreview.has-profile-background::before{content:none}
#backgroundPreview{position:relative;isolation:isolate;overflow:hidden}