/* Immutable login stylesheet revision 20260824a. */
:root{
--bg:#0b1420;--panel:#101d2d;--panel2:#17283b;--unread:#142e47;--input:#0c1827;
--text:#ecf4fb;--muted:#8ea3b7;--muted2:#c6d5e2;--accent:#1f66c8;--border:#294057;
--link:#79c7ff;--good:#4ecf96;--tagbg:#183d4d;--tagfg:#a7eed4;--star:#f0c86d;
}
[data-theme="light"]{
--bg:#f4f6fa;--panel:#ffffff;--panel2:#e8edf5;--unread:#fff8e6;--input:#ffffff;
--text:#233;--muted:#8896a5;--muted2:#556;--accent:#d63a52;--border:#d5dce6;
--link:#3a6ea8;--good:#189a6a;--tagbg:#dce8f5;--tagfg:#2a5580;--star:#e6a800;
}
[data-theme="graphite"]{
--bg:#121316;--panel:#1e2024;--panel2:#2a2d33;--unread:#232a33;--input:#16181c;
--text:#e2e4e8;--muted:#8b909a;--muted2:#aab;--accent:#4a9eff;--border:#33363d;
--link:#6cb0f5;--good:#3ecf8e;--tagbg:#2d3540;--tagfg:#a8c8e8;--star:#ffc94a;
}
[data-theme="forest"]{
--bg:#0d1613;--panel:#152621;--panel2:#1e352d;--unread:#1a3028;--input:#0f1f1a;
--text:#e0ece7;--muted:#7d9a90;--muted2:#a8c4b8;--accent:#2ec4a6;--border:#27443a;
--link:#6ad4b8;--good:#7fd88a;--tagbg:#24453a;--tagfg:#a8e8d0;--star:#e8c65a;
}
[data-theme="violet"]{
--bg:#140f1e;--panel:#221a33;--panel2:#302447;--unread:#2b1f42;--input:#1a1428;
--text:#eae4f5;--muted:#9a8bb5;--muted2:#c0b0d8;--accent:#c264e0;--border:#3d3055;
--link:#b98ce8;--good:#6ed4b0;--tagbg:#3a2d52;--tagfg:#d8c0f0;--star:#f0c85a;
}

body{font-family:system-ui;background:var(--bg);color:var(--text);display:flex;align-items:center;justify-content:center;height:100vh;margin:0;padding:1rem}
.box{background:var(--panel);padding:2rem;border:1px solid var(--border);border-radius:8px;width:min(100%,360px);box-shadow:0 18px 46px rgba(1,8,18,.38)}
.box h1,.box h2{margin:0 0 1rem;text-align:center;font-size:1.2rem}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
input{width:100%;padding:.7rem;margin-bottom:.7rem;border-radius:6px;border:1px solid var(--border);background:var(--input);color:var(--text);font-size:1rem}
button{width:100%;padding:.7rem;border:0;border-radius:6px;background:var(--accent);color:#fff;font-size:1rem;cursor:pointer;margin-bottom:.5rem}
.link{text-align:center;font-size:.85rem;color:var(--link);cursor:pointer;user-select:none}
.desktop-download{display:flex;align-items:center;justify-content:center;gap:.45rem;margin-top:1rem;padding:.7rem;border:1px solid var(--border);border-radius:6px;background:var(--panel2);color:var(--link);font-size:.88rem;font-weight:700;text-decoration:none}
.desktop-download:hover{border-color:var(--link);filter:brightness(1.08)}
.msg{font-size:.85rem;text-align:center;min-height:1.2rem;margin-bottom:.5rem}
.err{color:#ff6b6b}.ok{color:var(--good)}
body.demo-mode{padding-top:44px!important}
.demo-env-banner{position:fixed;z-index:9999;top:0;left:0;right:0;min-height:44px;display:flex;align-items:center;justify-content:center;gap:12px;padding:7px 14px;background:#fff4d6;color:#6d4b00;border-bottom:1px solid #e8c96e;font:700 13px/1.35 system-ui,sans-serif;text-align:center}
.demo-login-help{margin:0 0 12px;padding:10px;border:1px solid #345878;border-radius:6px;background:#132840;color:#d8e8f5;font-size:13px;line-height:1.55}
.demo-login-help code{color:#8de6cf}.demo-login-help button{margin:8px 0 0!important;background:#16845b!important}body.demo-mode #toggle{display:none}
@media(max-width:620px){.demo-env-banner{justify-content:space-between;font-size:11px}.demo-env-banner span{max-width:70%}}