:root { --bg:#f6f7f9; --card:#fff; --text:#16181d; --muted:#5d6470; --line:#d6dae1;
        --accent:#2563eb; --ok:#15803d; --bad:#b91c1c; color-scheme: light dark; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#0f1115; --card:#181b21; --text:#e8eaee; --muted:#9aa3b1; --line:#2c313a;
          --accent:#5b8def; --ok:#4ade80; --bad:#f87171; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--text);
       font:16px/1.45 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
main { max-width:460px; margin:6vh auto; padding:24px; background:var(--card);
       border:1px solid var(--line); border-radius:14px; }
h1 { font-size:22px; margin:0 0 8px; }
label { display:block; margin:16px 0 6px; font-weight:600; }
label.row { display:flex; gap:8px; align-items:center; font-weight:400; margin-top:8px; }
select, input[type=password], input[type=text] { width:100%; padding:12px; font-size:16px;
       color:var(--text); background:var(--bg); border:1px solid var(--line); border-radius:10px; }
button { width:100%; margin-top:18px; padding:13px; font-size:16px; font-weight:600;
         color:#fff; background:var(--accent); border:0; border-radius:10px; }
button:disabled { opacity:.6; }
.muted { color:var(--muted); } .small { font-size:13px; }
.ok { color:var(--ok); } .bad { color:var(--bad); }
#result { padding-left:18px; }
/* Режим «показать один раз» (#v.…). Интерфейс приёма выше не меняется. */
:root { --warn-bg:#fff7e6; --warn-text:#6b4200; --warn-line:#f0c36d; --code-bg:#eef1f5; }
@media (prefers-color-scheme: dark) {
  :root { --warn-bg:#2a2110; --warn-text:#f5d48a; --warn-line:#5c4715; --code-bg:#0f1115; }
}
[hidden] { display:none !important; }
main h1 { overflow-wrap:anywhere; }
.items { display:grid; grid-template-columns:max-content 1fr; gap:8px 14px; margin:18px 0 0; }
.items > div { display:contents; }
.items dt { color:var(--muted); }
.items dd { margin:0; font-weight:600; overflow-wrap:anywhere; }
.items a { color:var(--accent); }
.secret-label { margin:20px 0 6px; font-weight:600; }
.secret { display:block; padding:14px; font:20px/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
          color:var(--text); background:var(--code-bg); border:1px solid var(--line); border-radius:10px;
          overflow-wrap:anywhere; user-select:all; -webkit-user-select:all; }
#copied { min-height:1.2em; margin:8px 0 0; }
.warn { margin:14px 0 0; padding:12px 14px; color:var(--warn-text); background:var(--warn-bg);
        border:1px solid var(--warn-line); border-radius:10px; font-weight:600; }