:root{
  --panel-bg: rgba(10,14,28,.82);
  --panel-bd: rgba(255,255,255,.10);
  --text:#e9eefb; --muted:#b7c2df; --link:#8fb6ff; --linkv:#c9a7ff;
}
html,body{height:100%}
body{
  margin:0;color:var(--text);
  font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  text-shadow:0 1px 2px rgba(0,0,0,.35);
  background:
    radial-gradient(1200px 800px at 15% -10%, rgba(84,120,255,.18), transparent 60%),
    radial-gradient(800px 600px at 90% 10%, rgba(255,92,146,.16), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.20), rgba(0,0,0,.20)),
    url("media/cosmicos-bg.jpg") center/cover fixed no-repeat #0a0f1c;
}
.panel, table, pre{
  background:var(--panel-bg);border:1px solid var(--panel-bd);
  backdrop-filter:blur(2px);box-shadow:0 6px 18px rgba(0,0,0,.18);border-radius:8px;
}
.panel{padding:12px 14px;margin:12px}
pre{padding:12px;margin:12px;overflow:auto}
table{margin:12px;border-collapse:collapse;width:calc(100% - 24px)}
th,td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.06)}
th{text-align:left;color:var(--muted);font-weight:600}
a{color:var(--link);text-decoration:none} a:visited{color:var(--linkv)} a:hover{text-decoration:underline}
.hosted{display:flex;flex-direction:column;align-items:center;gap:6px}
.hosted small{color:var(--muted)}