:root{
  --iox-bg:#0b1020;
  --iox-bg2:#111a33;
  --iox-card:#161f3b;
  --iox-ink:#eef2ff;
  --iox-muted:#9aa6c7;
  --iox-accent:#38e1c6;
  --iox-accent2:#6c8cff;
  --iox-line:#243156;
  --iox-chip:#1c2748;
  --iox-radius:16px;
  --iox-shadow:0 18px 50px rgba(3,8,24,.55);
}
*{box-sizing:border-box}
body{
  margin:0;background:radial-gradient(1200px 600px at 15% -10%,rgba(56,225,198,.12) 0,transparent 60%),
    radial-gradient(1000px 500px at 110% 0,rgba(108,140,255,.18) 0,transparent 55%),
    var(--iox-bg);
  color:var(--iox-ink);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Inter,Helvetica,Arial,sans-serif;
  min-height:100vh;
}

/* nav */
.iox-nav{border-bottom:1px solid var(--iox-line);background:rgba(11,16,32,.6);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20}
.iox-brand{color:var(--iox-ink);text-decoration:none;font-weight:800;font-size:1.3rem;letter-spacing:.3px;display:flex;align-items:center;gap:.4rem}
.iox-logo{color:var(--iox-accent);font-size:1.5rem;line-height:1}
.iox-langs{display:flex;align-items:center;gap:.25rem}
.iox-langs a{color:var(--iox-muted);text-decoration:none;font-weight:600;font-size:.85rem;padding:.3rem .55rem;border-radius:8px}
.iox-langs a:hover{color:var(--iox-ink);background:var(--iox-chip)}
.iox-langs a.active{color:#04121a;background:var(--iox-accent)}
.iox-admin{margin-left:.4rem;border-left:1px solid var(--iox-line);padding-left:.7rem !important}

/* hero */
.iox-hero{padding:4rem 0 2.5rem}
.iox-title{font-size:clamp(1.9rem,4vw,3rem);font-weight:800;margin:0 0 .5rem;
  background:linear-gradient(90deg,#fff,var(--iox-accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.iox-sub{color:var(--iox-muted);font-size:1.05rem;margin:0 auto 2rem;max-width:620px}

/* search */
.iox-search{max-width:820px;margin:0 auto}
.iox-fields{display:flex;gap:.6rem;background:var(--iox-card);border:1px solid var(--iox-line);
  border-radius:var(--iox-radius);padding:.6rem;box-shadow:var(--iox-shadow)}
.iox-field{display:flex;align-items:center;gap:.5rem;background:var(--iox-bg2);border:1px solid var(--iox-line);
  border-radius:12px;padding:.1rem .9rem;flex:1}
.iox-field i{color:var(--iox-muted)}
.iox-field-ext{flex:0 0 38%}
.iox-field input{background:transparent;border:0;outline:0;color:var(--iox-ink);width:100%;padding:.75rem 0;font-size:1rem}
.iox-field input::placeholder{color:#6b779b}
.iox-field:focus-within{border-color:var(--iox-accent2);box-shadow:0 0 0 3px rgba(108,140,255,.18)}
.iox-btn{background:linear-gradient(135deg,var(--iox-accent),var(--iox-accent2));color:#04121a;font-weight:700;
  border:0;border-radius:12px;padding:.75rem 1.6rem;font-size:1rem}
.iox-btn:hover{filter:brightness(1.07)}

/* presets */
.iox-presets{max-width:900px;margin:1.6rem auto 0;display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;justify-content:center}
.iox-presets-label{color:var(--iox-muted);font-size:.85rem;font-weight:600}
.iox-preset-group{display:flex;align-items:center;gap:.3rem;background:rgba(28,39,72,.5);border:1px solid var(--iox-line);
  border-radius:999px;padding:.25rem .5rem}
.iox-preset-group-name{color:var(--iox-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.5px;margin-right:.2rem;padding-left:.3rem}
.iox-chip{background:var(--iox-chip);color:var(--iox-ink);border:1px solid var(--iox-line);border-radius:999px;
  padding:.2rem .7rem;font-size:.82rem;cursor:pointer;transition:.15s}
.iox-chip:hover{background:var(--iox-accent2);color:#04121a;border-color:transparent}

/* main / results */
.iox-main{padding:1rem 0 2rem;min-height:120px}
.iox-status{text-align:center;color:var(--iox-muted);padding:2rem 0}
.iox-spinner{width:34px;height:34px;border:3px solid var(--iox-line);border-top-color:var(--iox-accent);
  border-radius:50%;animation:ioxspin .8s linear infinite;margin:0 auto 1rem}
@keyframes ioxspin{to{transform:rotate(360deg)}}
.iox-summary{color:var(--iox-muted);font-size:.9rem;margin:.5rem 0 1.2rem;text-align:center}
.iox-summary b{color:var(--iox-accent)}

.iox-dir{background:var(--iox-card);border:1px solid var(--iox-line);border-radius:var(--iox-radius);margin-bottom:1rem;overflow:hidden}
.iox-dir-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.1rem;border-bottom:1px solid var(--iox-line);background:rgba(108,140,255,.06)}
.iox-dir-url{display:flex;align-items:center;gap:.55rem;min-width:0}
.iox-dir-url i{color:var(--iox-accent)}
.iox-dir-url a{color:var(--iox-ink);text-decoration:none;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iox-dir-url a:hover{color:var(--iox-accent)}
.iox-dir-count{flex:0 0 auto;color:var(--iox-muted);font-size:.8rem;background:var(--iox-chip);padding:.2rem .6rem;border-radius:999px}
.iox-file{display:flex;align-items:center;gap:.8rem;padding:.6rem 1.1rem;border-bottom:1px solid rgba(36,49,86,.5)}
.iox-file:last-child{border-bottom:0}
.iox-file-ic{color:var(--iox-accent2);font-size:1.1rem;flex:0 0 auto}
.iox-file-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iox-file-meta{color:var(--iox-muted);font-size:.78rem;flex:0 0 auto;display:flex;gap:1rem}
.iox-file-dl{flex:0 0 auto;color:var(--iox-accent);text-decoration:none;font-weight:600;font-size:.85rem}
.iox-file-dl:hover{text-decoration:underline}
.iox-empty{text-align:center;color:var(--iox-muted);padding:2.5rem 0}

/* disclaimer */
.iox-disclaimer{background:rgba(22,31,59,.6);border:1px solid var(--iox-line);border-radius:var(--iox-radius);
  padding:1.1rem 1.3rem;margin:1rem 0 3rem;color:var(--iox-muted);font-size:.85rem;line-height:1.55}
.iox-disclaimer-head{color:var(--iox-ink);font-weight:700;margin-bottom:.4rem}
.iox-disclaimer-head i{color:var(--iox-accent)}

/* footer */
.iox-footer{border-top:1px solid var(--iox-line);padding:1.5rem 0;color:var(--iox-muted);font-size:.85rem}

@media(max-width:640px){
  .iox-fields{flex-direction:column}
  .iox-field-ext{flex:1}
  .iox-file-meta{display:none}
}