:root{--bg: #f6f7fb;--muted: #6b7280;--accent: #60a5fa;--panel-bg: #ffffff;--mono-bg: #0f1724;--mono-color: #e6eef6}*{box-sizing:border-box}html,body{height:100%}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;margin:0;background:var(--bg);color:#111}.app{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh}.top{background:linear-gradient(90deg,var(--accent),#7dd3fc);color:#022c43;padding:18px 20px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand h1{font-size:18px;margin:0;color:#022c43}.user-ip{color:#000000b3}.layout{display:grid;grid-template-columns:240px 1fr;gap:20px;padding:24px}.sidebar{background:var(--panel-bg);padding:16px;border-radius:8px;box-shadow:0 1px 2px #1018280a}.sidebar nav ul{list-style:none;padding:0;margin:0}.sidebar nav li{margin-bottom:8px}.sidebar button{width:100%;text-align:left;padding:10px;border-radius:6px;border:1px solid transparent;background:transparent;color:#0f1724;cursor:pointer}.sidebar button.active{background:var(--accent);color:#fff;border-color:#0000000f}.content{background:var(--panel-bg);padding:18px;border-radius:8px;box-shadow:0 1px 2px #1018280a}.panel{max-width:900px}label{display:block;margin-bottom:6px;color:var(--muted);font-weight:600}input,select,textarea{width:100%;padding:10px;border:1px solid #e6e9ef;border-radius:8px}.actions{margin-top:12px;display:flex;gap:8px}button{padding:8px 12px;border-radius:6px;border:none;background:var(--accent);color:#fff;cursor:pointer}.button-ghost{background:transparent;color:#0f1724;border:1px solid #e6e9ef}.output{background:var(--mono-bg);color:var(--mono-color);padding:12px;border-radius:8px;margin-top:16px;min-height:160px;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,monospace}.site-footer{padding:12px 24px;background:transparent;color:var(--muted);text-align:center}@media(max-width:720px){.layout{grid-template-columns:1fr;padding:12px;gap:12px}.sidebar{order:-1}.brand img{height:34px}.top{padding:12px}}.txt14{font-size:14px}.disabled{color:#a5a5a6;background:#f2f2f2}.noselect{-webkit-user-select:none;user-select:none}.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:1000}.skip-link:focus{left:12px;top:12px;width:auto;height:auto;padding:8px 12px;background:#fff;border:1px solid #e6e9ef;border-radius:6px;color:#0b1220;text-decoration:none}@media(max-width:720px){.sidebar{max-height:0;overflow:hidden;opacity:0;transition:max-height .28s ease,opacity .28s ease}.sidebar.open{max-height:600px;opacity:1}.toggle-button{display:inline-flex}}@media(min-width:721px){.toggle-button{display:none}}.toggle-button{background:transparent;border:1px solid rgba(0,0,0,.06);padding:8px;border-radius:6px;cursor:pointer}.captcha{display:flex;gap:12px;align-items:center}.captcha img{height:48px;border:1px solid #e6e9ef;padding:4px;border-radius:6px;background:#fff}body,div{padding:0;margin:0}body,form,td,p,input,select,textarea,div,li,ul{font-family:Verdana;font-size:12px}.middle,.middle *{vertical-align:middle}a{text-decoration:underline}a:hover,.a1,.a1:visited{text-decoration:none}.a1:hover{color:#0667d0;text-decoration:underline}.a2,.a2:visited,.a2:hover{color:#000;text-decoration:none;font-size:11px}.a2:hover{text-decoration:underline}.cl1 input{border:solid black 1px}.t1{font-size:11px;color:#a5a5a6}.t2{font-weight:700}.button{width:100px;cursor:pointer}.button_flat{border:solid black 1px;width:200px;cursor:hand}.domain_name{padding:10px;font-weight:700;font-size:20px}.descr{font-weight:700}.tab{cursor:pointer}.data{font-weight:700}label,.handed{cursor:pointer}.txt8,.txt8 *{font-size:8px}.txt9,.txt9 *{font-size:9px}.txt10,.txt10 *{font-size:10px}.txt11,.txt11 *{font-size:11px}.txt12,.txt12 *{font-size:12px}.txt13,.txt13 *{font-size:13px}.txt14,.txt14 *{font-size:14px}.txt15,.txt15 *{font-size:15px}.txt16,.txt16 *{font-size:16px}.txt17,.txt17 *{font-size:17px}.txt18,.txt18 *{font-size:18px}.txt19,.txt19 *{font-size:19px}.txt20,.txt20 *{font-size:20px}.disabled{color:#a5a5a6;background-color:#f2f2f2}a,.c1,.c1 *{color:#0667d0}.alpha90{filter:alpha(opacity=90);-moz-opacity:.9;-khtml-opacity:.9;opacity:.9}.alpha80{filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8}.alpha70{filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7;opacity:.7}.alpha60{filter:alpha(opacity=60);-moz-opacity:.6;-khtml-opacity:.6;opacity:.6}.alpha50{filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}.alpha40{filter:alpha(opacity=40);-moz-opacity:.4;-khtml-opacity:.4;opacity:.4}.alpha30{filter:alpha(opacity=30);-moz-opacity:.3;-khtml-opacity:.3;opacity:.3}.alpha20{filter:alpha(opacity=20);-moz-opacity:.2;-khtml-opacity:.2;opacity:.2}.alpha10{filter:alpha(opacity=10);-moz-opacity:.1;-khtml-opacity:.1;opacity:.1}.noselect{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none}.bold,.bold *{font-weight:700}.nobold,.nobold *{font-weight:400!important}.hop{width:30px}.ip{width:120px}.host{width:300px}.rtt{width:80px}.hop,.ip,.host,.rtt{border:0px}
