/* ORBITA_EXPERIENCE_V1 */
:root{
  --orbita-live-x:50%;
  --orbita-live-y:30%;
  --orbita-season:#6cc6ff;
  --orbita-season-2:#f76cff;
}
html[data-orbita-theme="cosmic"]{--accent:#6cc6ff;--accent2:#f76cff;--orbita-season:#6cc6ff;--orbita-season-2:#f76cff}
html[data-orbita-theme="neon"]{--accent:#46f5ff;--accent2:#ff42d3;--line:rgba(78,239,255,.35);--panel:rgba(7,16,34,.78);--panel2:rgba(7,21,43,.92);--orbita-season:#46f5ff;--orbita-season-2:#ff42d3}
html[data-orbita-theme="calm"]{--accent:#93b8e8;--accent2:#aa9bdc;--line:rgba(160,188,225,.22);--panel:rgba(15,23,38,.86);--panel2:rgba(22,31,48,.94);--orbita-season:#93b8e8;--orbita-season-2:#aa9bdc}
html[data-orbita-theme="seasonal"].season-autumn{--accent:#ffb36c;--accent2:#bb77ff;--orbita-season:#ff9e58;--orbita-season-2:#c06cff}
html[data-orbita-theme="seasonal"].season-winter{--accent:#a6e5ff;--accent2:#8ba8ff;--orbita-season:#c5efff;--orbita-season-2:#8b9cff}
html[data-orbita-theme="seasonal"].season-spring{--accent:#83e9be;--accent2:#ff91d5;--orbita-season:#79e6b6;--orbita-season-2:#ff93d7}
html[data-orbita-theme="seasonal"].season-summer{--accent:#72ddff;--accent2:#ffd36f;--orbita-season:#58d7ff;--orbita-season-2:#ffd26f}
body{transition:background .45s ease,color .35s ease}
body::after{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(700px 500px at var(--orbita-live-x) var(--orbita-live-y),color-mix(in srgb,var(--orbita-season) 10%,transparent),transparent 66%);
  transition:background .4s ease;
}
#orbitaLiveCanvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.62}
html[data-orbita-animations="off"] #orbitaLiveCanvas{display:none}
html[data-orbita-animations="off"] .space-planet,html[data-orbita-animations="off"] .stars:before,html[data-orbita-animations="off"] .stars:after{animation:none!important}

.orbita-welcome{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:24px;background:radial-gradient(900px 700px at 50% 18%,rgba(74,132,255,.25),transparent 62%),radial-gradient(700px 600px at 80% 80%,rgba(239,86,255,.18),transparent 66%),linear-gradient(180deg,#020714,#071427 58%,#050914);overflow:hidden;transition:opacity .65s ease,visibility .65s ease,transform .65s ease}
.orbita-welcome.leaving{opacity:0;visibility:hidden;transform:scale(1.035)}
.orbita-welcome-stars{position:absolute;inset:0;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.25px),radial-gradient(circle,rgba(123,199,255,.85) 0 1px,transparent 1.3px);background-size:86px 86px,137px 137px;background-position:0 0,31px 53px;opacity:.3;animation:orbitaWelcomeStars 22s linear infinite}
.orbita-welcome-card{position:relative;z-index:2;width:min(640px,94vw);text-align:center;padding:36px 28px 30px;border-radius:30px;border:1px solid rgba(133,187,255,.25);background:linear-gradient(180deg,rgba(12,25,49,.76),rgba(8,16,31,.82));box-shadow:0 35px 100px rgba(0,0,0,.52);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.orbita-welcome-logo{width:116px;height:116px;margin:0 auto 24px;border-radius:50%;position:relative;display:grid;place-items:center;font-size:49px;font-weight:900;color:#06101f;background:linear-gradient(135deg,var(--orbita-season),var(--orbita-season-2));box-shadow:0 0 65px color-mix(in srgb,var(--orbita-season) 38%,transparent);animation:orbitaLogoFloat 3.8s ease-in-out infinite alternate}
.orbita-welcome-logo::before,.orbita-welcome-logo::after{content:"";position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%) rotate(-16deg)}
.orbita-welcome-logo::before{width:164px;height:52px;border:3px solid rgba(209,228,255,.42)}
.orbita-welcome-logo::after{width:188px;height:68px;border:1px solid rgba(126,197,255,.18)}
.orbita-season-label{display:inline-flex;padding:7px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#cce4ff;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:800}
.orbita-welcome h2{font-size:clamp(34px,7vw,62px);line-height:1.02;margin:18px 0 11px;letter-spacing:.02em}
.orbita-welcome p{max-width:470px;margin:0 auto;color:#b9cbe5;font-size:clamp(15px,3vw,18px);line-height:1.55}
.orbita-enter{margin-top:25px;min-width:220px;padding:14px 22px!important;font-size:16px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--orbita-season) 28%,#132444),color-mix(in srgb,var(--orbita-season-2) 23%,#15213f))!important;box-shadow:0 12px 34px rgba(0,0,0,.28)}
.orbita-welcome-hint{margin-top:12px!important;font-size:12px!important;opacity:.68}
@keyframes orbitaWelcomeStars{to{background-position:86px 86px,168px 190px}}
@keyframes orbitaLogoFloat{from{transform:translateY(0) rotate(-1deg)}to{transform:translateY(-9px) rotate(2deg)}}

.orbita-motion-card{transform-origin:center;will-change:transform,opacity;transition:transform .55s cubic-bezier(.2,.75,.2,1),opacity .55s ease,box-shadow .28s ease,border-color .28s ease}
.orbita-reveal-pending{opacity:0;transform:translateY(24px) scale(.985)}
.orbita-reveal-in{opacity:1;transform:translateY(0) scale(1)}
@media(hover:hover) and (pointer:fine){.orbita-motion-card:hover{box-shadow:0 24px 62px rgba(0,0,0,.42),0 0 32px color-mix(in srgb,var(--orbita-season) 8%,transparent);border-color:color-mix(in srgb,var(--orbita-season) 35%,transparent)}}

.orbita-modal{position:fixed;inset:0;z-index:450;display:none;place-items:center;padding:18px;background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}
.orbita-modal.open{display:grid}
.orbita-modal-card{width:min(620px,100%);max-height:88dvh;overflow:auto;padding:22px;border-radius:26px;background:linear-gradient(180deg,rgba(13,25,47,.98),rgba(7,14,27,.99));border:1px solid rgba(125,178,255,.27);box-shadow:0 30px 90px rgba(0,0,0,.58)}
.orbita-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.orbita-modal-head h3{margin:0}.orbita-modal-close{width:42px;height:42px;padding:0;border-radius:50%;font-size:21px}
.orbita-theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.orbita-theme-option{padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);cursor:pointer;display:flex;gap:10px;align-items:center}.orbita-theme-option.active{border-color:color-mix(in srgb,var(--orbita-season) 52%,transparent);background:color-mix(in srgb,var(--orbita-season) 10%,transparent)}
.orbita-theme-dot{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--dot1,#6cc6ff),var(--dot2,#f76cff));box-shadow:0 0 18px color-mix(in srgb,var(--dot1,#6cc6ff) 28%,transparent);flex:0 0 28px}.orbita-setting-row{margin-top:14px;padding:14px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:14px}.orbita-setting-row p{margin:4px 0 0;color:var(--muted);font-size:13px}.orbita-switch{appearance:none;width:50px;height:29px;border-radius:999px;background:#263750;position:relative;cursor:pointer;border:1px solid rgba(255,255,255,.12);transition:.2s}.orbita-switch::after{content:"";position:absolute;width:21px;height:21px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.orbita-switch:checked{background:linear-gradient(135deg,var(--orbita-season),var(--orbita-season-2))}.orbita-switch:checked::after{transform:translateX(21px)}
.orbita-notify-status{font-size:13px;color:var(--muted);margin-top:8px}.orbita-qr-wrap{text-align:center}.orbita-qr-wrap img{width:min(320px,80vw);background:#fff;padding:14px;border-radius:22px;box-shadow:0 20px 50px rgba(0,0,0,.3)}

.orbita-analytics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.orbita-metric{padding:15px;border-radius:17px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}.orbita-metric strong{display:block;font-size:28px;margin-top:7px}.orbita-mini-bars{display:grid;gap:10px}.orbita-bar-row{display:grid;grid-template-columns:minmax(100px,1fr) 3fr auto;gap:10px;align-items:center;font-size:13px}.orbita-bar-track{height:9px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}.orbita-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--orbita-season),var(--orbita-season-2))}.orbita-analytics-split{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.orbita-admin-card{padding:16px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}.orbita-admin-card h4{margin:0 0 12px}.orbita-admin-card .field{margin-top:10px}.orbita-admin-qr{display:flex;gap:16px;align-items:center}.orbita-admin-qr img{width:150px;height:150px;background:#fff;padding:8px;border-radius:16px}

@media(max-width:760px){
  .orbita-welcome{padding:14px}.orbita-welcome-card{padding:29px 17px 23px;border-radius:24px}.orbita-welcome-logo{width:91px;height:91px;font-size:39px}.orbita-welcome-logo::before{width:132px;height:43px}.orbita-welcome-logo::after{width:150px;height:55px}.orbita-theme-grid{grid-template-columns:1fr}.orbita-analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.orbita-analytics-split{grid-template-columns:1fr}.orbita-admin-qr{align-items:flex-start}.orbita-modal{padding:0;place-items:end center}.orbita-modal-card{width:100%;max-height:92dvh;border-radius:25px 25px 0 0;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.orbita-bar-row{grid-template-columns:1fr 2fr auto}
}
@media(prefers-reduced-motion:reduce){.orbita-welcome-stars,.orbita-welcome-logo{animation:none}.orbita-motion-card{transition:none}.orbita-reveal-pending{opacity:1;transform:none}}
