:root {
  --adv-navy: #071a42;
  --adv-blue: #0f4fa8;
  --adv-cyan: #18c7d9;
  --adv-aqua: #7bf7ff;
  --adv-gold: #ffe38a;
  --glass: rgba(10, 32, 78, 0.52);
}

/* Full-page Disney adventure sky */
html, body, #__next, #page_wrapper, #inner_wrapper {
  background:
    radial-gradient(circle at 12% 12%, rgba(123, 247, 255, 0.30), transparent 30%),
    radial-gradient(circle at 86% 8%, rgba(24, 199, 217, 0.24), transparent 28%),
    radial-gradient(circle at 54% 86%, rgba(255, 227, 138, 0.14), transparent 34%),
    linear-gradient(165deg, var(--adv-navy) 0%, var(--adv-blue) 54%, #0b6e97 100%) !important;
}

/* sparkle */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background-image:
    radial-gradient(circle at 18% 28%, rgba(255,255,255,.70) 0 1.2px, transparent 1.2px),
    radial-gradient(circle at 74% 35%, rgba(255,255,255,.55) 0 1px, transparent 1px),
    radial-gradient(circle at 56% 68%, rgba(123,247,255,.60) 0 1.4px, transparent 1.4px);
  background-size: 340px 340px;
  opacity: .58;
}

/* prove theme is applied */
body::after {
  content: "ADVENTURE BLUE LIVE";
  position: fixed;
  top: 12px;
  right: 14px;
  z-index: 9999;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 11px;
  letter-spacing: .8px;
  color: #06203f;
  background: linear-gradient(90deg, #7bf7ff, #ffe38a);
  box-shadow: 0 4px 16px rgba(0,0,0,.35);
}

/* target homepage/tailwind cards broadly */
.service-card,
.bookmark,
li[data-name] .service-card,
li[data-name] .bookmark,
[class*="bg-theme-"] {
  background: linear-gradient(145deg, rgba(24,199,217,.20), rgba(15,79,168,.18) 46%, var(--glass)) !important;
  border: 1px solid rgba(123,247,255,.42) !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 28px rgba(3, 12, 30, .42), inset 0 1px 0 rgba(255,255,255,.12) !important;
}

.service-card,
.bookmark,
li[data-name] .service-card,
li[data-name] .bookmark {
  min-height: 110px !important;
}

.service-card:hover,
.bookmark:hover,
li[data-name] .service-card:hover,
li[data-name] .bookmark:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 36px rgba(3, 12, 30, .58), 0 0 20px rgba(123,247,255,.30) !important;
}

/* vibrant icon colors */
li[data-name="Immich"] svg { color: #ffb14d !important; }
li[data-name="Nextcloud"] svg { color: #2ec5ff !important; }
li[data-name="Nginx Proxy Manager"] svg { color: #52f0ff !important; }
li[data-name="Gabia DNS"] svg { color: #ffe38a !important; }
li[data-name="YouTube"] svg { color: #ff4f7a !important; }
li[data-name="Google"] svg { color: #62e286 !important; }
li[data-name="GitHub"] svg { color: #c1b2ff !important; }

.service-card svg,
.service-card img,
.bookmark svg,
.bookmark img {
  filter: saturate(1.55) brightness(1.15) drop-shadow(0 0 7px rgba(123,247,255,.28)) !important;
}

/* text */
h1,h2,h3,
.text-theme-800,
.dark .text-theme-200,
[class*="text-theme-"] {
  color: #e9fbff !important;
  text-shadow: 0 2px 10px rgba(123,247,255,.28);
}

/* keep top row clean */
#information-widgets {
  border-bottom-color: rgba(123,247,255,.34) !important;
}

@media (max-width: 768px) {
  .service-card,
  .bookmark,
  li[data-name] .service-card,
  li[data-name] .bookmark {
    min-height: 92px !important;
    border-radius: 14px !important;
  }

  body::after {
    top: 8px;
    right: 8px;
    font-size: 10px;
    padding: 5px 10px;
  }
}