:root{--bg:#f6f6f4;--card:#fff;--ink:#16161a;--muted:#62626b;--line:#e3e3df;--accent:#1f5eff;--accent-ink:#fff;--ok:#127a3f;--warn:#9a5b00;--bad:#b42318;--field:#fff;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#0f0f12;--card:#18181d;--ink:#ececf1;--muted:#a0a0ab;--line:#2c2c34;--accent:#6c95ff;--accent-ink:#0b0b10;--ok:#4cc287;--warn:#e0a948;--bad:#ff7b72;--field:#111116;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
main{margin:0 auto;padding:24px 16px 64px}
main.narrow{max-width:460px}main.wide{max-width:860px}
h1{font-size:1.4rem;margin:0 0 8px}h2{font-size:1.1rem;margin:0 0 4px}h3{font-size:1rem;margin:16px 0 4px}
p{margin:8px 0}a{color:var(--accent)}
.muted,.small{color:var(--muted)}.small{font-size:.875rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;margin:0 0 16px}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.top form{margin:0}
nav.jump{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 16px}nav.jump a{padding:4px 10px;border:1px solid var(--line);border-radius:99px;text-decoration:none;color:var(--ink);font-size:.875rem;background:var(--card)}
label{display:block;font-weight:600;margin:12px 0 4px}
input[type=text],input[type=password],input[type=url],textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--field);color:var(--ink);font:inherit}
textarea{min-height:64px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875rem}
.btn{display:inline-block;padding:9px 14px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font:inherit;font-weight:600;text-decoration:none;cursor:pointer}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.btn.danger{color:var(--bad)}.btn.sm{padding:5px 10px;font-size:.875rem}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.field{border-top:1px solid var(--line);padding:12px 0}.field:first-of-type{border-top:0}
.state{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875rem}
.ok{color:var(--ok)}.warn{color:var(--warn)}.bad{color:var(--bad)}
.flash{padding:10px 14px;border-radius:10px;margin:0 0 16px;border:1px solid var(--line);background:var(--card)}
.flash.bad{border-color:var(--bad)}.flash.ok{border-color:var(--ok)}
.secret{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.secret code{flex:1 1 260px;word-break:break-all;padding:10px;border:1px dashed var(--warn);border-radius:10px;background:var(--field)}
ul.list{list-style:none;padding:0;margin:0}ul.list>li{border-top:1px solid var(--line);padding:12px 0}ul.list>li:first-child{border-top:0}
.checks label{display:inline-flex;gap:6px;font-weight:400;margin:4px 12px 4px 0}
details summary{cursor:pointer;font-weight:600;margin:8px 0}
table{width:100%;border-collapse:collapse;font-size:.875rem}td{border-top:1px solid var(--line);padding:6px 4px;vertical-align:top}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875em}
.pw-wrap{position:relative;display:block}.pw-wrap>input{padding-right:4.6em;width:100%}
.pw-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:inherit;opacity:.7;font:inherit;font-size:13px;font-weight:600;padding:6px 8px;border-radius:8px;cursor:pointer;line-height:1}
.pw-eye:hover,.pw-eye:focus-visible{opacity:1;background:rgba(127,127,127,.15);outline:none}