/* Cosmic UI (t663u). CSS-only, GPU-friendly (transform/opacity), off with prefers-reduced-motion. */
.xw5-card{position:relative;border:1px solid rgba(140,170,255,.18);overflow:hidden}
.xw5-card::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(110deg,transparent 30%,rgba(190,210,255,.12) 50%,transparent 70%);background-size:250% 100%;animation:xw5-shimmer 7s linear infinite}
.xw5-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.xw5-in{padding:7px 10px;border-radius:10px;background:var(--surface,#0E1422);border:1px solid rgba(255,255,255,.14);color:var(--text);font-size:12px;margin:2px 0;max-width:100%}
.xw5-btn{padding:5px 10px;border-radius:10px;font-size:11px;transition:box-shadow .25s,transform .25s}
.xw5-cosmic .xw5-btn:hover,.xw5-cosmic .btn-gold:hover{box-shadow:0 0 14px rgba(150,110,255,.55),0 0 28px rgba(80,160,255,.25);transform:translateY(-1px)}
.xw5-badge{display:inline-block;font-size:10px;padding:1px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.18);margin-left:2px}
.xw5-badge.ver{color:#5AA9FF;border-color:#5AA9FF55}.xw5-badge.trust{color:#F6E05E;border-color:#F6E05E66}
.xw5-badge.ok{color:#48BB78;border-color:#48BB7866}.xw5-badge.bad{color:#FC8181;border-color:#FC818166}.xw5-badge.pend{color:#F6AD55;border-color:#F6AD5566}
.xw5-rej{margin:4px 0 6px;padding:6px 8px;border-left:3px solid #FC8181;background:rgba(252,129,129,.06);border-radius:6px}
.xw5-boost{display:inline-block;font-size:10px;font-weight:700;padding:1px 8px;border-radius:999px}
.xw5-boost-gold{color:#1a1205;background:linear-gradient(90deg,#DA8F3F,#F6E05E)}
.xw5-boost-nebula{color:#fff;background:radial-gradient(circle at 30% 40%,#a855f7,#3b0764 70%)}
.xw5-boost-aurora{color:#04140f;background:linear-gradient(90deg,#34d399,#60a5fa,#a78bfa,#34d399);background-size:300% 100%;animation:xw5-aurora 6s linear infinite}
.xw5-boost-deep_space{color:#cbd5e1;background:#020617;border:1px dashed #64748b}
.xw5-t2{position:relative;display:inline-block;font-size:10px;font-weight:700;padding:1px 8px;border-radius:999px;color:#e9d5ff}
.xw5-t2::after{content:"";position:absolute;inset:-2px;border-radius:999px;padding:2px;background:conic-gradient(#34d399,#60a5fa,#a78bfa,#f472b6,#34d399);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:xw5-spin 4s linear infinite}
.xw5-constellation{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.xw5-lcard{font-size:11px;padding:8px 10px;border-radius:12px;background:rgba(10,16,34,.6);border:1px solid rgba(140,170,255,.14);animation:xw5-float 9s ease-in-out infinite}
.xw5-lcard:nth-child(2n){animation-delay:-3s}.xw5-lcard:nth-child(3n){animation-delay:-6s}
.xw5-lcard.boosted{border-color:rgba(246,224,94,.4);box-shadow:0 0 12px rgba(246,224,94,.12)}
.xw5-inv{font-size:12px;padding:8px 10px;margin:6px 0;border-radius:12px;background:rgba(10,16,34,.55);border:1px solid rgba(140,170,255,.12);transition:transform .3s}
.xw5-inv.parallax:hover{transform:perspective(600px) rotateX(2deg) translateY(-2px)}
.xw5-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;text-align:center;font-size:10px}
.xw5-stats>div{padding:6px;border-radius:10px;background:rgba(10,16,34,.55)}
.xw5-badges{display:flex;flex-wrap:wrap;gap:6px}
.xw5-ach{font-size:11px;padding:3px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.12);color:var(--muted)}
.xw5-ach.on{color:#F6E05E;border-color:#F6E05E55;box-shadow:0 0 10px rgba(246,224,94,.15)}
.xw5-modal{position:fixed;inset:0;z-index:10002;background:rgba(3,6,15,.72);display:flex;align-items:center;justify-content:center}
/* SI chat bubble star pulse */
.xw5-cosmic #nova-messages .bg-surface,.xw5-cosmic .si-bubble{animation:xw5-pulse 3.5s ease-in-out infinite}
/* Transitions: warp / nebula fade / aurora slide */
.xw5-cosmic .screen.active{animation:xw5-warp .45s ease-out}
.xw5-fade{animation:xw5-nebfade .5s ease-out}.xw5-slide{animation:xw5-auslide .5s ease-out}
/* Loaders */
.xw5-galaxy{width:28px;height:28px;border-radius:50%;background:conic-gradient(from 0deg,#a78bfa,#60a5fa,transparent 70%);animation:xw5-spin 1.2s linear infinite}
.xw5-comet{height:2px;width:60px;background:linear-gradient(90deg,transparent,#fff);animation:xw5-comet 1.4s linear infinite}
/* Stream overlays */
.xw5-nebula-fx{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 30%,rgba(168,85,247,.25),transparent 50%),radial-gradient(circle at 80% 70%,rgba(59,130,246,.2),transparent 50%);animation:xw5-nebfade 6s ease-in-out infinite alternate}
.xw5-starburst{position:absolute;inset:0;pointer-events:none;background:repeating-conic-gradient(rgba(255,255,255,.18) 0 4deg,transparent 4deg 20deg);animation:xw5-burst .9s ease-out forwards}
/* Background variants (fixed layer behind content) */
body[class*="xw5-bg-"]::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none}
body.xw5-bg-nebula::before{background:radial-gradient(ellipse at 20% 20%,rgba(168,85,247,.35),transparent 55%),radial-gradient(ellipse at 80% 80%,rgba(236,72,153,.25),transparent 55%),#05030f}
body.xw5-bg-aurora::before{background:linear-gradient(180deg,rgba(52,211,153,.22),rgba(96,165,250,.18) 40%,transparent 70%),#030812;animation:xw5-aurorabg 14s ease-in-out infinite alternate}
body.xw5-bg-deep_space::before{background:radial-gradient(1px 1px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 70% 60%,#fff,transparent),radial-gradient(1px 1px at 40% 80%,#cbd5e1,transparent),#010208}
body.xw5-bg-galaxy_drift::before{background:radial-gradient(ellipse at 50% 50%,rgba(96,165,250,.22),transparent 60%),#040611;animation:xw5-drift 40s linear infinite}
body.xw5-bg-starfall::before{background:linear-gradient(200deg,transparent 48%,rgba(255,255,255,.35) 50%,transparent 52%) 0 0/300px 300px,#03040c;animation:xw5-fall 6s linear infinite}
@keyframes xw5-shimmer{to{background-position:-250% 0}}
@keyframes xw5-aurora{to{background-position:300% 0}}
@keyframes xw5-spin{to{transform:rotate(360deg)}}
@keyframes xw5-float{50%{transform:translateY(-3px)}}
@keyframes xw5-pulse{50%{box-shadow:0 0 14px rgba(167,139,250,.35)}}
@keyframes xw5-warp{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}
@keyframes xw5-nebfade{from{opacity:0;filter:blur(4px)}to{opacity:1;filter:none}}
@keyframes xw5-auslide{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
@keyframes xw5-comet{from{transform:translateX(-60px)}to{transform:translateX(200px)}}
@keyframes xw5-burst{from{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.6)}}
@keyframes xw5-aurorabg{to{filter:hue-rotate(40deg)}}
@keyframes xw5-drift{to{transform:rotate(360deg) scale(1.4)}}
@keyframes xw5-fall{to{background-position:-300px 300px,0 0}}
@media (prefers-reduced-motion:reduce){.xw5-card::before,.xw5-lcard,.xw5-t2::after,.xw5-boost-aurora,body[class*="xw5-bg-"]::before,.xw5-cosmic .screen.active,.xw5-cosmic #nova-messages .bg-surface,.xw5-galaxy,.xw5-comet,.xw5-nebula-fx,.xw5-starburst{animation:none!important}}
@media (max-width:640px){.xw5-lcard{animation:none}.xw5-stats{grid-template-columns:repeat(2,1fr)}}