:root{--bg:#050507;--glass:rgba(5,6,10,0.7);--glass-strong:rgba(255,255,255,0.14);--stroke:rgba(255,255,255,0.14);--text:#f5f7ff;--muted:#a7b0c4;--accent:#7cf3d1;--accent-2:#68a6ff;--shadow:0 18px 45px rgba(0,0,0,0.55);}
body.system-theme{
  --system-glow:rgba(124,243,209,0.26);
  --system-glow-2:rgba(104,166,255,0.2);
}
body.system-theme::before{
  content:"";
  position:fixed;
  inset:-20%;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(40% 30% at 20% 20%, var(--system-glow), transparent 70%),
    radial-gradient(35% 30% at 80% 30%, var(--system-glow-2), transparent 75%);
  animation:systemDrift 16s ease-in-out infinite alternate;
}
body.system-theme .topbar,
body.system-theme .panel,
body.system-theme .center-stage,
body.system-theme .ad-banner{
  position:relative;
  overflow:hidden;
}
body.system-theme .topbar::after,
body.system-theme .panel::after,
body.system-theme .center-stage::after{
  content:"";
  position:absolute;
  left:-40%;
  top:0;
  width:35%;
  height:100%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,0.14), transparent);
  transform:skewX(-20deg);
  animation:systemSweep 8s linear infinite;
  pointer-events:none;
}
@keyframes systemDrift{
  0%{transform:translate3d(-2%,0,0) scale(1);}
  100%{transform:translate3d(2%,2%,0) scale(1.05);}
}
@keyframes systemSweep{
  0%{left:-40%;}
  100%{left:130%;}
}
body.plus500{--glass:rgba(7,9,14,0.78);--glass-strong:rgba(255,255,255,0.2);--stroke:rgba(255,255,255,0.22);--shadow:0 22px 60px rgba(0,0,0,0.65);}
body.plus500 .glass{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,0.12);}
body.plus500 .topbar{background:linear-gradient(120deg,rgba(255,255,255,0.08),rgba(255,255,255,0.02));border:1px solid rgba(255,255,255,0.22);}
body.plus500 .menu-btn,
body.plus500 .tab-btn{font-weight:700;letter-spacing:0.06em;text-transform:uppercase;}
body.plus500 .ad-banner{background:linear-gradient(120deg,rgba(255,255,255,0.18),rgba(255,255,255,0.04));border:1px solid rgba(255,255,255,0.28);}
body.plus500 .post-input textarea{background:rgba(6,8,12,0.55);}
body.natural-pro .ad-banner{border-width:2px;}
body.natural-pro .menu-btn.glow{box-shadow:0 0 22px rgba(124,243,209,0.65);}
body.natural-pro .btn.primary{font-weight:800;}
.admin-only{display:none !important;}
.trial-code-banner{
  margin-bottom:14px;
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,0.2);
  background:linear-gradient(135deg, rgba(0,0,0,0.5), rgba(255,255,255,0.08));
  text-align:center;
}
.trial-eyebrow{
  font-size:10px;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:rgba(255,255,255,0.7);
  margin-bottom:6px;
}
.trial-code{
  font-size:22px;
  font-weight:800;
  letter-spacing:0.06em;
  color:#fff;
  margin-bottom:6px;
  word-break:break-all;
}
.trial-sub{
  font-size:12px;
  color:var(--muted);
}
.trial-ad{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  justify-content:center;
  margin-bottom:8px;
}
.trial-ad .trial-code{
  padding:6px 10px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,0.2);
  background:linear-gradient(90deg,#4285F4 0%,#34A853 32%,#EA4335 64%,#FBBC05 100%);
  color:#0b0f14;
  text-shadow:0 1px 0 rgba(255,255,255,0.4);
  box-shadow:0 8px 18px rgba(0,0,0,0.25);
}
.trial-arrow{
  font-size:18px;
  font-weight:700;
  color:rgba(255,255,255,0.85);
}
.trial-posted{
  font-size:12px;
  font-weight:800;
  letter-spacing:0.28em;
  text-transform:uppercase;
  padding:6px 10px;
  border:2px dashed rgba(255,255,255,0.5);
  border-radius:6px;
  color:#f7e7c9;
  background:rgba(120,40,30,0.25);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,0.12);
}
.trial-brand{
  font-size:14px;
  font-weight:700;
  letter-spacing:0.08em;
  color:#fff;
  padding:6px 10px;
  border-radius:999px;
  background:linear-gradient(120deg,rgba(47,230,200,0.2),rgba(58,125,255,0.18));
  border:1px solid rgba(255,255,255,0.18);
}
.trial-overlay{
  position:fixed;
  inset:0;
  z-index:200;
  display:none;
  align-items:center;
  justify-content:center;
  background:radial-gradient(900px 500px at 20% 20%, rgba(47,230,200,0.22), transparent 60%),
    radial-gradient(900px 500px at 80% 30%, rgba(255,182,87,0.2), transparent 60%),
    rgba(5,8,12,0.85);
  backdrop-filter:blur(8px);
}
.trial-overlay.show{display:flex;}
.trial-overlay-card{
  width:min(820px, 92vw);
  border-radius:24px;
  padding:22px;
  border:1px solid rgba(255,255,255,0.2);
  background:linear-gradient(135deg, rgba(0,0,0,0.55), rgba(255,255,255,0.08));
  text-align:center;
  box-shadow:0 30px 80px rgba(0,0,0,0.45);
}
.trial-overlay.show .trial-overlay-card{
  animation:trialLand 0.7s cubic-bezier(.2,.8,.2,1);
}
.trial-overlay-link{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  margin-bottom:12px;
}
.trial-overlay-link .trial-code{
  font-size:26px;
  padding:8px 14px;
  animation:glowPulse 1.6s ease-in-out infinite;
}
.trial-arrow{
  font-size:26px;
  font-weight:900;
  color:#fff;
  text-shadow:0 0 12px rgba(58,125,255,0.6);
  letter-spacing:0.12em;
}
.trial-new-code{
  display:inline-block;
  text-decoration:none;
  font-size:12px;
  color:#fff;
  margin-bottom:8px;
  padding:6px 10px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,0.2);
  background:rgba(255,255,255,0.08);
}
.trial-new-code span{
  font-weight:700;
  color:#ffd55d;
}
.trial-overlay-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
}
.trial-hint{
  font-size:11px;
  color:rgba(255,255,255,0.6);
  letter-spacing:0.1em;
  text-transform:uppercase;
  margin-top:8px;
}
@keyframes trialLand{
  0%{transform:translateY(30px) scale(0.96);opacity:0;}
  100%{transform:translateY(0) scale(1);opacity:1;}
}
@keyframes glowPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(66,133,244,0.25);}
  50%{box-shadow:0 0 20px 0 rgba(66,133,244,0.45);}
}
.laugh-burst{
  position:fixed;
  right:22px;
  bottom:24px;
  z-index:210;
  padding:12px 16px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,0.25);
  background:linear-gradient(135deg, rgba(0,0,0,0.7), rgba(255,255,255,0.08));
  color:#fff;
  font-weight:700;
  letter-spacing:0.06em;
  box-shadow:0 12px 30px rgba(0,0,0,0.35);
  animation:laughPop 1.6s ease;
}
.laugh-burst span{
  color:#ffd55d;
  margin-left:6px;
}
.brochure-card{
  max-height:90vh;
  overflow:auto;
}
.brochure-hero{
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,0.16);
  background:
    radial-gradient(400px 200px at 15% 10%, rgba(164,216,176,0.25), transparent 60%),
    linear-gradient(135deg, rgba(0,0,0,0.45), rgba(255,255,255,0.08));
  margin-bottom:14px;
}
.brochure-title{
  font-size:20px;
  font-weight:800;
  margin-bottom:6px;
}
.brochure-sub{
  font-size:12px;
  color:var(--muted);
  margin-bottom:10px;
}
.brochure-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:12px;
}
.brochure-panel{
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,0.18);
  background:
    linear-gradient(135deg, rgba(12,32,20,0.75), rgba(164,216,176,0.18));
  position:relative;
  overflow:hidden;
}
.brochure-panel:before{
  content:"";
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(
    90deg,
    rgba(255,255,255,0.06) 0px,
    rgba(255,255,255,0.06) 2px,
    transparent 2px,
    transparent 10px
  );
  opacity:0.4;
}
.brochure-panel.alt{
  background:
    linear-gradient(135deg, rgba(10,18,32,0.75), rgba(80,120,180,0.2));
}
.brochure-label{
  font-size:10px;
  letter-spacing:0.2em;
  text-transform:uppercase;
  color:rgba(255,255,255,0.7);
  position:relative;
  z-index:1;
}
.brochure-name{
  font-size:22px;
  font-weight:800;
  margin:6px 0 8px;
  position:relative;
  z-index:1;
}
.brochure-body{
  font-size:12px;
  color:rgba(255,255,255,0.85);
  position:relative;
  z-index:1;
}
.brochure-chip{
  margin-top:10px;
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.24);
  background:rgba(255,255,255,0.12);
  font-size:10px;
  letter-spacing:0.16em;
  text-transform:uppercase;
  position:relative;
  z-index:1;
}
.brochure-footer{
  margin-top:12px;
  text-align:center;
  font-size:10px;
  letter-spacing:0.2em;
  text-transform:uppercase;
  color:rgba(255,255,255,0.6);
}
.brochure-embed{
  width:100%;
  height:72vh;
  border:0;
  border-radius:16px;
  background:#f3f0ea;
}
.brochure-float{
  position:fixed;
  right:58px;
  bottom:10px;
  transform:none;
  z-index:180;
}
.brochure-float-btn{
  padding:10px 12px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,0.25);
  background:linear-gradient(135deg, rgba(0,0,0,0.55), rgba(255,255,255,0.08));
  color:#fff;
  font-weight:800;
  letter-spacing:0.22em;
  text-transform:uppercase;
  writing-mode:vertical-rl;
  text-orientation:mixed;
  box-shadow:0 14px 32px rgba(0,0,0,0.35);
  cursor:pointer;
}
.brochure-float-btn.sar-mini{
  margin-left:8px;
  background:linear-gradient(135deg,#5f1010,#b91c1c);
  border:1px solid rgba(255,120,120,.75);
}
.session-signal{
  position:fixed;
  right:14px;
  bottom:18px;
  z-index:520;
  width:min(300px, calc(100vw - 28px));
  padding:14px;
  border-radius:20px;
  display:grid;
  gap:8px;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(180deg, rgba(7,14,24,.78), rgba(12,22,36,.72));
  box-shadow:0 18px 40px rgba(4,10,18,.22);
}
.session-signal-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#eef6ff;
}
.session-signal-row{
  font-size:12px;
  line-height:1.45;
  color:#dce9fb;
}
.session-signal-log{
  min-height:56px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  color:#eef6ff;
  line-height:1.5;
  font-size:12px;
}
.session-signal-join{
  margin-top:4px;
  min-height:48px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
@media (max-width:1100px){
  .brochure-float{
    right:12px;
    top:auto;
    bottom:120px;
    transform:none;
  }
  .brochure-embed{height:68vh;}
  .brochure-float-btn{
    writing-mode:horizontal-tb;
    text-orientation:initial;
    letter-spacing:0.12em;
    padding:10px 14px;
  }
  .session-signal{
    left:10px;
    right:10px;
    bottom:12px;
    width:auto;
  }
}
@keyframes laughPop{
  0%{transform:translateY(20px) scale(0.9);opacity:0;}
  30%{transform:translateY(0) scale(1.02);opacity:1;}
  80%{transform:translateY(-6px) scale(1);opacity:1;}
  100%{transform:translateY(-10px) scale(0.98);opacity:0;}
}
body.plus500 .app-card{border:1px solid rgba(255,255,255,0.18);}
body.theme-aurora{--accent:#2fe6c8;--accent-2:#3a7dff;--hero-bg:linear-gradient(120deg,rgba(47,230,200,0.4),rgba(58,125,255,0.12)),url("/static/images/Have healthy hair.jpeg");--page-bg:radial-gradient(1200px 600px at 15% 10%, rgba(47,230,200,0.22), transparent 60%),linear-gradient(135deg,#06151a 0%,#0c1a2a 55%,#090f18 100%);}
body.theme-ice{--accent:#74f0ff;--accent-2:#ff7ae6;--hero-bg:linear-gradient(120deg,rgba(116,240,255,0.42),rgba(255,122,230,0.12)),url("/static/images/Have healthy hair.jpeg");--page-bg:radial-gradient(1200px 600px at 20% 12%, rgba(116,240,255,0.25), transparent 60%),linear-gradient(135deg,#07121a 0%,#101b2b 55%,#0a0e16 100%);}
body.theme-ember{--accent:#ff8a3d;--accent-2:#ff3b6b;--hero-bg:linear-gradient(120deg,rgba(255,138,61,0.45),rgba(255,59,107,0.15)),url("/static/images/Have healthy hair.jpeg");--page-bg:radial-gradient(1200px 600px at 18% 10%, rgba(255,138,61,0.28), transparent 60%),linear-gradient(135deg,#1b0d05 0%,#23110c 55%,#120909 100%);}
body.theme-carbon{--accent:#a8ff5c;--accent-2:#00e2ff;--hero-bg:linear-gradient(120deg,rgba(168,255,92,0.35),rgba(0,226,255,0.14)),url("/static/images/Have healthy hair.jpeg");--page-bg:radial-gradient(1200px 600px at 16% 12%, rgba(168,255,92,0.2), transparent 60%),linear-gradient(135deg,#0a120a 0%,#0b1a18 55%,#070b0f 100%);}
body.theme-nebula{--accent:#c77dff;--accent-2:#ffb657;--hero-bg:linear-gradient(120deg,rgba(199,125,255,0.4),rgba(255,182,87,0.12)),url("/static/images/Have healthy hair.jpeg");--page-bg:radial-gradient(1200px 600px at 16% 12%, rgba(199,125,255,0.25), transparent 60%),linear-gradient(135deg,#110a1a 0%,#150f24 55%,#0b0a14 100%);}
body.theme-aurora{--tab-a:#0e3f64;--tab-b:#1460a0;}
body.theme-ice{--tab-a:#4a2a68;--tab-b:#1278ad;}
body.theme-ember{--tab-a:#5a2b1e;--tab-b:#8f213a;}
body.theme-carbon{--tab-a:#1f3f1b;--tab-b:#17596b;}
body.theme-nebula{--tab-a:#34214d;--tab-b:#5f3f1d;}

  *{box-sizing:border-box;}
  body{background:var(--page-bg);}
body{margin:0;font-family:"Space Grotesk",system-ui,sans-serif;background:#07080b url('/static/images/woman-waking-up12.jpg') center center/cover no-repeat fixed;color:var(--text);min-height:100vh;overflow-x:hidden;}
body::before{content:"";position:fixed;inset:0;background:url('/static/images/woman-waking-up12.jpg') center center/cover no-repeat fixed;opacity:1;filter:none;z-index:-2;}
.bg-layers{position:fixed;inset:0;background:none;pointer-events:none;z-index:-1;}
.bg-layers::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(6,12,22,0.2), rgba(6,12,22,0.12)),
    url('/static/images/woman-waking-up12.jpg') center center / cover no-repeat;
    opacity:.58;
  }

#app{padding:26px 22px 140px;}
.glass{background:var(--glass);border:1px solid var(--stroke);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,0.08);} 

.topbar{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:14px;margin-bottom:10px;gap:10px;flex-wrap:wrap;} 
.top-middle{display:flex;justify-content:center;align-items:center;flex:1 1 180px;}
.logo{font-size:26px;font-weight:700;letter-spacing:0.4px;font-family:"Outfit",system-ui,sans-serif;} 
.founder-narrative{font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:var(--accent);margin-top:2px;}
.tagline{color:var(--muted);font-size:14px;margin-top:4px;} 
.brand{max-width:760px;}
.sale-summary-strip{
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:14px 0 0;
}
.sale-pill{
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.24);
  background:rgba(8,14,22,.42);
  color:#eef6ff;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.sale-cta-row{
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}
.big-menu{display:flex;gap:6px;flex-wrap:wrap;} 
.menu-btn{background:linear-gradient(120deg,var(--tab-a,rgba(255,255,255,0.16)),var(--tab-b,rgba(255,255,255,0.08)));color:#f2f7ff;border:1px solid rgba(255,255,255,0.26);padding:7px 10px;border-radius:10px;font-weight:700;font-size:12px;} 
.status{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end;margin-left:auto;} 
.toggle-wrap{display:flex;align-items:center;}
.big-menu{
  display:flex;
  gap:6px;
  align-items:center;
  flex-wrap:wrap;
  padding:6px 8px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,0.2);
  background:
    linear-gradient(120deg, rgba(0,0,0,0.35), rgba(0,0,0,0.1)),
    url("/static/images/Hija de Felix.jpeg") center/cover no-repeat;
  box-shadow:0 16px 40px rgba(0,0,0,0.35);
}
.big-menu .menu-btn{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:rgba(6,10,12,0.55);}
.login-actions-top{display:flex;gap:8px;align-items:center;}
#logoutBtn{
  background:linear-gradient(120deg, #ffffff, #eaf2ff);
  color:#0f1724;
  border:1px solid rgba(120,146,190,0.65);
  box-shadow:0 6px 18px rgba(0,0,0,0.22);
}
body.resort-brochure #logoutBtn{
  background:linear-gradient(120deg, #ffffff, #eef4ff);
  color:#111a29;
  border-color:rgba(120,146,190,0.72);
}
#liteModeBtn,
#postSocials,
#askAriaProductsAgain,
#closeApp,
#closeHairScan,
#campaignBlogCta,
#closeReel,
#adult21Enable,
#adult21Disable,
#saveFamilyFantasyTheme,
#openSocialCircuitFeed,
#launchSensualAriaPost,
#startBingoFantasy{
  background:linear-gradient(120deg, #ffffff, #eaf2ff);
  color:#0f1724 !important;
  border:1px solid rgba(120,146,190,0.65);
  box-shadow:0 6px 18px rgba(0,0,0,0.2);
}
body.resort-brochure #liteModeBtn,
body.resort-brochure #postSocials,
body.resort-brochure #askAriaProductsAgain,
body.resort-brochure #closeApp,
body.resort-brochure #closeHairScan,
body.resort-brochure #campaignBlogCta,
body.resort-brochure #closeReel,
body.resort-brochure #adult21Enable,
body.resort-brochure #adult21Disable,
body.resort-brochure #saveFamilyFantasyTheme,
body.resort-brochure #openSocialCircuitFeed,
body.resort-brochure #launchSensualAriaPost,
body.resort-brochure #startBingoFantasy{
  background:linear-gradient(120deg, #ffffff, #eef4ff);
  color:#111a29 !important;
  border-color:rgba(120,146,190,0.72);
}
.user-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(0,0,0,0.45);
  border:1px solid rgba(255,255,255,0.2);
  font-size:11px;
  color:#fff;
  max-width:220px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

body.family-mode{filter:saturate(0.92) brightness(1.03);}
body.family-mode .ad-banner{background:linear-gradient(120deg,rgba(124,243,209,0.2),rgba(104,166,255,0.2));}
body.family-mode .aria-sphere{box-shadow:0 0 12px rgba(124,243,209,0.35);}

.btn{background:white;color:#0b0c10;border:none;padding:10px 16px;border-radius:14px;font-weight:600;cursor:pointer;transition:transform .25s ease, box-shadow .25s ease;}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,0.3);}
.btn.ghost{background:rgba(255,255,255,0.1);color:var(--text);border:1px solid rgba(255,255,255,0.2);}
.btn.primary{background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#0b0c10;}
.btn.danger{background:linear-gradient(135deg,#8f1212,#cf2e2e);border:1px solid rgba(255,126,126,.75);color:#fff;box-shadow:0 10px 24px rgba(207,46,46,.35);}
.btn.danger:hover{border-color:rgba(255,180,180,.9);box-shadow:0 12px 30px rgba(207,46,46,.45);}
.sat-quick-btn{
  position:fixed;
  right:4px;
  bottom:38vh;
  z-index:560;
  border:1px solid rgba(255,120,120,.88);
  background:linear-gradient(135deg,#7b1212,#c72626);
  color:#fff;
  border-radius:999px;
  padding:3px 7px;
  font-size:9px;
  font-weight:800;
  letter-spacing:.04em;
  box-shadow:0 8px 18px rgba(199,38,38,.35);
}
@media (max-width:900px){
  .sat-quick-btn{
    right:2px;
    bottom:34vh;
    padding:3px 6px;
    font-size:8px;
  }
}
.sat-status.ok{color:#85f7cf;}
.sat-status.warn{color:#ffd381;}
.sat-status.alert{color:#ffadad;font-weight:700;text-shadow:0 0 16px rgba(255,82,82,.5);}
body.sar-red::before{content:"SAR RED · DETECTIVE + LEGAL MODE ACTIVE";position:fixed;top:0;left:0;right:0;z-index:700;background:linear-gradient(90deg,#4a0d0d,#9f1717,#4a0d0d);color:#fff5f5;text-align:center;padding:7px 10px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid rgba(255,150,150,.55);}

.ad-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-radius:18px;background:linear-gradient(120deg,rgba(124,243,209,0.35),rgba(104,166,255,0.35));border:1px solid rgba(255,255,255,0.3);box-shadow:0 20px 40px rgba(0,0,0,0.35);margin-bottom:22px;} 
.ad-banner .btn{background:linear-gradient(120deg,var(--accent),var(--accent-2));border:none;color:#0b0f14;font-weight:700;} 
.custom-iframe{width:100%;height:70vh;border:none;border-radius:16px;background:rgba(0,0,0,0.2);}
.ad-badge{background:#0b0c10;color:white;border-radius:999px;padding:4px 10px;font-size:10px;letter-spacing:0.2em;text-transform:uppercase;} 
.ad-copy{display:flex;flex-direction:column;gap:4px;} 
.ad-copy strong{font-size:16px;} 
.ad-copy span{font-size:12px;color:#0b0c10;} 

.emit-strip{padding:12px 14px;border-radius:14px;margin:0 0 14px;display:grid;gap:4px;}
.emit-title{font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted);}
.emit-sub{font-size:12px;color:#e9f5ff;}
.emit-findme{font-size:12px;color:rgba(124,243,209,0.95);font-weight:700;}

.trust-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px;}
.trust-card{padding:14px;border-radius:16px;}
.trust-kicker{font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);}
.trust-main{font-size:18px;font-weight:700;margin-top:6px;}
.trust-sub{font-size:12px;line-height:1.5;color:rgba(255,255,255,0.8);margin-top:6px;}

.center-stage{padding:22px;border-radius:24px;margin:0 auto 26px;max-width:860px;width:min(94vw,860px);min-height:560px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;}
.center-stage::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(8,12,18,.14),rgba(8,12,18,.32));
  opacity:1;
  z-index:0;
}
.center-icon{position:absolute;top:14px;left:14px;width:42px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,0.25);overflow:hidden;box-shadow:0 10px 20px rgba(0,0,0,0.35);}
.center-icon img{width:100%;height:100%;object-fit:cover;}

.center-hero{position:relative;padding:14px 16px;border-radius:16px;background:rgba(0,0,0,0.35);border:1px solid rgba(255,255,255,0.2);overflow:hidden;}
  .center-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:var(--hero-bg, url("/static/images/tropical-hero.jpg"));
    background-size:cover;
    background-position:center;
    opacity:0.55;
    z-index:0;
  }
.center-hero h2,
.center-hero p,
.center-tabs,
.conversation-panel,
.post-bottom,
.post-head{position:relative;z-index:1;}
.center-hero h2{margin:0 0 8px;font-size:clamp(22px,3vw,32px);}
.center-hero p{margin:0;line-height:1.5;font-size:clamp(13px,1.65vw,16px);max-width:64ch;overflow-wrap:anywhere;word-break:break-word;}
.center-checkout-menu{
  margin-top:14px;
  padding:12px;
  border-radius:16px;
  max-width:760px;
}
.center-checkout-title{
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  margin-bottom:10px;
  color:var(--muted);
}
.center-checkout-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.center-checkout-actions .btn{
  flex:1 1 140px;
  justify-content:center;
}
.center-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;} 
.center-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap;max-width:100%;}
.unlock-views-btn{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  min-width:240px;
  padding:14px 18px;
  border-radius:22px;
  border:1px solid rgba(96,184,255,.45);
  background:linear-gradient(135deg, rgba(74,180,255,.98), rgba(51,118,241,.96));
  color:#fff;
  box-shadow:0 12px 28px rgba(53,123,229,.28), inset 0 1px 0 rgba(255,255,255,.28);
  transform-origin:center;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
  max-width:100%;
}
.unlock-views-btn::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, transparent 12%, rgba(255,255,255,.34) 28%, transparent 44%);
  transform:translateX(-130%);
  animation:viewGlimmer 2.8s ease-in-out infinite;
}
.unlock-views-btn:hover{
  transform:translateY(-1px) scale(1.02);
  box-shadow:0 18px 34px rgba(53,123,229,.34), 0 0 0 1px rgba(181,228,255,.34);
  filter:saturate(1.06);
}
.unlock-views-btn:active{transform:scale(.97);}
.unlock-main-label{
  position:relative;
  z-index:1;
  font-size:14px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.unlock-main-sub{
  position:relative;
  z-index:1;
  font-size:11px;
  color:rgba(245,250,255,.9);
  letter-spacing:.04em;
}
@keyframes viewGlimmer{
  0%,100%{transform:translateX(-130%)}
  52%{transform:translateX(135%)}
}
.aria-badge{
  min-width:220px;
  padding:16px 18px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,0.28);
  background:
    linear-gradient(120deg, rgba(0,0,0,0.45), rgba(0,0,0,0.1)),
    url("/static/images/Have healthy hair.jpeg") center/cover no-repeat;
  box-shadow:0 16px 40px rgba(0,0,0,0.35);
}
.aria-title{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:0.12em;}
.aria-sub{font-size:11px;color:rgba(255,255,255,0.8);}

.aria-sphere{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,0.4);background:radial-gradient(circle at 30% 30%,var(--accent),rgba(104,166,255,0.2));box-shadow:0 0 18px rgba(124,243,209,0.6);cursor:pointer;transition:transform .4s ease;}
.aria-sphere.spin{transform:rotate(360deg) scale(1.05);}
.aria-wrap{display:flex;align-items:center;gap:14px;}
.aria-badge{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:12px;border:1px solid rgba(255,255,255,0.22);background:rgba(0,0,0,0.35);}
.aria-title{font-size:12px;letter-spacing:0.16em;text-transform:uppercase;}
.aria-sub{font-size:11px;color:var(--muted);}

.center-tabs-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;max-width:100%;}
.center-tabs{display:flex;gap:10px;flex-wrap:wrap;max-width:100%;}
.level-select{margin-left:auto;}
.tab-btn{padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,0.28);background:linear-gradient(120deg,var(--tab-a,rgba(255,255,255,0.14)),var(--tab-b,rgba(255,255,255,0.08)));color:#f2f7ff;font-weight:700;cursor:pointer;} 
.tab-btn.active{background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#0b0c10;border-color:transparent;} 
.tab-panel{display:none;max-height:100%;overflow:auto;overflow-x:hidden;padding-right:4px;}
.tab-panel.active{display:block;}

.ai-wrap{display:grid;gap:16px;}
.ai-hero{padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,0.18);background:linear-gradient(135deg,rgba(0,0,0,0.35),rgba(255,255,255,0.05));}
.ai-title{font-size:20px;font-weight:700;margin-bottom:6px;}
.ai-sub{color:var(--muted);font-size:13px;margin-bottom:12px;}
.ai-actions{display:flex;gap:10px;flex-wrap:wrap;}
.ai-reel{margin-top:12px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,0.16);background:rgba(255,255,255,0.04);}
.ai-reel-frame{min-height:320px;}
.ai-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;}
.ai-card{padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,0.14);background:rgba(255,255,255,0.06);display:grid;gap:10px;}
.ai-card-title{font-weight:700;}
.ai-card-sub{color:var(--muted);font-size:12px;}
.ai-links{display:flex;gap:8px;flex-wrap:wrap;}
.ai-strip{padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,0.16);background:linear-gradient(120deg,rgba(47,230,200,0.18),rgba(58,125,255,0.12));}
.ai-strip-title{font-weight:700;margin-bottom:6px;}
.ai-strip-body{color:var(--muted);font-size:12px;}
.seo-panel{padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,0.16);background:rgba(255,255,255,0.05);display:grid;gap:12px;}
.seo-title{font-weight:700;font-size:18px;}
.seo-sub{color:var(--muted);font-size:12px;}
.comms-panel{padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,0.16);background:rgba(255,255,255,0.05);display:grid;gap:12px;}
.comms-title{font-weight:700;font-size:18px;}
.comms-sub{color:var(--muted);font-size:12px;}
.comms-flow{padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,0.28);background:linear-gradient(130deg,rgba(102,171,255,0.2),rgba(124,243,209,0.14),rgba(255,216,140,0.12));display:grid;gap:8px;box-shadow:0 12px 30px rgba(0,0,0,0.25);}
.comms-flow-title{font-weight:700;letter-spacing:0.08em;text-transform:uppercase;font-size:11px;}
.comms-flow-sub{font-size:12px;color:rgba(255,255,255,0.85);line-height:1.5;}
.comms-finance{padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,0.2);background:rgba(0,0,0,0.32);display:grid;gap:8px;}
.comms-balance{padding:10px;border-radius:10px;border:1px solid rgba(124,243,209,0.38);background:rgba(124,243,209,0.08);font-size:13px;font-weight:700;}
.comms-actions{display:flex;gap:8px;flex-wrap:wrap;}
.comms-block{padding:12px;border-radius:12px;border:1px solid rgba(124,243,209,0.35);background:rgba(0,0,0,0.35);}
.comms-block p{margin:8px 0 0;line-height:1.5;}
.comms-list{display:grid;gap:8px;}
.comms-item{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,0.14);background:rgba(0,0,0,0.25);font-size:12px;line-height:1.5;}
.comms-launch{display:grid;gap:8px;}
.comms-launch input,
.comms-launch textarea{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,0.18);background:rgba(0,0,0,0.3);color:var(--text);}
.comms-launch textarea{min-height:86px;resize:vertical;}
.system-card{padding:16px;border-radius:16px;border:1px solid rgba(124,243,209,0.35);background:linear-gradient(145deg,rgba(7,13,20,0.78),rgba(8,22,26,0.64));display:grid;gap:12px;}
.system-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;}
.system-title{font-size:18px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;}
.system-sub{color:var(--muted);font-size:12px;}
.system-badge{font-size:11px;font-weight:700;padding:6px 10px;border-radius:999px;background:rgba(124,243,209,0.18);border:1px solid rgba(124,243,209,0.45);text-transform:uppercase;letter-spacing:0.08em;}
.system-badge{animation:badgePulse 2.4s ease-in-out infinite;}
.credit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;}
.credit-grid input{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,0.22);background:rgba(0,0,0,0.3);color:var(--text);}
.system-check{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;}
.system-actions{display:flex;gap:8px;flex-wrap:wrap;}
.system-log{min-height:84px;max-height:180px;overflow:auto;border:1px solid rgba(255,255,255,0.16);border-radius:12px;padding:10px;background:rgba(0,0,0,0.3);font-size:12px;line-height:1.5;}
@keyframes badgePulse{
  0%{box-shadow:0 0 0 rgba(124,243,209,0.15);}
  50%{box-shadow:0 0 24px rgba(124,243,209,0.38);}
  100%{box-shadow:0 0 0 rgba(124,243,209,0.15);}
}

