/* ============================================================ Market Meridian — auth pages (login, MFA, forgot, reset) Default theme: dark. - User explicit choice via . - Auto follow OS via @media (prefers-color-scheme: light), but ONLY when no explicit choice has been made (:root:not([data-theme])). ============================================================ */ :root { /* Inline SVGs as base64 data URIs so the logo + bg-waves arrive with the CSS file (single render-blocking request) instead of triggering separate image fetches that pop in late on refresh. */ --mm-logo-url: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgICAgdmlld0JveD0iLTQwIC00MCAxMTYyIDEwNjQiCiAgICAgd2lkdGg9IjEwODIiIGhlaWdodD0iOTg0IgogICAgIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0iTWFya2V0IE1lcmlkaWFuIGxvZ28iPgogIDx0aXRsZT5NYXJrZXQgTWVyaWRpYW48L3RpdGxlPgoKICA8ZGVmcz4KICAgIDwhLS0gV2FybSBwZXd0ZXIvc3RvbmUgZ3JhZGllbnQgZm9yIHRoZSBNIGJvZHkuIC0tPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJzaWx2ZXJGYWNlIiB4MT0iMC4xNSIgeTE9IjAiIHgyPSIwLjg1IiB5Mj0iMSI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCUiICAgc3RvcC1jb2xvcj0iI2M4YmZiNyIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgIHN0b3AtY29sb3I9IiNhNTljOTUiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSI1NSUiICBzdG9wLWNvbG9yPSIjNzk2ZjY3Ii8+CiAgICAgIDxzdG9wIG9mZnNldD0iODAlIiAgc3RvcC1jb2xvcj0iIzg1N2I3MyIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YTQyMzkiLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CgogICAgPCEtLSBHb2xkIGdyYWRpZW50IGZvciB0aGUgY2hhcnQtbGluZSBhY2NlbnQuIC0tPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJnb2xkRmFjZSIgeDE9IjAiIHkxPSIwLjIiIHgyPSIxIiB5Mj0iMC45Ij4KICAgICAgPHN0b3Agb2Zmc2V0PSIwJSIgICBzdG9wLWNvbG9yPSIjZjBjZDk0Ii8+CiAgICAgIDxzdG9wIG9mZnNldD0iMzUlIiAgc3RvcC1jb2xvcj0iI2Q0YWI2ZSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgIHN0b3AtY29sb3I9IiNhYjgzNGQiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNmI0ZDI4Ii8+CiAgICA8L2xpbmVhckdyYWRpZW50PgoKICAgIDwhLS0gQnJ1c2hlZCBjYXN0LW1ldGFsIHRleHR1cmUuIFR3byBub2lzZSBsYXllcnMgKGxhcmdlIGlzb3Ryb3BpYwogICAgICAgICBkaXZvdHMgKyBmaW5lIGhvcml6b250YWwgYnJ1c2ggc3RyaWF0aW9ucykgbWFwcGVkIHRvIGx1bWluYW5jZQogICAgICAgICBhbmQgbXVsdGlwbGllZCBvbnRvIHRoZSBncmFkaWVudC4gLS0+CiAgICA8ZmlsdGVyIGlkPSJzdG9uZVRleCIgeD0iLTUlIiB5PSItNSUiIHdpZHRoPSIxMTAlIiBoZWlnaHQ9IjExMCUiPgogICAgICA8IS0tIExheWVyIEE6IGxhcmdlIGlzb3Ryb3BpYyBkaXZvdHMgLS0+CiAgICAgIDxmZVR1cmJ1bGVuY2UgdHlwZT0iZnJhY3RhbE5vaXNlIiBiYXNlRnJlcXVlbmN5PSIwLjQ1IiBudW1PY3RhdmVzPSIzIiBzZWVkPSIxMyIgcmVzdWx0PSJyYXdBIi8+CiAgICAgIDxmZUNvbXBvbmVudFRyYW5zZmVyIGluPSJyYXdBIiByZXN1bHQ9Imx1bUEiPgogICAgICAgIDxmZUZ1bmNSIHR5cGU9ImxpbmVhciIgc2xvcGU9IjAuODIiIGludGVyY2VwdD0iMC4xOCIvPgogICAgICAgIDxmZUZ1bmNHIHR5cGU9ImxpbmVhciIgc2xvcGU9IjAuODIiIGludGVyY2VwdD0iMC4xOCIvPgogICAgICAgIDxmZUZ1bmNCIHR5cGU9ImxpbmVhciIgc2xvcGU9IjAuODIiIGludGVyY2VwdD0iMC4xOCIvPgogICAgICAgIDxmZUZ1bmNBIHR5cGU9ImRpc2NyZXRlIiB0YWJsZVZhbHVlcz0iMSIvPgogICAgICA8L2ZlQ29tcG9uZW50VHJhbnNmZXI+CgogICAgICA8IS0tIExheWVyIEI6IGFuaXNvdHJvcGljIGhvcml6b250YWwgYnJ1c2ggc3RyaWF0aW9ucyAtLT4KICAgICAgPGZlVHVyYnVsZW5jZSB0eXBlPSJmcmFjdGFsTm9pc2UiIGJhc2VGcmVxdWVuY3k9IjMuNSAwLjA2IiBudW1PY3RhdmVzPSIyIiBzZWVkPSI3IiByZXN1bHQ9InJhd0IiLz4KICAgICAgPGZlQ29tcG9uZW50VHJhbnNmZXIgaW49InJhd0IiIHJlc3VsdD0ibHVtQiI+CiAgICAgICAgPGZlRnVuY1IgdHlwZT0ibGluZWFyIiBzbG9wZT0iMC41OSIgaW50ZXJjZXB0PSIwLjQxIi8+CiAgICAgICAgPGZlRnVuY0cgdHlwZT0ibGluZWFyIiBzbG9wZT0iMC41OSIgaW50ZXJjZXB0PSIwLjQxIi8+CiAgICAgICAgPGZlRnVuY0IgdHlwZT0ibGluZWFyIiBzbG9wZT0iMC41OSIgaW50ZXJjZXB0PSIwLjQxIi8+CiAgICAgICAgPGZlRnVuY0EgdHlwZT0iZGlzY3JldGUiIHRhYmxlVmFsdWVzPSIxIi8+CiAgICAgIDwvZmVDb21wb25lbnRUcmFuc2Zlcj4KCiAgICAgIDwhLS0gQ29tYmluZSB0aGUgdHdvIGx1bWluYW5jZSBtYXBzIC0tPgogICAgICA8ZmVDb21wb3NpdGUgaW49Imx1bUEiIGluMj0ibHVtQiIgb3BlcmF0b3I9ImFyaXRobWV0aWMiCiAgICAgICAgICAgICAgICAgICBrMT0iMSIgazI9IjAiIGszPSIwIiBrND0iMCIgcmVzdWx0PSJsdW1Db21iaW5lZCIvPgoKICAgICAgPCEtLSBDbGlwIHRleHR1cmUgdG8gc2hhcGUsIHRoZW4gbXVsdGlwbHkgb250byB0aGUgZ3JhZGllbnQgLS0+CiAgICAgIDxmZUNvbXBvc2l0ZSBpbj0ibHVtQ29tYmluZWQiIGluMj0iU291cmNlR3JhcGhpYyIgb3BlcmF0b3I9ImluIiByZXN1bHQ9InRleHR1cmVDbGlwcGVkIi8+CiAgICAgIDxmZUNvbXBvc2l0ZSBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJ0ZXh0dXJlQ2xpcHBlZCIgb3BlcmF0b3I9ImFyaXRobWV0aWMiCiAgICAgICAgICAgICAgICAgICBrMT0iMSIgazI9IjAiIGszPSIwIiBrND0iMCIvPgogICAgPC9maWx0ZXI+CgogICAgPCEtLSBSYWlzZWQgZW1ib3NzOiBzdWJ0bGUgaGlnaGxpZ2h0IG9uIHRoZSB0b3AtbGVmdCBlZGdlLCBzbGlnaHRseQogICAgICAgICBzdHJvbmdlciBzaGFkb3cgb24gdGhlIGJvdHRvbS1yaWdodCwgcGx1cyBhIHNvZnQgZHJvcCBzaGFkb3cuIC0tPgogICAgPGZpbHRlciBpZD0iZW1ib3NzIiB4PSItMjUlIiB5PSItMjUlIiB3aWR0aD0iMTUwJSIgaGVpZ2h0PSIxNTAlIj4KICAgICAgPCEtLSBEcm9wIHNoYWRvdyB1bmRlciB0aGUgc2hhcGUgLS0+CiAgICAgIDxmZUdhdXNzaWFuQmx1ciBpbj0iU291cmNlQWxwaGEiIHN0ZERldmlhdGlvbj0iOSIgcmVzdWx0PSJkcy1ibHVyIi8+CiAgICAgIDxmZU9mZnNldCBpbj0iZHMtYmx1ciIgZHg9IjAiIGR5PSIxNiIgcmVzdWx0PSJkcy1vZmYiLz4KICAgICAgPGZlQ29tcG9uZW50VHJhbnNmZXIgaW49ImRzLW9mZiIgcmVzdWx0PSJkcyI+CiAgICAgICAgPGZlRnVuY0EgdHlwZT0ibGluZWFyIiBzbG9wZT0iMC43NSIvPgogICAgICA8L2ZlQ29tcG9uZW50VHJhbnNmZXI+CgogICAgICA8IS0tIExpZ2h0IGVkZ2UsIHRvcC1sZWZ0IC0tPgogICAgICA8ZmVNb3JwaG9sb2d5IGluPSJTb3VyY2VBbHBoYSIgb3BlcmF0b3I9ImVyb2RlIiByYWRpdXM9IjIiIHJlc3VsdD0ic2hydW5rIi8+CiAgICAgIDxmZU9mZnNldCBpbj0ic2hydW5rIiBkeD0iMiIgZHk9IjIiIHJlc3VsdD0ibGlnaHRPZmYiLz4KICAgICAgPGZlQ29tcG9zaXRlIGluPSJTb3VyY2VBbHBoYSIgaW4yPSJsaWdodE9mZiIgb3BlcmF0b3I9Im91dCIgcmVzdWx0PSJsaWdodEVkZ2UiLz4KICAgICAgPGZlR2F1c3NpYW5CbHVyIGluPSJsaWdodEVkZ2UiIHN0ZERldmlhdGlvbj0iMS4yIiByZXN1bHQ9ImxpZ2h0RWRnZVNvZnQiLz4KICAgICAgPGZlRmxvb2QgZmxvb2QtY29sb3I9IiNmZmZmZmYiIGZsb29kLW9wYWNpdHk9IjAuNDUiLz4KICAgICAgPGZlQ29tcG9zaXRlIGluMj0ibGlnaHRFZGdlU29mdCIgb3BlcmF0b3I9ImluIiByZXN1bHQ9ImxpZ2h0SW5uZXIiLz4KCiAgICAgIDwhLS0gRGFyayBlZGdlLCBib3R0b20tcmlnaHQgLS0+CiAgICAgIDxmZU9mZnNldCBpbj0ic2hydW5rIiBkeD0iLTMiIGR5PSItMyIgcmVzdWx0PSJkYXJrT2ZmIi8+CiAgICAgIDxmZUNvbXBvc2l0ZSBpbj0iU291cmNlQWxwaGEiIGluMj0iZGFya09mZiIgb3BlcmF0b3I9Im91dCIgcmVzdWx0PSJkYXJrRWRnZSIvPgogICAgICA8ZmVHYXVzc2lhbkJsdXIgaW49ImRhcmtFZGdlIiBzdGREZXZpYXRpb249IjEuMCIgcmVzdWx0PSJkYXJrRWRnZVNvZnQiLz4KICAgICAgPGZlRmxvb2QgZmxvb2QtY29sb3I9IiMwMDAwMDAiIGZsb29kLW9wYWNpdHk9IjAuNTUiLz4KICAgICAgPGZlQ29tcG9zaXRlIGluMj0iZGFya0VkZ2VTb2Z0IiBvcGVyYXRvcj0iaW4iIHJlc3VsdD0iZGFya0lubmVyIi8+CgogICAgICA8ZmVNZXJnZT4KICAgICAgICA8ZmVNZXJnZU5vZGUgaW49ImRzIi8+CiAgICAgICAgPGZlTWVyZ2VOb2RlIGluPSJTb3VyY2VHcmFwaGljIi8+CiAgICAgICAgPGZlTWVyZ2VOb2RlIGluPSJkYXJrSW5uZXIiLz4KICAgICAgICA8ZmVNZXJnZU5vZGUgaW49ImxpZ2h0SW5uZXIiLz4KICAgICAgPC9mZU1lcmdlPgogICAgPC9maWx0ZXI+CiAgPC9kZWZzPgoKICA8IS0tIFRoZSBNIHNoYXBlIGFuZCB0aGUgY2hhcnQtbGluZSwgYm90aCBydW4gdGhyb3VnaCB0aGUgZW1ib3NzIGZpbHRlcgogICAgICAgYW5kIGluZGl2aWR1YWxseSB0ZXh0dXJlZC4gLS0+CiAgPGcgZmlsdGVyPSJ1cmwoI2VtYm9zcykiPgogICAgPHBhdGggZD0iTSAxNCA5NjcgTCAxNzggNzkyIEwgMTc4IDI5NSBMIDQ5NiA1OTIgTCA2NDEgNDQ0IEwgNjk4IDQ5OCBMIDEwNjQgMTUwIEwgMTA2NCAxNyBMIDg2MSAxNTMgTCA1NDUgMzU4IEwgMTQgMTQgWiIKICAgICAgICAgIGZpbGw9InVybCgjc2lsdmVyRmFjZSkiCiAgICAgICAgICBmaWx0ZXI9InVybCgjc3RvbmVUZXgpIi8+CiAgICA8cGF0aCBkPSJNIDEwNjQgMjIwIEwgNjk1IDU3NSBMIDY0MSA1MjQgTCA0NjUgNjk5IEwgMzcxIDYwMiBMIDE5NSA4MDggTCA3NiA5NTQgTCAzNDEgNzQxIEwgNDc4IDg5NyBMIDkwNCA0NDggTCA5MDUgODAyIEwgMTA2NCA5NjAgWiIKICAgICAgICAgIGZpbGw9InVybCgjZ29sZEZhY2UpIgogICAgICAgICAgZmlsdGVyPSJ1cmwoI3N0b25lVGV4KSIvPgogIDwvZz4KPC9zdmc+Cg=='); /* Simplified flat variant for the small topbar mark. The full SVG's brushed-metal texture + emboss filters need way more pixels than 32x32 to look right — they degrade into fuzzy noise at that size. This flat version is gradient-only. */ --mm-logo-flat-url: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMTQgMTA3OCA5NTYiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0iTWFya2V0IE1lcmlkaWFuIj4KICA8ZGVmcz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0icyIgeDE9IjAuMTUiIHkxPSIwIiB4Mj0iMC44NSIgeTI9IjEiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAlIiAgIHN0b3AtY29sb3I9IiNjOGJmYjciLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIyNSUiICBzdG9wLWNvbG9yPSIjYTU5Yzk1Ii8+CiAgICAgIDxzdG9wIG9mZnNldD0iNTUlIiAgc3RvcC1jb2xvcj0iIzc5NmY2NyIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgIHN0b3AtY29sb3I9IiM4NTdiNzMiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNGE0MjM5Ii8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJnIiB4MT0iMCIgeTE9IjAuMiIgeDI9IjEiIHkyPSIwLjkiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAlIiAgIHN0b3AtY29sb3I9IiNmMGNkOTQiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIzNSUiICBzdG9wLWNvbG9yPSIjZDRhYjZlIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iNjUlIiAgc3RvcC1jb2xvcj0iI2FiODM0ZCIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2YjRkMjgiLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgPC9kZWZzPgogIDxwYXRoIGQ9Ik0gMTQgOTY3IEwgMTc4IDc5MiBMIDE3OCAyOTUgTCA0OTYgNTkyIEwgNjQxIDQ0NCBMIDY5OCA0OTggTCAxMDY0IDE1MCBMIDEwNjQgMTcgTCA4NjEgMTUzIEwgNTQ1IDM1OCBMIDE0IDE0IFoiIGZpbGw9InVybCgjcykiLz4KICA8cGF0aCBkPSJNIDEwNjQgMjIwIEwgNjk1IDU3NSBMIDY0MSA1MjQgTCA0NjUgNjk5IEwgMzcxIDYwMiBMIDE5NSA4MDggTCA3NiA5NTQgTCAzNDEgNzQxIEwgNDc4IDg5NyBMIDkwNCA0NDggTCA5MDUgODAyIEwgMTA2NCA5NjAgWiIgZmlsbD0idXJsKCNnKSIvPgo8L3N2Zz4K'); --bg-waves-url: url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iYmctd2F2ZXMiIGFyaWEtaGlkZGVuPSJ0cnVlIiB2aWV3Qm94PSIwIDAgMTYwMCAxMDAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1heCBzbGljZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZGVmcz4KICAgIDwhLS0gV2FybSBnb2xkZW4gc3Ryb2tlIGZhZGluZyBvdXQgdG93YXJkIHRoZSB1cHBlci1yaWdodCwgY29uY2VudHJhdGluZwogICAgICAgICB0aGUgdGV4dHVyZSBpbiB0aGUgbG93ZXItbGVmdCBxdWFkcmFudC4gQ29sb3IgcGlja2VkIHRvIG1hdGNoIHRoZQogICAgICAgICB3YXJtIGdyZXktYnJvd24gY2FzdCBpbiB0aGUgc291cmNlIG1vY2t1cCdzIGJvdHRvbS1sZWZ0LiAtLT4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0id2F2ZVN0cm9rZSIgeDE9IjAiIHkxPSIxIiB4Mj0iMSIgeTI9IjAuMyI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCUiICBzdG9wLWNvbG9yPSIjYTk4MDU0IiBzdG9wLW9wYWNpdHk9IjAuMzAiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiM3YzYwMzgiIHN0b3Atb3BhY2l0eT0iMC4xNSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzNkMmYxYyIgc3RvcC1vcGFjaXR5PSIwLjA0Ii8+CiAgICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPHJhZGlhbEdyYWRpZW50IGlkPSJ3YXZlTWFzayIgY3g9IjAiIGN5PSIxIiByPSIwLjg1Ij4KICAgICAgPHN0b3Agb2Zmc2V0PSIwJSIgIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjU1JSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDwvcmFkaWFsR3JhZGllbnQ+CiAgICA8bWFzayBpZD0iYm90dG9tTGVmdE1hc2siPgogICAgICA8cmVjdCB3aWR0aD0iMTYwMCIgaGVpZ2h0PSIxMDAwIiBmaWxsPSJ1cmwoI3dhdmVNYXNrKSIvPgogICAgPC9tYXNrPgogIDwvZGVmcz4KICA8ZyBmaWxsPSJub25lIiBzdHJva2U9InVybCgjd2F2ZVN0cm9rZSkiIHN0cm9rZS13aWR0aD0iMSIgbWFzaz0idXJsKCNib3R0b21MZWZ0TWFzaykiPgogICAgPHBhdGggZD0iTSAtNDAgOTg1IEMgMjAwIDkwNSwgMzYwIDk1NSwgNjAwIDg4MCBTIDEwMjAgODAwLCAxMjgwIDg1MCBTIDE2NDAgOTA1LCAxNzAwIDg3MCIvPgogICAgPHBhdGggZD0iTSAtNDAgOTUwIEMgMjAwIDg3MCwgMzYwIDkyMCwgNjAwIDg0NSBTIDEwMjAgNzY1LCAxMjgwIDgxNSBTIDE2NDAgODcwLCAxNzAwIDgzNSIvPgogICAgPHBhdGggZD0iTSAtNDAgOTE1IEMgMjAwIDgzNSwgMzYwIDg4NSwgNjAwIDgxMCBTIDEwMjAgNzMwLCAxMjgwIDc4MCBTIDE2NDAgODM1LCAxNzAwIDgwMCIvPgogICAgPHBhdGggZD0iTSAtNDAgODgwIEMgMjAwIDgwMCwgMzYwIDg1MCwgNjAwIDc3NSBTIDEwMjAgNjk1LCAxMjgwIDc0NSBTIDE2NDAgODAwLCAxNzAwIDc2NSIvPgogICAgPHBhdGggZD0iTSAtNDAgODQ1IEMgMjAwIDc2NSwgMzYwIDgxNSwgNjAwIDc0MCBTIDEwMjAgNjYwLCAxMjgwIDcxMCBTIDE2NDAgNzY1LCAxNzAwIDczMCIvPgogICAgPHBhdGggZD0iTSAtNDAgODEwIEMgMjAwIDczMCwgMzYwIDc4MCwgNjAwIDcwNSBTIDEwMjAgNjI1LCAxMjgwIDY3NSBTIDE2NDAgNzMwLCAxNzAwIDY5NSIvPgogICAgPHBhdGggZD0iTSAtNDAgNzc1IEMgMjAwIDY5NSwgMzYwIDc0NSwgNjAwIDY3MCBTIDEwMjAgNTkwLCAxMjgwIDY0MCBTIDE2NDAgNjk1LCAxNzAwIDY2MCIvPgogICAgPHBhdGggZD0iTSAtNDAgNzQwIEMgMjAwIDY2MCwgMzYwIDcxMCwgNjAwIDYzNSBTIDEwMjAgNTU1LCAxMjgwIDYwNSBTIDE2NDAgNjYwLCAxNzAwIDYyNSIvPgogICAgPHBhdGggZD0iTSAtNDAgNzA1IEMgMjAwIDYyNSwgMzYwIDY3NSwgNjAwIDYwMCBTIDEwMjAgNTIwLCAxMjgwIDU3MCBTIDE2NDAgNjI1LCAxNzAwIDU5MCIvPgogICAgPHBhdGggZD0iTSAtNDAgNjcwIEMgMjAwIDU5MCwgMzYwIDY0MCwgNjAwIDU2NSBTIDEwMjAgNDg1LCAxMjgwIDUzNSBTIDE2NDAgNTkwLCAxNzAwIDU1NSIvPgogICAgPHBhdGggZD0iTSAtNDAgNjM1IEMgMjAwIDU1NSwgMzYwIDYwNSwgNjAwIDUzMCBTIDEwMjAgNDUwLCAxMjgwIDUwMCBTIDE2NDAgNTU1LCAxNzAwIDUyMCIvPgogICAgPHBhdGggZD0iTSAtNDAgNjAwIEMgMjAwIDUyMCwgMzYwIDU3MCwgNjAwIDQ5NSBTIDEwMjAgNDE1LCAxMjgwIDQ2NSBTIDE2NDAgNTIwLCAxNzAwIDQ4NSIvPgogIDwvZz4KPC9zdmc+Cg=='); /* Tell the browser's native form-control UI (autofill background, scrollbars, focus rings) to render with the dark palette. Without this Chrome paints :-webkit-autofill with its default pale-blue overlay regardless of the inset box-shadow override below. */ color-scheme: dark; /* Backgrounds */ --bg-base: #0b1424; --panel-edge: rgba(255, 255, 255, 0.06); /* Brand gold */ --gold: #c9a063; --gold-bright: #e1c089; --gold-soft: rgba(201, 160, 99, 0.18); /* Text — softened so the high-luminance cream/silver doesn't blow out against the dark navy background. */ --cream: #ccc5b4; --text: #b9bec8; --muted: #8a93a4; --muted-dim: #6a7180; /* Sidebar + nav meta. --panel-edge-2 is a softer divider (half the alpha of --panel-edge); --sidebar-bg is the persistent left rail; --pos/--neg/--warn drive the live-data indicators next to nav items (theme-independent on purpose so a green uptick reads green in both themes). */ --panel-edge-2: rgba(255, 255, 255, 0.04); --sidebar-bg: #06101e; --pos: #26d07c; --neg: #ff4d6a; --warn: #f0b400; /* Account-page + shared modal/bell/danger tokens. Used by /me/account, /watchlists, the sidebar bell popover, and the reusable confirm/add modals. */ --modal-bg: #11192a; --danger-bg: #6b1f1f; --danger-bg-hover: #842828; --danger-fg: #f5e4e4; --warn-text: #ffb86b; --notif-unread-bg: rgba(201, 160, 99, 0.18); --notif-unread-bar: var(--gold); --status-ok: var(--pos); --status-warn: var(--warn); --status-bad: var(--neg); --hero-bg: linear-gradient(135deg, rgba(28, 42, 70, 0.82) 0%, rgba(18, 28, 50, 0.82) 100%); --hero-accent: rgba(201, 160, 99, 0.45); --kpi-bg: rgba(255, 255, 255, 0.025); --kpi-border: rgba(255, 255, 255, 0.06); --pill-bg: rgba(255, 255, 255, 0.03); --rule: rgba(255, 255, 255, 0.08); /* Wordmark shadow — single soft drop layer, kept minimal so the wordmark feels grounded without competing with the SVG logo's own emboss/drop shadow next to it. */ --wordmark-shadow: 0 1px 2px rgba(0, 0, 0, 0.32); /* Landing-page heading tone — slightly lighter than --cream, tuned toward the SVG logo's pewter highlights so the wordmark reads as part of the same visual family as the mark next to it. Also reused as the Sign In button text colour. Scoped — does NOT replace --cream on the dashboard or anywhere else. */ --landing-heading: #d2cbb7; /* Fields */ --field-bg: #0d1626; --field-bg-focus: #0e1828; --field-border: rgba(255, 255, 255, 0.07); --field-border-focus: rgba(201, 160, 99, 0.55); /* Composite tokens */ --waves-blend: screen; --waves-opacity: 0.5; --bg-gradient: radial-gradient(110% 95% at 0% 100%, rgba(168, 128, 78, 0.28) 0%, rgba(120, 92, 56, 0.16) 18%, rgba(60, 48, 30, 0.06) 38%, rgba(0, 0, 0, 0) 62%), linear-gradient(180deg, #0a131f 0%, #0c1521 45%, #0d1620 100%); --card-bg: linear-gradient(180deg, rgba(22, 33, 56, 0.85) 0%, rgba(16, 25, 45, 0.85) 100%); --card-shadow: 0 30px 70px rgba(0, 0, 0, 0.45); --btn-bg: linear-gradient(180deg, #d4ad6e 0%, #c19a5e 100%); --btn-fg: #1a1410; --btn-shadow: 0 1px 0 rgba(255, 255, 255, 0.18) inset, 0 -1px 0 rgba(0, 0, 0, 0.15) inset, 0 12px 24px rgba(0, 0, 0, 0.35); --logo-shadow: drop-shadow(0 18px 35px rgba(0, 0, 0, 0.55)); --success-fg: #34d399; --success-border: #34d399; --error-fg: #ff6b6b; } /* Light overrides — applied two ways */ :root[data-theme="light"], :root.is-light { color-scheme: light; --bg-base: #f4efe3; --panel-edge: rgba(40, 30, 15, 0.10); --gold: #b88944; --gold-bright: #8e6628; --gold-soft: rgba(184, 137, 68, 0.14); /* Softened to avoid near-black on cream. Heading stays darker than the muted blurb (#6b665b) but reads as warm dark gray, not black. */ --cream: #443c33; --text: #4f4538; --muted: #6b665b; --muted-dim: #8a8478; --panel-edge-2: rgba(40, 30, 15, 0.05); --sidebar-bg: #ebe5d6; /* Light-theme variants of the account/modal tokens. */ --modal-bg: #fbf6e8; --danger-bg: #b94747; --danger-bg-hover: #a23a3a; --danger-fg: #ffffff; --warn-text: #b8651e; --notif-unread-bg: rgba(184, 137, 68, 0.12); --notif-unread-bar: var(--gold); --hero-bg: linear-gradient(135deg, rgba(255, 250, 238, 0.96) 0%, rgba(248, 242, 226, 0.96) 100%); --hero-accent: rgba(184, 137, 68, 0.45); --kpi-bg: rgba(40, 30, 15, 0.03); --kpi-border: rgba(40, 30, 15, 0.06); --pill-bg: rgba(40, 30, 15, 0.04); --rule: rgba(40, 30, 15, 0.10); /* Minimal warm drop on cream — barely-there so the wordmark feels grounded without an obvious emboss. */ --wordmark-shadow: 0 1px 1px rgba(80, 50, 20, 0.18); /* Landing heading on light theme — slightly lighter than --cream (#443c33), leaning toward the logo's silver-shadow tone. */ --landing-heading: #524940; --field-bg: #eee7d6; --field-bg-focus: #f6f0df; --field-border: rgba(40, 30, 15, 0.10); --field-border-focus: rgba(184, 137, 68, 0.55); --waves-blend: multiply; --waves-opacity: 0.45; --bg-gradient: radial-gradient(110% 95% at 0% 100%, rgba(200, 160, 90, 0.22) 0%, rgba(180, 140, 70, 0.10) 18%, rgba(120, 90, 50, 0.04) 38%, rgba(0, 0, 0, 0) 62%), linear-gradient(180deg, #f4efe3 0%, #f0e9d8 45%, #ebe5d7 100%); --card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(250, 246, 234, 0.94) 100%); --card-shadow: 0 28px 60px rgba(80, 60, 30, 0.18); --btn-bg: linear-gradient(180deg, #d4ad6e 0%, #b88a4a 100%); --btn-fg: #1a1410; --btn-shadow: 0 1px 0 rgba(255, 255, 255, 0.45) inset, 0 -1px 0 rgba(0, 0, 0, 0.12) inset, 0 10px 22px rgba(80, 60, 30, 0.18); --logo-shadow: drop-shadow(0 14px 28px rgba(60, 40, 10, 0.22)); --success-fg: #0f7a4f; --success-border: #4caf80; --error-fg: #b3261e; } /* OS-pref tracking: when user hasn't picked, follow the OS. */ @media (prefers-color-scheme: light) { :root:not([data-theme]) { color-scheme: light; --bg-base: #f4efe3; --panel-edge: rgba(40, 30, 15, 0.10); --gold: #b88944; --gold-bright: #8e6628; --gold-soft: rgba(184, 137, 68, 0.14); --cream: #443c33; --text: #4f4538; --muted: #6b665b; --muted-dim: #8a8478; --panel-edge-2: rgba(40, 30, 15, 0.05); --sidebar-bg: #ebe5d6; --modal-bg: #fbf6e8; --danger-bg: #b94747; --danger-bg-hover: #a23a3a; --danger-fg: #ffffff; --warn-text: #b8651e; --notif-unread-bg: rgba(184, 137, 68, 0.12); --notif-unread-bar: var(--gold); --hero-bg: linear-gradient(135deg, rgba(255, 250, 238, 0.96) 0%, rgba(248, 242, 226, 0.96) 100%); --hero-accent: rgba(184, 137, 68, 0.45); --kpi-bg: rgba(40, 30, 15, 0.03); --kpi-border: rgba(40, 30, 15, 0.06); --pill-bg: rgba(40, 30, 15, 0.04); --rule: rgba(40, 30, 15, 0.10); --wordmark-shadow: 0 1px 1px rgba(80, 50, 20, 0.18); --landing-heading: #524940; --field-bg: #eee7d6; --field-bg-focus: #f6f0df; --field-border: rgba(40, 30, 15, 0.10); --field-border-focus: rgba(184, 137, 68, 0.55); --waves-blend: multiply; --waves-opacity: 0.45; --bg-gradient: radial-gradient(110% 95% at 0% 100%, rgba(200, 160, 90, 0.22) 0%, rgba(180, 140, 70, 0.10) 18%, rgba(120, 90, 50, 0.04) 38%, rgba(0, 0, 0, 0) 62%), linear-gradient(180deg, #f4efe3 0%, #f0e9d8 45%, #ebe5d7 100%); --card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(250, 246, 234, 0.94) 100%); --card-shadow: 0 28px 60px rgba(80, 60, 30, 0.18); --btn-bg: linear-gradient(180deg, #d4ad6e 0%, #b88a4a 100%); --btn-shadow: 0 1px 0 rgba(255, 255, 255, 0.45) inset, 0 -1px 0 rgba(0, 0, 0, 0.12) inset, 0 10px 22px rgba(80, 60, 30, 0.18); --logo-shadow: drop-shadow(0 14px 28px rgba(60, 40, 10, 0.22)); --success-fg: #0f7a4f; --success-border: #4caf80; --error-fg: #b3261e; } } /* ============================================================ Text selection — Chromium's default ::selection is a pale blue overlay. Per the gemini consult, Chromium can briefly select credential text on submit (to hand off to its internal password manager). That selection paint sits in a layer that the autofill-suppression CSS cannot reach. Theming ::selection directly so the highlight is gold-on-cream instead of blue. ============================================================ */ ::selection { background-color: rgba(201, 160, 99, 0.40); color: var(--cream); } ::-moz-selection { background-color: rgba(201, 160, 99, 0.40); color: var(--cream); } /* ============================================================ Reset + base ============================================================ */ *, *::before, *::after { box-sizing: border-box; } html, body { margin: 0; padding: 0; min-height: 100%; } /* Suppress transitions during initial paint. The head