:root{--accent: #0000ff;--accent-deep: #0000b3;--accent-tint: #e6e6ff;--accent-faint: #6a6aff;--accent-ghost: #b9b9d6;--danger: #c0392b;--ok: #2e7d32;--warn: #b08000;--ink: #222;--ink-mute: #888;--paper: rgba(255, 255, 255, .85);--nav-clear: 88px;--z-side-panel: 4;--z-doc: 10;--z-scrim: 30;--z-browser: 40;--z-auth: 41;--z-float: 45;--z-wizard: 46;--z-layout: 55;--z-chrome: 60;--z-syncbar: 61;--z-cli-float: 70;--z-layout-elevated: 75;--z-frame: 80;--z-loading: 90;--z-room: 95;--z-gate: 100;--z-auth-gate: 101;--z-overlay: 200}:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.btn-accent{border:1px solid var(--accent);border-radius:0;background:transparent;color:var(--accent);font:inherit;cursor:pointer}.btn-accent:hover:not(:disabled){background:var(--accent-tint)}.btn-accent:disabled{color:var(--accent-faint);border-color:var(--accent-faint);cursor:default}.btn-danger{border:1px solid var(--danger);border-radius:0;background:transparent;color:var(--danger);font:inherit;cursor:pointer}.btn-danger:hover:not(:disabled){background:#fbeae7}.input-line{border:none;border-bottom:1px solid var(--accent);border-radius:0;background:transparent;color:var(--accent);font:inherit;outline:none}.input-line:focus{border-bottom-color:var(--accent-deep)}.input-line::placeholder{color:var(--accent-ghost)}.input-box{border:1px solid var(--accent);border-radius:0;background:transparent;color:var(--accent);font:inherit}.input-box::placeholder{color:var(--accent-faint)}