/* Aurora background: soft pink and purple light behind every page, plus a faint grain.
   Pure CSS (no images, no animation), drawn once on a fixed layer, so it costs almost nothing. */
html{background:#190f1d!important}
html body,html body[class],html body#zobeyaApp#zobeyaApp{background:transparent!important}
html::before,html::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none}
html::before{
  background:
    radial-gradient(60% 42% at 6% -6%,rgba(255,45,107,.40),rgba(255,45,107,0) 70%),
    radial-gradient(55% 40% at 96% -2%,rgba(123,63,228,.36),rgba(123,63,228,0) 70%),
    radial-gradient(75% 38% at 45% 108%,rgba(255,45,107,.16),rgba(255,45,107,0) 70%);
}
html::after{
  opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
/* Let the light show through the page frames (cards and panels keep their own colour). */
html body :is(.dashboard-shell,.dash-main,.landing-main,.auth-main,.page-wrapper),html body#zobeyaApp#zobeyaApp :is(main.dashboard-shell,section.dash-main){background:transparent!important}
html body .fx-swipe{background:transparent}
/* Home page: its sections painted their own flat colours over the light. */
html body main.landing-page,html body .landing-home :is(#astrology-mode,#safety,#app-launch,#join-free,.safety-editorial){background-color:transparent!important}
html body .landing-home #astrology-mode{background-image:radial-gradient(at 65% 48%,rgba(103,53,170,.26),transparent 60%)!important}

/* Language picker: readable codes (this file loads on every page). */
html body .dash-lang-dropdown .dash-lang-item .lang-badge{display:inline-grid!important;place-items:center;min-width:40px;height:32px;padding:0 6px;border-radius:10px!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.16)!important;color:#f3e8f5!important;font:700 13px/1 Figtree,sans-serif!important;letter-spacing:.04em;opacity:1!important}
html body .dash-lang-dropdown .dash-lang-item.is-active .lang-badge{background:#ff2d6b!important;border-color:#ff2d6b!important;color:#fff!important}
html body .dash-lang-dropdown .dash-lang-item .lang-name{color:#fff!important;font-size:16px!important;opacity:1!important}
html body .dash-lang-dropdown .dash-lang-item .lang-check{color:#ff5c8a!important;font-size:18px}

/* Dropdown lists: dark options with white text everywhere (no white-on-grey). */
html body select{color-scheme:dark}
html body select option,html body select optgroup{background-color:#2a1d2f!important;color:#ffffff!important}
html body select option:checked{background-color:#ff2d6b!important;color:#ffffff!important}

/* Small pop-up messages (toasts) everywhere: dark, fully readable, never cut off on phones. */
html body .swal2-container.swal2-top-end,html body .swal2-container.swal2-top-right,html body .swal2-container.swal2-top{padding:calc(10px + env(safe-area-inset-top)) 12px 0!important}
html body .swal2-popup.swal2-toast{display:flex!important;align-items:center!important;gap:12px!important;width:min(420px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;margin:0!important;padding:14px 16px!important;border-radius:18px!important;background:rgba(36,22,42,.97)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 16px 40px rgba(0,0,0,.45)!important;color:#fff!important;box-sizing:border-box!important;overflow:visible!important;animation:zToastIn .3s cubic-bezier(.2,1.2,.4,1)}
html body .swal2-popup.swal2-toast::before{content:"";flex:none;width:34px;height:34px;border-radius:50%;background:#ff2d6b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.6-7 10-7 10Z'/%3E%3C/svg%3E") center/17px no-repeat}
html body .swal2-popup.swal2-toast:has(.swal2-icon:not([style*="display: none"])):has(.swal2-error,.swal2-warning)::before{display:none}
html body .swal2-popup.swal2-toast :is(.swal2-title,.swal2-html-container){margin:0!important;padding:0!important;color:#fff!important;font:600 15px/1.4 Figtree,sans-serif!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere;max-width:none!important}
html body .swal2-popup.swal2-toast .swal2-html-container{color:#e2d6e6!important;font-weight:500!important;font-size:14px!important}
html body .swal2-popup.swal2-toast .swal2-success{display:none!important}
@keyframes zToastIn{from{opacity:0;transform:translateY(-14px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:767px){html body .swal2-container.swal2-top-end,html body .swal2-container.swal2-top-right{justify-content:center!important;align-items:flex-start!important}}
html body .swal2-popup.swal2-toast .swal2-icon:not(.swal2-error):not(.swal2-warning){display:none!important}

/* "Photo verified": a compact blue checkmark next to the name (text kept for screen readers; tap opens the explanation). */
html body .photo-verified-badge,html body#zobeyaApp .photo-verified-badge{display:inline-grid!important;place-items:center;width:auto!important;min-width:0!important;height:auto!important;padding:0!important;margin-left:4px;background:none!important;border:0!important;box-shadow:none!important;border-radius:50%!important;vertical-align:middle;cursor:pointer;flex:none}
html body .photo-verified-badge svg{width:.78em!important;height:.78em!important;min-width:20px;min-height:20px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.45))}
html body .photo-verified-badge svg circle{stroke:#fff;stroke-width:1.6px}
html body .photo-verified-badge>span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
html body .photo-verified-badge:focus-visible{outline:2px solid #fff;outline-offset:2px}
/* Super Love & gifts menu: dark glass, readable labels (replaces the old white cards) */
html body#zobeyaApp#zobeyaApp .superlove-menu{background:rgba(26,15,30,.97)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:22px!important;padding:8px!important;box-shadow:0 20px 44px rgba(0,0,0,.5)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-width:250px;display:flex;flex-direction:column;gap:4px}
html body#zobeyaApp#zobeyaApp .superlove-menu button{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px;width:100%!important;min-height:54px!important;margin:0!important;padding:8px 10px 8px 12px!important;border:0!important;border-radius:16px!important;background:transparent!important;box-shadow:none!important;color:#fff!important;font:700 16px Figtree,sans-serif!important;text-align:left;cursor:pointer;transition:background .15s}
html body#zobeyaApp#zobeyaApp .superlove-menu button:hover,html body#zobeyaApp#zobeyaApp .superlove-menu button:focus-visible{background:rgba(255,255,255,.07)!important}
html body#zobeyaApp#zobeyaApp .superlove-menu button>span:first-child{display:flex;align-items:center;gap:12px;color:#fff!important}
html body#zobeyaApp#zobeyaApp .superlove-menu button>span:first-child i{display:grid;place-items:center;flex:none;width:36px;height:36px;margin:0!important;border-radius:50%;background:rgba(255,255,255,.08);font-size:17px}
html body#zobeyaApp#zobeyaApp .superlove-menu button[data-action=super_love]>span:first-child i{background:rgba(255,45,107,.16)}
html body#zobeyaApp#zobeyaApp .superlove-menu button[data-action=send_gift]>span:first-child i{background:rgba(245,158,11,.16)}
html body#zobeyaApp#zobeyaApp .superlove-menu button[data-action=special_gift]>span:first-child i{background:rgba(139,92,246,.18)}
html body#zobeyaApp#zobeyaApp .superlove-menu button[data-action=priority_like]>span:first-child i{background:rgba(255,196,0,.16);color:#ffc400!important}
html body#zobeyaApp#zobeyaApp .superlove-menu .cost{flex:none;padding:5px 10px!important;border-radius:999px!important;background:rgba(255,196,0,.14)!important;border:1px solid rgba(255,196,0,.35)!important;color:#ffd166!important;font:800 13px Figtree,sans-serif!important}
html body#zobeyaApp#zobeyaApp .superlove-menu button+button{border-top:0!important}