[hidden]{display:none!important}
:root{--navy:#0c1b55;--gold:#b8892b;--ink:#101a3c;--muted:#5b6487;--line:#dde1ec;--bg:#f4f5f9;--card:#fff;
  --ok:#1d7a4e;--ok-bg:#e6f4ec;--bad:#b3261e;--bad-bg:#fbe9e7;--warn:#8a5a00;--warn-bg:#fff4dc;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif;color:var(--ink);background:var(--bg)}
@media (prefers-color-scheme:dark){:root{--ink:#ebeef9;--muted:#a3abcc;--line:#24306a;--bg:#070c22;--card:#0d1636;--ok-bg:#0f2e22;--bad-bg:#3a1412;--warn-bg:#33270b;--ok:#5fd39b;--bad:#ff8a80;--warn:#ffcf6b}}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);line-height:1.5}
a{color:inherit}
.top{background:var(--navy);color:#fff;display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 16px 14px;border-bottom:4px solid var(--gold);text-align:center}
.top img{border-radius:50%}
.top b{display:block;color:var(--gold);font-size:26px;letter-spacing:.12em;line-height:1}
.top small{display:block;font-size:12px;opacity:.9;letter-spacing:.05em;text-transform:uppercase;margin-top:4px}
main{flex:1;width:100%;max-width:640px;margin:0 auto;padding:20px 16px 32px;display:grid;gap:16px;align-content:start}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px}
h1{font-size:24px;margin:0 0 6px;color:var(--navy)}
@media (prefers-color-scheme:dark){h1{color:var(--gold)}}
.muted{color:var(--muted)}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.codeform{display:grid;gap:10px;margin-top:14px}
.codeform label{font-weight:600;font-size:14px}
.codeform input{font:inherit;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:20px;letter-spacing:.06em;padding:14px;border:2px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);text-transform:uppercase;width:100%}
.codeform input:focus{outline:none;border-color:var(--gold)}
button{font:inherit;font-weight:800;font-size:17px;background:var(--navy);color:#fff;border:2px solid var(--gold);border-radius:12px;padding:14px 18px;cursor:pointer;min-height:52px}
button:disabled{opacity:.6}
.result{border-width:2px}
.result.ok{border-color:var(--ok);background:var(--ok-bg)}
.result.bad{border-color:var(--bad);background:var(--bad-bg)}
.result.warn{border-color:var(--warn);background:var(--warn-bg)}
.verdict{font-size:22px;font-weight:800;margin:0 0 8px}
.result.ok .verdict{color:var(--ok)}.result.bad .verdict{color:var(--bad)}.result.warn .verdict{color:var(--warn)}
dl{margin:8px 0 0;display:grid}
.row{display:grid;grid-template-columns:140px 1fr;gap:12px;padding:8px 0;border-top:1px solid var(--line)}
dt{color:var(--muted);font-size:14px}dd{margin:0;font-weight:600;word-break:break-word}
footer{text-align:center;font-size:13px;color:var(--muted);padding:18px 16px;border-top:1px solid var(--line)}
footer p{margin:2px 0}
@media (max-width:480px){.row{grid-template-columns:1fr;gap:0}h1{font-size:21px}}