:root{
  --ux18-bg:rgba(12,16,28,.58);
  --ux18-bg-strong:rgba(12,16,28,.78);
  --ux18-border:rgba(255,255,255,.14);
  --ux18-text:#eef2ff;
  --ux18-muted:#aab6d7;
  --ux18-accent:#79e6ff;
  --ux18-accent2:#b770ff;
  --ux18-shadow:0 20px 70px rgba(6,10,22,.35), inset 0 1px 0 rgba(255,255,255,.08);
}

.ux18-command-btn{
  appearance:none;border:1px solid var(--ux18-border);background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04));
  color:var(--ux18-text);border-radius:999px;padding:.72rem 1rem;display:inline-flex;align-items:center;gap:.65rem;
  font:600 .92rem/1.1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;box-shadow:var(--ux18-shadow);backdrop-filter:blur(18px) saturate(150%);
  cursor:pointer;transition:transform .24s ease,background .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.ux18-command-btn:hover{transform:translateY(-1px);border-color:rgba(121,230,255,.33);box-shadow:0 24px 80px rgba(4,10,24,.42),0 0 0 1px rgba(121,230,255,.14) inset;}
.ux18-command-btn kbd{font:700 .72rem/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#d8e2ff;padding:.22rem .42rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.08)}
.ux18-command-btn .ux18-command-icon{font-size:1.05rem;opacity:.92}

.ux18-palette.hidden{display:none!important}
.ux18-palette{position:fixed;inset:0;z-index:1600;display:flex;align-items:flex-start;justify-content:center;padding:clamp(18px,5vw,64px);}
.ux18-palette-backdrop{position:absolute;inset:0;background:rgba(3,7,16,.42);backdrop-filter:blur(22px) saturate(150%)}
.ux18-palette-card{position:relative;width:min(860px,96vw);max-height:min(78vh,920px);overflow:hidden;display:grid;grid-template-rows:auto auto 1fr auto;border-radius:28px;border:1px solid rgba(255,255,255,.14);
 background:linear-gradient(180deg,rgba(18,24,38,.56),rgba(8,12,22,.72)); box-shadow:0 28px 110px rgba(2,8,20,.56), inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(28px) saturate(165%);}
.ux18-palette-head{padding:1.05rem 1.15rem .8rem;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:.8rem}
.ux18-palette-search{display:flex;align-items:center;gap:.8rem;width:100%;padding:.35rem 0}
.ux18-palette-search i{font-style:normal;font-size:1.15rem;opacity:.88}
.ux18-palette-search input{width:100%;background:transparent;border:0;outline:0;color:var(--ux18-text);font-size:1.05rem;font-weight:600}
.ux18-palette-search input::placeholder{color:#91a2c9}
.ux18-palette-scope{padding:0 1.15rem .8rem;display:flex;gap:.55rem;flex-wrap:wrap}
.ux18-chip{padding:.46rem .72rem;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.05);font-size:.75rem;font-weight:700;letter-spacing:.08em;color:#b9c7e8;text-transform:uppercase}
.ux18-results{overflow:auto;padding:.5rem .65rem .8rem}
.ux18-result{display:grid;grid-template-columns:auto 1fr auto;gap:.9rem;padding:.95rem;border-radius:20px;border:1px solid transparent;text-decoration:none;color:inherit;align-items:center;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.ux18-result:hover,.ux18-result.active{background:rgba(255,255,255,.06);border-color:rgba(121,230,255,.18);transform:translateY(-1px)}
.ux18-result-icon{width:2.5rem;height:2.5rem;border-radius:1rem;display:grid;place-items:center;background:linear-gradient(135deg,rgba(115,232,255,.22),rgba(183,112,255,.22));border:1px solid rgba(255,255,255,.08);color:#ecf2ff;font-size:1.05rem;font-weight:800}
.ux18-result-copy strong{display:block;color:var(--ux18-text);font-size:.98rem}
.ux18-result-copy span{display:block;color:var(--ux18-muted);font-size:.84rem;margin-top:.18rem}
.ux18-result-meta{color:#90a4d6;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ux18-palette-foot{display:flex;justify-content:space-between;gap:1rem;padding:.9rem 1.15rem 1rem;border-top:1px solid rgba(255,255,255,.08);color:#8ea2cf;font-size:.77rem}

.ux18-home-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1.2rem 0 1.5rem}
.ux18-home-card{position:relative;padding:1.1rem 1.05rem;border-radius:24px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.04));backdrop-filter:blur(20px) saturate(145%);box-shadow:var(--ux18-shadow);text-decoration:none;color:inherit;overflow:hidden;transition:transform .24s ease,border-color .24s ease,background .24s ease}
.ux18-home-card:hover{transform:translateY(-2px);border-color:rgba(121,230,255,.26)}
.ux18-home-card::before{content:"";position:absolute;inset:auto -12% -45% auto;width:10rem;height:10rem;background:radial-gradient(circle,rgba(121,230,255,.16),transparent 70%);pointer-events:none}
.ux18-home-card b{display:block;color:#fff;font-size:1rem}
.ux18-home-card small{display:block;color:#9badcf;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem}
.ux18-home-card p{margin:.4rem 0 0;color:#c4d0ed;font-size:.88rem;line-height:1.35}
.ux18-home-card em{display:inline-flex;align-items:center;gap:.3rem;margin-top:.75rem;color:#8ff1ff;font-style:normal;font-weight:700;font-size:.85rem}
.ux18-home-card .ux18-pill{display:inline-flex;align-items:center;gap:.38rem;background:rgba(8,11,19,.34);border:1px solid rgba(255,255,255,.09);padding:.36rem .56rem;border-radius:999px;color:#d8e4ff;font-size:.76rem;font-weight:800;letter-spacing:.04em}

.ux18-section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin:.4rem 0 1.15rem}
.ux18-section-intro h3{margin:0;color:#fff;font-size:1.15rem}
.ux18-section-intro p{margin:.28rem 0 0;color:#a8b8db;max-width:48rem;font-size:.92rem}

.gateway-main .gateway-discover,.gateway-main .gateway-highlights,.gateway-main .gateway-community,.gateway-main .gateway-events{scroll-margin-top:110px}
.gateway-main .gateway-section-head p,.viewer-view .page-head p,.rework-section-heading p{max-width:54rem}
.gateway-main .gateway-creator-grid .gateway-empty-state,
.creator-grid .empty-state,
.viewer-highlight-grid .empty-state{min-height:180px}

.ux18-map-wrap{margin-top:1.5rem}
.ux18-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.ux18-map-item{padding:1rem 1rem 1.1rem;border-radius:24px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.035));backdrop-filter:blur(18px) saturate(145%)}
.ux18-map-item strong{display:block;color:#fff;margin:.3rem 0 .25rem}
.ux18-map-item small{color:#8ff1ff;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ux18-map-item p{margin:0;color:#b9c8ea;font-size:.87rem;line-height:1.4}

.ux18-live-hero-note{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;color:#cfe8ff;font-size:.85rem;font-weight:700}
.ux18-live-hero-note .dot{width:.55rem;height:.55rem;border-radius:50%;background:#3ef7b8;box-shadow:0 0 0 .28rem rgba(62,247,184,.12)}

@media (max-width:1100px){
  .ux18-home-rail,.ux18-map{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:780px){
  .ux18-home-rail,.ux18-map{grid-template-columns:1fr;}
  .ux18-palette{padding:10px}
  .ux18-palette-card{max-height:min(86vh,920px);border-radius:22px}
  .ux18-command-btn{padding:.72rem .85rem}
  .ux18-command-btn span.ux18-command-label{display:none}
  .ux18-palette-foot{display:none}
}