:root{--bg:#1f1f1e;--card:#262624;--border:rgba(250,249,245,.10);--text:#faf9f5;--muted:#c2beb2;--accent:#faf9f5;--btn-face:#ffffff;--btn-ink:#1f1f1e;--btn-face-hover:#ebebe8;--bad:#d97066; --sans:"Anthropic Sans","WallSoft Sans","Inter",-apple-system,"Segoe UI",sans-serif;} *{box-sizing:border-box;} html,body{height:100%;margin:0;} body{background:var(--bg);color:var(--text);font-family:var(--sans);display:flex;align-items:center;justify-content:center;} .card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:32px;width:320px;} h1{font-size:18px;margin:0 0 20px;font-weight:600;} input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--field,#171716);color:var(--text);font-family:var(--sans);font-size:14px;margin-bottom:12px;} input:focus{outline:none;border-color:var(--accent);} button{width:100%;padding:10px;border-radius:8px;border:none;background:var(--btn-face);color:var(--btn-ink);font-family:var(--sans);font-size:14px;font-weight:600;cursor:pointer;} button:hover{text-decoration:underline;} .err{color:var(--bad);font-size:13px;margin-bottom:12px;min-height:16px;} .foot{margin-top:16px;padding-top:14px;border-top:1px solid var(--border);font-size:13px;color:var(--muted);text-align:center;} .foot a{color:var(--accent);text-decoration:none;} .foot a:hover{text-decoration:underline;} ::selection{background:var(--accent);color:var(--bg);} /* ---- light theme ---- These three pages carried a hardcoded dark palette, so choosing light in the vault and then logging out landed you on a black login screen. Same tokens, same two triggers as index.css: an explicit choice stamped on by theme.js, and the system preference when there is no choice. */ :root[data-theme="light"]{ --bg:#faf9f5;--card:#ffffff;--card2:#f0efea;--border:rgba(31,31,30,.12); --text:#1f1f1e;--muted:#5c584f;--faint:#6f6b62;--accent:#1f1f1e;--btn-face:#1f1f1e;--btn-ink:#faf9f5;--btn-face-hover:#353533;--bad:#b23a2f;--good:#5f7a3a; --field:#ffffff; } @media (prefers-color-scheme: light){ :root:not([data-theme="dark"]){ --bg:#faf9f5;--card:#ffffff;--card2:#f0efea;--border:rgba(31,31,30,.12); --text:#1f1f1e;--muted:#5c584f;--faint:#6f6b62;--accent:#1f1f1e;--btn-face:#1f1f1e;--btn-ink:#faf9f5;--btn-face-hover:#353533;--bad:#b23a2f;--good:#5f7a3a; --field:#ffffff; } }