:root{--bg:#171717;--card:#1d1d1d;--field:#252525;--border:#3b3b3b;--text:#eee;--muted:#aaa;--blue:#316df4;--green:#2fc75a;--red:#ed5252;--orange:#efa93b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.page{width:min(calc(100% - 32px),900px);margin:auto;padding:40px 0 70px}h1{font-size:28px;margin:0}.sub{color:#bbb;margin:12px 0 28px}.card{background:var(--card);border:1px solid var(--border);border-radius:13px;padding:24px;margin-bottom:22px}label{display:block;font-size:14px;font-weight:650;margin-bottom:9px}input,select{width:100%;height:44px;border:1px solid var(--border);border-radius:8px;background:var(--field);color:var(--text);padding:0 13px;font-size:14px;outline:none}input:focus,select:focus{border-color:#6086ec;box-shadow:0 0 0 2px #316df422}.grid{display:grid;grid-template-columns:1.4fr .6fr;gap:18px;margin-top:22px}.portwrap{position:relative}.portwrap input{padding-right:58px}.portwrap span{position:absolute;right:12px;top:13px;color:#888;font-size:12px;font-weight:700}.note{display:none;color:#aaa;font-size:12px;line-height:1.5;margin-top:15px;padding:11px 13px;border-left:2px solid #555;background:#222;border-radius:0 6px 6px 0}.note.visible{display:block}button#check{width:100%;height:44px;border:0;border-radius:8px;background:var(--blue);color:#fff;font-weight:750;margin-top:23px;cursor:pointer;display:flex;gap:9px;align-items:center;justify-content:center}.spinner{display:none;width:15px;height:15px;border:2px solid #ffffff55;border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.checking .spinner{display:block}@keyframes spin{to{transform:rotate(360deg)}}.result{display:none}.result.visible{display:block;animation:enter .25s ease}@keyframes enter{from{opacity:0;transform:translateY(7px)}}.step{position:relative;min-height:40px;display:flex;align-items:center;padding-left:26px}.step:before{content:"";position:absolute;left:4px;top:20px;height:40px;width:1px;background:#444}.step:last-of-type:before{display:none}.dot{position:absolute;left:0;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:var(--card)}.pulse{border-color:var(--blue);animation:pulse 1s infinite}@keyframes pulse{50%{box-shadow:0 0 0 7px #316df400}0%,100%{box-shadow:0 0 0 0 #316df477}}.icon{position:absolute;left:-6px;width:21px;height:21px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:bold}.open{background:var(--green)}.closed{background:var(--red)}.unknown{background:var(--orange);color:#171717}.badge{padding:5px 9px;border-radius:14px;font-size:12px;font-weight:800;margin-left:5px}.details{border-top:1px solid #333;margin-top:13px;padding-top:14px;color:#aaa;font-size:13px;line-height:1.65}.details b{color:#ddd}.hidden{display:none!important}.code{background:#2c2c2c;padding:4px 8px;border-radius:12px;font-family:monospace}footer{text-align:center;color:#555;font-size:11px}.err{color:#ff8585}@media(max-width:650px){.page{padding-top:24px}.grid{grid-template-columns:1fr}.card{padding:18px}}