#mtk{--bg:#eef2f7;--card:#fff;--ink:#14213d;--mut:#5b667a;--line:#d5dce8;--acc:#e8590c;--accink:#fff;--soft:#e3e9f3;font:16px/1.55 "Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);padding:20px;border-radius:18px;max-width:880px;margin:0 auto;box-sizing:border-box}
@media(prefers-color-scheme:dark){#mtk{--bg:#0f1626;--card:#18223a;--ink:#e8edf7;--mut:#9aa7c0;--line:#2b3956;--acc:#ff8a4c;--accink:#1a1206;--soft:#22304f}}
#mtk *{box-sizing:border-box}
#mtk h2{font-size:1.5rem;margin:0 0 4px;letter-spacing:-.01em}
#mtk p.sub{margin:0 0 16px;color:var(--mut)}
#mtk .tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:8px;margin-bottom:12px}
#mtk .tabs button{flex:0 0 auto;border:1px solid var(--line);background:var(--card);color:var(--ink);padding:9px 14px;border-radius:999px;font:inherit;font-weight:600;cursor:pointer}
#mtk .tabs button[aria-selected=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
#mtk .panel{display:none;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px}
#mtk .panel.on{display:block}
#mtk h3{margin:0 0 4px;font-size:1.2rem}
#mtk .hint{color:var(--mut);margin:0 0 16px;font-size:.95rem}
#mtk label{display:block;font-weight:600;margin:12px 0 6px;font-size:.92rem}
#mtk input[type=number],#mtk select,#mtk textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font:inherit}
#mtk textarea{min-height:170px;resize:vertical}
#mtk button.b{border:0;background:var(--acc);color:var(--accink);padding:11px 18px;border-radius:10px;font:inherit;font-weight:700;cursor:pointer}
#mtk button.g{border:1px solid var(--line);background:var(--soft);color:var(--ink);padding:10px 14px;border-radius:10px;font:inherit;font-weight:600;cursor:pointer}
#mtk button:focus-visible,#mtk input:focus-visible,#mtk select:focus-visible,#mtk textarea:focus-visible{outline:3px solid var(--acc);outline-offset:2px}
#mtk .row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;align-items:center}
#mtk .big{font-size:3.4rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:8px 0}
#mtk .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-top:12px}
#mtk .stat{background:var(--soft);border-radius:10px;padding:10px 12px}
#mtk .stat b{display:block;font-size:1.4rem}
#mtk .stat span{color:var(--mut);font-size:.85rem}
#mtk video{width:100%;border-radius:10px;background:#000;margin-top:12px;display:none}
#mtk .msg{margin-top:10px;color:var(--mut);min-height:1.4em}
#mtk .pw{font-family:ui-monospace,Consolas,monospace;font-size:1.15rem;word-break:break-all;background:var(--soft);padding:14px;border-radius:10px;min-height:3.2em}
#mtk .chk{display:flex;gap:8px;align-items:center;font-weight:500;margin:8px 0}
#mtk .chk input{width:18px;height:18px;accent-color:var(--acc)}
#mtk-night{position:fixed;inset:0;background:#000;color:#8a93a8;display:none;align-items:center;justify-content:center;flex-direction:column;z-index:99999;font:1.4rem "Segoe UI",system-ui,sans-serif;text-align:center;padding:20px}
#mtk-night small{margin-top:10px;font-size:.9rem;opacity:.7}
@media(max-width:520px){#mtk{padding:12px}#mtk .big{font-size:2.8rem}}
#mtk .mtk-sec{margin-top:24px}
#mtk .mtk-sec h2{font-size:1.3rem;margin:0 0 10px}
#mtk .mtk-sec h3{font-size:1.05rem;margin:14px 0 4px}
#mtk .mtk-sec p,#mtk .mtk-sec li{margin:0 0 8px}
#mtk .mtk-sec ol{padding-left:22px;margin:0}
#mtk .mtk-cat{margin:22px 0 10px;font-size:1.15rem}
#mtk .mtk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
#mtk a.mtk-card{display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;color:var(--ink);text-decoration:none}
#mtk a.mtk-card:hover,#mtk a.mtk-card:focus-visible{border-color:var(--acc);outline:none}
#mtk a.mtk-card b{display:block;font-size:1.05rem;margin-bottom:2px}
#mtk a.mtk-card span{color:var(--mut);font-size:.92rem}
#mtk .mtk-links{display:flex;flex-wrap:wrap;gap:8px}
#mtk .mtk-links a{color:var(--ink);background:var(--soft);padding:8px 12px;border-radius:999px;text-decoration:none;font-weight:600}
#mtk .mtk-links a:focus-visible{outline:3px solid var(--acc);outline-offset:2px}

#mtk input[type=text]{flex:1 1 240px;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font:inherit}
#mtk .mtk-score{display:flex;gap:16px;align-items:center;background:var(--soft);border-radius:12px;padding:16px;margin:16px 0}
#mtk .mtk-num{font-size:2.4rem;font-weight:700;font-variant-numeric:tabular-nums}
#mtk .mtk-small{color:var(--mut);font-size:.9rem;word-break:break-word}
#mtk .mtk-row{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-left-width:5px;border-radius:10px;padding:10px 12px;margin:8px 0}
#mtk .mtk-row.mtk-pass{border-left-color:#2f9e44}
#mtk .mtk-row.mtk-warn{border-left-color:#f08c00}
#mtk .mtk-row.mtk-fail{border-left-color:#e03131}
#mtk .mtk-badge{flex:0 0 auto;font-weight:700;font-size:.85rem;min-width:92px}
#mtk .mtk-row div{min-width:0;word-break:break-word}
#mtk .mtk-fix{margin-top:4px;color:var(--mut)}
#mtk .mtk-tblw{overflow-x:auto}
#mtk .mtk-tbl{width:100%;border-collapse:collapse;font-size:.93rem;margin-bottom:12px}
#mtk .mtk-tbl th,#mtk .mtk-tbl td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line)}
@media(max-width:520px){#mtk .mtk-row{flex-direction:column;gap:4px}}