.post-card{background:rgba(255,255,255,0.08);border-radius:20px;padding:18px;border:1px solid rgba(255,255,255,0.12);} 
.post-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap;} 
.post-user{font-size:13px;color:var(--muted);} 
.post-actions{display:flex;gap:8px;flex-wrap:wrap;} 
.chip{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:var(--text);padding:6px 10px;border-radius:999px;font-size:12px;cursor:pointer;} 
.post-input{position:relative;} 
.post-input textarea{width:100%;min-height:120px;border-radius:16px;border:1px solid rgba(255,255,255,0.2);background:rgba(0,0,0,0.35);color:var(--text);padding:12px;font-size:14px;} 
.smoke{position:absolute;left:18px;top:16px;color:rgba(255,255,255,0.4);pointer-events:none;animation:smoke 1s ease-in-out infinite;} 
@keyframes smoke{0%{opacity:0.8;transform:translateX(0)}100%{opacity:0;transform:translateX(120px)}} 
.scan-row{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0;} 
.scan-pill{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.16);padding:6px 10px;border-radius:999px;font-size:12px;color:var(--text);}
.scan-pill.bounce{animation:pillBounce .5s ease;}
@keyframes pillBounce{0%{transform:scale(1)}50%{transform:scale(1.08)}100%{transform:scale(1)}}
.post-bottom{display:flex;gap:10px;flex-wrap:wrap;} 

.gps-wrap{display:grid;gap:12px;} 
.map-box{height:220px;border-radius:16px;border:1px solid rgba(255,255,255,0.12);background:linear-gradient(135deg,rgba(124,243,209,0.2),rgba(104,166,255,0.1));display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);gap:10px;position:relative;overflow:hidden;} 
.map-line{width:70%;height:6px;border-radius:999px;background:rgba(255,255,255,0.2);} 
.map-line.short{width:40%;} 

.handsfree-wrap{display:grid;gap:14px;} 
.aria-large{height:140px;border-radius:18px;border:1px solid rgba(255,255,255,0.15);display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:700;background:radial-gradient(circle at 30% 30%,var(--accent),rgba(104,166,255,0.2));color:#0b0c10;} 
.aria-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;} 
.aria-tools select{padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,0.2);background:rgba(0,0,0,0.35);color:var(--text);} 

.theme-side{position:fixed;top:50%;transform:translateY(-50%);bottom:auto;width:90px;height:240px;border:none;background:linear-gradient(90deg,rgba(255,255,255,0.2),rgba(255,255,255,0));opacity:0.8;transition:opacity .2s ease, box-shadow .2s ease;cursor:pointer;z-index:120;border-radius:30px;display:block;}
.theme-side.left{left:0;} 
.theme-side.right{right:0;transform:translateY(-50%) scaleX(-1);} 
body:hover .theme-side{opacity:0.8;box-shadow:0 0 40px rgba(124,243,209,0.35);}
.theme-side:active{opacity:0.9;} 

#openReel{box-shadow:0 0 20px rgba(124,243,209,0.4);}
#openReel:hover{box-shadow:0 0 35px rgba(124,243,209,0.7);} 

.panel{padding:22px;border-radius:24px;margin-bottom:22px;} 
.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;} 
.engine-glow{font-size:12px;padding:6px 10px;border-radius:999px;background:rgba(124,243,209,0.15);border:1px solid rgba(124,243,209,0.35);color:var(--accent);} 
.apps-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin;} 
.apps-row::-webkit-scrollbar{height:6px;} 
.apps-row::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:999px;} 
.apps-row.library{margin-top:8px;} 
.apps-library{margin-top:14px;padding-top:10px;border-top:1px dashed rgba(255,255,255,0.08);} 
.apps-library-label{font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:rgba(255,255,255,0.6);margin-bottom:8px;} 
.app-card{padding:14px 16px;border-radius:16px;background:linear-gradient(120deg,var(--tab-a,rgba(255,255,255,0.14)),var(--tab-b,rgba(255,255,255,0.06)));border:1px solid rgba(255,255,255,0.16);font-size:13px;color:#edf3ff;cursor:grab;white-space:nowrap;flex:0 0 auto;min-width:180px;transition:transform .2s ease, box-shadow .2s ease;} 
.app-card.app-library{background:rgba(77,160,255,0.16);border-color:rgba(77,160,255,0.35);} 
.app-card.active{border-color:rgba(124,243,209,0.6);color:var(--text);} 
.app-card.drag-over{outline:2px solid rgba(132,234,255,0.55);box-shadow:0 0 0 4px rgba(0,0,0,0.3);} 
.app-card.dragging{opacity:0.5;transform:scale(0.98);} 
.app-card:active{cursor:grabbing;} 
.app-card:hover{transform:translateY(-3px);box-shadow:0 14px 26px rgba(0,0,0,0.45);} 
.menu-btn.glow{box-shadow:0 0 24px rgba(124,243,209,0.6),0 0 60px rgba(124,243,209,0.3);border-color:rgba(124,243,209,0.6);animation:glowPulse 2.6s ease-in-out infinite;}
@keyframes glowPulse{0%{box-shadow:0 0 16px rgba(124,243,209,0.35);}50%{box-shadow:0 0 34px rgba(124,243,209,0.75);}100%{box-shadow:0 0 16px rgba(124,243,209,0.35);}}
.login-gate{
  position:fixed;
  top:50%;
  right:18px;
  transform:translateY(-50%);
  display:none;
  align-items:center;
  justify-content:flex-end;
  z-index:430;
  background:transparent;
  pointer-events:none;
}
.login-card{
  width:min(292px, calc(100vw - 28px));
  min-height:0;
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:10px;
  border-radius:22px;
  box-shadow:0 20px 42px rgba(8,18,34,.22);
  pointer-events:auto;
}
.login-actions{display:grid;grid-template-columns:1fr;gap:10px;}
.login-route-pill{
  display:none;
  pointer-events:auto;
  border:1px solid rgba(184,201,226,.76);
  background:rgba(255,255,255,.92);
  color:#17324f;
  border-radius:999px;
  padding:10px 16px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 18px 44px rgba(8,18,34,.18);
}
.login-gate.collapsed .login-card{display:none;}
.login-gate.collapsed .login-route-pill{display:inline-flex;align-items:center;justify-content:center;}
body.login-active .login-gate{display:flex;}
.floating-handsfree-toggle{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:260;
  border:none;
  border-radius:999px;
  padding:12px 18px;
  background:linear-gradient(120deg,#17324f,#355f96);
  color:#fff;
  font-weight:800;
  letter-spacing:.04em;
  box-shadow:0 18px 42px rgba(8,18,34,.28);
  cursor:pointer;
}
@media (max-width:720px){
  .login-gate{
    top:auto;
    bottom:92px;
    right:12px;
    transform:none;
  }
  .login-card{
    width:min(340px, calc(100vw - 24px));
    min-height:0;
  }
}
body.login-active #app > *:not(#loginGate){filter:none;opacity:1;pointer-events:auto;}
.listening-overlay{position:absolute;inset:12px;display:none;align-items:flex-start;justify-content:flex-end;background:transparent;color:#fff;font-size:12px;letter-spacing:0.18em;text-transform:uppercase;z-index:120;pointer-events:none;border-radius:20px;}
body.listening .listening-overlay{display:flex;}
body.listening .center-blur{opacity:1;}
body .center-stage,
body #appsDock,
body .topbar,
body .ad-banner,
body .reel-panel{transition:filter .18s ease;}
body.listening .smoke,
body.listening .profile-preview::after,
body.listening .aria-sphere::after,
body.listening .bg-layers{animation-play-state:paused;}

.listen-card{display:flex;align-items:center;gap:14px;background:rgba(0,0,0,0.55);border:1px solid rgba(255,255,255,0.25);padding:22px 26px;border-radius:18px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 20px 50px rgba(0,0,0,0.5);}
.mini-aria{width:64px;height:64px;border-radius:50%;border:1px solid rgba(255,255,255,0.45);background:radial-gradient(circle at 30% 30%,var(--accent),rgba(104,166,255,0.2));box-shadow:0 0 24px rgba(124,243,209,0.7);animation:miniPulse 1.8s ease-in-out infinite;}
.listen-copy{display:flex;flex-direction:column;gap:6px;min-width:260px;}
.listen-text{font-size:12px;letter-spacing:0.3em;text-transform:uppercase;color:#e9f5ff;}
.listen-transcript{font-size:13px;color:rgba(255,255,255,0.85);line-height:1.5;max-width:360px;}
@keyframes miniPulse{0%{transform:scale(1);opacity:.85}50%{transform:scale(1.08);opacity:1}100%{transform:scale(1);opacity:.85}}
.profile-scan{margin-left:auto;display:flex;flex-direction:column;gap:10px;align-items:flex-end;}
.profile-preview{width:120px;height:120px;border-radius:18px;position:relative;overflow:hidden;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;color:var(--muted);}
.profile-preview::after{content:"";position:absolute;left:-20%;right:-20%;height:2px;top:10%;background:linear-gradient(90deg,transparent,rgba(124,243,209,0.9),transparent);animation:scanLine 2.6s linear infinite;}
@keyframes scanLine{0%{top:-10%;}100%{top:110%;}}
.social-indicator{font-size:11px;color:var(--muted);padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,0.12);background:rgba(0,0,0,0.25);}
.settings-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:6px;margin-bottom:6px;color:var(--muted);font-size:12px;}
.settings-checks input{margin-right:6px;}
.aria-sphere{position:relative;}
.aria-sphere::after{content:"";position:absolute;inset:-8px;border-radius:999px;background:radial-gradient(circle, rgba(0,226,255,0.35), rgba(124,124,255,0.05) 60%);filter:blur(2px);animation:ariaPulse 2.4s ease-in-out infinite;}
@keyframes ariaPulse{0%{opacity:.4;transform:scale(.92);}50%{opacity:.9;transform:scale(1.08);}100%{opacity:.4;transform:scale(.92);}}
.aria-pulse{position:relative;box-shadow:0 0 20px rgba(0,226,255,0.4),0 0 40px rgba(124,124,255,0.2);animation:ariaPulse 2.4s ease-in-out infinite;}
.week-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;}
.week{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:12px;padding:10px;cursor:pointer;transition:border-color .2s ease, box-shadow .2s ease;}
.week.active{border-color:rgba(124,243,209,0.7);box-shadow:0 0 0 1px rgba(124,243,209,0.6), 0 10px 24px rgba(0,0,0,0.25);}
.week .day-title{font-weight:700;margin-bottom:6px;}
.week .day-line{font-size:12px;color:var(--muted);}
.level-card.locked{opacity:0.5;filter:grayscale(0.4);}
.lock-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,0.2);font-size:10px;color:var(--muted);}

