*{box-sizing:border-box}:root{--bg:#0b0d12;--card:#141824;--line:#242a3a;--text:#e7e9ee;--muted:#9ba4b5;--a1:#7aa2ff;--a2:#8bffc6}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,Segoe UI,Arial;background:var(--bg);color:var(--text)}.wrap{max-width:980px;margin:40px auto;padding:0 16px}.hero h1{font-size:32px;margin:0 0 6px}.hero p{color:var(--muted);margin:0 0 14px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;margin:16px 0;animation:fadeUp .25s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.slots{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0 20px}.slot{background:#0f1320;border:1px solid #232a3a;border-bottom:2px solid #2f3850;border-radius:12px;padding:10px 14px;position:relative;overflow:hidden}.slot-title{display:flex;justify-content:space-between;font-size:14px}.slot .status{color:#ff6b6b}.slot.ok .status{color:#48e39c}.slots.searching .slot.missing:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.06),transparent);transform:translate(-100%);animation:shimmer 1.6s ease infinite}@keyframes shimmer{to{transform:translate(100%)}}.idle-card{display:flex;align-items:center;justify-content:center;padding:32px}.idle-unique{display:flex;align-items:center;gap:22px;flex-wrap:wrap;justify-content:center}.idle-ctrl{width:220px;height:auto;filter:drop-shadow(0 8px 24px rgba(122,162,255,.08))}.idle-row{display:flex;align-items:center;gap:14px;color:var(--text);font-size:20px}.icons{display:flex;gap:10px}.ico{font-size:24px;opacity:.85}.ico.usb{animation:bounce 1.6s ease-in-out infinite;transform-origin:50% 100%}.ico.bt{animation:float 2.4s ease-in-out infinite}.orbit{width:56px;height:56px;border-radius:50%;border:2px dashed rgba(122,162,255,.35);position:relative;animation:spin 6s linear infinite}.dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--a2);top:-5px;left:50%;transform:translate(-50%);box-shadow:0 0 12px #8bffc6b3}.connect-pulse{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% 40%,rgba(72,227,156,.18),transparent 45%);animation:pulseOut 1s ease-out both;z-index:50}@keyframes pulseOut{0%{opacity:.8}to{opacity:0}}.buttons{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;margin-top:8px}.btn{position:relative;border:1px solid #2a3247;padding:10px;text-align:center;border-radius:12px;opacity:.8}.btn.active{background:#1e2a55;border-color:#3d57ff;opacity:1}.btn .val{display:block;font-size:11px;opacity:.8;margin-top:6px}.axes{display:flex;flex-direction:column;gap:12px;margin-top:8px}.axis .label{font-size:14px;margin-bottom:6px}.axis .bar{position:relative;height:10px;background:#1b2233;border-radius:999px}.axis .needle{position:absolute;top:-3px;width:2px;height:16px;background:#3d57ff}.content h2,.content h3{margin-top:24px}.content p,.content li{color:var(--text)}.content ul{margin:8px 0 0 18px}.table{width:100%;border-collapse:collapse;margin-top:8px}.table th,.table td{border:1px solid #2a3247;padding:8px 10px;text-align:left}.table th{background:#0f1320}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.02)}}@media (prefers-reduced-motion:no-preference){.idle-ctrl path,.idle-ctrl circle{animation:hue 6s ease-in-out infinite}@keyframes hue{0%{filter:hue-rotate(0)}50%{filter:hue-rotate(25deg)}to{filter:hue-rotate(0)}}}@media (prefers-reduced-motion:reduce){.ico.usb,.ico.bt,.orbit,.slots.searching .slot.missing:after{animation:none!important}}.footer{opacity:.6;margin:28px 0}