/* Background coins — extracted from components.css (structural). */

@media (max-width: 768px){
}
@media (max-width: 768px){
}
@media (max-width: 768px){
}
@media (max-width: 768px){
}
@media (max-width: 768px){
}
@media (max-width:600px){
}
@media (max-width: 768px){
}
@media (max-width: 640px){
}
@media (max-width: 480px){
}
@media (max-width: 900px){
}
@media (max-width: 900px){
}
@media (max-width:720px){
}
@media (max-width:768px){
}
@media (max-width:640px){
}
@media (max-width:480px){
}
@media (max-width: 900px){
}
@media (max-width: 640px){
}
@media (min-width: 901px){
}
@media (max-width:768px){
}
@media (max-width: 900px){
}
@media (max-width:640px){
}
@media (max-width: 640px){
}
@media (max-width: 768px){
}
@media (max-width: 768px){
}
@media (max-width: 1100px){
}
@media (max-width: 768px){
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
}
@media (max-width: 480px){
}
@media (max-width: 768px){
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
}
@media (min-width: 641px) and (max-width: 1024px){
}
@media (min-width: 769px){
}
@media (max-width: 768px){
}
@media (max-width: 768px){
}
@media (min-width: 901px){
}
@media (max-width: 768px){
}
@media (max-width: 768px){
}
@media (max-width: 1100px){
}
@media (max-width: 768px){
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
}
@media (max-width: 480px){
}
@media (max-width: 768px){
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
}
@media (min-width: 641px) and (max-width: 1024px){
}
body.bg-pure .v6-orbs { display: none; }
body.bg-aurora .v6-orbs { display: none; }
body.bg-aurora { background: #FFFFFF !important; }
.bg-aurora-bg { position: fixed; inset: 0; z-index: 0; pointer-events: none; display: none; background:
    linear-gradient(180deg,
      rgba(167,139,250,0.20) 0%,
      rgba(96,165,250,0.14) 22%,
      rgba(52,211,153,0.12) 45%,
      rgba(251,191,36,0.14) 70%,
      rgba(251,113,133,0.18) 100%),
    radial-gradient(ellipse 1200px 800px at 50% 50%, var(--white-50), transparent 70%); }
body.bg-aurora .bg-aurora-bg { display: block; }
body.bg-dawn .v6-orbs { display: none; }
body.bg-dawn { background: #FFFAF5 !important; }
.bg-dawn-bg { position: fixed; inset: 0; z-index: 0; pointer-events: none; display: none; background:
    radial-gradient(ellipse 1300px 700px at 50% -10%, #FFE9CC, transparent 60%),
    radial-gradient(ellipse 900px 600px at 15% 70%, #FFD5E1, transparent 60%),
    radial-gradient(ellipse 800px 500px at 85% 80%, #E6E1FF, transparent 60%),
    radial-gradient(ellipse 600px 400px at 50% 40%, var(--white-50), transparent 60%); }
body.bg-dawn .bg-dawn-bg { display: block; }
body.bg-mesh .v6-orbs { display: none; }
body.bg-mesh { background: #F8F8FC !important; }
.bg-mesh-bg { position: fixed; inset: 0; z-index: 0; pointer-events: none; display: none; background:
    radial-gradient(ellipse 1100px 800px at 0% 0%, rgba(139,92,246,0.22), transparent 55%),
    radial-gradient(ellipse 1000px 700px at 100% 35%, rgba(14,165,233,0.18), transparent 55%),
    radial-gradient(ellipse 1100px 800px at 50% 110%, rgba(16,185,129,0.18), transparent 55%),
    radial-gradient(ellipse 800px 600px at 80% 90%, rgba(244,63,94,0.10), transparent 55%); }
body.bg-mesh .bg-mesh-bg { display: block; }
body.bg-sunrise .v6-orbs { display: none; }
body.bg-sunrise { background: #FFFBF7 !important; }
.bg-sunrise-bg { position: fixed; inset: 0; z-index: 0; pointer-events: none; display: none; background: linear-gradient(135deg,
    #FFE4D0 0%, #FFEEE5 25%, #FFF6F0 50%, #FBEAFF 75%, #F0E9FF 100%); }
body.bg-sunrise .bg-sunrise-bg { display: block; }
body.bg-ocean .v6-orbs { display: none; }
body.bg-ocean { background: #F4F8FC !important; }
.bg-ocean-bg { position: fixed; inset: 0; z-index: 0; pointer-events: none; display: none; background:
    radial-gradient(ellipse 1200px 700px at 20% 20%, rgba(56,189,248,0.18), transparent 60%),
    radial-gradient(ellipse 1000px 600px at 80% 80%, rgba(99,102,241,0.16), transparent 60%),
    radial-gradient(ellipse 800px 500px at 60% 50%, rgba(20,184,166,0.12), transparent 60%); }
body.bg-ocean .bg-ocean-bg { display: block; }
body.bg-gold .v6-orbs { display: none; }
body.bg-gold { background: #FFFCF5 !important; }
.bg-gold-bg { position: fixed; inset: 0; z-index: 0; pointer-events: none; display: none; overflow: hidden; }
body.bg-gold .bg-gold-bg { display: block; }
.bg-gold-orb { position: absolute; border-radius: 50%; filter: blur(60px) saturate(150%); }
.bg-gold-orb.g1 { width: 380px; height: 380px; left: -120px; top: 8vh; background: radial-gradient(circle, var(--brand-amber), transparent 60%); opacity: 0.5; }
.bg-gold-orb.g2 { width: 320px; height: 320px; left: 22vw; top: -100px; background: radial-gradient(circle, var(--brand-amber-strong), transparent 60%); opacity: 0.45; }
.bg-gold-orb.g3 { width: 280px; height: 280px; right: 12vw; top: 12vh; background: radial-gradient(circle, var(--brand-amber), transparent 60%); opacity: 0.4; }
.bg-gold-orb.g4 { width: 420px; height: 420px; right: -150px; top: 50vh; background: radial-gradient(circle, var(--brand-amber), transparent 60%); opacity: 0.42; }
.bg-gold-orb.g5 { width: 300px; height: 300px; left: 8vw; bottom: 18vh; background: radial-gradient(circle, var(--brand-amber-strong), transparent 60%); opacity: 0.45; }
.bg-gold-orb.g6 { width: 260px; height: 260px; left: 48vw; bottom: -80px; background: radial-gradient(circle, var(--cat-coral), transparent 60%); opacity: 0.32; }
.bg-gold-orb.g7 { width: 240px; height: 240px; right: 8vw; bottom: 22vh; background: radial-gradient(circle, var(--brand-amber), transparent 60%); opacity: 0.4; }
.bg-gold-orb.g8 { width: 200px; height: 200px; left: 35vw; top: 45vh; background: radial-gradient(circle, var(--brand-amber), transparent 60%); opacity: 0.3; }
body.bg-honey .v6-orbs { display: none; }
body.bg-honey { background: #FFFBF2 !important; }
.bg-honey-bg { position: fixed; inset: 0; z-index: 0; pointer-events: none; display: none; background:
    radial-gradient(ellipse 1300px 800px at 80% 0%, rgba(255,180,0,0.22), transparent 60%),
    radial-gradient(ellipse 1000px 700px at 0% 50%, rgba(255,194,51,0.16), transparent 60%),
    radial-gradient(ellipse 900px 600px at 60% 100%, rgba(251,146,60,0.12), transparent 60%); }
body.bg-honey .bg-honey-bg { display: block; }
body.bg-pearl .v6-orbs { display: none; }
body.bg-pearl { background: #FAFAFC !important; }
.bg-pearl-bg { position: fixed; inset: 0; z-index: 0; pointer-events: none; display: none; background:
    radial-gradient(ellipse 1400px 900px at 70% 0%, rgba(199,210,254,0.20), transparent 60%),
    radial-gradient(ellipse 1100px 700px at 0% 50%, rgba(253,230,138,0.14), transparent 60%),
    radial-gradient(ellipse 1000px 600px at 100% 80%, rgba(252,231,243,0.18), transparent 60%); }
body.bg-pearl .bg-pearl-bg { display: block; }
body.bg-quartz .v6-orbs { display: none; }
body.bg-quartz { background: #FFFFFF !important; background: #FAFAFD !important; }
.bg-quartz-bg { position: fixed; inset: 0; z-index: 0; pointer-events: none; display: none; background:
    radial-gradient(ellipse 1300px 800px at 90% 10%, rgba(254,215,170,0.30), transparent 55%),
    radial-gradient(ellipse 1100px 700px at 10% 90%, rgba(186,230,253,0.28), transparent 55%),
    radial-gradient(ellipse 800px 500px at 50% 50%, rgba(255,255,255,0.4), transparent 70%); }
body.bg-quartz .bg-quartz-bg { background:
    radial-gradient(ellipse 1400px 900px at 85% 5%, rgba(254,170,80,0.45), transparent 55%),
    radial-gradient(ellipse 1200px 800px at 5% 90%, rgba(120,180,255,0.40), transparent 55%),
    radial-gradient(ellipse 900px 600px at 50% 50%, rgba(255,255,255,0.2), transparent 70%) !important; display: block; }
body.bg-slate .v6-orbs { display: none; }
body.bg-slate { background: #F4F6FA !important; }
.bg-slate-bg { position: fixed; inset: 0; z-index: 0; pointer-events: none; display: none; background:
    radial-gradient(ellipse 1400px 900px at 100% 0%, rgba(148,163,184,0.25), transparent 60%),
    radial-gradient(ellipse 1200px 800px at 0% 100%, rgba(125,211,252,0.18), transparent 60%),
    radial-gradient(ellipse 700px 500px at 50% 50%, rgba(255,255,255,0.4), transparent 70%); }
body.bg-slate .bg-slate-bg { display: block; }
body.bg-linen .v6-orbs { display: none; }
body.bg-linen { background: #FBF9F4 !important; }
.bg-linen-bg { position: fixed; inset: 0; z-index: 0; pointer-events: none; display: none; background:
    radial-gradient(ellipse 1300px 800px at 80% 20%, rgba(254,243,199,0.45), transparent 55%),
    radial-gradient(ellipse 1100px 700px at 20% 80%, rgba(254,226,226,0.25), transparent 55%),
    radial-gradient(ellipse 700px 500px at 50% 50%, rgba(255,255,255,0.4), transparent 70%); }
body.bg-linen .bg-linen-bg { display: block; }
body.bg-dusk .v6-orbs { display: none; }
body.bg-dusk { background: #F8F7FC !important; }
.bg-dusk-bg { position: fixed; inset: 0; z-index: 0; pointer-events: none; display: none; background:
    radial-gradient(ellipse 1300px 800px at 90% 10%, rgba(196,181,253,0.30), transparent 58%),
    radial-gradient(ellipse 1100px 700px at 15% 70%, rgba(253,164,175,0.20), transparent 58%),
    radial-gradient(ellipse 900px 600px at 60% 100%, rgba(165,180,252,0.18), transparent 58%); }
body.bg-dusk .bg-dusk-bg { display: block; }
body.bg-rose .v6-orbs { display: none; }
body.bg-rose { background: #FFF8FA !important; }
.bg-rose-bg { position: fixed; inset: 0; z-index: 0; pointer-events: none; display: none; background:
    radial-gradient(ellipse 1300px 800px at 85% 0%, rgba(251,113,133,0.18), transparent 60%),
    radial-gradient(ellipse 1100px 700px at 10% 60%, rgba(253,164,175,0.16), transparent 60%),
    radial-gradient(ellipse 900px 600px at 60% 100%, rgba(244,114,182,0.10), transparent 60%); }
body.bg-rose .bg-rose-bg { display: block; }
body.bg-sage .v6-orbs { display: none; }
body.bg-sage { background: #F6FAF7 !important; }
.bg-sage-bg { position: fixed; inset: 0; z-index: 0; pointer-events: none; display: none; background:
    radial-gradient(ellipse 1300px 800px at 80% 10%, rgba(110,231,183,0.22), transparent 60%),
    radial-gradient(ellipse 1100px 700px at 20% 70%, rgba(167,243,208,0.20), transparent 60%),
    radial-gradient(ellipse 800px 500px at 50% 50%, rgba(255,255,255,0.4), transparent 70%); }
body.bg-sage .bg-sage-bg { display: block; }
body.bg-indigo .v6-orbs { display: none; }
body.bg-indigo { background: #F6F7FC !important; }
.bg-indigo-bg { position: fixed; inset: 0; z-index: 0; pointer-events: none; display: none; background:
    radial-gradient(ellipse 1400px 900px at 90% 0%, rgba(165,180,252,0.30), transparent 58%),
    radial-gradient(ellipse 1100px 700px at 10% 80%, rgba(199,210,254,0.28), transparent 58%); }
body.bg-indigo .bg-indigo-bg { display: block; }
body.bg-sand .v6-orbs { display: none; }
body.bg-sand { background: #FBF7EE !important; }
.bg-sand-bg { position: fixed; inset: 0; z-index: 0; pointer-events: none; display: none; background:
    radial-gradient(ellipse 1300px 800px at 80% 10%, rgba(254,215,170,0.40), transparent 58%),
    radial-gradient(ellipse 1100px 700px at 15% 80%, rgba(253,230,138,0.28), transparent 58%); }
body.bg-sand .bg-sand-bg { display: block; }
body.bg-sky .v6-orbs { display: none; }
body.bg-sky { background: #F4F9FC !important; }
.bg-sky-bg { position: fixed; inset: 0; z-index: 0; pointer-events: none; display: none; background:
    radial-gradient(ellipse 1400px 900px at 80% 5%, rgba(125,211,252,0.34), transparent 58%),
    radial-gradient(ellipse 1100px 700px at 10% 80%, rgba(186,230,253,0.30), transparent 58%); }
body.bg-sky .bg-sky-bg { display: block; }
body.bg-cream .v6-orbs { display: none; }
body.bg-cream { background: #FDFCF6 !important; }
.bg-cream-bg { position: fixed; inset: 0; z-index: 0; pointer-events: none; display: none; background:
    radial-gradient(ellipse 1400px 900px at 70% 10%, rgba(254,243,199,0.45), transparent 60%),
    radial-gradient(ellipse 1100px 700px at 15% 80%, rgba(255,237,213,0.32), transparent 60%); }
body.bg-cream .bg-cream-bg { display: block; }
body.bg-ash .v6-orbs { display: none; }
body.bg-ash { background: #F7F7F9 !important; }
.bg-ash-bg { position: fixed; inset: 0; z-index: 0; pointer-events: none; display: none; background:
    radial-gradient(ellipse 1400px 900px at 100% 0%, rgba(203,213,225,0.34), transparent 60%),
    radial-gradient(ellipse 1200px 800px at 0% 100%, rgba(226,232,240,0.30), transparent 60%); }
body.bg-ash .bg-ash-bg { display: block; }
body.bg-meadow .v6-orbs { display: none; }
body.bg-meadow { background: #F4FAF6 !important; }
.bg-meadow-bg { position: fixed; inset: 0; z-index: 0; pointer-events: none; display: none; background:
    radial-gradient(ellipse 1400px 900px at 85% 5%, rgba(187,247,208,0.38), transparent 60%),
    radial-gradient(ellipse 1200px 800px at 10% 70%, rgba(220,252,231,0.32), transparent 60%),
    radial-gradient(ellipse 800px 500px at 55% 95%, rgba(254,240,138,0.16), transparent 60%); }
body.bg-meadow .bg-meadow-bg { display: block; }
body.bg-peach .v6-orbs { display: none; }
body.bg-peach { background: #FFF8F4 !important; }
.bg-peach-bg { position: fixed; inset: 0; z-index: 0; pointer-events: none; display: none; background:
    radial-gradient(ellipse 1300px 800px at 80% 5%, rgba(254,205,170,0.36), transparent 58%),
    radial-gradient(ellipse 1100px 700px at 15% 80%, rgba(253,186,116,0.20), transparent 58%); }
body.bg-peach .bg-peach-bg { display: block; }
body.bg-frost .v6-orbs { display: none; }
body.bg-frost { background: #F7FAFB !important; }
.bg-frost-bg { position: fixed; inset: 0; z-index: 0; pointer-events: none; display: none; background:
    radial-gradient(ellipse 1400px 900px at 90% 5%, rgba(207,250,254,0.38), transparent 60%),
    radial-gradient(ellipse 1200px 800px at 5% 95%, rgba(186,230,253,0.28), transparent 60%); }
body.bg-frost .bg-frost-bg { display: block; }
body.bg-coins .v6-orbs { display: none; }
body.bg-coins { background: #FFFCF5 !important; }
.bg-coins-bg { position: fixed; inset: 0; z-index: 0; pointer-events: none; display: none; overflow: hidden; }
body.bg-coins .bg-coins-bg { display: block; }
.bg-coin { position: absolute; border-radius: 50%; filter: blur(8px); opacity: 0.65; }
.bg-coin.s { width: 56px; height: 56px; filter: blur(6px); opacity: 0.85; }
.bg-coin.m { width: 84px; height: 84px; filter: blur(8px); opacity: 0.85; }
.bg-coin.l { width: 130px; height: 130px; filter: blur(12px); opacity: 0.75; }
.bg-coin.xl { width: 200px; height: 200px; filter: blur(18px); opacity: 0.7; }
.bg-coin.k1 { left: 4%; top: 6%; background: var(--brand-amber); }
.bg-coin.k2 { left: 16%; top: 14%; background: var(--brand-amber-strong); }
.bg-coin.k3 { left: 28%; top: 4%; background: var(--cat-yellow); }
.bg-coin.k4 { background: var(--cat-orange); left: 40%; top: 12%; background: var(--brand-amber); }
.bg-coin.k5 { left: 52%; top: 6%; background: var(--brand-amber); }
.bg-coin.k6 { left: 64%; top: 16%; background: var(--cat-coral); }
.bg-coin.k7 { left: 76%; top: 8%; background: var(--cat-yellow); }
.bg-coin.k8 { left: 88%; top: 14%; background: var(--cat-gold); }
.bg-coin.k9 { background: var(--cat-orange); left: 8%; top: 26%; background: var(--brand-amber); }
.bg-coin.k10 { left: 22%; top: 34%; background: var(--brand-amber-strong); }
.bg-coin.k11 { left: 34%; top: 28%; background: var(--brand-amber); }
.bg-coin.k12 { left: 46%; top: 38%; background: var(--cat-yellow); }
.bg-coin.k13 { left: 58%; top: 30%; background: var(--cat-gold); }
.bg-coin.k14 { background: var(--cat-orange); left: 70%; top: 34%; background: var(--brand-amber); }
.bg-coin.k15 { left: 82%; top: 28%; background: var(--brand-amber); }
.bg-coin.k16 { left: 94%; top: 38%; background: var(--cat-coral); }
.bg-coin.k17 { left: 4%; top: 50%; background: var(--cat-yellow); }
.bg-coin.k18 { left: 18%; top: 58%; background: var(--brand-amber); }
.bg-coin.k19 { background: var(--cat-orange); left: 30%; top: 52%; background: var(--brand-amber); }
.bg-coin.k20 { left: 42%; top: 62%; background: var(--brand-amber-strong); }
.bg-coin.k21 { left: 54%; top: 54%; background: var(--cat-yellow); }
.bg-coin.k22 { left: 66%; top: 60%; background: var(--cat-gold); }
.bg-coin.k23 { left: 78%; top: 52%; background: var(--brand-amber); }
.bg-coin.k24 { left: 90%; top: 60%; background: var(--cat-coral); }
.bg-coin.k25 { left: 8%; top: 74%; background: var(--brand-amber); }
.bg-coin.k26 { left: 24%; top: 80%; background: var(--cat-yellow); }
.bg-coin.k27 { background: var(--cat-orange); left: 36%; top: 74%; background: var(--brand-amber); }
.bg-coin.k28 { left: 48%; top: 82%; background: var(--brand-amber-strong); }
.bg-coin.k29 { left: 60%; top: 76%; background: var(--brand-amber); }
.bg-coin.k30 { left: 72%; top: 84%; background: var(--cat-gold); }
.bg-coin.k31 { left: 84%; top: 78%; background: var(--cat-yellow); }
.bg-coin.k32 { background: var(--cat-orange); left: 14%; top: 92%; background: var(--brand-amber); }
.bg-coin.k33 { left: 32%; top: 96%; background: var(--brand-amber); }
.bg-coin.k34 { left: 50%; top: 94%; background: var(--cat-yellow); }
.bg-coin.k35 { left: 68%; top: 96%; background: var(--brand-amber-strong); }
.bg-coin.k36 { background: var(--cat-orange); left: 84%; top: 94%; background: var(--brand-amber); }
@media (min-width: 769px){
}
@media (max-width: 768px){
}

/* #theme-ambient is a full-viewport background layer (its per-mode gradients
   live in dark-colors.css). Without this it collapses to height:0 and never
   renders. Sits behind app content, ignores pointer events. */
#theme-ambient { position: fixed; inset: 0; z-index: 0; pointer-events: none; }