.boai-http-app{--panel:#111b2e;--line:#273750;--muted:#a9b8cc;--cyan:#67e8f9;max-width:1180px;margin:0 auto;padding:24px 18px 60px;color:#edf4ff}
.boai-http-hero{padding:38px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,#111d34,#0b1528);margin-bottom:20px}
.boai-http-kicker{display:inline-block;text-transform:uppercase;letter-spacing:.12em;font-weight:900;font-size:.76rem;color:var(--cyan)}
.boai-http-hero h1{font-size:clamp(2.2rem,5vw,3.6rem);margin:7px 0 10px;color:#fff}
.boai-http-hero p{max-width:820px;color:var(--muted);font-size:1.05rem}
.boai-http-form{display:grid;grid-template-columns:1fr auto;gap:10px;max-width:860px;margin-top:20px}
.boai-http-form input{min-width:0;border:1px solid #344963;background:#081321;color:#fff;border-radius:12px;padding:14px 16px;font-size:1rem;outline:none}
.boai-http-form input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.12)}
.boai-http-form button{border:0;border-radius:12px;padding:12px 18px;color:#fff;font-weight:900;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#0891b2)}
.boai-http-small{font-size:.8rem!important;color:#7f93aa!important;margin-top:10px!important}
.boai-http-loading{display:flex;gap:12px;align-items:center;padding:17px;border:1px solid var(--line);border-radius:13px;background:#0d192a;color:#c9d6e7;margin:18px 0}
.boai-http-loading span{width:20px;height:20px;border:3px solid #30445f;border-top-color:#67e8f9;border-radius:50%;animation:httpSpin .7s linear infinite}
@keyframes httpSpin{to{transform:rotate(360deg)}}
.boai-http-error{padding:15px 17px;border:1px solid #7f1d1d;background:rgba(127,29,29,.15);color:#fecaca;border-radius:12px;margin:15px 0}
.boai-http-summary{display:grid;grid-template-columns:130px minmax(0,1fr) 120px auto;gap:12px;align-items:center;background:#0d192a;border:1px solid var(--line);border-radius:15px;padding:16px;margin-bottom:22px}
.boai-http-summary>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.boai-http-summary span{color:#8194ac;font-size:.73rem;text-transform:uppercase;font-weight:800;letter-spacing:.06em}
.boai-http-summary strong{color:#fff;word-break:break-word}
.boai-score-box strong{font-size:1.65rem;color:#67e8f9}
.boai-http-summary button{border:1px solid #3c587a;background:#172943;color:#e3edf8;border-radius:9px;padding:9px 12px;font-weight:800;cursor:pointer}
.boai-http-app h2{color:#fff;margin:25px 0 13px}
.boai-http-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.boai-http-check{padding:14px 15px;border-radius:13px;border:1px solid #2c405b;background:#0d1829;display:grid;grid-template-columns:34px 1fr;gap:11px}
.boai-http-check i{font-style:normal;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:900}
.boai-http-check strong{display:block;color:#fff;margin:1px 0 4px}.boai-http-check p{margin:0;color:#a9b8cc;font-size:.88rem;line-height:1.45}
.boai-http-check.ok i{background:rgba(22,163,74,.16);color:#86efac}.boai-http-check.warn i{background:rgba(202,138,4,.16);color:#fde047}.boai-http-check.bad i{background:rgba(220,38,38,.16);color:#fca5a5}.boai-http-check.info i{background:rgba(14,165,233,.16);color:#7dd3fc}
.boai-http-chain,.boai-http-headers{border:1px solid var(--line);border-radius:14px;background:#0d1829;overflow:hidden}
.boai-http-chain-row,.boai-http-header-row{display:grid;grid-template-columns:85px 1fr;gap:12px;padding:11px 14px;border-bottom:1px solid #23364d}
.boai-http-chain-row:last-child,.boai-http-header-row:last-child{border-bottom:0}
.boai-http-chain-row b{color:#67e8f9}.boai-http-chain-row code,.boai-http-header-row code{color:#d8ecfa;word-break:break-word;white-space:pre-wrap;background:none!important;padding:0!important}
.boai-http-header-row{grid-template-columns:220px 1fr}
.boai-http-header-row strong{color:#93c5fd;word-break:break-word}
.boai-http-note{margin-top:20px;padding:16px 18px;border:1px solid #2a405c;background:#0d192a;border-radius:13px;color:#acbdd0}
.boai-http-note strong{color:#fff}.boai-http-note p{margin:5px 0 0}
@media(max-width:820px){.boai-http-summary{grid-template-columns:1fr 1fr}.boai-http-checks{grid-template-columns:1fr}.boai-http-header-row{grid-template-columns:1fr}.boai-http-form{grid-template-columns:1fr}}
@media(max-width:520px){.boai-http-summary{grid-template-columns:1fr}.boai-http-hero{padding:27px 21px}.boai-http-chain-row{grid-template-columns:60px 1fr}}