*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background:#070b17;color:#e6ecff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}.wrap{position:fixed;inset:0}.hdr{position:absolute;top:0;left:0;right:0;padding:16px 20px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;pointer-events:none;z-index:5;background:linear-gradient(#070b17ee,#070b1700)}.hdr h1{font-size:clamp(18px,3vw,28px);background:linear-gradient(90deg,#60a5fa,#a78bfa,#f472b6);-webkit-background-clip:text;color:transparent}.hdr p{font-size:13px;color:#9aa8cc;margin-top:4px;max-width:520px}.ctr{display:flex;gap:8px;flex-wrap:wrap;pointer-events:auto}button{background:#1a2140;color:#e6ecff;border:1px solid #33407a;border-radius:10px;padding:9px 14px;font-size:14px;cursor:pointer;transition:.2s}button:hover{background:#26305c;border-color:#6377d6}button.pri{background:linear-gradient(90deg,#4f46e5,#9333ea);border:none}.legend{position:absolute;left:20px;bottom:18px;font-size:12px;color:#9aa8cc;z-index:5;display:flex;gap:14px;flex-wrap:wrap}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:middle}.panel{position:absolute;top:0;right:0;height:100%;width:min(420px,100%);background:#0d1328f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:1px solid #26305c;z-index:10;padding:24px;overflow-y:auto;transform:translateX(105%);transition:transform .45s cubic-bezier(.2,.8,.2,1)}.panel.open{transform:none}.panel h2{font-size:22px;margin:6px 0 10px}.panel .tag{font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:700}.panel h3{font-size:14px;margin:18px 0 6px;color:#c7d2fe}.panel li,.panel p{font-size:14px;line-height:1.55;color:#c3cbe6}.panel ul{padding-left:18px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:12px;background:#1a2140;border:1px solid #33407a;border-radius:999px;padding:3px 10px}.kv{display:grid;grid-template-columns:auto 1fr;grid-gap:4px 12px;gap:4px 12px;font-size:13px}.kv b{color:#e6ecff}pre{background:#060915;border:1px solid #26305c;border-radius:8px;padding:10px;font-size:12px;white-space:pre-wrap;color:#a5f3fc}.close{top:14px;right:14px;padding:4px 10px}.close,.loader{position:absolute}.loader{inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;z-index:20;background:#070b17;transition:opacity .6s}.spin{width:46px;height:46px;border-radius:50%;border:4px solid #26305c;border-top-color:#a78bfa;animation:s 1s linear infinite}@keyframes s{to{transform:rotate(1turn)}}.nogl{padding:90px 20px 20px;max-width:800px;margin:auto;overflow:auto;height:100%}.nogl .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:10px;gap:10px;margin-top:14px}.nogl .card{border-radius:14px;padding:14px;border:1px solid #33407a;background:#0d1328;cursor:pointer}.status{position:absolute;bottom:18px;right:20px;font-size:13px;z-index:5;background:#0d1328cc;border:1px solid #26305c;border-radius:10px;padding:8px 12px;max-width:60vw}@media(max-width:640px){.hdr{flex-direction:column}.legend{bottom:64px}.status{left:20px;right:20px;max-width:none}}