.api-console{display:grid;gap:18px}.api-intro{position:relative;min-height:320px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;overflow:hidden;padding:42px;border:1px solid #ffffff1b;border-radius:23px;background:radial-gradient(circle at 80% 50%,#6238b73b,transparent 27%),linear-gradient(135deg,#171020,#0d111a 60%,#081522);box-shadow:0 25px 80px #0007}.api-intro:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent,#000)}.api-intro>*{position:relative}.api-intro h2{margin:14px 0;font-size:clamp(43px,5vw,73px);line-height:.9;letter-spacing:-.065em}.api-intro h2 em{font-style:normal;background:linear-gradient(90deg,var(--pink),#af83ff,var(--blue));background-clip:text;color:transparent}.api-intro p{max-width:620px;color:#909aa7;line-height:1.6;font-size:13px}.api-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.api-badges span{padding:7px 9px;border:1px solid #ffffff18;border-radius:99px;color:#7c8794;font:750 8px monospace}.api-badges i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#61d6ff;box-shadow:0 0 12px #61d6ff}.api-orbit{justify-self:center;position:relative;width:210px;height:210px;border:1px dashed #8567d866;border-radius:50%;animation:api-spin 22s linear infinite}.api-core{position:absolute;inset:42px;display:grid;place-content:center;text-align:center;border:1px solid #ffffff20;border-radius:26px;background:linear-gradient(145deg,#1b1429,#0a111a);box-shadow:0 0 55px #754bda44;animation:api-counter 22s linear infinite}.api-core b{font:850 31px monospace;color:#c4adff}.api-core span{color:#677482;font:750 7px monospace;letter-spacing:.14em}.api-orbit>i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--pink);box-shadow:0 0 18px var(--pink)}.api-orbit>i:nth-of-type(1){left:20px;top:38px}.api-orbit>i:nth-of-type(2){right:-4px;top:104px;background:var(--blue);box-shadow:0 0 18px var(--blue)}.api-orbit>i:nth-of-type(3){left:62px;bottom:-3px;background:#9d78ff}.api-orbit>small{position:absolute;color:#697582;font:700 7px monospace;animation:api-counter 22s linear infinite}.api-orbit>small:nth-of-type(1){left:-8px;top:68px}.api-orbit>small:nth-of-type(2){right:-20px;bottom:55px}.api-workbench{display:grid;grid-template-columns:320px minmax(0,1fr);overflow:hidden;border:1px solid #ffffff1c;border-radius:20px;background:#0a0d13;box-shadow:0 28px 85px #0008}.endpoint-nav{border-right:1px solid #ffffff12;background:linear-gradient(180deg,#11151d,#0b0e14)}.endpoint-nav header{padding:22px;border-bottom:1px solid #ffffff11}.endpoint-nav header small,.endpoint-nav header b{display:block}.endpoint-nav header small,.request-head small{color:#65d9ff;font:750 8px monospace;letter-spacing:.13em}.endpoint-nav header b{margin-top:7px;font-size:13px}.api-endpoint{width:100%;display:grid;grid-template-columns:43px 1fr 14px;align-items:center;gap:10px;padding:14px 17px;border:0;border-bottom:1px solid #ffffff0b;background:transparent;color:#8b95a1;text-align:left;cursor:pointer;transition:.25s}.api-endpoint:hover,.api-endpoint.active{background:linear-gradient(90deg,#7d4fff20,#161121);color:#fff}.api-endpoint.active{box-shadow:inset 2px 0 #8b5cff}.api-endpoint>span{padding:5px;border-radius:5px;background:#1b2930;color:#65d9ff;font:800 7px monospace;text-align:center}.api-endpoint>span.post{background:#2b1830;color:#fb70b7}.api-endpoint b,.api-endpoint small{display:block}.api-endpoint b{font:700 10px monospace}.api-endpoint small{margin-top:4px;color:#5f6975;font-size:8px}.api-endpoint>i{color:#7960bd}.request-stage{min-width:0;padding:25px}.request-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.request-head b{display:block;margin-top:6px;font-size:14px}.request-head>span{color:#6e7a86;font:700 8px monospace}.request-head>span i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#5ed8ff;box-shadow:0 0 12px #5ed8ff}.url-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;overflow:hidden;margin:22px 0 13px;border:1px solid #ffffff1c;border-radius:12px;background:#070a0e}.url-bar>strong{align-self:stretch;display:grid;place-items:center;padding:0 16px;background:#10252c;color:#65d9ff;font:800 10px monospace}.url-bar>div{min-width:0;padding:12px 14px;font:700 11px monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.url-bar>div span{color:#56616d}.url-bar>div b{color:#c2cad3}.url-bar button{align-self:stretch;border:0;padding:0 18px;background:linear-gradient(110deg,var(--pink),var(--violet),var(--blue));color:#fff;font:800 9px monospace;cursor:pointer}.url-bar button i{margin-left:7px}.api-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:13px}.api-meta>div{padding:11px;border:1px solid #ffffff0e;border-radius:8px;background:#ffffff04}.api-meta small,.api-meta b{display:block}.api-meta small{color:#5f6a76;font:700 7px monospace}.api-meta b{margin-top:4px;font:700 9px monospace;color:#aab4bf}.response-window{overflow:hidden;border:1px solid #ffffff18;border-radius:13px;background:#07090d}.response-window>header,.response-foot{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;background:#10141b}.response-window>header>div{display:flex;align-items:center;gap:5px}.response-window>header i{width:7px;height:7px;border-radius:50%;background:#f05b6b}.response-window>header i:nth-child(2){background:#f2bd58}.response-window>header i:nth-child(3){background:#5bd18a}.response-window>header b{margin-left:7px;color:#6d7884;font:700 8px monospace}.response-window>header button{border:0;background:transparent;color:#9c7cff;font:800 8px monospace;cursor:pointer}.response-window pre{height:310px;margin:0;border:0;border-radius:0;padding:22px;color:#9bcaff;font-size:11px;line-height:1.65}.response-foot{justify-content:flex-start;gap:18px;border-top:1px solid #ffffff10;color:#68737f;font:700 7px monospace}.response-foot i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5bd18a}.api-running .response-window{animation:api-response .6s ease}.api-schema{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:9px}.api-schema>div,.api-schema article{padding:20px;border:1px solid #ffffff16;border-radius:13px;background:linear-gradient(145deg,#121620,#0b0e14)}.api-schema h3{margin:8px 0;font-size:20px}.api-schema p{margin:0;color:#737e8a;font-size:10px;line-height:1.5}.api-schema article small,.api-schema article b,.api-schema article span{display:block}.api-schema article small{color:#65d9ff;font:700 8px monospace}.api-schema article b{margin:16px 0 7px;font:700 11px monospace;color:#c5b3ff}.api-schema article span{color:#6d7884;font-size:9px}.api-access{display:flex;align-items:center;justify-content:space-between;padding:22px 25px;border:1px solid #8564de45;border-radius:15px;background:linear-gradient(100deg,#211128,#10172a)}.api-access small,.api-access b,.api-access span{display:block}.api-access small{color:#65d9ff;font:750 8px monospace}.api-access b{margin:6px 0 4px}.api-access span{color:#788491;font-size:10px}@keyframes api-spin{to{transform:rotate(360deg)}}@keyframes api-counter{to{transform:rotate(-360deg)}}@keyframes api-response{from{opacity:.4;transform:translateY(7px)}}@media(max-width:1050px){.api-workbench{grid-template-columns:260px minmax(0,1fr)}.api-schema{grid-template-columns:repeat(2,1fr)}.api-schema>div{grid-column:1/3}}@media(max-width:760px){.api-intro{grid-template-columns:1fr;padding:27px}.api-orbit{display:none}.api-workbench{grid-template-columns:1fr}.endpoint-nav{border-right:0;display:flex;overflow-x:auto}.endpoint-nav header{display:none}.api-endpoint{flex:0 0 220px;border-right:1px solid #ffffff0b}.request-stage{padding:16px}.api-meta{grid-template-columns:1fr}.request-head>span{display:none}.api-access{display:block}.api-access .btn{width:100%;margin-top:15px}}@media(max-width:480px){.api-schema{grid-template-columns:1fr}.api-schema>div{grid-column:auto}.url-bar{grid-template-columns:auto 1fr}.url-bar button{grid-column:1/3;height:42px}.response-window pre{height:280px;font-size:9px}}@media(prefers-reduced-motion:reduce){.api-orbit,.api-core,.api-orbit>small,.response-window{animation:none!important}}