.score-card{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.score-ring{width:170px;height:170px;position:relative;}
.score-ring svg{width:100%;height:100%;transform:rotate(-90deg);}
.score-ring .score-value{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:28px;font-weight:700;}
.score-ring .score-value span{font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted);}
.score-legend{flex:1;min-width:220px;}
.score-legend .tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.2);font-size:11px;margin-bottom:10px;}
.score-bars{display:grid;gap:8px;}
.score-bar{height:8px;border-radius:999px;background:rgba(255,255,255,0.1);overflow:hidden;}
.score-bar span{display:block;height:100%;background:linear-gradient(90deg,#00e2ff,#7c7cff,#ffb657);width:0%;transition:width .8s ease;}
.hero-icon{width:48px;height:48px;border-radius:14px;object-fit:cover;border:1px solid rgba(255,255,255,0.4);box-shadow:0 10px 30px rgba(0,0,0,0.35);margin-bottom:8px;}
.reel-panel{
  position:static;
  left:auto;
  top:auto;
  width:min(94vw,760px);
  max-width:760px;
  max-height:none;
  margin:0 auto 18px;
  z-index:10;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:16px;
  transition:transform .25s ease,opacity .25s ease;
}
.reel-panel.hidden{transform:translateY(-8px);opacity:0.7;pointer-events:auto;}
.reel-tab{display:none;}
.reel-embed{height:32vh;min-height:220px;}
.center-stage{
  margin:0 auto 26px !important;
  width:min(94vw,760px);
  max-width:760px;
}
@media (max-width:1100px){.reel-panel{width:min(95vw,760px);}.center-stage{margin:0 auto 26px !important;}}
.dock-controls select{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,0.2);background:rgba(0,0,0,0.35);color:var(--text);} 

.gift-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:12px;} 
.gift-card{padding:14px;border-radius:16px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);display:grid;gap:6px;} 
.gift-name{font-weight:600;} 
.gift-price{color:var(--muted);font-size:12px;} 
.digital-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;}
.digital-product-card{border-radius:16px;overflow:hidden;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.16);display:flex;flex-direction:column;}
.digital-product-card img{width:100%;height:150px;object-fit:cover;display:block;}
.digital-product-body{padding:12px;display:grid;gap:8px;}
.digital-product-title{font-weight:700;}
.digital-product-desc{font-size:12px;color:var(--muted);line-height:1.5;}
.digital-product-actions{display:flex;gap:8px;flex-wrap:wrap;}
.product-preview-pop{position:fixed;inset:0;z-index:320;background:rgba(0,0,0,0.58);display:flex;align-items:center;justify-content:center;padding:20px;}
.product-preview-card{width:min(560px,94vw);padding:16px;border-radius:16px;display:grid;gap:10px;}
.product-preview-card img{width:100%;max-height:250px;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,0.16);}
.launch-splash{position:fixed;inset:0;z-index:450;display:none;background:#000;overflow:hidden;}
.launch-splash.show{display:block;animation:launchFade 1.6s ease forwards;}
.launch-splash img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.02);}
.launch-splash-copy{
  position:absolute;
  inset:auto 5vw 8vh 5vw;
  z-index:2;
  display:grid;
  gap:10px;
  max-width:min(760px,92vw);
  padding:22px 24px;
  border-radius:28px;
  background:linear-gradient(180deg,rgba(10,18,32,.56),rgba(10,18,32,.22));
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 24px 60px rgba(0,0,0,.34);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.launch-splash-kicker,.launch-splash-title,.launch-splash-sub{position:relative;z-index:1;}
.launch-splash-kicker{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#d7e8ff;}
.launch-splash-title{font-size:clamp(28px,4.8vw,56px);line-height:1.02;font-weight:700;color:#ffffff;}
.launch-splash-sub{font-size:14px;color:rgba(235,244,255,.9);max-width:54ch;}
.launch-stairs{
  position:absolute;
  right:18px;
  bottom:18px;
  display:flex;
  align-items:flex-end;
  gap:8px;
  height:140px;
}
.launch-stairs span{
  display:block;
  width:42px;
  border-radius:16px 16px 6px 6px;
  background:linear-gradient(180deg,rgba(250,245,233,.92),rgba(192,179,151,.6));
  box-shadow:0 8px 18px rgba(0,0,0,.18);
}
.launch-stairs span:nth-child(1){height:28px}
.launch-stairs span:nth-child(2){height:46px}
.launch-stairs span:nth-child(3){height:64px}
.launch-stairs span:nth-child(4){height:82px}
.launch-stairs span:nth-child(5){height:104px}
.launch-stairs span:nth-child(6){height:126px}
@keyframes launchFade{
  0%{opacity:0;}
  12%{opacity:1;}
  76%{opacity:1;}
  100%{opacity:0;visibility:hidden;}
}
.launch-menu{
  position:fixed;inset:0;z-index:410;
  background:linear-gradient(180deg, rgba(243,247,252,.88), rgba(236,242,248,.8));
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  display:flex;flex-direction:column;justify-content:space-between;
  padding:18px;
}
.launch-menu.hide{display:none;}
.launch-menu.open{background:linear-gradient(180deg, rgba(243,247,252,.94), rgba(236,242,248,.84));}
body.launch-active #app{display:none;}
body.launch-active.launch-preview-active #app{display:block;}
.launch-topbar{display:flex;justify-content:space-between;align-items:center;}
.launch-lang{padding:10px 14px;border-radius:12px;border:1px solid rgba(152,166,184,0.34);background:rgba(255,255,255,.82);color:#17324f;}
.launch-watermark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:.18;}
.launch-watermark img{width:min(84vw,980px);border-radius:36px;filter:saturate(1.02) contrast(1.01) brightness(1.04);}
.launch-center{position:relative;display:grid;place-items:center;gap:16px;padding-top:32px;}
#launchTitle{font-size:48px;letter-spacing:.03em;color:#12233c;text-shadow:none;font-weight:700;}
.launch-main-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;}
.launch-main-btn{padding:15px 30px;border-radius:999px;border:1px solid rgba(171,188,208,.72);background:#fff;color:#1f3d63;font-weight:700;font-size:18px;cursor:pointer;box-shadow:0 10px 24px rgba(15,25,40,.08);}
.launch-main-btn.blink{box-shadow:0 0 0 6px rgba(66,133,244,.08),0 0 18px rgba(66,133,244,.16);}
.launch-panel,.launch-payment-panel{display:none;width:min(760px,94vw);padding:22px;border-radius:28px;border:1px solid rgba(199,210,224,.9);background:rgba(255,255,255,.9);box-shadow:0 24px 60px rgba(20,30,45,.12);}
.launch-panel.show,.launch-payment-panel.show{display:block;}
.launch-panel-title{font-weight:700;font-size:22px;margin-bottom:10px;color:#123050;}
.launch-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;}
.launch-panel-body{display:grid;gap:12px;margin-top:12px;}
.launch-panel-toggle{min-width:88px;}
.launch-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.launch-account-panel{margin-top:10px;padding:12px;border-radius:12px;border:1px solid rgba(199,210,224,.85);background:rgba(246,249,252,.9);display:none;grid-template-columns:1fr;gap:8px;}
.launch-account-panel.show{display:grid;}
.launch-account-actions{display:flex;gap:8px;flex-wrap:wrap;}
.launch-menu .btn{background:#1a73e8;border-color:#1a73e8;color:#fff;box-shadow:0 8px 18px rgba(26,115,232,.18);}
.launch-menu .btn.ghost{background:#fff;color:#1a4b82;border-color:rgba(182,196,216,.92);box-shadow:0 8px 18px rgba(77,104,150,.08);}
.launch-menu .input{background:#fff;border-color:rgba(188,200,215,.86);color:#17324f;}
.ready-glow{box-shadow:0 0 18px rgba(124,243,209,0.9),0 0 40px rgba(104,166,255,0.45);animation:readyGlowPulse 1.8s ease-in-out infinite;}
@keyframes readyGlowPulse{0%{transform:translateY(0)}50%{transform:translateY(-1px)}100%{transform:translateY(0)}}
.launch-default{margin-top:10px;width:100%;}
.launch-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.launch-sponsors{font-size:12px;color:#244464;background:rgba(255,255,255,.76);border:1px solid rgba(204,214,227,.92);padding:8px 10px;border-radius:12px;}
.launch-checkin-card{
  width:min(280px, calc(100vw - 28px));
  max-width:280px;
  position:fixed;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  z-index:460;
  padding:14px;
  border-radius:22px;
}
.launch-checkin-card{
  display:none !important;
}
#launchMenu.hide,
#launchPanel.hide{
  display:none !important;
}
.launch-checkin-card.collapsed{
  width:min(220px, calc(100vw - 28px));
}
.launch-checkin-card.collapsed .launch-panel-body{
  display:none;
}
.launch-checkin-card.collapsed .launch-panel-head{
  align-items:center;
}
.launch-checkin-grid{display:grid;grid-template-columns:1fr;gap:10px;margin:10px 0;}
.launch-checkin-actions{margin-top:8px;}
.launch-checkin-option{display:flex;align-items:center;gap:10px;color:#284667;font-size:13px;margin-bottom:8px;}
.launch-checkin-footer{margin-top:8px;padding-top:8px;border-top:1px solid rgba(204,214,227,.9);color:#47617e;font-size:12px;}
.launch-provider-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:12px;}
.launch-provider-btn{min-width:120px;}
.launch-value-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:12px;}
.launch-value-pill{padding:8px 12px;border-radius:999px;background:rgba(33,72,118,.08);border:1px solid rgba(171,188,208,.62);font-size:12px;color:#365679;font-weight:700;}
.launch-resort-note{display:none;}
.track-viewer{
  position:fixed;right:18px;bottom:18px;z-index:430;width:min(320px, calc(100vw - 28px));
  padding:14px;border-radius:18px;border:1px solid rgba(194,206,222,.86);background:rgba(255,255,255,.88);
  box-shadow:0 18px 42px rgba(16,35,63,.16);
}
.track-viewer-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;font-size:13px;color:#294664;}
.track-viewer-body{display:flex;gap:10px;margin:10px 0;}
.track-viewer-title{font-size:12px;color:#59738f;}
.launch-footer-links{position:fixed;left:50%;transform:translateX(-50%);bottom:4px;z-index:420;display:flex;gap:12px;flex-wrap:wrap;justify-content:center;align-items:center;font-size:11px;max-width:min(1080px,calc(100vw - 20px));padding:10px 14px;border-radius:18px;background:rgba(7,16,31,.74);backdrop-filter:blur(16px);}
.launch-footer-links a{color:#dfe8f7;text-decoration:none;opacity:.9;}
.launch-footer-links a:hover{text-decoration:underline;}
.launch-footer-contact{color:rgba(232,241,255,.88);font-size:11px;}
.engine-weekday-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px;margin-top:16px;}
.engine-weekday-card{display:grid;gap:14px;}
.engine-weekday-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;}
.engine-weekday-btn{min-height:56px;border-radius:16px;border:1px solid rgba(176,194,214,.72);background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(236,245,255,.84));color:#25405d;font-weight:700;cursor:pointer;}
.engine-weekday-btn.active{border-color:rgba(90,160,255,.78);box-shadow:0 10px 24px rgba(36,89,168,.16);transform:translateY(-1px);}
.engine-weekday-copy strong{display:block;font-size:20px;color:#193554;margin-bottom:8px;}
.engine-weekday-copy p{margin:0 0 10px;color:#355473;line-height:1.6;}
.engine-weekday-tags{display:flex;flex-wrap:wrap;gap:8px;}
.engine-weekday-tags span{padding:7px 12px;border-radius:999px;background:rgba(231,241,252,.95);border:1px solid rgba(183,203,228,.88);color:#32516f;font-size:12px;letter-spacing:.04em;}
.market-pulse-feed{min-height:180px;}
@media (max-width:700px){
  .launch-actions,.launch-offers,.launch-checkin-grid{grid-template-columns:1fr;}
  #launchTitle{font-size:34px;}
  .launch-checkin-card{
    top:auto;
    right:14px;
    bottom:74px;
    transform:none;
    width:min(320px, calc(100vw - 24px));
  }
  .engine-weekday-grid{grid-template-columns:1fr;}
  .engine-weekday-strip{grid-template-columns:1fr 1fr;}
  .acquisition-window-grid{grid-template-columns:1fr;}
}
.offroad-panel{margin-top:10px;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,0.18);background:rgba(0,0,0,0.28);}
.virtual-warzone{
  margin-top:14px;
  padding:14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,0.14);
  background:
    radial-gradient(circle at top right, rgba(124,243,209,0.14), transparent 28%),
    radial-gradient(circle at bottom left, rgba(104,166,255,0.12), transparent 32%),
    rgba(0,0,0,0.22);
}
.virtual-warzone-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:10px;
  margin:10px 0 12px;
}
.virtual-warzone-grid label{
  display:grid;
  gap:6px;
  font-size:12px;
  color:var(--muted);
}
.virtual-warzone-grid select{
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,0.18);
  background:rgba(0,0,0,0.28);
  color:var(--text);
}
.live-arena-overlay{
  margin-top:14px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,0.14);
  background:rgba(4,9,18,0.42);
  padding:14px;
  position:relative;
  overflow:hidden;
}
.live-arena-overlay::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(115deg, transparent 0%, rgba(124,243,209,.06) 32%, transparent 50%, rgba(255,226,122,.06) 68%, transparent 100%);
  opacity:.8;
  pointer-events:none;
}
.live-arena-loader{
  display:grid;
  gap:12px;
  padding:18px;
  border-radius:18px;
  background:linear-gradient(145deg,rgba(5,13,24,.92),rgba(13,29,48,.86));
  border:1px solid rgba(124,243,209,.22);
}
.live-loader-title{font-size:20px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
.live-loader-bar{height:14px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;}
.live-loader-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#7cf3d1,#68a6ff,#ffe27a);transition:width .35s ease;}
.live-console-active .live-arena-overlay{
  position:relative;
  left:auto;
  top:auto;
  transform:none;
  width:min(1320px, calc(100vw - 48px));
  margin:4px auto 20px;
  max-height:none;
  overflow:visible;
  z-index:720;
}
.live-console-active #centerStage{
  width:min(1360px, calc(100vw - 48px)) !important;
  max-width:none !important;
  margin:-6px auto 0 !important;
  overflow:visible;
}
.live-arena-shell{display:grid;gap:12px;}
.live-console-layout{
  display:grid;
  grid-template-columns:minmax(250px, 300px) minmax(0, 1fr);
  gap:18px;
  align-items:start;
}
.live-top-tabs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:center;
  padding:12px;
  border-radius:18px;
}
.live-console-reel{
  position:sticky;
  top:8px;
  align-self:start;
}
.live-console-active #reelPanel{
  display:none !important;
}
.live-arena-shell.live-energized .glass,
.live-arena-shell.live-energized .live-main-stream,
.live-arena-shell.live-energized .live-content-wizard{
  animation:livePanelPulse 5.2s ease-in-out infinite;
}
.live-arena-head,.live-middle-head,.live-arena-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;}
.live-arena-brand{display:flex;gap:12px;align-items:center;}
.live-mission-quote{
  padding:12px 16px;
  margin-bottom:6px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(8,16,26,.48);
  text-align:center;
  font-size:13px;
  line-height:1.6;
  letter-spacing:.03em;
}
.live-badge,.live-center-logo{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:74px;height:38px;border-radius:999px;
  background:linear-gradient(120deg,#ffe27a,#7cf3d1,#68a6ff);
  color:#081018;font-weight:900;letter-spacing:.18em;text-transform:uppercase;
  box-shadow:0 0 18px rgba(124,243,209,.3);
}
.live-center-logo{
  min-width:110px;
  font-style:italic;
  font-size:22px;
  background:linear-gradient(120deg,rgba(255,255,255,.92),rgba(124,243,209,.9),rgba(104,166,255,.86));
}
.live-arena-actions{display:flex;gap:8px;flex-wrap:wrap;}
.live-camera-card{position:relative;flex:1;min-width:320px;padding:16px;border-radius:18px;overflow:hidden;}
.live-compose-box{
  margin-bottom:12px;
  padding:12px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.04);
}
.live-compose-box textarea{
  width:100%;
  min-height:72px;
  margin-top:8px;
  padding:12px;
  border:none;
  outline:none;
  resize:vertical;
  border-radius:14px;
  background:rgba(9,17,30,.68);
  color:#fff;
}
.live-compose-actions{
  margin-top:10px;
  display:flex;
  justify-content:flex-end;
}
.live-camera-window{
  min-height:240px;border-radius:18px;margin-top:12px;padding:16px;
  display:flex;align-items:flex-end;
  background:
    linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.5)),
    radial-gradient(circle at top right, rgba(255,255,255,.12), transparent 28%),
    rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);
}
.live-arena-shell.live-energized .live-camera-window{
  animation:liveCameraBreath 4.8s ease-in-out infinite;
}
.live-camera-flash{
  position:absolute;inset:-20%;
  background:radial-gradient(circle, rgba(255,255,255,.18), transparent 34%);
  opacity:.18;pointer-events:none;
}
.live-camera-flash.active{animation:liveFlash .55s ease;}
@keyframes liveFlash{
  0%{opacity:.1;transform:scale(.94)}
  35%{opacity:.85;transform:scale(1.03)}
  100%{opacity:.12;transform:scale(1)}
}
.live-right-stack{flex:1;min-width:320px;display:grid;gap:12px;}
.live-settings-card,.live-bot-card,.live-middle-card{padding:14px;border-radius:18px;}
.live-middle-card{
  display:grid;
  gap:14px;
  min-height:560px;
}
.live-panel-top{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);
  gap:14px;
  align-items:start;
}
.live-panel-controls,
.live-panel-bots{
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.04);
}
.live-panel-kicker{
  font-size:10px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--muted);
  margin-bottom:8px;
}
.live-panel-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.live-session-strip{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:10px;
}
.live-session-chip{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:#eaf3ff;
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.live-view-mode-form{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.04);
}
.live-view-mode-copy{
  display:grid;
  gap:4px;
  color:#dce9fb;
  font-size:12px;
}
.live-view-mode-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.live-panel-note{
  grid-column:1 / -1;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  color:var(--muted);
  font-size:12px;
}
.live-panel-inline{
  margin-top:10px;
  display:flex;
  gap:10px;
  align-items:flex-end;
  justify-content:space-between;
  flex-wrap:wrap;
}
.live-panel-bots{
  display:grid;
  gap:10px;
  justify-items:end;
  text-align:right;
}
.live-orb-row{
  display:flex;
  gap:12px;
  justify-content:flex-end;
}
.live-orb-btn{
  border:none;
  background:transparent;
  color:var(--text);
  display:grid;
  gap:6px;
  justify-items:center;
  cursor:pointer;
}
.live-orb{
  width:44px;
  height:44px;
  border-radius:50%;
  box-shadow:0 0 18px rgba(124,243,209,.36);
  animation:liveOrbPulse 2.2s ease-in-out infinite;
}
.live-orb-aria{background:radial-gradient(circle at 30% 30%, #bffff0, #6fdcff 58%, #4d71ff);}
.live-orb-jake{background:radial-gradient(circle at 30% 30%, #ffe8aa, #79f3d1 52%, #2c88ff);}
.live-orb-label{
  font-size:12px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.live-panel-center{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
  gap:14px;
  align-items:stretch;
}
.live-content-wizard[hidden]{display:none !important;}
.live-feed-panel-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  margin-bottom:10px;
}
.live-feed-settings-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:10px;
}
.feed-check-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
  color:#dce9fb;
}
.feed-check-grid label{
  display:flex;
  gap:8px;
  align-items:center;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
}
.live-feed-link-summary{
  margin-top:12px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(8,16,26,.46);
  color:#eef4ff;
  line-height:1.55;
  font-size:.95rem;
}
.live-feed-actions{
  display:flex;
  justify-content:flex-end;
  margin-top:14px;
}
.live-content-grid,.live-bottom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.live-bottom-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.live-main-stream,.live-content-wizard{
  padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);
}
.live-center-banner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:12px;
}
.live-center-brandstack{
  display:grid;
  gap:4px;
  justify-items:center;
  text-align:center;
  flex:1;
}
.live-center-view-meta{
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(255,255,255,.7);
}
.live-view-arrow{
  width:38px;
  height:38px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:24px;
  line-height:1;
  cursor:pointer;
}
.live-view-arrow:hover{
  background:rgba(124,243,209,.16);
}
.live-feed-identity{
  margin-bottom:10px;
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(234,243,255,.76);
}
.live-presence-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:12px;
}
.live-session-care{
  margin-bottom:12px;
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.1);
  background:linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,226,122,.05));
  display:grid;
  gap:10px;
}
.live-session-care-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
}
.live-session-contact{
  font-size:13px;
  color:#eef6ff;
  letter-spacing:.02em;
}
.live-theme-quick-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.live-presence-chip{
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:#dce9fb;
  font-size:12px;
}
.live-assistant-prompt{
  margin-bottom:12px;
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.1);
  background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(95,159,255,.06));
}
.live-assistant-title{
  font-weight:800;
  font-size:18px;
  color:#fff;
  margin-bottom:4px;
}
.live-center-actions,
.live-center-subactions{
  display:flex;
  gap:8px;
  justify-content:center;
  flex-wrap:wrap;
  margin-top:10px;
}
.live-panel-bottom{
  margin-top:auto;
}
.live-panel-quick{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.quick-open-btn{
  margin-top:12px;
}
.gift-amount-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.settings-account-summary{
  grid-column:1 / -1;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(9,16,28,.5);
  color:#eef4ff;
  line-height:1.5;
}
.viewer-mode .live-center-actions .btn,
.viewer-mode .live-center-subactions .btn,
.viewer-mode .live-panel-controls .btn,
.viewer-mode .live-panel-controls select,
.viewer-mode .live-panel-bots .btn,
.viewer-mode .live-view-arrow{
  opacity:.58;
  pointer-events:none;
  filter:grayscale(.15);
}
.viewer-mode .live-viewer-pay .btn{
  opacity:1;
  pointer-events:auto;
  filter:none;
}
.live-heart-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:120px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.08);
  color:#fff;
  font-weight:700;
}
.viewer-mode #liveOwnerModeBtn,
.viewer-mode #liveArenaPostBtn,
.viewer-mode #liveArenaBreakBtn,
.viewer-mode #liveArenaFloodBtn,
.viewer-mode #liveArenaCameraAccessBtn,
.viewer-mode #unlockViewsBtnLive,
.viewer-mode #liveArenaCheckBtn,
.viewer-mode #liveArenaRefBtn,
.viewer-mode #sponsorTagOpenBtn{
  opacity:.58;
  pointer-events:none;
  filter:grayscale(.15);
}
.viewer-mode #liveArenaViewerStatus{
  color:#ffe27a;
}
.quick-block{
  padding:12px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.04);
  min-height:110px;
}
.quick-title{
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  margin-bottom:8px;
  color:rgba(255,255,255,.78);
}
.live-aria-history{
  margin-top:12px;
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.04);
}
.live-stream-title{font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;}
.live-stream-body{
  min-height:150px;border-radius:16px;padding:14px;border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(145deg,rgba(4,9,18,.88),rgba(12,26,44,.82));
  line-height:1.6;
}
.live-memory-billboard{
  margin-top:10px;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.1);
  background:linear-gradient(125deg,rgba(255,255,255,.08),rgba(71,126,214,.1));
  color:#e8f3ff;
  font-size:12px;
  letter-spacing:.03em;
  min-height:48px;
}
.live-reward-card{
  margin-top:10px;
  border-radius:18px;
  overflow:hidden;
  position:relative;
  min-height:150px;
  border:1px solid rgba(255,255,255,.18);
  background:
    linear-gradient(120deg,rgba(12,20,34,.25),rgba(12,20,34,.05)),
    url('/static/images/Hija de Felix.jpeg') center/cover no-repeat;
  box-shadow:0 14px 26px rgba(0,0,0,.22);
}
.live-reward-card[hidden]{display:none !important;}
.live-reward-copy{
  position:absolute;
  inset:auto 16px 16px 16px;
  padding:14px 16px;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(9,15,28,.68),rgba(9,15,28,.38));
  color:#fff;
}
.live-reward-kicker{font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:#d7efff;}
.live-reward-title{font-size:20px;font-weight:700;margin-top:4px;}
.live-reward-sub{font-size:12px;line-height:1.5;color:rgba(239,247,255,.92);margin-top:4px;}
.live-content-list{display:grid;gap:8px;margin:10px 0;}
.live-content-step{
  padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:12px;
}
.live-content-step.active{border-color:rgba(124,243,209,.45);box-shadow:0 0 0 1px rgba(124,243,209,.22);}
.live-arena-shell.live-energized .live-content-step{
  animation:liveStepShift 4.2s ease-in-out infinite;
}
.live-arena-shell.live-energized .live-content-step:nth-child(2){animation-delay:.35s;}
.live-arena-shell.live-energized .live-content-step:nth-child(3){animation-delay:.7s;}
.live-arena-shell.live-energized .live-content-step:nth-child(4){animation-delay:1.05s;}
.live-arena-shell.live-energized .live-content-step:nth-child(5){animation-delay:1.4s;}
.live-arena-shell.live-energized .live-content-step:nth-child(6){animation-delay:1.75s;}
.live-arena-shell.live-energized .live-content-step:nth-child(7){animation-delay:2.1s;}
.live-next-btn{position:relative;transition:transform .18s ease;}
.focus-follow{
  transform:translateY(-4px) scale(1.01);
  box-shadow:0 16px 36px rgba(0,0,0,.22);
  transition:transform .2s ease, box-shadow .2s ease;
}
.live-jello{animation:liveJello .7s ease;}
.dashboard-sweep-active #centerStage{
  animation:dashboardSweep 1.15s cubic-bezier(.2,.7,.2,1);
}
.dashboard-sweep-active .unlock-views-btn{
  animation:dashboardBadgeBounce .85s ease;
}
@keyframes liveJello{
  0%{transform:translateX(0)}
  15%{transform:translateX(-10px) skewX(4deg)}
  35%{transform:translateX(10px) skewX(-4deg)}
  55%{transform:translateX(-6px)}
  75%{transform:translateX(6px)}
  100%{transform:translateX(0)}
}
@keyframes livePanelPulse{
  0%,100%{transform:translateY(0);box-shadow:0 12px 28px rgba(0,0,0,.18);}
  50%{transform:translateY(-3px);box-shadow:0 18px 36px rgba(104,166,255,.18);}
}
@keyframes liveCameraBreath{
  0%,100%{filter:saturate(1) brightness(1);}
  50%{filter:saturate(1.16) brightness(1.08);}
}
@keyframes liveStepShift{
  0%,100%{transform:translateX(0);opacity:.92;}
  50%{transform:translateX(3px);opacity:1;}
}
@keyframes dashboardSweep{
  0%{transform:translateX(-22px) scale(.985) skewX(2deg);filter:brightness(1);}
  35%{transform:translateX(18px) scale(1.01) skewX(-2deg);filter:brightness(1.08);}
  68%{transform:translateX(-8px) scale(1.004);}
  100%{transform:translateX(0) scale(1) skewX(0);}
}
@keyframes dashboardBadgeBounce{
  0%{transform:scale(.96);}
  40%{transform:scale(1.05);}
  100%{transform:scale(1);}
}
.live-tag-modal{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(2,6,12,.72);
  backdrop-filter:blur(12px);
  z-index:6;
}
.live-tag-modal[hidden]{
  display:none !important;
}
.live-tag-card{
  width:min(440px,92vw);
  padding:24px;
  border-radius:24px;
  border:1px solid rgba(124,243,209,.24);
  background:
    linear-gradient(145deg,rgba(7,15,28,.96),rgba(14,30,48,.92)),
    radial-gradient(circle at top right, rgba(255,255,255,.08), transparent 34%);
  box-shadow:0 24px 54px rgba(0,0,0,.36);
  display:grid;
  gap:12px;
}
.live-tag-kicker{
  font-size:11px;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:rgba(255,255,255,.62);
}
.live-tag-label,.live-tag-examples{
  font-size:12px;
  color:var(--muted);
}
.live-tag-row{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
}
.live-tag-prefix{
  font-weight:900;
  font-size:18px;
  color:#7cf3d1;
  letter-spacing:.05em;
}
.live-tag-input{
  flex:1;
  min-width:0;
  border:none;
  outline:none;
  background:transparent;
  color:var(--text);
  font-size:16px;
}
.live-tag-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;}
@keyframes liveOrbPulse{
  0%,100%{transform:scale(1);box-shadow:0 0 18px rgba(124,243,209,.36);}
  50%{transform:scale(1.06);box-shadow:0 0 24px rgba(104,166,255,.42);}
}
@media (max-width:980px){
  .live-console-layout{grid-template-columns:1fr;}
  .live-console-reel{position:static;}
  .live-top-tabs{justify-content:flex-start;}
  .live-panel-top,
  .live-panel-center,
  .live-panel-grid,
  .live-panel-quick,
  .live-content-grid,.live-bottom-grid{grid-template-columns:1fr;}
  .live-panel-bots{justify-items:start;text-align:left;}
  .live-orb-row{justify-content:flex-start;}
  .live-view-mode-form{flex-direction:column;align-items:flex-start;}
}
.offroad-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;}
.offroad-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-bottom:8px;}
.caution-aria-badge{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  background:#ffe100;color:#101010;font-weight:800;padding:4px 10px;border-radius:999px;
  border:2px solid #000;
}

.log-stream{font-family:monospace;font-size:12px;line-height:1.6;max-height:300px;overflow:auto;background:rgba(0,0,0,0.4);padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,0.08);} 

.modal{position:fixed;inset:0;background:rgba(5,10,18,0.76);display:none;align-items:center;justify-content:center;z-index:14000;padding:20px;} 
.modal-card{width:min(820px,92%);padding:22px;border-radius:22px;max-height:min(90vh,980px);overflow:auto;} 
.modal-head{display:flex;justify-content:space-between;align-items:center;gap:10px;} 
.modal-actions{display:flex;gap:8px;} 
.modal-card-blog{width:min(1180px,96vw);min-height:min(82vh,980px);padding:28px 28px 32px;border-radius:28px;display:grid;gap:18px;align-content:start;}
.modal-card-acquisition{width:min(920px,94vw);display:grid;gap:18px;align-content:start;}
.blog-body{font-size:18px;line-height:1.75;color:#123050;white-space:normal;display:grid;gap:18px;max-height:none;overflow:visible;}
.blog-close-x{min-width:50px;padding:10px 14px;font-weight:900;font-size:18px;letter-spacing:.06em;}
.acquisition-window-grid{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:16px;
}
.acquisition-window-hero,
.acquisition-window-ad{
  padding:18px;
  border-radius:20px;
  border:1px solid rgba(173,198,230,.36);
  background:rgba(255,255,255,.62);
  display:grid;
  gap:10px;
  color:#244567;
}
.acquisition-window-hero h3,
.acquisition-window-ad strong{
  margin:0;
  color:#173a6a;
  font-size:24px;
}
.acquisition-window-pills{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.acquisition-window-pills span{
  padding:8px 12px;
  border-radius:999px;
  background:rgba(231,241,252,.95);
  border:1px solid rgba(183,203,228,.88);
  color:#32516f;
  font-size:12px;
  letter-spacing:.04em;
}
.acquisition-window-actions{flex-wrap:wrap;}
.remote-blog-policy{
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(124,243,209,0.35);
  background:rgba(124,243,209,0.08);
  font-size:13px;
}
.remote-blog-article{
  display:grid;
  gap:16px;
}
.remote-blog-lead,
.remote-blog-section{
  padding:18px;
  border-radius:18px;
  background:rgba(255,255,255,.56);
  border:1px solid rgba(176,196,220,.42);
}
.remote-blog-article h3,
.remote-blog-article h4{
  margin:0 0 8px;
  color:#163962;
}
.remote-blog-article p{
  margin:0 0 10px;
}

.payment-chooser{display:grid;gap:12px;} 
.payment-chooser select{padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,0.2);background:rgba(0,0,0,0.35);color:var(--text);} 

.toast{position:fixed;bottom:110px;right:20px;background:rgba(15,15,20,0.9);color:white;padding:10px 14px;border-radius:12px;font-size:12px;display:none;z-index:70;border:1px solid rgba(255,255,255,0.12);} 
.info-tray{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);display:flex;flex-direction:column;gap:8px;align-items:center;padding:12px 16px;border-radius:16px;border:1px solid rgba(255,255,255,0.12);z-index:80;max-width:min(90vw,680px);}
.info-title{font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:rgba(255,255,255,0.7);}
.info-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;}
#infoAppInstall{
  max-width:min(88vw,360px);
  white-space:normal;
  line-height:1.2;
  text-align:center;
  font-size:11px;
}

