/* MediaMirko V1.60 shared appearance, including login, signup, account and preview. */
html[data-mm-site-theme="light"]{color-scheme:light}
html[data-mm-site-theme="dark"]{color-scheme:dark}
/* Authentication routes historically forced dark, including when users picked light. */
html[data-mm-site-theme="light"] body.mm-auth-page{--bg:#faf8f7;--alt:#fff;--line:#ebdfe0;--text:#272024;--muted:#675c60;background:var(--bg);color:var(--text)}
html[data-mm-site-theme="light"] body.mm-auth-page .auth-shell,html[data-mm-site-theme="light"] body.mm-auth-page .auth-account{color:var(--text)}
html[data-mm-site-theme="light"] body.mm-auth-page .auth-side h1,html[data-mm-site-theme="light"] body.mm-auth-page .auth-account h1,html[data-mm-site-theme="light"] body.mm-auth-page .auth-panel h2,html[data-mm-site-theme="light"] body.mm-auth-page .account-card h2{color:#272024}
html[data-mm-site-theme="light"] body.mm-auth-page .auth-side p,html[data-mm-site-theme="light"] body.mm-auth-page .account-intro,html[data-mm-site-theme="light"] body.mm-auth-page .auth-panel>p,html[data-mm-site-theme="light"] body.mm-auth-page .account-card p{color:#6b5f65}
html[data-mm-site-theme="light"] body.mm-auth-page .auth-panel,html[data-mm-site-theme="light"] body.mm-auth-page .account-card{background:#fff;border-color:#e7d9d9;box-shadow:0 18px 56px #35202310;color:#272024}
html[data-mm-site-theme="light"] body.mm-auth-page .auth-panel label,html[data-mm-site-theme="light"] body.mm-auth-page .account-card dl>dd{color:#30262b}
html[data-mm-site-theme="light"] body.mm-auth-page .auth-panel input,html[data-mm-site-theme="light"] body.mm-auth-page .sample-fields input{background:#fff;color:#2d2528;border-color:#d9c8cd}
html[data-mm-site-theme="light"] body.mm-auth-page .auth-subtext{border-color:#eadcdd;color:#65585f}
html[data-mm-site-theme="light"] body.mm-auth-page .auth-forgot,html[data-mm-site-theme="light"] body.mm-auth-page .auth-subtext a,html[data-mm-site-theme="light"] body.mm-auth-page .auth-secondary{color:#b94347}
html[data-mm-site-theme="light"] body.mm-auth-page .account-card dl>dt,html[data-mm-site-theme="light"] body.mm-auth-page .account-card small{color:#7d6e72}
html[data-mm-site-theme="light"] body.mm-auth-page .auth-footer{background:#f3edeb;border-color:#e8dddd;color:#76696f}
html[data-mm-site-theme="light"] body.mm-auth-page .auth-footer span{color:#847479}
html[data-mm-site-theme="light"] body.mm-auth-page .auth-submit{background:#ef766f;color:#231518}
html[data-mm-site-theme="light"] body.mm-auth-page .auth-error,html[data-mm-site-theme="light"] body.mm-auth-page .auth-flash.warning{background:#fff0ee!important;color:#783a3c!important;border-color:#e4aaa4!important}
html[data-mm-site-theme="light"] body.mm-auth-page .auth-message,html[data-mm-site-theme="light"] body.mm-auth-page .auth-flash.success{background:#eaf6ed!important;color:#276444!important;border-color:#a8d1b4!important}
/* The owner's inline account card was always dark. */
html[data-mm-site-theme="light"] body.mm-auth-page .auth-account > div[style*="background"]{background:#fff!important;border-color:#e7d9d9!important;color:#272024!important}
html[data-mm-site-theme="light"] body.mm-auth-page .auth-account > div[style*="background"] p{color:#6b5f65!important}
/* The demo itself intentionally stays dark in both themes: stronger visual focal point. */
.mm-public .demo-window{border:2px solid #ef8880!important;border-radius:20px!important;box-shadow:0 23px 75px #13101448,0 0 0 5px #f17b7815,0 0 38px #ee8a8122!important;overflow:hidden}
html[data-mm-site-theme="light"] .mm-public .demo-window{box-shadow:0 22px 70px #21141830,0 0 0 5px #f18a8025,0 0 29px #ef8b8336!important}
.mm-public .demo-window .demo-main,.mm-public .demo-window .demo-sidebar,.mm-public .demo-window .demo-panel{color:#f5eeee}
html[data-mm-site-theme="light"] .mm-public .demo-window .demo-main,html[data-mm-site-theme="light"] .mm-public .demo-window .demo-sidebar,html[data-mm-site-theme="light"] .mm-public .demo-window .demo-panel{color:#f5eeee}
/* Interactive controls retain focus states; minimal motion only. */
.mm-public .demo-check-track i{transition:width .55s cubic-bezier(.22,1,.36,1)}
@media(prefers-reduced-motion:reduce){.mm-public .demo-check-track i{transition:none}}