:root{color-scheme:light dark;--bg: #0f1419;--panel: #1a2332;--text: #e7ecf3;--muted: #8b9cb3;--accent: #5b9fd4;--border: #2a3a52;--error: #f87171;font-family:Segoe UI,system-ui,-apple-system,sans-serif}@media(prefers-color-scheme:light){:root{--bg: #f4f6f9;--panel: #fff;--text: #1a2332;--muted: #5a6b82;--accent: #2563eb;--border: #d8dee9}}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);line-height:1.5}.page{max-width:42rem;margin:0 auto;padding:2rem 1.25rem 3rem}header h1{margin:0 0 .35rem;font-size:1.5rem;font-weight:600}.lede{margin:0;color:var(--muted);font-size:.95rem}code{font-family:ui-monospace,monospace;font-size:.9em}.panel{margin-top:1.75rem;padding:1.25rem;background:var(--panel);border:1px solid var(--border);border-radius:10px}.panel h2{margin:0 0 .75rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.locale-bar{display:flex;flex-wrap:wrap;gap:.5rem}.locale-btn{padding:.45rem .9rem;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text);cursor:pointer;font:inherit}.locale-btn:hover:not(:disabled){border-color:var(--accent)}.locale-btn:disabled{opacity:.45;cursor:not-allowed}.locale-btn.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.strings{margin:0;display:grid;grid-template-columns:9rem 1fr;gap:.5rem 1rem}.strings dt{margin:0;font-family:ui-monospace,monospace;font-size:.8rem;color:var(--muted)}.strings dd{margin:0}.credentials-form{display:grid;gap:.75rem}.field{display:grid;gap:.35rem;font-size:.85rem}.field input{padding:.5rem .65rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font:inherit}.credentials-actions{display:flex;flex-wrap:wrap;gap:.5rem}.status-error{margin:0;color:var(--error);font-size:.9rem}