@media (max-width:900px){.topbar{flex-direction:column;align-items:flex-start;} .center-stage{min-height:auto;}}
@media (max-width:900px){
  .top-middle{width:100%;justify-content:center;order:2;}
  .status{width:100%;order:3;justify-content:flex-start;}
  #appsDock{display:block !important;}
  .reel-panel{display:none !important;}
  .trust-strip{grid-template-columns:repeat(2,minmax(0,1fr));}
  .center-head{flex-direction:column;align-items:stretch;}
  .center-actions{justify-content:space-between;flex-wrap:wrap;}
  .unlock-views-btn{min-width:100%;}
  .center-stage{width:min(95vw,760px);padding:16px;aspect-ratio:auto;}
  .center-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;}
  .tab-btn{text-align:center;}
  .post-bottom,.gps-actions,.aria-tools{display:grid;grid-template-columns:1fr;gap:8px;}
  .ad-banner{flex-direction:column;align-items:flex-start;}
  .center-actions > *{width:100%;}
  .unlock-views-btn,.aria-badge{min-width:0;width:100%;}
  .competition-world-ribbon{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
  .world-pill{justify-content:center;min-height:48px;}
}
@media (max-width:560px){
  .trust-strip{grid-template-columns:1fr;}
}

@media (max-width:900px){
  body.natural-pro .info-tray,
  body.natural-pro .reel-panel,
  body.natural-pro .tab-btn[data-tab="ai"],
  body.natural-pro #tab-ai,
  body.natural-pro .scan-row,
  body.natural-pro #tipTeam{
    display:none !important;
  }
  body.natural-pro .center-stage{padding:14px;}
  body.natural-pro .post-bottom{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
  }
  body.natural-pro #postSocials,
  body.natural-pro #adMembershipCta,
  body.natural-pro #contactEvelyn,
  body.natural-pro #creditPayMembership{
    width:100%;
  }
}

.tab-btn[data-tab="seo"],
#tab-seo,
#seoModal,
#seoQuick{
  display:none !important;
}

body.lite-mode .reel-panel,
body.lite-mode .info-tray,
body.lite-mode .bg-layers,
body.lite-mode .smoke{
  display:none !important;
}
body.lite-mode{
  background:#0b0f14 url('/static/images/woman-waking-up12.jpg') center/cover no-repeat fixed;
}
body.lite-mode .glass{
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

.custom-iframe{width:100%;height:80vh;border:none;border-radius:16px;background:white;}

.scan-upload{position:relative;overflow:hidden;}
.scan-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;}

.scan-preview{margin:10px 0;display:none;}
.scan-preview img{width:100%;border-radius:14px;border:1px solid rgba(255,255,255,0.2);}

.scan-overlay{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(5,8,12,0.65);
  backdrop-filter:blur(8px);
  z-index:240;
}
.scan-card{
  width:min(420px,90vw);
  padding:22px;
  border-radius:20px;
  display:grid;
  gap:10px;
}
.scan-title{font-weight:800;font-size:18px;}
.scan-sub{color:var(--muted);font-size:12px;line-height:1.5;}
.scan-status{font-size:13px;line-height:1.5;color:#fff;background:rgba(255,255,255,0.08);padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,0.16);}
.vr-scan-box{display:grid;gap:12px;place-items:center;text-align:center;padding:18px;}
.vr-scan-ring{width:140px;height:140px;border-radius:50%;border:2px dashed rgba(255,255,255,0.5);box-shadow:0 0 24px rgba(80,200,255,0.35);animation:scanSpin 6s linear infinite;}
.vr-scan-status{color:var(--muted);font-size:13px;}
@keyframes scanSpin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}

.gps-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
}
.gps-storefront-card{
  margin-top:10px;
  padding:14px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,0.16);
  background:linear-gradient(135deg, rgba(255,255,255,0.09), rgba(124,243,209,0.08));
  box-shadow:0 16px 38px rgba(0,0,0,0.18);
  display:grid;
  gap:12px;
}
.gps-storefront-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  flex-wrap:wrap;
}
.gps-storefront-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(140px,1fr));
  gap:10px;
}
.gps-storefront-stat{
  padding:12px;
  border-radius:16px;
  background:rgba(14,22,36,0.42);
  border:1px solid rgba(255,255,255,0.14);
  display:grid;
  gap:4px;
}
.gps-storefront-stat strong{
  font-size:24px;
  line-height:1;
  color:#f3f8ff;
}
.gps-storefront-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.gps-input{
  flex:1 1 220px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,0.2);
  background:rgba(0,0,0,0.35);
  color:var(--text);
}

.payment-dropdown{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,0.2);background:rgba(0,0,0,0.35);color:var(--text);} 
.map-box iframe{width:100%;height:220px;border:0;border-radius:14px;} 
.map-overlay{position:absolute;bottom:10px;left:10px;background:rgba(0,0,0,0.45);padding:6px 10px;border-radius:10px;font-size:11px;} 
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;} 
.settings-grid input{padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,0.2);background:rgba(0,0,0,0.35);color:var(--text);} 
.settings-grid button{grid-column:1 / -1;} 
.settings-section-title{
  grid-column:1 / -1;
  font-size:11px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--accent);
  margin-top:6px;
}
.settings-life-status{grid-column:1 / -1;}
#cameraView{width:100%;border-radius:16px;border:1px solid rgba(255,255,255,0.2);margin-bottom:10px;} 
.camera-actions{display:flex;gap:10px;} 
@media (max-width:700px){.settings-grid{grid-template-columns:1fr;}}
.analysis-wrap{display:grid;gap:12px;}
.analysis-title{font-size:18px;font-weight:700;}
.analysis-sub{font-size:13px;color:var(--muted);}
.analysis-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;}
.analysis-video{display:grid;gap:10px;}
.analysis-steps{display:grid;gap:10px;font-size:12px;color:var(--muted);}
.analysis-result{padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,0.2);background:rgba(0,0,0,0.3);color:var(--text);}
@media (max-width:900px){.analysis-grid{grid-template-columns:1fr;}}
.conversation-panel{margin-top:18px;}
.conversation-log{min-height:90px;max-height:220px;overflow:auto;font-size:12px;line-height:1.6;color:var(--text);background:rgba(0,0,0,0.35);border:1px solid rgba(255,255,255,0.12);border-radius:12px;padding:10px;}
.conversation-item{padding:6px 8px;border-radius:8px;margin-bottom:6px;background:rgba(255,255,255,0.06);}
.conversation-item.user{border-left:3px solid var(--accent);}
.conversation-item.aria{border-left:3px solid var(--accent-2);}

.speech-anchor{position:absolute;inset:0;z-index:140;pointer-events:none;}
.speech-popup{position:absolute;max-width:360px;background:rgba(8,10,14,0.85);border:1px solid rgba(255,255,255,0.22);color:#fff;padding:12px 14px;border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,0.5);opacity:0;transform:translateY(8px);transition:opacity .22s ease, transform .22s ease;z-index:140;display:flex;gap:10px;align-items:flex-start;}
.speech-popup.show{opacity:1;transform:translateY(0);}
.speech-popup .who{font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;}
.speech-avatar{width:36px;height:36px;border-radius:50%;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,0.35);box-shadow:0 0 12px rgba(124,243,209,0.35);flex:0 0 auto;}
.speech-body{display:flex;flex-direction:column;gap:2px;}

body.listening.gps-active .center-blur{opacity:0;}

body.aria-speaking .aria-large{box-shadow:0 0 48px rgba(0,226,255,0.8),0 0 90px rgba(124,124,255,0.5);}


.mini-aria-corner{position:fixed;right:18px;bottom:26px;z-index:180;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:999px;background:rgba(0,0,0,0.35);border:1px solid rgba(255,255,255,0.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);} 
.mini-aria-orb{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,0.45);background:radial-gradient(circle at 30% 30%,var(--accent),rgba(104,166,255,0.2));box-shadow:0 0 18px rgba(124,243,209,0.7);animation:miniPulse 1.8s ease-in-out infinite;} 
.mini-aria-label{font-size:10px;letter-spacing:0.25em;text-transform:uppercase;color:#e9f5ff;}

.mini-window{position:fixed;right:22px;bottom:110px;z-index:170;display:none;}
.mini-window.show{display:block;}
.mini-window-card{width:min(320px,86vw);display:grid;gap:10px;padding:16px;border-radius:16px;}
.mini-window-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:700;}
.mini-window-body{font-size:12px;color:var(--muted);line-height:1.5;}

.speech-popup.live{opacity:1;transform:translateY(0);}

.level-controls{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px;}
.level-btn{padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.08);color:var(--text);font-size:11px;cursor:pointer;}
.level-btn.active{background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#0b0c10;border-color:transparent;}

.level-side{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:160;display:none;}
.level-side.show{display:block;}
.level-side-card{padding:16px;border-radius:16px;display:grid;gap:8px;min-width:220px;}
.level-side-head{font-weight:700;letter-spacing:0.14em;text-transform:uppercase;font-size:10px;}
.level-dot{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);}
.level-dot span{width:8px;height:8px;border-radius:50%;background:linear-gradient(120deg,var(--accent),var(--accent-2));box-shadow:0 0 10px rgba(124,243,209,0.5);}


.analysis-level{display:flex;flex-direction:column;gap:6px;font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:rgba(255,255,255,0.7);}
.analysis-level select{padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,0.2);background:rgba(0,0,0,0.35);color:var(--text);}

.campaign-strip{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  margin:10px 0 14px;
  padding:10px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,0.2);
  background:linear-gradient(120deg, rgba(44,183,146,0.17), rgba(60,118,219,0.12));
}
.campaign-tag{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#9cf5d8;font-weight:700;}
.campaign-strip h3{margin:6px 0 8px;}
.campaign-strip p{margin:0 0 10px;color:var(--muted);}
.campaign-actions{display:flex;flex-wrap:wrap;gap:8px;}
.campaign-tag{
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#d8eeff;
}
.campaign-right{display:grid;gap:10px;}
.campaign-block{padding:10px;border-radius:14px;border:1px solid rgba(255,255,255,0.18);background:rgba(6,10,16,0.5);}
.campaign-title{font-size:12px;text-transform:uppercase;letter-spacing:.11em;color:#d3e6ff;margin-bottom:6px;}
.campaign-lines{font-size:12px;color:#f2f5ff;line-height:1.35;}
.inhouse-ad{margin-top:10px;padding:10px;border-radius:14px;border:1px dashed rgba(124,243,209,0.45);background:linear-gradient(125deg,rgba(143,63,255,0.18),rgba(255,175,75,0.14),rgba(78,205,196,0.16));}
.inhouse-eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#fff7ce;}
.inhouse-title{font-weight:700;margin-top:4px;}
.inhouse-body{font-size:12px;color:#eaf0ff;margin-top:2px;}
.credit-tier-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px;}
.tier-card{display:grid;gap:4px;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,0.15);background:rgba(255,255,255,0.05);font-size:12px;color:var(--muted);}
.tier-card strong{color:#fff;}
.cash-ops{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,0.18);display:grid;gap:8px;}
.cash-ops h4{margin:0 0 4px;}
.request-grid{display:grid;gap:8px;}
.request-route-hero{
  margin-bottom:12px;
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(124,243,209,0.26);
  background:linear-gradient(135deg, rgba(255,255,255,0.1), rgba(124,243,209,0.08));
  display:grid;
  gap:8px;
}
.request-route-meta{
  color:#dbe8fb;
  font-size:12px;
}
.request-route-aria{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(124,243,209,0.13);
  border:1px solid rgba(124,243,209,0.34);
  color:#9ef5de;
  font-size:12px;
}
.request-wait{padding:14px;border-radius:14px;border:1px solid rgba(124,243,209,0.35);background:rgba(124,243,209,0.09);}
.wait-badge{display:inline-flex;padding:3px 9px;border-radius:999px;border:1px solid rgba(124,243,209,0.6);color:#8df6d9;font-size:11px;}
.wait-title{margin-top:8px;font-size:18px;font-weight:700;}
.wait-copy{margin-top:6px;color:var(--muted);}
.wait-id{margin-top:8px;font-size:11px;color:#b9cbe8;letter-spacing:.05em;}
.request-route-next{
  margin-top:10px;
  display:grid;
  gap:6px;
  font-size:12px;
  color:#dce6f8;
}
.request-route-brochure{
  margin-bottom:12px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,0.16);
  background:rgba(255,255,255,0.05);
}
.transfer-box{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,0.16);display:grid;gap:8px;}
.comms-challenge{margin-top:10px;padding:10px;border-radius:14px;border:1px solid rgba(255,255,255,0.16);background:rgba(255,255,255,0.04);display:grid;gap:8px;}
.comms-tags{display:flex;flex-wrap:wrap;gap:6px;}
.marinate-timer{margin-top:8px;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,0.14);background:rgba(255,255,255,0.04);}
.marinate-timer select{padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,0.2);background:rgba(0,0,0,0.35);color:var(--text);}
.settings-grid textarea{min-height:72px;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,0.2);background:rgba(0,0,0,0.32);color:var(--text);resize:vertical;}
body.adult21-mode .system-badge{background:linear-gradient(120deg,#ff6fa9,#ffd17a);color:#231116;border-color:transparent;}
body.adult21-mode .campaign-strip{box-shadow:0 0 0 1px rgba(255,111,169,0.35),0 18px 40px rgba(0,0,0,0.45);}
@media (max-width:900px){
  .campaign-strip{grid-template-columns:1fr;}
  .credit-tier-strip{grid-template-columns:1fr;}
}
.tip-frontier{padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.05);min-width:180px;}
.tip-frontier-title{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#ffd98b;}
.tip-frontier-body{font-size:12px;color:#e7f2ff;margin-top:3px;}
body.celebration-mode .campaign-strip,
body.celebration-mode .ad-banner{
  background:linear-gradient(120deg, rgba(255,109,152,0.22), rgba(255,206,91,0.2), rgba(124,243,209,0.18));
  border-color:rgba(255,224,138,0.5);
  animation:celebrateDrift 3s ease-in-out infinite alternate;
}
body.celebration-mode .logo::after{
  content:"  CELEBRATION";
  color:#ffe18f;
  margin-left:8px;
  font-size:11px;
  letter-spacing:.15em;
}
body.celebration-mode .buy-optional{
  display:none !important;
}
@keyframes celebrateDrift{
  0%{filter:hue-rotate(0deg);}
  100%{filter:hue-rotate(18deg);}
}

.trade-bot-orbit{
  position:relative;
  min-height:56px;
  border-radius:14px;
  border:1px dashed rgba(124,243,209,0.35);
  background:radial-gradient(circle at 20% 30%, rgba(124,243,209,0.14), rgba(8,14,22,0.32));
  overflow:hidden;
}
.trade-bot{
  position:absolute;
  width:14px;
  height:14px;
  border-radius:50%;
  border:2px solid rgba(255,255,255,0.85);
  background:radial-gradient(circle at 38% 38%, rgba(255,255,255,0.9), rgba(124,243,209,0.95) 52%, rgba(8,18,32,0.95) 100%);
  box-shadow:0 0 12px rgba(124,243,209,0.6);
  cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease;
  animation:botHeartbeatSlow 2.8s ease-in-out infinite;
}
.trade-bot:hover{transform:scale(1.15);}
.trade-bot.caught{
  transform:scale(1.4);
  opacity:0.3;
  box-shadow:0 0 20px rgba(255,220,120,0.9);
}
.trade-bot.hb-fast{animation:botHeartbeatFast .45s ease-in-out infinite;}
.trade-bot.hb-normal{animation:botHeartbeatNormal 1.1s ease-in-out infinite;}
.trade-bot.hb-slow{animation:botHeartbeatSlow 2.8s ease-in-out infinite;}
.trade-bot.hb-inout{animation:botHeartbeatInOut 1.9s cubic-bezier(.4,0,.2,1) infinite;}
@keyframes botHeartbeatFast{
  0%,100%{transform:scale(1);box-shadow:0 0 10px rgba(124,243,209,.55);}
  50%{transform:scale(1.24);box-shadow:0 0 20px rgba(124,243,209,.95);}
}
@keyframes botHeartbeatNormal{
  0%,100%{transform:scale(1);}
  35%{transform:scale(1.14);}
  60%{transform:scale(1.06);}
}
@keyframes botHeartbeatSlow{
  0%,100%{transform:scale(.92);opacity:.82;}
  50%{transform:scale(1.08);opacity:1;}
}
@keyframes botHeartbeatInOut{
  0%{transform:scale(.86);opacity:.68;}
  20%{transform:scale(1.18);opacity:1;}
  38%{transform:scale(.92);opacity:.8;}
  54%{transform:scale(1.15);opacity:1;}
  100%{transform:scale(.88);opacity:.7;}
}

.engine-glass-card{display:grid;gap:10px;}
.engine-switch{display:flex;gap:8px;flex-wrap:wrap;}
.engine-switch .btn.active{background:linear-gradient(120deg,rgba(124,243,209,.28),rgba(104,166,255,.25));border-color:rgba(124,243,209,.55);}
.engine-pane{display:none;gap:8px;}
.engine-pane.active{display:grid;}
.engine-feed{
  margin:0;
  min-height:130px;
  padding:12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.15);
  background:rgba(5,8,14,.58);
  color:#ebf4ff;
  font-size:12px;
  line-height:1.45;
  white-space:pre-wrap;
}
.engine-live-video iframe{
  width:100%;
  min-height:200px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:12px;
  background:#0b111a;
}

body.resort-brochure{
  --bg:#090b10;
  --glass:rgba(24,28,35,0.78);
  --glass-strong:rgba(46,54,66,0.72);
  --stroke:rgba(172,188,210,0.22);
  --text:#eef3ff;
  --muted:#a7b2c8;
  --accent:#7bc3d3;
  --accent-2:#7ea0cf;
  --shadow:0 20px 38px rgba(0,0,0,0.45);
  background:
    url('/static/images/woman-waking-up12.jpg') center/cover no-repeat fixed;
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, "Times New Roman", serif;
}
body.resort-brochure .glass{
  background:linear-gradient(145deg, rgba(28,34,44,0.84), rgba(20,24,32,0.76));
  border:1px solid rgba(172,188,210,0.22);
  box-shadow:var(--shadow);
}
body.resort-brochure .topbar{
  background:linear-gradient(90deg, rgba(24,30,40,0.92), rgba(18,24,34,0.9));
  border-color:rgba(172,188,210,0.28);
}
body.resort-brochure .logo{letter-spacing:.15em;color:#e9f0ff;}
body.resort-brochure .btn{
  background:linear-gradient(120deg, rgba(176,138,87,.16), rgba(90,122,122,.15));
  border-color:rgba(173,142,94,.45);
  color:#edf4ff;
}
body.resort-brochure .btn.primary{
  background:linear-gradient(120deg, #9a7647, #5f8484);
  color:#fef8f0;
}
body.resort-brochure .hero-image{filter:saturate(1.08) contrast(1.03);}
body.resort-brochure .center-stage,
body.resort-brochure .panel,
body.resort-brochure .conversation-panel{
  max-width:640px;
  width:min(90vw,640px);
  margin-left:auto;
  margin-right:auto;
}
body.resort-brochure .topbar{
  max-width:none;
  width:100%;
  margin-left:0;
  margin-right:0;
}
body.resort-brochure #appsDock{
  max-width:none;
  width:100%;
  margin-left:0;
  margin-right:0;
}
body.resort-brochure .center-stage{
  padding:14px 16px;
  border-radius:16px;
  min-height:430px;
  aspect-ratio:unset;
}
body.resort-brochure .panel,
body.resort-brochure .conversation-panel{
  padding:14px 16px;
  border-radius:16px;
}
body.resort-brochure.live-console-active .center-stage,
body.resort-brochure.live-console-active .conversation-panel{
  max-width:none !important;
  width:100% !important;
}
body.resort-brochure .reel-panel{
  width:280px;
  border-radius:14px;
}
body.resort-brochure .post-card{padding:12px;border-radius:14px;}
body.resort-brochure .post-input textarea{min-height:92px;border-radius:12px;}
body.resort-brochure .app-card{
  min-width:155px;
  padding:10px 12px;
  border-radius:12px;
  background:linear-gradient(140deg, rgba(37,44,56,0.78), rgba(27,32,42,0.62));
  color:#dfe8ff;
}
body.resort-brochure .center-hero h2,
body.resort-brochure .panel-head h2,
body.resort-brochure .system-title{
  letter-spacing:.04em;
  font-weight:700;
}
body.resort-brochure .center-hero p,
body.resort-brochure .system-sub,
body.resort-brochure .comms-flow-sub{
  font-size:12px;
  line-height:1.45;
}
body.resort-brochure .btn{
  padding:8px 10px;
  border-radius:10px;
}
body.resort-brochure .engine-feed{
  min-height:108px;
  border-radius:10px;
  font-size:11px;
  background:rgba(22,28,38,0.82);
  color:#dbe7ff;
}
body.resort-brochure .engine-live-video iframe{
  min-height:170px;
  border-radius:10px;
}
body.resort-brochure .trial-code-banner,
body.resort-brochure .campaign-strip{
  border-radius:12px;
}

.assistant-leave{
  animation:assistantLeave .22s ease forwards;
}
.assistant-enter{
  animation:assistantEnter .34s ease forwards;
}
@keyframes assistantLeave{
  from{opacity:1;transform:rotate(0deg) scale(1);}
  to{opacity:0;transform:rotate(-16deg) scale(.92);}
}
@keyframes assistantEnter{
  from{opacity:0;transform:rotate(16deg) scale(.92);}
  to{opacity:1;transform:rotate(0deg) scale(1);}
}

.studio-mode-shell{
  position:fixed;
  inset:0;
  z-index:230;
  display:none;
  background:rgba(4,5,8,0.94);
}
.studio-mode-shell.active{display:block;}
body.studio-mode-open{
  overflow:hidden;
}
.studio-mode-shell .studio-static{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.2;
  background-image:
    repeating-linear-gradient(0deg, rgba(255,255,255,.06) 0 1px, transparent 1px 3px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.03) 0 1px, transparent 1px 3px);
  animation:studioStatic 220ms steps(2,end) infinite;
}
.studio-mode-shell.booting .studio-static{
  opacity:.62;
}
@keyframes studioStatic{
  0%{transform:translate(0,0)}
  50%{transform:translate(-2px,1px)}
  100%{transform:translate(2px,-1px)}
}
.studio-mode-shell.booting .studio-mode-frame-wrap{
  opacity:0;
  pointer-events:none;
}
.studio-mode-shell.ready .studio-mode-frame-wrap{
  opacity:1;
  transition:opacity .28s ease;
}
.studio-mode-topbar{
  position:relative;
  z-index:2;
  margin:10px;
  padding:12px 14px;
  border-radius:14px;
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
}
.studio-kicker{
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#7fe8ff;
}
.studio-mode-title h2{
  margin:2px 0;
  font-size:22px;
}
.studio-mode-title p{
  margin:0;
  color:var(--muted);
  font-size:12px;
}
.studio-mode-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.studio-mode-actions .btn{
  color:#eef3ff;
  background:rgba(24,31,43,.86);
  border-color:rgba(150,190,255,.45);
}
.studio-mode-actions .btn:hover{
  border-color:#7fe8ff;
}
.studio-mode-frame-wrap{
  position:relative;
  z-index:2;
  margin:8px 10px 10px;
  height:calc(100vh - 108px);
  border-radius:14px;
  overflow:hidden;
}
.studio-mode-frame{
  width:100%;
  height:100%;
  border:0;
  background:#05070b;
}

.now-playing{
  margin-top:8px;
  font-size:12px;
  color:#dce8ff;
}

body.simple-ui .advanced-menu,
body.simple-ui .advanced-tab,
body.simple-ui .advanced-chip{
  display:none !important;
}

body.simple-ui .campaign-strip,
body.simple-ui .ad-banner,
body.simple-ui #reelPanel{
  display:none !important;
}

body.simple-ui .center-tabs{
  display:flex;
  gap:8px;
  overflow-x:auto;
  scrollbar-width:thin;
}

body.simple-ui .topbar{
  padding:8px 12px;
}

body.simple-ui .tagline{
  font-size:12px;
  line-height:1.3;
}

/* Futuristic Buffed Main Theme */
body.system-theme{
  background:
    radial-gradient(1400px 680px at 0% -18%, rgba(64, 135, 255, 0.2), transparent 58%),
    radial-gradient(1200px 560px at 100% 0%, rgba(76, 255, 234, 0.16), transparent 54%),
    linear-gradient(180deg, #0a0f18 0%, #0b1220 35%, #0b1322 100%);
}
body.system-theme .bg-layers{
  background:
    repeating-linear-gradient(90deg, rgba(124, 183, 255, 0.05) 0 1px, transparent 1px 36px),
    repeating-linear-gradient(0deg, rgba(124, 183, 255, 0.03) 0 1px, transparent 1px 36px);
  opacity:.72;
}
body.system-theme .glass{
  background:linear-gradient(180deg, rgba(17, 26, 40, 0.86), rgba(12, 20, 33, 0.84));
  border-color:rgba(108, 166, 255, 0.33);
  box-shadow:0 12px 28px rgba(0, 0, 0, 0.32), inset 0 0 0 1px rgba(112, 188, 255, 0.08);
}
body.system-theme .topbar{
  border:1px solid rgba(102, 176, 255, 0.38);
  box-shadow:0 0 0 1px rgba(119, 196, 255, 0.12), 0 18px 38px rgba(0,0,0,.35);
}
body.system-theme .logo{
  letter-spacing:.04em;
  text-shadow:0 0 18px rgba(98, 191, 255, 0.42);
}
body.system-theme .menu-btn,
body.system-theme .btn{
  background:linear-gradient(180deg, rgba(43, 74, 123, 0.96), rgba(27, 49, 88, 0.96));
  border-color:rgba(126, 190, 255, 0.55);
  color:#f5fbff;
}
body.system-theme .menu-btn:hover,
body.system-theme .btn:hover{
  box-shadow:0 0 0 1px rgba(137, 218, 255, 0.45), 0 0 24px rgba(116, 188, 255, 0.28);
  transform:translateY(-1px);
}
body.system-theme .tab-btn{
  background:linear-gradient(180deg, rgba(36, 58, 95, 0.92), rgba(26, 43, 74, 0.92));
  border-color:rgba(110, 168, 255, 0.45);
  color:#eaf4ff;
}
body.system-theme .tab-btn.active{
  background:linear-gradient(180deg, rgba(81, 141, 255, 0.9), rgba(49, 107, 219, 0.88));
  color:#ffffff;
  box-shadow:0 0 18px rgba(92, 157, 255, 0.42);
}
body.system-theme .campaign-strip,
body.system-theme .ad-banner,
body.system-theme .center-stage,
body.system-theme .reel-panel,
body.system-theme .bottom-dock{
  border:1px solid rgba(111, 178, 255, 0.34);
}

/* Fresh Futuristic Override (lighter / cleaner) */
body.system-theme{
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.05)),
    radial-gradient(1200px 520px at 14% -10%, rgba(103, 229, 255, 0.18), transparent 58%),
    radial-gradient(1000px 480px at 88% 6%, rgba(123, 158, 255, 0.16), transparent 60%),
    linear-gradient(180deg, #f6fbff 0%, #f4faff 45%, #f2f8ff 100%);
}
body.system-theme .bg-layers{
  opacity:.72;
  background:
  linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)),
  repeating-linear-gradient(90deg, rgba(58, 128, 255, 0.06) 0 1px, transparent 1px 42px),
  repeating-linear-gradient(0deg, rgba(78, 156, 255, 0.04) 0 1px, transparent 1px 42px);
}
body.system-theme .glass{
  background:linear-gradient(180deg, rgba(255,255,255,.78), rgba(245,251,255,.72));
  border:1px solid rgba(101, 162, 255, 0.3);
  backdrop-filter:blur(12px);
  box-shadow:0 10px 26px rgba(71, 116, 188, 0.14), inset 0 0 0 1px rgba(255,255,255,.55);
}
body.system-theme .logo,
body.system-theme .tagline,
body.system-theme .founder-narrative,
body.system-theme .system-title,
body.system-theme h2,
body.system-theme h3{
  color:#10294f;
}
body.system-theme .menu-btn,
body.system-theme .btn{
  background:linear-gradient(180deg, #52a7ff, #2e78ef);
  border-color:#4e8fff;
  color:#ffffff;
  box-shadow:0 4px 14px rgba(61, 133, 255, .25);
}
body.system-theme .menu-btn:hover,
body.system-theme .btn:hover{
  box-shadow:0 10px 24px rgba(70, 146, 255, .28), 0 0 0 1px rgba(135, 211, 255, .55);
}
body.system-theme .btn.ghost,
body.system-theme .menu-btn.ghost{
  background:linear-gradient(180deg, #f8fbff, #edf5ff);
  color:#1c4a86;
  border-color:#9ec6ff;
}
body.system-theme .tab-btn{
  background:linear-gradient(180deg, #f2f8ff, #e7f0ff);
  color:#1c4a86;
  border-color:#9fc8ff;
}
body.system-theme .tab-btn.active{
  background:linear-gradient(180deg, #55b8ff, #2f83f2);
  color:#fff;
}

/* Competition World takeover */
body.competition-world .topbar,
body.competition-world .campaign-strip,
body.competition-world .center-stage,
body.competition-world .reel-panel,
body.competition-world .ad-banner{
  border-color:rgba(108,189,255,.38);
  box-shadow:0 16px 36px rgba(23,56,121,.16), inset 0 0 0 1px rgba(255,255,255,.34);
}
body.competition-world .topbar{
  background:linear-gradient(90deg, rgba(238,247,255,.92), rgba(228,242,255,.84));
}
body.competition-world .campaign-strip{
  position:relative;
  overflow:hidden;
}
body.competition-world .campaign-strip::after,
body.competition-world .center-stage::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, rgba(90,190,255,.08), transparent 40%, rgba(255,204,120,.06));
  pointer-events:none;
}
body.competition-world .logo{letter-spacing:.12em;}
.competition-world-ribbon{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:10px;
}
.world-pill{
  display:inline-flex;
  align-items:center;
  padding:7px 11px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(255,255,255,.86), rgba(228,241,255,.78));
  border:1px solid rgba(107,166,255,.28);
  color:#1b467f;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 6px 18px rgba(77,127,211,.12);
  white-space:normal;
  text-align:center;
  word-break:break-word;
}
body.competition-world .center-hero h2{font-size:clamp(28px,4.1vw,42px);letter-spacing:.06em;}
body.competition-world .center-hero p,
body.competition-world .tagline,
body.competition-world .campaign-strip p{max-width:60ch;}
body.competition-world .center-stage{background:linear-gradient(180deg, rgba(255,255,255,.82), rgba(243,249,255,.76));}
body.competition-world .live-main-stream{
  border:1px solid rgba(93,167,255,.28);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.28), 0 16px 30px rgba(44,92,168,.14);
}
body.competition-world.world-view-lumbermill::before{
  background:
    linear-gradient(180deg, rgba(50,34,21,.34), rgba(18,18,18,.24)),
    radial-gradient(900px 420px at 20% 18%, rgba(176,132,74,.24), transparent 58%),
    url('/static/images/brochure-formula-exclusive.jpg') center/cover no-repeat;
}
body.competition-world.world-view-river::before{
  background:
    linear-gradient(180deg, rgba(10,38,48,.28), rgba(13,26,18,.18)),
    radial-gradient(900px 420px at 20% 18%, rgba(83,188,214,.24), transparent 58%),
    url('/static/images/tropical-hero.jpg') center/cover no-repeat;
}
body.competition-world.world-view-snow::before{
  background:
    linear-gradient(180deg, rgba(220,232,255,.22), rgba(38,56,82,.24)),
    radial-gradient(900px 420px at 20% 18%, rgba(220,240,255,.28), transparent 58%),
    url('/static/images/brochure-bright-droplets.jpg') center/cover no-repeat;
}
body.competition-world.world-view-island::before{
  background:
    linear-gradient(180deg, rgba(18,66,88,.22), rgba(14,32,42,.18)),
    radial-gradient(900px 420px at 20% 18%, rgba(52,230,203,.22), transparent 58%),
    url('/static/images/tropical-hero.jpg') center/cover no-repeat;
}
body.competition-world.world-view-vip::before{
  background:
    linear-gradient(180deg, rgba(36,24,12,.28), rgba(13,16,28,.2)),
    radial-gradient(900px 420px at 20% 18%, rgba(255,206,104,.26), transparent 58%),
    url('/static/images/brochure-contacts.jpg') center/cover no-repeat;
  }
