@font-face{font-family:NotoFa;src:url('fonts/NotoSansArabic-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:NotoFa;src:url('fonts/NotoSansArabic-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--bg:#080a09;--panel:#101311;--line:#252b27;--line2:#343c36;--text:#edf1ec;--muted:#7e8880;--accent:#d85b43;--accent2:#ed765d;--blue:#2f8cff;--blue2:#55a6ff}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{font-family:NotoFa,Arial,sans-serif}.page{min-height:100vh;padding:12px}.search{width:min(650px,100%);margin:0 auto 10px;display:flex;gap:6px;align-items:center}.search input{width:280px;flex:1;min-width:120px;height:36px;padding:0 11px;border:1px solid var(--line);border-radius:7px;outline:0;background:var(--panel);color:var(--text);font:400 13px Arial,sans-serif;transition:border-color .15s,box-shadow .15s}.search input::placeholder{color:#69736c}.search input:focus{border-color:var(--line2);box-shadow:0 0 0 2px rgba(216,91,67,.06)}.source-wrap{position:relative;display:block}.source-wrap:after{content:"⌄";position:absolute;right:11px;top:50%;transform:translateY(-55%);color:#9aa39d;font:600 13px Arial;pointer-events:none;transition:transform .15s}.source-wrap:hover:after{color:#d0d6d1}.source-wrap select{appearance:none;-webkit-appearance:none;height:36px;min-width:116px;padding:0 30px 0 12px;border:1px solid var(--line);border-radius:8px;outline:0;background:linear-gradient(180deg,#121613,#0f120f);color:var(--text);cursor:pointer;font:600 12px NotoFa,Arial,sans-serif;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 2px 8px rgba(0,0,0,.12);transition:border-color .15s,background .15s,box-shadow .15s}.source-wrap select:hover{border-color:var(--line2);background:#121613}.source-wrap select:focus{border-color:#4a554c;box-shadow:0 0 0 2px rgba(216,91,67,.08),inset 0 1px 0 rgba(255,255,255,.025)}.source-wrap select option{background:#101311;color:#edf1ec}.my-ip{height:36px;border:1px solid #2f8cff;padding:0 12px;border-radius:7px;cursor:pointer;background:#2f8cff;color:#fff;font:600 11px Arial,sans-serif;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 3px 10px rgba(47,140,255,.08);transition:border-color .15s,background .15s,box-shadow .15s,transform .05s}.my-ip:hover{border-color:#55a6ff;background:#55a6ff;box-shadow:0 4px 14px rgba(47,140,255,.20)}.my-ip:active{transform:translateY(1px)}.my-ip:disabled{opacity:.55;cursor:wait}.submit{height:36px;border:1px solid #c84f3b;padding:0 13px;border-radius:7px;cursor:pointer;background:linear-gradient(180deg,var(--accent2),var(--accent));color:#fff;font:600 12px NotoFa,Arial,sans-serif;box-shadow:0 3px 10px rgba(216,91,67,.12);transition:filter .15s,transform .05s}.submit:hover{filter:brightness(1.05)}.submit:active{transform:translateY(1px)}.submit:disabled{opacity:.55;cursor:wait}.status{width:min(850px,100%);margin:7px auto;text-align:center;color:var(--muted);font-size:12px}.status.error{color:#e07b68}.hidden{display:none!important}.graph{width:min(1080px,100%);margin:0 auto;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#0b0e0c;padding:8px;display:flex;justify-content:center;align-items:flex-start}.graph svg{display:block;width:100% !important;max-width:100% !important;height:auto !important;max-height:calc(100vh - 110px);margin:0 auto;object-fit:contain}.graph img{display:block;width:100% !important;max-width:100% !important;height:auto !important;max-height:calc(100vh - 110px);margin:0 auto;object-fit:contain}@media(max-width:620px){.search{flex-wrap:wrap}.search input{width:100%;flex-basis:100%}.source-wrap{margin-right:auto}.my-ip{margin-left:0}.submit{margin-left:auto}.graph{padding:5px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}