/* instabi.li account panel: no external fonts, no scripts. */
:root { color-scheme: light dark; --fg: #1b1b1b; --bg: #fafaf7; --muted: #5c5c5c; --line: #d8d8d0;
        --accent: #b3261e; --ok: #1e6b3a; --box: #ffffff; }
@media (prefers-color-scheme: dark) {
  :root { --fg: #ececec; --bg: #161616; --muted: #a8a8a8; --line: #333; --accent: #ff8a80; --ok: #7fd49a; --box: #1f1f1f; }
}
* { box-sizing: border-box; }
body { margin: 0; font: 16px/1.5 system-ui, sans-serif; color: var(--fg); background: var(--bg); }
header { display: flex; justify-content: space-between; align-items: center; gap: 1rem;
         padding: .75rem 1rem; border-bottom: 1px solid var(--line); flex-wrap: wrap; }
main { max-width: 40rem; margin: 0 auto; padding: 1rem; }
section { background: var(--box); border: 1px solid var(--line); border-radius: 6px; padding: 1rem; margin: 1rem 0; }
section.warn { border-color: var(--accent); }
li.warn { border-left: 3px solid var(--accent); padding-left: .5rem; margin: .5rem 0; }
label { display: block; margin: .5rem 0; }
input { display: block; width: 100%; padding: .5rem; font: inherit; color: inherit; background: var(--bg);
        border: 1px solid var(--line); border-radius: 4px; }
button { margin-top: .5rem; padding: .45rem .9rem; font: inherit; cursor: pointer; border-radius: 4px;
         border: 1px solid var(--fg); background: var(--fg); color: var(--bg); }
form.inline { display: inline; } form.inline button { margin: 0; }
table { width: 100%; border-collapse: collapse; margin: .5rem 0; }
th, td { text-align: left; padding: .3rem; border-bottom: 1px solid var(--line); }
.secret { font: 1.25rem/1.4 ui-monospace, monospace; padding: .75rem; border: 2px dashed var(--fg);
          border-radius: 6px; word-break: break-all; user-select: all; }
.error { color: var(--accent); font-weight: 600; } .notice { color: var(--ok); font-weight: 600; }
.qr svg { width: 220px; height: 220px; background: #fff; padding: 8px; }
a { color: inherit; }
.request pre { white-space: pre-wrap; word-break: break-word; max-height: 12rem; overflow: auto;
                border: 1px solid var(--line); padding: .5rem; font: .9rem/1.4 ui-monospace, monospace; }