body.system-theme::before,
body.competition-world::before,
body.resort-brochure::before{
  opacity:1 !important;
  filter:none !important;
}
body.system-theme .bg-layers,
body.competition-world .bg-layers{
  background:none !important;
}
body.system-theme .bg-layers::before,
body.competition-world .bg-layers::before{
  opacity:.52 !important;
}
.studio-mode-shell,
.float-mode-shell{
  position:fixed;
  inset:0;
  z-index:520;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding-top:max(8px, env(safe-area-inset-top));
  padding-left:max(0px, env(safe-area-inset-left));
  padding-right:max(0px, env(safe-area-inset-right));
  padding-bottom:max(0px, env(safe-area-inset-bottom));
}
.float-mode-shell[hidden]{display:none !important;}
.float-mode-shell.preview-mode{z-index:390;pointer-events:none;}
.float-mode-backdrop{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(245,251,255,.14), rgba(255,255,255,.04)),
    radial-gradient(900px 500px at 20% 10%, rgba(118,214,255,.18), transparent 58%),
    url('/static/images/woman-waking-up12.jpg') center/cover no-repeat;
  filter:saturate(1.06);
}
.float-mode-shell[data-remote-theme="river"] .float-mode-backdrop{
  background:
    linear-gradient(180deg, rgba(206,245,255,.16), rgba(6,48,72,.14)),
    radial-gradient(700px 380px at 24% 12%, rgba(126,232,255,.32), transparent 56%),
    radial-gradient(920px 420px at 76% 78%, rgba(22,98,138,.28), transparent 62%),
    url('/static/images/woman-waking-up12.jpg') center/cover no-repeat;
}
.float-mode-shell[data-remote-theme="vip"] .float-mode-backdrop{
  background:
    linear-gradient(180deg, rgba(255,241,205,.14), rgba(40,22,8,.18)),
    radial-gradient(680px 320px at 30% 10%, rgba(255,216,112,.32), transparent 56%),
    radial-gradient(820px 420px at 80% 82%, rgba(92,68,24,.26), transparent 64%),
    url('/static/images/woman-waking-up12.jpg') center/cover no-repeat;
}
.float-mode-shell[data-remote-theme="lab"] .float-mode-backdrop{
  background:
    linear-gradient(180deg, rgba(198,244,255,.14), rgba(10,24,45,.18)),
    radial-gradient(740px 360px at 28% 10%, rgba(99,238,255,.28), transparent 56%),
    radial-gradient(960px 460px at 80% 82%, rgba(18,66,112,.28), transparent 64%),
    url('/static/images/woman-waking-up12.jpg') center/cover no-repeat;
}
.float-mode-shell[data-remote-theme="market"] .float-mode-backdrop{
  background:
    linear-gradient(180deg, rgba(255,231,204,.16), rgba(86,42,16,.16)),
    radial-gradient(700px 350px at 22% 14%, rgba(255,164,88,.3), transparent 54%),
    radial-gradient(940px 460px at 78% 78%, rgba(140,74,12,.24), transparent 62%),
    url('/static/images/woman-waking-up12.jpg') center/cover no-repeat;
}
.float-mode-shell::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(600px 220px at 20% 20%, rgba(255,255,255,.18), transparent 65%),
    radial-gradient(900px 240px at 80% 0%, rgba(95,179,255,.16), transparent 70%);
  pointer-events:none;
}
.float-mode-top,
.float-mode-grid{position:relative;z-index:1;}
.float-mode-top{
  margin:12px 18px 8px;
  padding:14px 18px;
  border-radius:26px;
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  background:linear-gradient(180deg, rgba(7,18,36,.88), rgba(11,26,48,.78));
  border:1px solid rgba(167,213,255,.18);
  box-shadow:0 18px 36px rgba(4,12,25,.22);
  min-height:154px;
}
.float-mode-top,
.float-mode-footer,
.float-mode-launch,
.remote-content-stage,
.remote-purchase-editor,
.remote-edits-menu,
.remote-important-info{
  backdrop-filter:blur(18px) saturate(1.08);
}
.float-mode-nav{
  margin:0 18px 14px;
  padding:12px;
  border-radius:24px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.float-mode-shell .float-mode-nav{
  display:none;
}
.float-mode-nav .btn{
  min-height:46px;
}
.float-mode-launch{
  margin:0 18px 10px;
  padding:12px;
  border-radius:28px;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  grid-auto-rows:minmax(150px, 1fr);
  gap:12px;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 18px 34px rgba(11,32,64,.16);
}
.float-mode-launch::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 12% 20%, rgba(144,224,239,.16), transparent 24%),
    radial-gradient(circle at 82% 26%, rgba(255,214,102,.12), transparent 20%),
    linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
  pointer-events:none;
}
.float-launch-btn{
  min-height:172px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.24);
  background:
    linear-gradient(180deg, rgba(10,20,34,.18), rgba(10,20,34,.28)),
    url('/static/images/woman-waking-up12.jpg') center/cover no-repeat,
    linear-gradient(180deg, rgba(255,255,255,.2), rgba(255,255,255,.08)),
    linear-gradient(135deg, rgba(116,179,255,.18), rgba(13,31,58,.12));
  color:#eef7ff;
  font-size:20px;
  font-weight:700;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  position:relative;
  z-index:1;
  letter-spacing:.02em;
  text-align:left;
  padding:26px 18px 24px 74px;
  display:flex;
  align-items:flex-end;
  gap:12px;
  touch-action:manipulation;
}
.float-launch-btn:hover,
.float-launch-btn:focus-visible{
  transform:translateY(-2px) scale(1.01);
  box-shadow:0 18px 34px rgba(23,87,205,.22);
  border-color:rgba(146,197,255,.55);
  outline:none;
}
.float-launch-btn:active{
  transform:scale(.985);
  box-shadow:0 10px 20px rgba(9,24,48,.28);
}
.float-launch-btn.active{
  transform:translateY(-2px) scale(1.01);
  box-shadow:0 18px 34px rgba(23,87,205,.24);
  border-color:rgba(168,218,255,.7);
}
.float-launch-btn::before{
  content:"";
  position:absolute;
  top:10px;
  left:12px;
  width:26px;
  height:8px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(255,255,255,.72), rgba(255,255,255,.12));
  opacity:.72;
}
.float-launch-btn::after{
  content:"";
  position:absolute;
  right:12px;
  bottom:12px;
  width:14px;
  height:14px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(157,233,255,.95), rgba(157,233,255,.18));
  box-shadow:0 0 18px rgba(157,233,255,.42);
}
.float-launch-letter{
  position:absolute;
  left:24px;
  top:24px;
  transform:none;
  font-size:40px;
  font-weight:900;
  color:#dff5ff;
  text-shadow:0 0 18px rgba(157,233,255,.34);
}
.float-launch-copy{
  display:grid;
  gap:2px;
}
.float-launch-copy strong{
  font-size:19px;
  letter-spacing:.03em;
}
.float-launch-copy small{
  color:rgba(231,244,255,.8);
  font-size:13px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.float-mode-kicker{
  font-size:11px;
  letter-spacing:.3em;
  text-transform:uppercase;
  color:#dcf0ff;
}
.float-mode-top h2{margin:2px 0 4px;font-size:clamp(22px,3vw,34px);}
.float-mode-top p{margin:0;max-width:54ch;color:rgba(236,246,255,.96);font-size:14px;line-height:1.4;}
.float-mode-resort-note{
  margin-top:10px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:linear-gradient(135deg, rgba(255,255,255,.18), rgba(149,219,255,.12));
  color:#eef7ff;
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.float-mode-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:flex-end;
}
.remote-go-toggle{
  position:sticky;
  top:8px;
  z-index:18;
  margin:0 18px 10px;
  padding:12px 14px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.remote-go-toggle .btn{
  min-height:46px;
  border-radius:16px;
}
.float-mode-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:14px;
    padding:0 18px 18px;
  }
.float-mode-footer{
    position:sticky;
    top:8px;
    z-index:540;
    margin:0 18px 10px;
    padding:10px 12px;
    border-radius:22px;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
    justify-content:center;
    background:linear-gradient(180deg, rgba(7,18,36,.9), rgba(9,22,42,.78));
    border:1px solid rgba(167,213,255,.18);
    box-shadow:0 16px 34px rgba(4,12,25,.18);
  }
.float-mode-footer .btn{min-height:52px;}
.float-mode-footer .btn,
.remote-purchase-editor .btn,
.remote-edits-menu .btn,
.remote-important-info .btn,
.float-remote-sheet .btn,
.float-mode-nav .btn{
  border-radius:18px;
  font-weight:700;
  touch-action:manipulation;
}
.remote-display-strip{
    position:relative;
    z-index:1;
    margin:0 18px 14px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
  }
.remote-display-toolbar{
    grid-column:1 / -1;
    display:flex;
    justify-content:flex-end;
    gap:10px;
  }
.remote-display-ad{
    min-height:180px;
    padding:22px;
    border-radius:28px;
    border:1px solid rgba(255,255,255,.18);
    box-shadow:0 18px 34px rgba(11,32,64,.14);
    display:grid;
    gap:12px;
    align-content:start;
  }
.remote-display-ad h3{margin:0;font-size:28px;line-height:1.12;color:#173a6a;}
.remote-display-ad p{margin:0;color:#355473;line-height:1.6;font-size:14px;}
.remote-display-ad-primary{
    background:
      linear-gradient(135deg, rgba(255,255,255,.94), rgba(234,245,255,.84)),
      url('/static/images/woman-waking-up12.jpg') center/cover no-repeat;
  }
.remote-display-ad-secondary{
    background:
      linear-gradient(135deg, rgba(14,39,68,.88), rgba(12,27,47,.74)),
      url('/static/images/woman-waking-up12.jpg') center/cover no-repeat;
  }
.remote-display-ad-secondary h3,
.remote-display-ad-secondary p,
.remote-display-ad-secondary .float-mode-kicker{color:#eef7ff;}
.remote-display-chips{display:flex;flex-wrap:wrap;gap:8px;}
.remote-display-chips span{
    padding:9px 12px;
    border-radius:999px;
    font-size:12px;
    letter-spacing:.08em;
    text-transform:uppercase;
    background:rgba(255,255,255,.78);
    border:1px solid rgba(180,205,232,.85);
    color:#244567;
  }
.remote-display-ad-secondary .remote-display-chips span{
    background:rgba(255,255,255,.14);
    border-color:rgba(185,225,255,.2);
    color:#f4f9ff;
  }
.remote-stage-shell{
    position:relative;
    z-index:1;
    margin:0 18px 90px;
    display:grid;
    grid-template-columns:56px minmax(0, 1fr) 56px;
    gap:14px;
    align-items:start;
  }
.remote-color-tab{
    position:sticky;
    top:128px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
.remote-side-arrow{
  width:56px;
  min-height:264px;
    border-radius:22px;
    border:1px solid rgba(255,255,255,.24);
    background:linear-gradient(180deg, rgba(6,18,36,.88), rgba(13,32,58,.74));
    color:#f5fbff;
  font-size:28px;
  cursor:pointer;
  box-shadow:0 20px 34px rgba(6,18,38,.22);
  touch-action:manipulation;
}
.remote-side-arrow:active{transform:scale(.985);}
.remote-content-stage{
    min-height:calc(100vh - 180px);
    padding:12px;
    border-radius:30px;
    border:1px solid rgba(255,255,255,.18);
    box-shadow:0 26px 48px rgba(11,32,64,.18);
    display:grid;
    gap:10px;
    align-content:start;
  }
.remote-content-stage-home{display:grid;gap:10px;min-height:170px;}
.remote-content-stage-home h3{margin:0;font-size:24px;color:#173a6a;}
.remote-content-stage-home p{margin:0;color:#355473;font-size:13px;line-height:1.35;max-width:50ch;}
.remote-stage-quickbar{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.remote-stage-quickbar .btn{
  min-height:48px;
  border-radius:18px;
}
.float-mode-shell.remote-go-mode .float-mode-launch{
  position:fixed;
  left:18px;
  top:142px;
  bottom:18px;
  z-index:26;
  width:clamp(430px, 40vw, 560px);
  overflow:auto;
  padding:20px;
  gap:16px;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  grid-auto-rows:minmax(136px, auto);
  box-shadow:0 0 0 2px rgba(120,199,255,.4), 0 28px 46px rgba(11,32,64,.24);
}
.float-mode-shell.remote-go-mode .float-launch-btn{
  min-height:140px;
  padding:24px 20px 24px 72px;
  font-size:19px;
  line-height:1.18;
  transform:none;
  box-shadow:0 18px 34px rgba(14,49,95,.18);
}
.float-mode-shell.remote-go-mode .float-launch-btn.active{
  box-shadow:0 0 0 3px rgba(132,210,255,.45), 0 28px 48px rgba(9,36,73,.28);
}
.float-mode-shell.remote-go-mode .float-launch-btn::before{
  width:32px;
  height:32px;
}
.float-mode-shell.remote-go-mode .float-mode-footer,
.float-mode-shell.remote-go-mode .float-mode-nav,
.float-mode-shell.remote-go-mode .remote-color-tab,
.float-mode-shell.remote-go-mode .remote-guardian-rail,
.float-mode-shell.remote-go-mode .float-mode-grid,
.float-mode-shell.remote-go-mode .remote-purchase-editor,
.float-mode-shell.remote-go-mode .remote-edits-menu,
.float-mode-shell.remote-go-mode .remote-important-info{
  opacity:.2;
  pointer-events:none;
  filter:grayscale(.08);
}
.float-mode-shell.remote-go-mode .remote-stage-shell,
.float-mode-shell.remote-go-mode .remote-content-stage,
.float-mode-shell.remote-go-mode .float-mode-launch,
.float-mode-shell.remote-go-mode .remote-go-toggle{
  pointer-events:auto;
  opacity:1;
  filter:none;
}
.float-mode-shell.remote-go-mode .remote-stage-shell{
  margin:0 18px 38px calc(clamp(430px, 40vw, 560px) + 36px);
  grid-template-columns:minmax(0, 1fr);
}
.float-mode-shell.remote-go-mode .remote-content-stage{
  min-height:calc(100vh - 116px);
  padding:26px;
  box-shadow:0 0 0 2px rgba(130,208,255,.3), 0 32px 60px rgba(11,32,64,.24);
}
.float-mode-shell.remote-go-mode .remote-stage-home{
  gap:18px;
}
.float-mode-shell.remote-go-mode .remote-stage-card{
  padding:18px 20px;
}
.float-mode-shell.remote-go-mode .remote-stage-card strong{
  font-size:19px;
}
.float-mode-shell.remote-go-mode .remote-stage-quickbar .btn{
  min-height:64px;
  font-size:16px;
}
.float-mode-shell.remote-go-mode .remote-display-strip{
  display:none;
}
.float-mode-shell.remote-go-mode .remote-color-tab{
  display:none;
}
.float-mode-shell.remote-go-mode .remote-go-toggle{
  position:fixed;
  left:50%;
  right:auto;
  top:auto;
  bottom:18px;
  transform:translateX(-50%);
  width:min(240px, calc(100vw - 34px));
  z-index:27;
}
.float-mode-shell.remote-go-mode .remote-edits-menu{
  left:auto;
  right:18px;
  top:82px;
  bottom:auto;
  width:min(242px, calc(100vw - 26px));
  opacity:.88;
  pointer-events:auto;
}
.remote-stage-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:10px;}
.remote-stage-card{
    padding:12px 14px;
    border-radius:18px;
    background:rgba(255,255,255,.62);
    border:1px solid rgba(173,198,230,.36);
    display:grid;
    gap:4px;
    color:#284867;
  }
.remote-stage-card strong{font-size:16px;color:#173a6a;}
.remote-command-grid{
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:14px;
    }
.remote-command-card{
    padding:16px;
    border-radius:22px;
    background:rgba(255,255,255,.58);
    border:1px solid rgba(173,198,230,.32);
    display:grid;
    gap:10px;
    color:#284867;
  }
.remote-command-card strong{font-size:17px;color:#173a6a;}
.remote-command-card span{font-size:13px;line-height:1.55;color:#355473;}
  .remote-product-grid-inline{
      display:grid;
      grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
      gap:14px;
    }
  .remote-feedback-board,
  .remote-review-wall{
      display:grid;
      gap:12px;
    }
  .remote-family-wall{
      display:grid;
      gap:14px;
    }
  .remote-feedback-card{
      display:grid;
      grid-template-columns:64px 1fr auto;
      gap:14px;
      align-items:start;
      padding:16px;
      border-radius:22px;
      background:rgba(255,255,255,.62);
      border:1px solid rgba(167,196,232,.28);
    }
  .remote-feedback-rank{
      width:64px;
      min-height:64px;
      border-radius:20px;
      display:grid;
      place-items:center;
      background:linear-gradient(145deg, rgba(32,84,164,.18), rgba(118,190,255,.38));
      color:#173a6a;
      font-weight:900;
      font-size:20px;
    }
  .remote-feedback-copy{
      display:grid;
      gap:6px;
    }
  .remote-feedback-copy strong{
      color:#173a6a;
      font-size:18px;
    }
  .remote-feedback-author{
      color:#56749a;
      font-size:12px;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:.04em;
    }
  .remote-feedback-copy p,
  .remote-review-card p{
      margin:0;
      color:#2b486d;
      line-height:1.6;
    }
  .remote-feedback-metrics{
      display:grid;
      gap:6px;
      justify-items:end;
      color:#2a4a73;
      font-weight:700;
      font-size:13px;
    }
  .remote-review-card{
      padding:16px;
      border-radius:20px;
      background:rgba(255,255,255,.68);
      border:1px solid rgba(167,196,232,.28);
      display:grid;
      gap:8px;
    }
  .remote-review-card strong{
      color:#173a6a;
      font-size:17px;
    }
  .remote-review-author{
      color:#54739b;
      font-size:12px;
      font-weight:800;
      letter-spacing:.04em;
      text-transform:uppercase;
    }
  .remote-family-card{
      padding:16px;
      border-radius:22px;
      background:rgba(255,255,255,.68);
      border:1px solid rgba(167,196,232,.28);
      display:grid;
      gap:12px;
    }
  .remote-family-media{
      width:100%;
      max-height:320px;
      object-fit:cover;
      border-radius:18px;
      border:1px solid rgba(167,196,232,.22);
      background:#0f1620;
    }
  .remote-family-copy{
      display:grid;
      gap:8px;
    }
  .remote-family-copy strong{
      color:#173a6a;
      font-size:17px;
    }
.remote-stage-scenarios{
    padding:14px;
    border-radius:20px;
    background:linear-gradient(145deg, rgba(255,255,255,.7), rgba(237,245,255,.62));
    border:1px solid rgba(173,198,230,.42);
    display:grid;
    gap:8px;
  }
.remote-stage-scenarios h4{
    margin:0;
    font-size:19px;
    color:#173a6a;
  }
.remote-scenario-buttons{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));
    gap:10px;
  }
.remote-scenario-btn{
    appearance:none;
    border:1px solid rgba(79,126,186,.22);
    background:linear-gradient(160deg, rgba(255,255,255,.96), rgba(227,240,255,.9));
    border-radius:18px;
    padding:12px 13px;
    display:grid;
    gap:6px;
    text-align:left;
    color:#1f3f62;
    box-shadow:0 14px 26px rgba(16,38,70,.12);
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  }
.remote-scenario-btn strong{font-size:16px;color:#15365d;}
.remote-scenario-btn span{font-size:13px;line-height:1.45;color:#355473;}
.remote-scenario-btn:hover,
.remote-scenario-btn:focus-visible{
    transform:translateY(-2px);
    box-shadow:0 18px 32px rgba(16,38,70,.18);
    border-color:rgba(79,126,186,.45);
    outline:none;
  }
.remote-sheet-pills{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:8px 0 2px;
  }
.float-chip{
    display:inline-flex;
    align-items:center;
    padding:8px 12px;
    border-radius:999px;
    background:rgba(18,58,103,.08);
    border:1px solid rgba(18,58,103,.12);
    color:#183c63;
    font-weight:700;
    font-size:13px;
  }
.solid-state-list{
    margin:10px 0 0;
    padding-left:18px;
    color:#355473;
    font-size:13px;
    line-height:1.5;
  }
.remote-purchase-editor{
    position:fixed;
    right:10px;
    bottom:10px;
    z-index:545;
    width:min(330px, calc(100vw - 24px));
    padding:16px;
    border-radius:24px;
    border:1px solid rgba(255,255,255,.18);
    box-shadow:0 26px 44px rgba(5,18,38,.26);
    display:grid;
    gap:10px;
    background:linear-gradient(180deg, rgba(11,25,46,.92), rgba(10,22,42,.84));
  }
.remote-purchase-editor .btn{min-height:48px;justify-content:flex-start;text-align:left;}
.remote-purchase-editor .float-mode-kicker{color:#eef7ff;}
.remote-sticky-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.remote-sticky-controls{
  display:flex;
  gap:8px;
}
.remote-sticky-mini{
  min-width:44px;
  min-height:36px !important;
  padding:8px 10px !important;
  justify-content:center !important;
  text-align:center !important;
}
.remote-sticky-count{
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em;
  color:rgba(232,242,255,.78);
  margin-top:-4px;
}
.remote-purchase-editor .btn,
.remote-edits-menu .btn,
.remote-important-info .btn{
  padding:14px;
}
.remote-edits-menu{
    position:fixed;
    left:auto;
    right:10px;
    top:194px;
    z-index:530;
    width:min(228px, calc(100vw - 26px));
    padding:12px 12px 14px 10px;
    border-radius:24px;
    border:1px solid rgba(255,255,255,.18);
    box-shadow:0 26px 44px rgba(5,18,38,.22);
    display:grid;
    grid-template-columns:20px minmax(0, 1fr);
    gap:8px 10px;
    align-items:start;
    background:linear-gradient(180deg, rgba(11,25,46,.96), rgba(24,42,78,.9));
    overflow:visible;
  }
body.studio-mode-open .remote-edits-menu,
body.studio-mode-open .remote-go-toggle{
  display:none !important;
}
.remote-edits-menu::before{
    content:"";
    position:absolute;
    left:46px;
    right:22px;
    top:-18px;
    height:18px;
    border-radius:16px 16px 0 0;
    background:linear-gradient(180deg, rgba(84,138,255,.88), rgba(84,138,255,.2));
    box-shadow:0 8px 24px rgba(84,138,255,.28);
  }
.remote-edits-label{
  grid-row:1 / span 8;
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  letter-spacing:.2em;
  text-transform:uppercase;
  font-weight:800;
  font-size:11px;
  color:#d9ebff;
  opacity:.95;
  display:flex;
  align-items:center;
  justify-content:center;
  text-shadow:0 0 16px rgba(84,138,255,.38);
}
.remote-edits-menu .float-mode-kicker{
  grid-column:2;
  margin-bottom:2px;
  color:#eef7ff;
  font-size:12px;
}
.remote-sticky-head-edits{
  grid-column:2;
}
.remote-edits-menu .remote-sticky-count{
  grid-column:2;
}
.remote-edits-menu .btn{
  grid-column:2;
  min-height:48px;
  justify-content:flex-start;
  text-align:left;
}
.remote-purchase-editor.is-collapsed .remote-purchase-item,
.remote-edits-menu.is-collapsed .remote-edits-item{
  display:none;
}
.remote-purchase-editor.is-collapsed{
  width:auto;
  min-width:0;
  padding:12px 14px;
  cursor:pointer;
}
.remote-purchase-editor.is-collapsed .remote-sticky-controls,
.remote-purchase-editor.is-collapsed .remote-sticky-count{
  display:none;
}
.remote-purchase-editor.is-collapsed .float-mode-kicker{
  margin:0;
  white-space:nowrap;
}
.remote-edits-menu.is-collapsed{
  width:auto;
  min-width:0;
  padding:12px 14px 12px 12px;
  cursor:pointer;
  grid-template-columns:28px auto;
}
.remote-edits-menu.is-collapsed::before{
  display:none;
}
.remote-edits-menu.is-collapsed .remote-sticky-head-edits{
  align-self:center;
}
.remote-edits-menu.is-collapsed .remote-sticky-controls,
.remote-edits-menu.is-collapsed .remote-sticky-count{
  display:none;
}
.remote-edits-menu.is-collapsed .float-mode-kicker{
  margin:0;
  white-space:nowrap;
}
.remote-purchase-item.is-hidden,
.remote-edits-item.is-hidden{
  display:none;
}
.remote-important-info{
    position:fixed;
    left:18px;
    bottom:58px;
    z-index:529;
    width:min(258px, calc(100vw - 26px));
    padding:16px;
    border-radius:24px;
    border:1px solid rgba(171,210,244,.24);
    box-shadow:0 20px 42px rgba(7,22,46,.14);
    display:grid;
    gap:10px;
    background:linear-gradient(180deg, rgba(252,254,255,.96), rgba(239,246,255,.92));
  }
.remote-important-info .btn{min-height:44px;justify-content:flex-start;text-align:left;}
.float-mode-top .float-mode-actions{
  justify-content:flex-end;
}
.float-mode-top .float-mode-actions .btn.ghost{
  display:none;
}
.float-mode-top .float-mode-actions #floatModeClose{
  min-width:160px;
}
.live-arena-overlay,
#openLiveArenaBtn{
  display:none !important;
}
.float-remote-sheet{
    position:relative;
    inset:auto;
    z-index:2;
    margin:0;
    padding:22px;
    border-radius:28px;
    border:1px solid rgba(255,255,255,.18);
    box-shadow:0 28px 60px rgba(11,32,64,.28);
    background:linear-gradient(180deg, rgba(252,254,255,.94), rgba(240,247,255,.9));
    backdrop-filter:blur(20px);
    min-height:90vh;
    overflow:auto;
  }
body.remote-hide-ads .remote-display-strip{
  display:none;
}
.float-remote-sheet-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}
.float-remote-sheet-head h3{
  margin:0;
  font-size:30px;
  color:#173a6a;
}
.float-remote-sheet-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.float-remote-sheet-body{
  display:grid;
  gap:14px;
}
.float-sheet-shell{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
}
.float-sheet-panel{
  padding:16px;
  border-radius:22px;
  background:rgba(255,255,255,.58);
  border:1px solid rgba(167,196,232,.28);
  display:grid;
  gap:12px;
}
.float-sheet-panel h4{
  margin:0;
  color:#173a6a;
  font-size:18px;
}
.float-sheet-textarea{
  min-height:180px;
  resize:vertical;
}
.float-sheet-status{
  padding:14px 16px;
  border-radius:18px;
  background:rgba(17,56,97,.08);
  color:#26456d;
  line-height:1.55;
}
.float-value-lane{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.float-value-lane.compact{
  gap:6px;
  margin-bottom:6px;
}
.float-value-pill{
  padding:8px 12px;
  border-radius:999px;
  background:linear-gradient(135deg, rgba(255,255,255,.82), rgba(212,235,255,.58));
  border:1px solid rgba(171,199,231,.38);
  color:#214a78;
  font-size:12px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.float-map-bubbles{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}
.float-map-bubble{
  border:none;
  border-radius:24px;
  padding:18px;
  text-align:left;
  cursor:pointer;
  display:grid;
  gap:6px;
  background:linear-gradient(135deg, rgba(255,255,255,.88), rgba(213,235,255,.58));
  color:#173a6a;
  box-shadow:0 14px 28px rgba(23,87,205,.1);
}
.float-map-bubble strong{
  font-size:16px;
}
.float-map-bubble span{
  color:#47617e;
  line-height:1.45;
}
.profile-sheet-shell{
  grid-template-columns:1.1fr .9fr;
}
.float-profile-sheet-hero{
  display:grid;
  grid-template-columns:180px 1fr;
  gap:16px;
  align-items:center;
}
.float-profile-sheet-image{
  min-height:210px;
  border-radius:24px;
  background:linear-gradient(145deg, rgba(227,239,251,.92), rgba(199,221,243,.64));
  border:1px solid rgba(164,193,223,.42);
  display:grid;
  place-items:center;
  color:#27466d;
  font-weight:800;
  background-size:cover;
  background-position:center;
}
.float-sheet-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}
.float-sheet-grid.three{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}
.float-sheet-copy{
  padding:10px 12px;
  border-radius:16px;
  background:rgba(255,255,255,.54);
  color:#27466d;
  line-height:1.4;
  border:1px solid rgba(167,196,232,.28);
  font-size:14px;
  max-height:72px;
  overflow:hidden;
}
.float-guide-shell{
  padding:16px;
  border-radius:20px;
  background:linear-gradient(145deg, rgba(255,255,255,.7), rgba(224,241,255,.48));
  border:1px solid rgba(160,194,231,.34);
  display:grid;
  gap:12px;
}
.float-guide-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.float-guide-status{
  padding:12px 14px;
  border-radius:16px;
  background:rgba(17,56,97,.08);
  color:#26456d;
}
.float-guide-steps{
  display:grid;
  gap:10px;
}
.float-guide-step{
  width:100%;
  text-align:left;
  border:none;
  border-radius:18px;
  background:rgba(255,255,255,.74);
  color:#1e3554;
  padding:14px 16px;
  cursor:pointer;
  display:grid;
  gap:4px;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.float-guide-step:hover,
.float-guide-step.active{
  transform:translateY(-1px);
  background:rgba(210,236,255,.92);
  box-shadow:0 14px 28px rgba(23,87,205,.14);
}
.float-mode-shell.sheet-open .float-mode-grid{
    display:none;
  }
.float-mode-shell.sheet-open .float-mode-nav{
  display:none;
}
.float-mode-shell.touch-home .float-mode-nav{
  display:none;
}
.float-mode-sticky-bottom{
  grid-column:1 / -1;
  position:sticky;
  bottom:10px;
  z-index:5;
  padding:10px;
  border-radius:22px;
  display:flex;
  justify-content:center;
  backdrop-filter:blur(16px);
}
.float-mode-shell.touch-home .float-mode-sticky-bottom{
  position:sticky;
}
.float-mode-sticky-bottom .btn{
  min-width:min(360px, 100%);
  min-height:52px;
}
.float-mode-grid #reelPanel{grid-column:1;}
#floatLiveBox{grid-column:2;}
#floatAssistantBox{grid-column:3;}
#floatProfileBox{grid-column:1;}
#floatDeviceBox{grid-column:2;}
#floatBoardsBox{grid-column:3;}
#floatSettingsBox{grid-column:1 / span 3;}
.float-mode-active #reelPanel{display:none !important;}
.float-mode-active #floatLiveBox,
.float-mode-active #floatAssistantBox,
.float-mode-active #floatProfileBox,
.float-mode-active #floatDeviceBox,
.float-mode-active #floatBoardsBox,
.float-mode-active #floatSettingsBox{
  grid-column:auto !important;
}
.float-box{
  min-height:210px;
  border-radius:26px;
  padding:18px;
  display:grid;
  gap:14px;
}
.float-box[hidden]{display:none !important;}
.float-map-hero{
  display:grid;
  grid-template-columns:minmax(160px, 220px) minmax(0, 1fr);
  gap:14px;
  align-items:stretch;
  padding:14px;
  border-radius:24px;
  background:linear-gradient(135deg, rgba(255,255,255,.8), rgba(229,240,255,.6));
  box-shadow:0 18px 36px rgba(24,76,140,.12);
}
.float-map-hero-image{
  min-height:180px;
  border-radius:20px;
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg, rgba(24,47,88,.08), rgba(8,20,38,.2)),
    url('/static/images/woman-waking-up12.jpg') center/cover no-repeat;
}
.float-map-hero-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 22% 18%, rgba(255,255,255,.4), transparent 30%),
    linear-gradient(150deg, rgba(255,255,255,.14), transparent 62%);
}
.float-map-hero-copy{
  display:grid;
  gap:8px;
  align-content:center;
}
.float-map-hero-copy strong{
  font-size:22px;
  color:#18386d;
}
.float-map-hero-copy span{
  color:#395578;
  line-height:1.45;
}
.float-map-hero[data-map-view="river"] .float-map-hero-image{
  background:
    linear-gradient(180deg, rgba(18,69,92,.18), rgba(5,24,39,.28)),
    url('/static/images/woman-waking-up12.jpg') center/cover no-repeat;
  filter:hue-rotate(160deg) saturate(1.15);
}
.float-map-hero[data-map-view="vip"] .float-map-hero-image{
  background:
    linear-gradient(180deg, rgba(73,44,8,.14), rgba(20,11,6,.28)),
    url('/static/images/woman-waking-up12.jpg') center/cover no-repeat;
  filter:hue-rotate(-20deg) saturate(1.18) contrast(1.04);
}
.float-map-hero[data-map-view="market"] .float-map-hero-image{
  background:
    linear-gradient(180deg, rgba(97,45,9,.12), rgba(42,18,5,.22)),
    url('/static/images/woman-waking-up12.jpg') center/cover no-repeat;
  filter:hue-rotate(-35deg) saturate(1.2);
}
.float-map-hero[data-map-view="lab"] .float-map-hero-image{
  background:
    linear-gradient(180deg, rgba(16,76,106,.15), rgba(9,22,39,.24)),
    url('/static/images/woman-waking-up12.jpg') center/cover no-repeat;
  filter:hue-rotate(185deg) saturate(1.1) brightness(1.02);
}
.float-map-hero[data-map-view="island"] .float-map-hero-image{
  background:
    linear-gradient(180deg, rgba(10,94,84,.16), rgba(7,29,34,.24)),
    url('/static/images/woman-waking-up12.jpg') center/cover no-repeat;
  filter:hue-rotate(110deg) saturate(1.22) brightness(1.02);
}
.float-map-action-host{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
}
.float-map-action{
  display:grid;
  gap:6px;
  padding:12px 14px;
  border-radius:18px;
  border:1px solid rgba(117,162,223,.22);
  background:rgba(255,255,255,.72);
  color:#173a6a;
  text-align:left;
  cursor:pointer;
}
.float-map-action strong{font-size:15px;}
.float-map-action span{font-size:12px;color:#47627f;line-height:1.35;}
.float-box-focus{
  box-shadow:0 0 0 2px rgba(133,206,255,.42), 0 28px 48px rgba(11,32,64,.28);
  transform:translateY(-2px);
}
.float-box-head span:first-child{
  font-weight:800;
}
.float-triangle-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
}
.float-subpanel{
  display:grid;
  gap:8px;
  min-height:112px;
  padding:14px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.04));
  align-content:start;
}
.float-subpanel strong{
  font-size:16px;
}
.float-subpanel span{
  color:#dce9fb;
  line-height:1.45;
  font-size:13px;
}
.float-live-body{display:grid;gap:12px;}
.float-box-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.float-box-badge{
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  font-size:10px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22);
}
.float-live-body{align-content:center;}
.float-faq-stack{
  display:grid;
  gap:10px;
}
.float-mode-shell.touch-home .float-mode-grid{
  display:none;
}
.float-mode-shell.touch-home .float-mode-footer{
  margin-top:0;
}
.float-mode-shell.touch-home .float-mode-launch{
    min-height:auto;
    align-content:start;
  }
.float-mode-shell.touch-home .float-launch-btn.active{
  box-shadow:0 0 0 2px rgba(255,255,255,.2), 0 20px 40px rgba(23,87,205,.22);
}
.remote-guardian-rail{
    position:fixed;
    right:14px;
    top:112px;
    z-index:525;
    display:flex;
    flex-direction:row;
    gap:10px;
  }
.remote-guardian-btn{
    min-width:220px;
    min-height:76px;
    border-radius:999px;
    border:1px solid rgba(180,219,255,.45);
    background:rgba(8,25,48,.78);
    color:#ecf7ff;
    box-shadow:0 14px 30px rgba(6,18,38,.24);
    display:flex;
    align-items:center;
    gap:12px;
    padding:10px 14px;
    backdrop-filter:blur(16px);
    touch-action:manipulation;
    --demo-shift-x:0px;
    --demo-shift-y:0px;
    --demo-tilt:0deg;
    --demo-bob-duration:7.8s;
    animation:remoteGuardianDrift var(--demo-bob-duration) ease-in-out infinite;
    transform:translate(var(--demo-shift-x), var(--demo-shift-y)) rotate(var(--demo-tilt));
  transition:transform 1.45s ease, box-shadow 1.1s ease, border-color 1.1s ease;
    cursor:pointer;
  }
.remote-guardian-btn.demo-active{
    position:fixed;
    left:var(--demo-float-left, calc(50vw - 110px));
    top:var(--demo-float-top, 18vh);
    z-index:240;
    transition:left .75s cubic-bezier(.22,.61,.36,1), top .75s cubic-bezier(.22,.61,.36,1), transform .8s ease, box-shadow .6s ease, filter .6s ease;
    will-change:left, top, transform;
  }
.remote-guardian-orb{
    width:44px;
    height:44px;
    border-radius:50%;
    box-shadow:0 0 22px rgba(255,255,255,.35);
    animation:remoteOrbPulse 2.2s ease-in-out infinite;
    flex:none;
  }
.remote-guardian-orb.orb-aria{background:radial-gradient(circle at 35% 30%, rgba(161,255,238,.95), rgba(60,116,238,.7));}
.remote-guardian-orb.orb-jake{background:radial-gradient(circle at 35% 30%, rgba(255,220,150,.95), rgba(71,94,189,.7));}
.remote-guardian-copy{display:grid;gap:2px;text-align:left;opacity:1;visibility:visible;transition:none;}
.remote-guardian-copy strong{font-size:18px;line-height:1;}
.remote-guardian-copy small{font-size:11px;letter-spacing:.04em;color:#d9ebff;text-transform:uppercase;}
.remote-guardian-copy-solo{
  align-items:center;
}
.remote-guardian-copy-solo strong{
  font-size:15px;
  letter-spacing:.03em;
  line-height:1.1;
  opacity:1;
  visibility:visible;
}
.float-remote-sheet.remote-sheet-blog{
    min-height:72vh;
  }
.remote-blog-party{
    display:grid;
    gap:18px;
  }
.remote-blog-hero{
    padding:20px;
    border-radius:24px;
    background:linear-gradient(135deg, rgba(10,25,46,.92), rgba(20,56,94,.78));
    color:#eef7ff;
    display:grid;
    gap:10px;
  }
.remote-blog-hero h4{margin:0;font-size:32px;}
.remote-blog-hero p{margin:0;line-height:1.7;color:#eef7ff;}
.remote-blog-stats{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:12px;
  }
.remote-blog-stat{
    padding:16px;
    border-radius:20px;
    background:rgba(255,255,255,.72);
    border:1px solid rgba(173,198,230,.36);
    display:grid;
    gap:6px;
  }
.remote-blog-stat strong{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#44627e;}
.remote-blog-stat span{font-size:26px;color:#173a6a;font-weight:800;}
.remote-blog-list{
    display:grid;
    gap:12px;
  }
.remote-blog-post{
    padding:18px;
    border-radius:22px;
    background:rgba(255,255,255,.62);
    border:1px solid rgba(173,198,230,.36);
    display:grid;
    gap:10px;
  }
.remote-blog-post h5{margin:0;font-size:20px;color:#173a6a;}
.remote-blog-post p{margin:0;color:#355473;line-height:1.7;white-space:pre-line;}
.remote-acquisition-board{
    display:grid;
    gap:16px;
    padding:18px 20px;
    border-radius:24px;
    background:linear-gradient(135deg, rgba(9,27,53,.94), rgba(15,54,104,.82));
    color:#eef7ff;
    border:1px solid rgba(163,198,238,.22);
    box-shadow:0 18px 42px rgba(10,24,48,.16);
  }
.remote-acquisition-board h5{margin:0;font-size:28px;}
.remote-acquisition-board p{margin:0;line-height:1.65;color:rgba(235,245,255,.92);}
.remote-acquisition-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:12px;
  }
.remote-acquisition-card{
    display:grid;
    gap:8px;
    padding:16px;
    border-radius:20px;
    background:rgba(255,255,255,.1);
    border:1px solid rgba(209,228,255,.18);
  }
.remote-acquisition-card strong{font-size:13px;letter-spacing:.06em;text-transform:uppercase;}
.remote-acquisition-card span{font-size:18px;font-weight:700;}
.remote-acquisition-card small{font-size:13px;line-height:1.55;color:rgba(230,241,255,.84);}
.remote-acquisition-lanes{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
  }
.remote-acquisition-lane{
    display:grid;
    gap:5px;
    padding:14px 16px;
    border-radius:18px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(209,228,255,.14);
  }
.remote-acquisition-lane strong{font-size:14px;}
.remote-acquisition-lane span{font-size:13px;color:rgba(230,241,255,.84);}
.solid-state-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:14px;
  }
.solid-state-check{
    padding:16px;
    border-radius:20px;
    background:rgba(255,255,255,.68);
    border:1px solid rgba(173,198,230,.36);
    display:grid;
    gap:6px;
  }
.solid-state-check strong{color:#173a6a;}
.solid-state-check span{color:#355473;line-height:1.6;}
.solid-state-check.ready{box-shadow:0 0 0 1px rgba(71,177,115,.22) inset;}
.solid-state-check.pending{box-shadow:0 0 0 1px rgba(212,163,54,.22) inset;}
.float-prime-menu,
.float-founder-layer,
.float-t-guide{
  position:fixed;
  z-index:545;
}
.float-t-guide[hidden]{
  display:none !important;
}
.float-prime-menu{
  top:112px;
  left:50%;
  transform:translateX(-50%);
  width:min(860px, calc(100vw - 32px));
  padding:20px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.2);
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(242,248,255,.86));
  box-shadow:0 24px 50px rgba(12,35,66,.18);
}
.float-prime-copy h3,
.float-founder-head h3{
  margin:4px 0 6px;
  color:#173a6a;
}
.float-prime-copy p{
  margin:0;
  color:#47617e;
  line-height:1.6;
}
.float-prime-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:14px;
}
.float-founder-layer{
  right:18px;
  top:190px;
  width:min(420px, calc(100vw - 36px));
  padding:18px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.18);
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(240,247,255,.84));
  box-shadow:0 24px 48px rgba(12,35,66,.18);
}
.float-founder-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.float-founder-grid{
  display:grid;
  gap:12px;
}
.float-founder-card{
  padding:14px 16px;
  border-radius:20px;
  background:rgba(255,255,255,.58);
  border:1px solid rgba(167,196,232,.28);
  display:grid;
  gap:6px;
  color:#27466d;
}
.float-founder-card strong{
  color:#173a6a;
}
.float-t-guide{
  inset:0;
  pointer-events:none;
  display:grid;
  place-items:start center;
}
.float-t-bar{
  margin-top:72px;
  width:min(1240px, calc(100vw - 40px));
  min-height:72px;
  border-radius:26px;
  background:linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,.1));
  border:1px solid rgba(255,255,255,.18);
  color:#eef7ff;
  display:grid;
  place-items:center;
  letter-spacing:.12em;
  text-transform:uppercase;
  backdrop-filter:blur(8px);
  animation:tGuideFade 3.4s ease-in-out infinite;
}
.float-t-stem{
  width:220px;
  min-height:62vh;
  margin-top:-1px;
  background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.04));
  border-left:1px solid rgba(255,255,255,.16);
  border-right:1px solid rgba(255,255,255,.16);
  display:grid;
  align-items:center;
}
.float-t-copy{
  margin:0 auto;
  width:min(240px, calc(100vw - 48px));
  padding:14px 16px;
  border-radius:20px;
  background:rgba(17,56,97,.14);
  color:#eef7ff;
  text-align:center;
  line-height:1.55;
}
@keyframes tGuideFade{
  0%,100%{opacity:.45}
  50%{opacity:.9}
}
.float-faq-stack,
.float-faq-reel-host,
#floatLiveBox .float-mini-actions{
  position:relative;
  z-index:1;
}
#floatLiveBox{
  background:
    radial-gradient(220px 120px at 16% 18%, rgba(255,224,170,.14), transparent 70%),
    radial-gradient(260px 160px at 84% 20%, rgba(136,204,255,.14), transparent 72%),
    linear-gradient(180deg, rgba(15,27,52,.86), rgba(17,30,58,.76));
}
#floatLiveBox::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
  pointer-events:none;
}
.float-faq-item{
  width:100%;
  text-align:left;
  display:grid;
  gap:8px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.04));
  color:#eef7ff;
  cursor:pointer;
}
.float-faq-topline{display:flex;justify-content:flex-start;align-items:center;}
.float-faq-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 10px;
  border-radius:999px;
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  background:linear-gradient(90deg, rgba(72,150,255,.22), rgba(114,236,202,.18));
  color:#f5fbff;
  border:1px solid rgba(146,214,255,.26);
}
.float-faq-item span{
  color:#dce9fb;
  line-height:1.45;
}
.float-faq-cta{
  justify-self:start;
  margin-top:2px;
}
.float-faq-reel-host{
  min-height:230px;
  border-radius:20px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
}
.float-faq-reel-frame{
  width:100%;
  min-height:230px;
  border:0;
}
.float-record-btn{
  width:100%;
  min-height:92px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.25);
  background:linear-gradient(180deg, rgba(18,31,54,.85), rgba(8,16,28,.8));
  color:#fff;
  font-size:28px;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  cursor:pointer;
}
.float-record-btn span{
  width:22px;
  height:22px;
  border-radius:50%;
  background:#ff4d4d;
  box-shadow:0 0 0 6px rgba(255,77,77,.16);
}
.float-mini-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.float-assistant-stage{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.float-assistant-orb{
  min-height:0;
  width:min(170px, 100%);
  aspect-ratio:1 / 1;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.25);
  color:#fff;
  font-size:18px;
  font-weight:700;
  cursor:default;
  pointer-events:auto;
  display:grid;
  place-items:center;
  gap:10px;
  justify-self:center;
  position:relative;
  overflow:hidden;
  box-shadow:0 18px 42px rgba(8,17,34,.28);
  --demo-shift-x:0px;
  --demo-shift-y:0px;
  --demo-tilt:0deg;
  --demo-bob-duration:7.4s;
  animation:remoteAssistantDrift var(--demo-bob-duration) ease-in-out infinite;
  transform:translate(var(--demo-shift-x), var(--demo-shift-y)) rotate(var(--demo-tilt));
  transition:transform 1.45s ease, box-shadow 1.1s ease, filter 1.1s ease;
}
.float-assistant-orb.demo-active{
  position:fixed;
  left:var(--demo-float-left, calc(50vw - 84px));
  top:var(--demo-float-top, 22vh);
  width:min(170px, 34vw);
  z-index:240;
  box-shadow:0 30px 70px rgba(8,17,34,.34);
  animation:remoteAssistantDrift var(--demo-bob-duration) ease-in-out infinite, remoteOrbPulse 1.7s ease-in-out infinite, remoteOrbCharge 1.9s ease-in-out infinite;
  transition:left 1s cubic-bezier(.22,.61,.36,1), top 1s cubic-bezier(.22,.61,.36,1), transform 1s ease, box-shadow .75s ease, filter .75s ease;
  will-change:left, top, transform;
}
body.assistant-static .float-assistant-orb,
body.assistant-static .remote-guardian-btn{
  animation:none !important;
}
body.assistant-static .float-assistant-orb.demo-active,
body.assistant-static .remote-guardian-btn.demo-active{
  transition:box-shadow .18s ease, filter .18s ease, opacity .18s ease !important;
}
.float-assistant-orb.hover-wave,
.remote-guardian-btn.hover-wave{
  filter:brightness(1.08) saturate(1.1);
  box-shadow:0 0 0 6px rgba(255,255,255,.2),0 0 26px rgba(94,180,255,.28),0 0 52px rgba(255,224,107,.24);
}
.float-assistant-orb.is-alert,
.remote-guardian-btn.is-alert{
  filter:saturate(1.16) brightness(1.08);
  box-shadow:0 30px 86px rgba(255,110,110,.34);
}
.float-assistant-orb.is-excited,
.remote-guardian-btn.is-excited{
  filter:saturate(1.22) brightness(1.12);
  box-shadow:0 32px 92px rgba(255,211,120,.34);
}
.float-assistant-orb.is-social,
.remote-guardian-btn.is-social{
  filter:saturate(1.14) brightness(1.06);
  box-shadow:0 30px 84px rgba(110,196,255,.34);
}
.float-assistant-orb.is-focus,
.remote-guardian-btn.is-focus{
  filter:saturate(1.08) brightness(1.08);
  box-shadow:0 30px 88px rgba(132,255,188,.28);
}
.float-assistant-orb.aria{background:radial-gradient(circle at 30% 25%, rgba(102,255,231,.75), rgba(34,81,156,.88));}
.float-assistant-orb.jake{background:radial-gradient(circle at 30% 25%, rgba(255,203,103,.72), rgba(40,51,112,.92));}
.float-assistant-orb[data-demo-scene="map"],
.remote-guardian-btn[data-demo-scene="map"]{
  box-shadow:0 24px 54px rgba(36,120,255,.32);
}
.float-assistant-orb[data-demo-scene="studio"],
.remote-guardian-btn[data-demo-scene="studio"]{
  box-shadow:0 24px 56px rgba(255,182,77,.26);
}
.float-assistant-orb[data-demo-scene="payments"],
.remote-guardian-btn[data-demo-scene="payments"]{
  box-shadow:0 24px 52px rgba(84,255,185,.26);
}
.float-assistant-core{
  width:66px;
  height:66px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(255,255,255,.98), rgba(255,255,255,.18) 68%, transparent 72%);
  box-shadow:0 0 26px rgba(255,255,255,.6);
  animation:remoteOrbPulse 2.2s ease-in-out infinite;
}
.float-assistant-label{
  font-size:15px;
  letter-spacing:.04em;
  text-transform:uppercase;
  text-align:center;
  max-width:120px;
  text-shadow:0 4px 16px rgba(0,0,0,.28);
  opacity:1;
  visibility:visible;
  transition:none;
}
.float-assistant-orb::after{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  pointer-events:none;
}
.btn.pulse-select,
.launch-main-btn.pulse-select,
.remote-menu-btn.pulse-select,
.float-launch-btn.pulse-select,
.remote-side-arrow.pulse-select{
  animation:buttonPulseHalo .9s ease-out;
}
@keyframes buttonPulseHalo{
  0%{
    transform:scale(.98);
    box-shadow:
      0 0 0 0 rgba(255,77,77,.36),
      0 0 0 0 rgba(255,214,61,.3),
      0 0 0 0 rgba(61,214,97,.24),
      0 0 0 0 rgba(61,125,255,.2);
  }
  65%{
    transform:scale(1.03);
    box-shadow:
      0 0 0 6px rgba(255,77,77,.24),
      0 0 0 12px rgba(255,214,61,.18),
      0 0 0 18px rgba(61,214,97,.14),
      0 0 0 24px rgba(61,125,255,.1);
  }
  100%{
    transform:scale(1);
    box-shadow:
      0 0 0 0 rgba(255,77,77,0),
      0 0 0 0 rgba(255,214,61,0),
      0 0 0 0 rgba(61,214,97,0),
      0 0 0 0 rgba(61,125,255,0);
  }
}
.assistant-boot-overlay{
  position:fixed;
  inset:0;
  display:grid;
  place-items:center;
  z-index:140;
  pointer-events:none;
  opacity:0;
  transition:opacity .28s ease;
}
.assistant-boot-overlay.show{
  opacity:1;
}
.assistant-boot-card{
  position:relative;
  min-width:min(76vw, 420px);
  padding:28px 22px 24px;
  border-radius:28px;
  background:radial-gradient(circle at 50% 20%, rgba(255,255,255,.32), rgba(8,17,34,.88));
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 28px 90px rgba(8,17,34,.44);
  text-align:center;
  overflow:hidden;
}
.assistant-boot-overlay[data-assistant="aria"] .assistant-boot-card{
  background:radial-gradient(circle at 50% 20%, rgba(97,255,224,.26), rgba(8,17,34,.9));
}
.assistant-boot-overlay[data-assistant="jake"] .assistant-boot-card{
  background:radial-gradient(circle at 50% 20%, rgba(255,196,84,.24), rgba(8,17,34,.9));
}
.assistant-boot-ring{
  position:absolute;
  inset:20px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  animation:assistantBootRing 1.1s ease-out infinite;
}
.assistant-boot-ring.ring-two{
  inset:38px;
  animation-delay:.28s;
}
.assistant-boot-label{
  position:relative;
  z-index:1;
  font-size:15px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:rgba(232,244,255,.88);
}
.assistant-boot-number{
  position:relative;
  z-index:1;
  font-size:clamp(72px, 16vw, 140px);
  line-height:1;
  font-weight:800;
  color:#fff;
  text-shadow:0 0 30px rgba(255,255,255,.3);
  animation:assistantBootPulse .65s ease-in-out infinite;
}
.assistant-boot-status{
  position:relative;
  z-index:1;
  font-size:15px;
  line-height:1.45;
  color:rgba(230,240,255,.9);
}
.assistant-boot-overlay.ready .assistant-boot-number{
  color:#87ffe7;
}
@keyframes assistantBootPulse{
  0%,100%{transform:scale(.94);}
  50%{transform:scale(1.08);}
}
@keyframes assistantBootRing{
  0%{transform:scale(.92); opacity:.84;}
  100%{transform:scale(1.18); opacity:0;}
}
@keyframes remoteAssistantDrift{
  0%{transform:translate3d(var(--demo-shift-x), var(--demo-shift-y), 0) rotate(var(--demo-tilt)) scale(1);}
  22%{transform:translate3d(calc(var(--demo-shift-x) * -0.34), calc(var(--demo-shift-y) * -0.56 - 14px), 0) rotate(calc(var(--demo-tilt) * -0.42)) scale(1.05);}
  46%{transform:translate3d(calc(var(--demo-shift-x) * 0.18), calc(var(--demo-shift-y) * 0.18 - 24px), 0) rotate(calc(var(--demo-tilt) * 0.22)) scale(1.11);}
  68%{transform:translate3d(calc(var(--demo-shift-x) * -0.22), calc(var(--demo-shift-y) * -0.14 + 12px), 0) rotate(calc(var(--demo-tilt) * -0.22)) scale(1.03);}
  100%{transform:translate3d(var(--demo-shift-x), var(--demo-shift-y), 0) rotate(var(--demo-tilt)) scale(1);}
}
@keyframes remoteGuardianDrift{
  0%{transform:translate(var(--demo-shift-x), var(--demo-shift-y)) rotate(var(--demo-tilt));}
  50%{transform:translate(calc(var(--demo-shift-x) * -0.2), calc(var(--demo-shift-y) * -0.3 - 4px)) rotate(calc(var(--demo-tilt) * -0.45));}
  100%{transform:translate(var(--demo-shift-x), var(--demo-shift-y)) rotate(var(--demo-tilt));}
}
@keyframes remoteOrbPulse{
  0%,100%{transform:scale(.94); box-shadow:0 0 18px rgba(255,255,255,.45);}
  50%{transform:scale(1.06); box-shadow:0 0 34px rgba(255,255,255,.78);}
}
@keyframes remoteOrbCharge{
  0%,100%{filter:saturate(1) brightness(1);}
  50%{filter:saturate(1.18) brightness(1.08);}
}
.float-big-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.float-pill{
  min-height:74px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.22);
  background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.06));
  color:#eef7ff;
  font-size:20px;
  font-weight:700;
  cursor:pointer;
}
.float-board-list{display:grid;grid-template-columns:1fr;gap:10px;}
.float-upload-strip,
.float-transport-strip{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.float-transport-btn{
  min-height:60px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:28px;
  line-height:1;
  font-weight:800;
}
.float-board-editor{
  display:grid;
  gap:12px;
  padding:14px;
  border-radius:20px;
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.12);
}
.float-board-preview{
  min-height:240px;
  border-radius:18px;
  padding:14px;
  border:1px solid rgba(125,215,255,.22);
  background:linear-gradient(180deg, rgba(9,17,30,.8), rgba(13,29,44,.7));
  color:#eef7ff;
  line-height:1.55;
  display:grid;
  gap:12px;
}
.float-board-preview-media{
  border-radius:16px;
  overflow:hidden;
  background:rgba(4,10,20,.56);
  border:1px solid rgba(154,223,255,.18);
}
.float-board-preview-media audio,
.float-board-preview-media video{
  width:100%;
  display:block;
  background:#08111d;
}
.float-wave-canvas{
  width:100%;
  min-height:120px;
  border-radius:16px;
  background:linear-gradient(180deg, rgba(5,14,26,.92), rgba(9,21,38,.88));
  border:1px solid rgba(141,223,255,.18);
}
.float-wave-meta{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  color:#dcefff;
}
.float-wave-meta strong{
  font-size:24px;
}
.float-board-preview-copy{
  white-space:pre-line;
}
.float-map-loader{
  height:12px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(16,34,61,.12);
  border:1px solid rgba(126,198,255,.22);
}
.float-map-loader span{
  display:block;
  height:100%;
  width:0%;
  border-radius:inherit;
  background:linear-gradient(90deg, #68d8ff, #80ffcf);
  transition:width .28s ease;
}
.float-profile-hero{
  display:grid;
  grid-template-columns:120px 1fr;
  gap:14px;
  align-items:stretch;
}
.float-profile-image{
  min-height:140px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.18);
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03)),
    url('/static/images/woman-waking-up12.jpg') center/cover no-repeat;
  display:grid;
  place-items:end start;
  padding:12px;
  font-size:12px;
  font-weight:700;
  color:#eef7ff;
}
.float-profile-summary{
  display:grid;
  gap:8px;
  padding:14px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.14);
}
.float-profile-summary span,
.float-profile-history{
  color:#dce9fb;
  line-height:1.5;
}
.float-profile-results{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}
.float-profile-result-card,
.float-profile-scan,
.float-profile-security,
.float-faq-dropdown{
  display:grid;
  gap:10px;
  padding:14px 16px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.04));
}
.float-profile-result-card strong,
.float-profile-scan-head strong{
  color:#fff;
}
.float-profile-result-card span{
  color:#deecff;
  line-height:1.55;
}
.float-profile-history{
  padding:14px;
  border-radius:18px;
  background:rgba(6,18,31,.42);
  border:1px solid rgba(255,255,255,.1);
}
.float-profile-scan-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.float-profile-scan-head span,
.float-profile-security span{
  color:#d9ebff;
  line-height:1.5;
}
.float-profile-scan-stage{
  position:relative;
  min-height:240px;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(149,216,255,.22);
  background:radial-gradient(circle at 20% 20%, rgba(255,255,255,.18), transparent 28%), linear-gradient(145deg, rgba(11,28,52,.92), rgba(20,49,79,.74));
}
.float-profile-scan-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.float-profile-scan-overlay{
  position:absolute;
  left:16px;
  right:16px;
  bottom:16px;
  z-index:2;
  padding:12px 14px;
  border-radius:16px;
  background:rgba(9,18,34,.72);
  color:#f4f9ff;
  line-height:1.5;
  backdrop-filter:blur(10px);
}
.float-theme-rail{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}
.float-theme-card{
  padding:14px;
  min-height:112px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.04));
  color:#eef7ff;
  text-align:left;
  cursor:pointer;
  display:grid;
  gap:6px;
}
.float-theme-card strong{font-size:15px;}
.float-theme-card span{color:#dce9fb;font-size:13px;line-height:1.45;}
.float-theme-card.favorite{
  border-color:rgba(255,214,110,.62);
  box-shadow:0 0 0 1px rgba(255,214,110,.25), 0 18px 32px rgba(67,134,224,.2);
  background:
    radial-gradient(circle at top right, rgba(255,214,110,.2), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
}
.float-config-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
}
.float-studio-fx-grid,
.float-gig-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
}
.float-settings-chip{
  min-height:60px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.05));
  color:#eef7ff;
  font-weight:700;
  cursor:pointer;
}
.float-settings-chip:focus-visible,
.float-settings-chip:hover{
  outline:none;
  border-color:rgba(157,233,255,.62);
  box-shadow:0 12px 24px rgba(23,87,205,.16);
}
.float-settings-guide{
  display:grid;
  gap:8px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(125,215,255,.2);
  background:linear-gradient(180deg, rgba(8,16,28,.78), rgba(14,29,44,.68));
  color:#eef7ff;
  line-height:1.55;
}
.float-settings-guide strong{
  font-size:15px;
  color:#f4fbff;
}
.float-switch-row{
  display:flex;
  align-items:center;
  gap:10px;
  color:#e6f4ff;
  font-size:14px;
}
.float-diary-input{
  min-height:170px;
  font-size:16px;
}
.float-diary-social-input{
  min-height:140px;
  font-size:15px;
}
.float-diary-link-hub{
  display:grid;
  gap:10px;
}
.float-social-check-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
  color:#eef7ff;
}
.float-social-check-grid label{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:0 12px;
  border-radius:14px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
}
.float-diary-link-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.float-diary-link-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(125,215,255,.28);
  background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
  color:#eef7ff;
  text-decoration:none;
  font-size:13px;
  font-weight:700;
}
.float-diary-link-empty{
  color:#dce9fb;
  font-size:13px;
  line-height:1.5;
}
.float-diary-link-editor{
  border-radius:18px;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  padding:12px 14px;
}
.float-diary-link-editor summary{
  cursor:pointer;
  font-weight:700;
  color:#eef7ff;
  margin-bottom:10px;
}
.float-diary-shell{
  display:grid;
  gap:14px;
}
.float-diary-welcome{
  display:grid;
  gap:8px;
  padding:14px 16px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.05));
}
.float-diary-welcome span{
  color:#dce9fb;
  line-height:1.5;
}
.float-diary-panels{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
}
.float-diary-panels.diary-layout{
  grid-template-columns:1.15fr .95fr 1fr;
}
.float-diary-panel,
.float-diary-gps-stage{
  display:grid;
  gap:12px;
  padding:16px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.04));
}
.float-diary-panel-head{
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#dce9fb;
}
.float-diary-laser{
  display:block;
  font-size:18px;
  font-weight:800;
  letter-spacing:.08em;
  color:#f2fbff;
  text-shadow:0 0 12px rgba(128,231,255,.52), 0 0 24px rgba(128,231,255,.22);
  animation:floatLaserBlink 1.8s ease-in-out infinite;
}
@keyframes floatLaserBlink{
  0%, 100%{opacity:1; transform:translateY(0);}
  50%{opacity:.62; transform:translateY(-1px);}
}
.float-handsfree-card{
  display:grid;
  gap:10px;
}
.float-diary-assistant-fixed{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.float-diary-history{
  min-height:180px;
  max-height:260px;
  overflow:auto;
  white-space:pre-wrap;
}
.float-diary-page-wrap{
  padding:12px;
  border-radius:22px;
  border:1px solid rgba(200,187,139,.28);
  background:linear-gradient(180deg, rgba(255,250,238,.96), rgba(241,232,212,.9));
  box-shadow:inset 0 0 0 1px rgba(122,89,45,.08), 0 18px 30px rgba(20,33,50,.1);
}
.float-diary-page-preview{
  min-height:255px;
  display:grid;
  grid-template-rows:repeat(5, minmax(32px, auto));
  gap:10px;
  font-size:18px;
  line-height:1.7;
  color:#3d2e1c;
  font-family:"Segoe Print","Bradley Hand ITC","Comic Sans MS",cursive;
}
.float-diary-page-preview div{
  border-bottom:1px solid rgba(90,60,28,.22);
  padding-bottom:6px;
}
.diary-manuscript-input{
  min-height:150px;
  font-family:"Georgia","Times New Roman",serif;
  font-style:italic;
}
.float-handsfree-transcript{
  min-height:160px;
  font-size:15px;
}
.float-faq-theme-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.float-diary-gps-copy{
  min-height:110px;
  padding:16px;
  border-radius:20px;
  background:linear-gradient(180deg, rgba(9,17,30,.8), rgba(13,29,44,.7));
  border:1px solid rgba(125,215,255,.2);
  color:#eef7ff;
  line-height:1.55;
}
.float-diary-selfie{
  display:grid;
  gap:12px;
  padding:14px;
  border-radius:22px;
  border:1px solid rgba(126,205,255,.2);
  background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.06));
}
.float-diary-selfie-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  color:#eef7ff;
}
.float-diary-selfie-head span{
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#cdeeff;
}
.float-diary-selfie-preview{
  position:relative;
  min-height:220px;
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(149,216,255,.24);
  background:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.22), transparent 32%),
    linear-gradient(145deg, rgba(15,31,52,.9), rgba(21,48,77,.72));
}
.float-diary-selfie-preview.is-pano{
  min-height:176px;
}
.float-diary-selfie-video,
.float-diary-selfie-canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.float-diary-selfie-overlay{
  position:absolute;
  left:16px;
  right:16px;
  bottom:16px;
  z-index:2;
  padding:12px 14px;
  border-radius:18px;
  background:rgba(8,18,33,.64);
  color:#eef7ff;
  line-height:1.45;
  backdrop-filter:blur(10px);
}
.float-diary-selfie-controls{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
}
.float-diary-filter-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.float-diary-filter-chip{
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(153,210,255,.28);
  background:rgba(255,255,255,.12);
  color:#eff7ff;
  cursor:pointer;
  font-weight:700;
}
.float-diary-filter-chip.active{
  background:linear-gradient(180deg, rgba(105,195,255,.92), rgba(55,120,222,.86));
  border-color:rgba(179,234,255,.6);
  color:#fff;
  box-shadow:0 12px 28px rgba(47,116,220,.24);
}
.float-trim-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.float-trim-row label{
  display:grid;
  gap:6px;
  font-size:12px;
  color:#dce9fb;
}
.float-trim-row input{width:100%;}
.float-board{
  min-height:64px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.18);
  background:linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.04));
  color:#edf8ff;
  text-align:left;
  padding:0 16px;
  font-size:18px;
  font-weight:700;
  cursor:pointer;
}
.float-board.active{
  box-shadow:0 0 0 2px rgba(125,215,255,.58), 0 12px 28px rgba(40,87,160,.22);
  border-color:rgba(125,215,255,.72);
}
.float-profile-card{
  display:flex;
  gap:12px;
  align-items:center;
  padding:14px;
  border-radius:20px;
  background:
    radial-gradient(circle at top right, rgba(117,211,255,.2), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.05));
  border:1px solid rgba(125,215,255,.18);
}
.float-profile-avatar{
  width:92px;
  height:92px;
  border-radius:26px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)),
    url('/static/images/woman-waking-up12.jpg') center/cover no-repeat;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.24), 0 14px 28px rgba(42,101,198,.18);
}
.float-profile-lines{display:grid;gap:6px;}
.float-profile-lines strong{font-size:20px;color:#fff;}
.float-profile-lines span{color:rgba(238,246,255,.88);}
.float-box-copy{font-size:13px;line-height:1.55;color:rgba(235,245,255,.9);}
.btn.active,
.btn.ghost.active{
  border-color:rgba(157,233,255,.68);
  box-shadow:0 0 0 1px rgba(157,233,255,.3), 0 14px 28px rgba(18,84,196,.18);
  background:linear-gradient(180deg, rgba(157,233,255,.16), rgba(255,255,255,.07));
}
.float-studio-live-btn{width:100%;min-height:58px;margin:0 0 12px;font-size:17px;font-weight:800;}
#floatProfilePostInput{
  width:100%;
  min-height:72px;
  padding:12px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:#fff;
  outline:none;
  resize:vertical;
}
.remote-fastpay-modal[hidden]{display:none !important;}
.remote-fastpay-modal{
  position:fixed;
  inset:0;
  z-index:9996;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:clamp(16px,2.2vw,32px);
}
.remote-fastpay-backdrop{
  position:absolute;
  inset:0;
  background:rgba(12,18,28,.58);
  backdrop-filter:blur(14px);
}
.remote-fastpay-card{
  position:relative;
  width:min(1180px,calc(100vw - 32px));
  max-height:min(90vh,980px);
  overflow:auto;
  padding:clamp(18px,2.4vw,30px);
  border-radius:30px;
  display:grid;
  gap:18px;
}
.remote-fastpay-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.remote-fastpay-head h3{
  margin:4px 0 6px;
  font-size:clamp(1.6rem,2.8vw,2.4rem);
}
.remote-fastpay-kicker{
  font-size:.76rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:rgba(239,244,255,.72);
}
.remote-fastpay-meta{font-size:.98rem;color:rgba(239,244,255,.82);}
.remote-fastpay-confirm,
.remote-fastpay-receipt,
.remote-fastpay-processing,
.remote-fastpay-owner{
  display:grid;
  gap:12px;
  padding:18px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.06));
}
.remote-fastpay-owner{
  border:1px solid rgba(143,227,180,.35);
  box-shadow:0 18px 40px rgba(45,118,88,.18);
}
.remote-processing-bar{
  width:100%;
  height:14px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  overflow:hidden;
}
.remote-processing-fill{
  width:0%;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#6fd6ff,#8dffcd,#fff0a7);
  box-shadow:0 0 18px rgba(129,236,255,.52);
  transition:width .35s ease;
}
.remote-fastpay-confirm-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.remote-fastpay-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:18px;
}
.remote-product-card{
  display:grid;
  gap:14px;
  padding:18px;
  border-radius:24px;
  min-height:100%;
}
.remote-product-photo-wrap{
  aspect-ratio:4/3;
  border-radius:18px;
  overflow:hidden;
  background:rgba(255,255,255,.08);
}
.remote-product-photo{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.remote-product-copy{display:grid;gap:8px;}
.remote-product-title-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.remote-product-title-row h4{margin:0;font-size:1.08rem;color:#f7fbff;text-shadow:0 1px 2px rgba(4,10,18,.45);}
.remote-product-price{
  font-size:1.25rem;
  font-weight:800;
  color:#ffe082;
  white-space:nowrap;
  text-shadow:0 1px 2px rgba(3,8,16,.55);
}
.remote-product-short{margin:0;color:#eef6ff;}
.remote-product-detail{font-size:.92rem;line-height:1.48;color:rgba(241,247,255,.92);}
.remote-product-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:auto;
}
@media (max-width: 980px){
  .float-mode-grid{grid-template-columns:1fr 1fr;}
  .float-mode-launch{grid-template-columns:repeat(3, minmax(0, 1fr));}
  .remote-display-strip,
  .remote-stage-grid{grid-template-columns:1fr;}
  .remote-stage-shell{grid-template-columns:48px minmax(0,1fr) 48px;}
  .live-console-active .live-arena-overlay{width:min(96vw, 980px);margin:12px auto 20px;}
  .live-console-active #reelPanel{display:none !important;}
}
@media (max-width: 700px){
  .float-mode-top{margin:10px;padding:14px;border-radius:22px;display:grid;min-height:auto;}
  .float-mode-nav{margin:0 10px 10px;padding:10px;display:grid;grid-template-columns:1fr 1fr;}
  .float-mode-footer{margin:0 10px 10px;padding:10px;top:6px;}
  .remote-go-toggle{margin:0 10px 10px;display:grid;justify-content:stretch;}
  .float-mode-launch{margin:0 10px 10px;padding:10px;grid-template-columns:1fr 1fr;}
  .remote-display-strip{margin:0 10px 10px;grid-template-columns:1fr;}
  .remote-stage-shell{margin:0 10px 120px;grid-template-columns:1fr;}
  .remote-color-tab{display:none;}
  .remote-content-stage{min-height:calc(100vh - 180px);padding:14px;}
  .remote-stage-quickbar{display:grid;grid-template-columns:1fr;}
  .remote-purchase-editor{right:10px;left:10px;bottom:10px;width:auto;}
  .remote-edits-menu{left:10px;right:10px;top:auto;bottom:194px;width:auto;grid-template-columns:1fr;}
  .remote-edits-menu::before{display:none;}
  .remote-edits-label{display:none;}
  .remote-sticky-head-edits,
  .remote-edits-menu .remote-sticky-count,
  .remote-edits-menu .btn{grid-column:auto;}
  .remote-important-info{left:10px;right:10px;bottom:104px;width:auto;}
  .remote-display-toolbar{justify-content:stretch;flex-wrap:wrap;}
  .remote-display-toolbar .btn{flex:1 1 180px;}
  .float-mode-grid{grid-template-columns:1fr;padding:0 10px 10px;}
  .float-box{min-height:auto;}
  .float-map-hero{grid-template-columns:1fr;}
  .float-mini-actions,.float-big-buttons,.float-assistant-stage{grid-template-columns:1fr 1fr;}
  .float-map-action-host{grid-template-columns:1fr;}
  .float-mode-shell.remote-go-mode .remote-go-toggle{
      left:50%;
      right:auto;
      top:auto;
      bottom:10px;
      transform:translateX(-50%);
      width:min(260px, calc(100vw - 20px));
    }
  .float-mode-shell.remote-go-mode .float-mode-launch{
    left:10px;
    top:144px;
    bottom:10px;
    width:min(58vw, 380px);
    padding:12px;
  }
  .float-mode-shell.remote-go-mode .remote-stage-shell{
    margin:0 10px 120px calc(min(58vw, 380px) + 22px);
  }
  .float-mode-shell.remote-go-mode .float-launch-btn{min-height:132px;transform:none;font-size:16px;padding:18px 14px 18px 58px;}
  .float-mode-shell.remote-go-mode .remote-edits-menu{
      right:10px;
      top:76px;
      width:min(34vw, 220px);
    }
  .float-studio-board-deck,
  .float-sheet-grid.four{
    grid-template-columns:1fr 1fr;
  }
  .float-mode-shell.remote-go-mode .remote-stage-quickbar .btn{min-height:56px;}
  .live-theme-quick-actions{display:grid;grid-template-columns:1fr 1fr;}
  .float-upload-strip,.float-transport-strip,.float-trim-row{grid-template-columns:1fr;}
  .remote-product-actions{grid-template-columns:1fr;}
  .remote-fastpay-head{flex-direction:column;}
  .remote-fastpay-confirm-actions{grid-template-columns:1fr;}
  .float-mode-grid #reelPanel,
  #floatLiveBox,
  #floatAssistantBox,
  #floatProfileBox,
  #floatDeviceBox,
  #floatBoardsBox,
  #floatSettingsBox{grid-column:auto;}
  .float-launch-btn{min-height:126px;font-size:15px;padding:18px 14px 18px 56px;align-items:flex-end;}
  .float-launch-btn::before{width:22px;}
  .float-mode-grid{grid-template-columns:1fr;}
  .float-triangle-grid,
  .float-theme-rail,
  .float-config-grid,
  .float-profile-hero,
  .float-diary-panels,
  .remote-command-grid{grid-template-columns:1fr;}
  .float-profile-results,
  .float-social-check-grid,
  .float-diary-assistant-fixed{grid-template-columns:1fr;}
  .float-diary-selfie-controls{grid-template-columns:1fr;}
  .live-console-active .live-arena-overlay,
  .live-console-active #reelPanel{position:static;width:auto !important;max-width:none !important;transform:none;}
  .live-feed-settings-grid,
  .feed-check-grid,
  .gift-amount-grid{grid-template-columns:1fr;}
}
@media (pointer: coarse), (max-width: 900px){
  .float-mode-shell.touch-optimized .float-mode-nav{
    margin:0 10px 10px;
    padding:10px;
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .float-mode-shell.touch-optimized .float-mode-launch{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:12px;
  }
  .float-mode-shell.touch-optimized .float-mode-footer{
      gap:12px;
    }
  .float-mode-shell.touch-optimized .float-launch-btn{
      min-height:148px;
      padding:18px 14px 18px 58px;
    }
  .remote-guardian-rail{
      right:10px;
      left:10px;
      top:auto;
      bottom:154px;
      justify-content:center;
      flex-wrap:wrap;
    }
  .remote-guardian-btn{
        min-width:150px;
        min-height:58px;
      }
  .float-prime-menu{
    top:86px;
    width:min(96vw, 520px);
    padding:16px;
  }
  .float-founder-layer{
    top:auto;
    bottom:120px;
    right:10px;
    width:min(94vw, 420px);
  }
  .float-t-bar{
    width:min(96vw, 620px);
    margin-top:84px;
    font-size:11px;
    padding:0 14px;
    text-align:center;
  }
  .float-t-stem{
    width:160px;
  }
  .float-mode-shell.touch-optimized .float-box{
    min-height:auto;
  }
  .float-remote-sheet{padding:14px;min-height:78vh;}
  .remote-blog-stats,
  .solid-state-grid,
  .remote-acquisition-grid,
  .remote-acquisition-lanes{grid-template-columns:1fr;}
  .float-sheet-shell,
  .profile-sheet-shell,
  .float-map-bubbles{
    grid-template-columns:1fr;
  }
  .float-profile-sheet-hero{
    grid-template-columns:1fr;
  }
  .float-config-grid,
  .float-studio-fx-grid,
  .float-gig-grid{
    grid-template-columns:1fr;
  }
  .float-remote-sheet-head,
  .float-sheet-grid,
  .float-sheet-grid.three{
    grid-template-columns:1fr;
    display:grid;
  }
}

.launch-main-actions{
  display:flex;
  gap:10px;
  justify-content:center;
  flex-wrap:wrap;
}
.launch-main-btn.alt{
  background:linear-gradient(180deg,#2e78ef,#244f9b);
  color:#fff;
  border:1px solid #7ab2ff;
}

.live-radio{
  position:fixed;
  left:14px;
  bottom:12px;
  z-index:240;
  min-width:300px;
  padding:10px;
  border-radius:14px;
}
.live-radio-title{
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  opacity:.9;
}
.live-radio-track{
  font-size:13px;
  font-weight:700;
  margin:3px 0 8px;
}
.live-radio-actions{
  display:flex;
  gap:6px;
}
.live-radio-actions .btn{
  padding:6px 10px;
  font-size:12px;
}
.connector-badge-healthy{
  background:linear-gradient(180deg,#1e7f5e,#14624a);
  color:#dfffee;
  border:1px solid rgba(128,255,211,.55);
}
.connector-badge-watch{
  background:linear-gradient(180deg,#8b6a24,#6f541d);
  color:#fff2cf;
  border:1px solid rgba(255,216,126,.6);
}
.connector-badge-critical{
  background:linear-gradient(180deg,#8d2b2b,#6f1f1f);
  color:#ffe3e3;
  border:1px solid rgba(255,132,132,.65);
}
@media (max-width:900px){
  .live-radio{
    left:8px;
    right:8px;
    min-width:0;
    bottom:74px;
  }
}


.subscription-status-summary{grid-column:1 / -1;border:1px solid rgba(255,255,255,.16);background:rgba(9,16,28,.42);color:#eef4ff;padding:10px 12px;border-radius:16px;font-size:.92rem;line-height:1.45;box-shadow:0 10px 24px rgba(3,8,18,.18);}
.subscription-status-summary strong{color:#ffffff;}
.world-map-panel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,760px);padding:18px;border-radius:28px;z-index:1200;background:rgba(13,21,34,.72);backdrop-filter:blur(18px);box-shadow:0 24px 60px rgba(3,8,18,.35);}
.world-map-panel[hidden]{display:none !important;}
.world-map-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px;}
.world-map-bubbles{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;}
.world-map-bubble{border:none;cursor:pointer;min-width:132px;min-height:132px;padding:18px 16px;border-radius:999px;background:radial-gradient(circle at 30% 30%,rgba(137,201,255,.92),rgba(26,78,204,.94));color:#fff;font-weight:800;font-size:1rem;line-height:1.15;box-shadow:0 18px 40px rgba(20,61,160,.35);transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;}
.world-map-bubble small{display:block;margin-top:8px;font-size:.76rem;font-weight:600;opacity:.88;}
.world-map-bubble:hover,.world-map-bubble:focus-visible{transform:translateY(-4px) scale(1.02);box-shadow:0 24px 48px rgba(20,61,160,.42);filter:saturate(1.1);}
.world-map-loader{margin-top:18px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.08);}
.world-map-loader-label{font-weight:700;color:#eef4ff;margin-bottom:10px;}
.world-map-loader-bar{height:12px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden;}
  .world-map-loader-bar span{display:block;width:0%;height:100%;border-radius:999px;background:linear-gradient(90deg,#7fd5ff,#4b7dff,#b6f6ff);transition:width .45s ease;}
  .live-map-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;}
  .live-map-actions[hidden]{display:none !important;}
  .live-map-action{flex:1 1 220px;border:none;cursor:pointer;padding:14px 16px;border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(226,241,255,.72));box-shadow:0 16px 32px rgba(28,48,88,.18);color:#10315f;text-align:left;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;}
  .live-map-action strong{display:block;font-size:.95rem;letter-spacing:.03em;}
  .live-map-action span{display:block;margin-top:6px;font-size:.82rem;line-height:1.45;color:rgba(16,49,95,.82);}
  .live-map-action:hover,.live-map-action:focus-visible{transform:translateY(-2px);box-shadow:0 22px 38px rgba(28,48,88,.25);background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(214,235,255,.86));}
@media (max-width: 720px){
    .float-mode-top{gap:12px;}
    .float-mode-footer .btn,
    .remote-purchase-editor .btn,
    .remote-edits-menu .btn,
    .remote-important-info .btn{min-height:50px;}
    .float-launch-btn{min-height:144px;padding:18px 12px 18px 58px;}
    .float-launch-letter{left:18px;top:18px;font-size:34px;}
    .remote-side-arrow{min-height:180px;}
    .world-map-panel{width:min(94vw,520px);padding:16px;}
    .world-map-head{flex-direction:column;align-items:stretch;}
    .world-map-bubbles{gap:10px;}
    .world-map-bubble{min-width:108px;min-height:108px;font-size:.92rem;}
    .live-map-action{flex-basis:100%;}
  }

body.competition-world{
  --world-accent: rgba(90,160,255,.35);
  --world-accent-strong: rgba(68,128,255,.92);
  --world-chip: rgba(255,255,255,.12);
}
body.competition-world .unlock-views-btn,
body.competition-world .btn,
body.competition-world .chip,
body.competition-world .float-pill{
  border-color: rgba(255,255,255,.18);
}
body.competition-world .unlock-views-btn,
body.competition-world .btn:not(.ghost),
body.competition-world .float-pill{
  background: linear-gradient(180deg, color-mix(in srgb, var(--world-accent-strong) 86%, white 14%), color-mix(in srgb, var(--world-accent-strong) 72%, black 28%));
  box-shadow: 0 14px 28px color-mix(in srgb, var(--world-accent) 70%, transparent 30%);
}
body.competition-world .btn.ghost,
body.competition-world .chip,
body.competition-world .world-pill{
  background: color-mix(in srgb, var(--world-chip) 78%, transparent 22%);
  border-color: color-mix(in srgb, var(--world-accent) 58%, rgba(255,255,255,.15) 42%);
}
body.competition-world.world-view-lumbermill{ --world-accent: rgba(176,132,74,.42); --world-accent-strong:#9e6b32; --world-chip:rgba(98,70,41,.26); }
body.competition-world.world-view-river{ --world-accent: rgba(83,188,214,.42); --world-accent-strong:#2d7c8e; --world-chip:rgba(39,91,101,.24); }
body.competition-world.world-view-snow{ --world-accent: rgba(220,240,255,.42); --world-accent-strong:#6f93b8; --world-chip:rgba(107,138,171,.22); }
body.competition-world.world-view-island{ --world-accent: rgba(52,230,203,.36); --world-accent-strong:#2b9c89; --world-chip:rgba(28,110,102,.22); }
body.competition-world.world-view-vip{ --world-accent: rgba(255,206,104,.42); --world-accent-strong:#b6882b; --world-chip:rgba(107,84,30,.24); }
body.competition-world.world-view-tunnels{ --world-accent: rgba(153,93,255,.36); --world-accent-strong:#5d3d9c; --world-chip:rgba(74,48,106,.24); }
body.competition-world.world-view-market{ --world-accent: rgba(255,154,92,.38); --world-accent-strong:#c96a27; --world-chip:rgba(126,71,33,.24); }
body.competition-world.world-view-lab{ --world-accent: rgba(95,233,255,.38); --world-accent-strong:#27869c; --world-chip:rgba(23,87,96,.24); }
body.competition-world.world-view-lounge{ --world-accent: rgba(217,180,119,.34); --world-accent-strong:#8f6a35; --world-chip:rgba(92,67,38,.24); }
body.competition-world.world-view-tower{ --world-accent: rgba(126,188,255,.36); --world-accent-strong:#426ea8; --world-chip:rgba(54,81,112,.24); }
body.competition-world.world-view-tunnels::before{
  background:
    linear-gradient(180deg, rgba(22,18,34,.52), rgba(13,17,26,.34)),
    radial-gradient(860px 400px at 16% 20%, rgba(126,93,255,.25), transparent 58%),
    url('/static/images/brochure-scroll.jpg') center/cover no-repeat;
}
body.competition-world.world-view-market::before{
  background:
    linear-gradient(180deg, rgba(68,34,18,.34), rgba(19,17,14,.24)),
    radial-gradient(880px 420px at 20% 16%, rgba(255,155,92,.28), transparent 58%),
    url('/static/images/brochure-social.jpg') center/cover no-repeat;
}
body.competition-world.world-view-lab::before{
  background:
    linear-gradient(180deg, rgba(10,28,38,.38), rgba(8,15,24,.26)),
    radial-gradient(860px 400px at 18% 18%, rgba(95,233,255,.24), transparent 58%),
    url('/static/images/brochure-fast-dropper.jpg') center/cover no-repeat;
}
body.competition-world.world-view-lounge::before{
  background:
    linear-gradient(180deg, rgba(44,28,16,.34), rgba(15,14,18,.24)),
    radial-gradient(900px 420px at 22% 18%, rgba(217,180,119,.22), transparent 58%),
    url('/static/images/brochure-mask.jpg') center/cover no-repeat;
}
body.competition-world.world-view-tower::before{
  background:
    linear-gradient(180deg, rgba(22,38,60,.32), rgba(12,17,28,.22)),
    radial-gradient(900px 420px at 20% 18%, rgba(126,188,255,.24), transparent 58%),
    url('/static/images/brochure-hero.jpg') center/cover no-repeat;
}
.main-content-row{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(320px,.64fr);
  gap:22px;
  align-items:start;
  width:min(96vw,1180px);
  margin:0 auto 22px;
}
.main-content-row .center-stage{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}
.main-content-row .reel-panel{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  position:sticky;
  top:92px;
  align-self:start;
}
.live-center-actions-inline{
  justify-content:flex-start;
  flex-wrap:wrap;
  margin-top:14px;
}
@media (max-width:980px){
  .main-content-row{
    grid-template-columns:1fr;
  }
  .main-content-row .reel-panel{
    position:static;
  }
}

.shopify-embedded-checkout{
  position:fixed;
  inset:0;
  z-index:12000;
  display:flex;
  align-items:center;
  justify-content:center;
}
.shopify-embedded-checkout.hidden{
  display:none;
}
.shopify-embedded-backdrop{
  position:absolute;
  inset:0;
  background:rgba(9,18,34,0.58);
  backdrop-filter:blur(10px);
}
.shopify-embedded-panel{
  position:relative;
  width:min(980px, calc(100vw - 28px));
  max-height:min(90vh, 920px);
  padding:18px 18px 22px;
  border-radius:30px;
  overflow:auto;
  background:rgba(241,247,255,0.96);
  box-shadow:0 28px 80px rgba(0,0,0,0.28);
}
.shopify-embedded-close{
  position:absolute;
  top:14px;
  right:14px;
  border:0;
  width:42px;
  height:42px;
  border-radius:50%;
  background:rgba(17,34,58,0.92);
  color:#fff;
  font-size:24px;
  cursor:pointer;
}
.shopify-embedded-head{
  padding-right:56px;
  margin-bottom:12px;
}
.shopify-embedded-kicker{
  font-size:11px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#4f6e99;
  margin-bottom:6px;
}
.shopify-embedded-head h3{
  margin:0 0 6px;
  font-size:32px;
}
.shopify-embedded-head p{
  margin:0;
  color:#43607f;
}
.shopify-embedded-mount{
  min-height:420px;
}
.general-info-shell{
  position:fixed;
  inset:0;
  z-index:960;
  display:grid;
  place-items:center;
}
.general-info-shell.hidden{
  display:none;
}
.general-info-backdrop{
  position:absolute;
  inset:0;
  background:rgba(6,12,20,.55);
  backdrop-filter:blur(10px);
}
.general-info-panel{
  position:relative;
  width:min(780px, calc(100vw - 32px));
  max-height:min(86vh, 920px);
  overflow:auto;
  padding:22px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 30px 80px rgba(5,11,20,.34);
}
.float-sheet-grid.four{
  grid-template-columns:repeat(4, minmax(0, 1fr));
}
.float-studio-board-deck{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.float-sheet-grid.compact{
  gap:10px;
}
.float-sheet-grid.two{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}
.float-sheet-grid.three{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}
.float-studio-board-card{
  border:1px solid rgba(169,192,219,.44);
  border-radius:20px;
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(238,246,255,.84));
  padding:14px;
  display:grid;
  gap:8px;
  text-align:left;
  color:#24435f;
  box-shadow:0 12px 28px rgba(15,38,69,.08);
}
.float-studio-board-card.active{
  border-color:rgba(89,157,255,.56);
  box-shadow:0 0 0 2px rgba(118,189,255,.24),0 18px 34px rgba(16,44,88,.14);
}
.float-studio-board-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
}
.float-studio-board-head strong{
  font-size:15px;
  color:#163963;
}
.float-studio-board-head span,
.float-studio-board-card small{
  font-size:12px;
  color:#4c6482;
}
.float-studio-wave-row{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(0, 1fr);
  align-items:end;
  gap:4px;
  min-height:58px;
}
.float-studio-wave-row span{
  display:block;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(40,126,255,.88), rgba(86,220,197,.62));
  min-height:8px;
}
.float-studio-video-card{
  margin-bottom:12px;
  padding:16px;
  border-radius:20px;
  border:1px solid rgba(171,202,232,.42);
  background:linear-gradient(180deg, rgba(10,24,42,.92), rgba(17,43,77,.9));
  color:#eef6ff;
  display:grid;
  gap:6px;
}
.float-studio-video-card strong{
  font-size:14px;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.float-studio-fx-card{
  margin:0 0 12px;
  padding:16px;
  border-radius:20px;
  border:1px solid rgba(171,202,232,.42);
  background:linear-gradient(180deg, rgba(255,255,255,.9), rgba(235,244,255,.82));
  color:#173456;
  display:grid;
  gap:10px;
}
.float-studio-fx-card strong{
  font-size:14px;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#14365d;
}
.float-studio-fx-card > span{
  color:#35506f;
  font-size:.93rem;
}
.float-select-card{
  display:grid;
  gap:6px;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#27476a;
}
.float-select-card .input{
  min-height:44px;
}
.general-info-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.general-info-url{
  margin-top:12px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(132,183,255,.26);
  background:rgba(255,255,255,.06);
  color:#123b6a;
  font-weight:700;
  letter-spacing:.03em;
}
.general-info-body{
  margin-top:16px;
  display:grid;
  gap:14px;
}
.general-info-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:12px;
}
.general-info-card,
.general-info-list > div{
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(132,183,255,.18);
  background:rgba(255,255,255,.08);
  color:#28486d;
  line-height:1.55;
}
.general-info-card strong{
  display:block;
  margin-bottom:6px;
  color:#10335e;
}
.general-info-actions-row,
.general-info-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:8px;
}