:root{
--bg:#f6f7fb;--card:#fff;--text:#14161f;--muted:#5d6475;--line:#dfe3ee;--accent:#5b3df5;--good:#0f9d58;--bad:#d93025;--warn:#e69500}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0f1117;--card:#181b25;--text:#f1f3f9;--muted:#9aa2b5;--line:#2a2f3e;--accent:#8b78ff;--good:#3ddc84;--bad:#ff6b60;--warn:#ffb340}}
:root[data-theme="dark"]{--bg:#0f1117;--card:#181b25;--text:#f1f3f9;--muted:#9aa2b5;--line:#2a2f3e;--accent:#8b78ff;--good:#3ddc84;--bad:#ff6b60;--warn:#ffb340}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.45}
main{max-width:760px;margin:0 auto;padding:24px 16px 48px}
h1{font-size:1.7rem;margin:0 0 6px}
p.sub{color:var(--muted);margin:0 0 20px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:16px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:520px){.grid{grid-template-columns:1fr}}
label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:4px}
input{width:100%;padding:11px 12px;font-size:1rem;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text)}
input:focus{outline:2px solid var(--accent);border-color:transparent}
.big{text-align:center}
.big .n{font-size:2.6rem;font-weight:800}
.big .l{color:var(--muted);font-size:.9rem}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
@media(max-width:520px){.stats{grid-template-columns:1fr 1fr}}
.stat{border:1px solid var(--line);border-radius:10px;padding:10px;text-align:center}
.stat b{display:block;font-size:1.15rem}
.stat span{font-size:.78rem;color:var(--muted)}
.verdict{margin-top:14px;padding:10px 12px;border-radius:10px;font-weight:600;text-align:center}
button{background:var(--accent);color:#fff;border:0;border-radius:10px;padding:12px 16px;font-size:1rem;font-weight:600;cursor:pointer;width:100%;margin-top:8px}
button.alt{background:transparent;color:var(--accent);border:1px solid var(--accent)}
.row{display:flex;gap:10px}
.row button{margin-top:12px}
small{color:var(--muted)}
.tabs{display:flex;gap:8px;overflow-x:auto;margin-bottom:16px}.tabs a{white-space:nowrap;padding:9px 14px;border:1px solid var(--line);border-radius:999px;color:var(--text);text-decoration:none;background:var(--card);font-size:.9rem}.tabs a.on{background:var(--accent);color:#fff;border-color:var(--accent)}#img{max-width:100%;border-radius:12px;margin-top:12px;display:none}
.tabs a,.links a{display:inline-block}.faq h3{font-size:1rem;margin:14px 0 4px}.faq p,.txt{color:var(--muted);margin:0}.links{display:grid;gap:12px}.links a{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--text);text-decoration:none;font-weight:600}