.sl-liveboard-wrap {
  --sl-gold: #d8ae58;
  --sl-gold-light: #f6dd9b;
  --sl-gold-deep: #8f6325;
  --sl-ivory: #fff9e9;
  --sl-muted: #c7bcaa;
  --sl-black: #080706;
  --sl-panel: rgba(11, 9, 7, .91);
  position: relative;
  isolation: isolate;
  max-width: 1180px;
  margin: 0 auto;
  padding: clamp(18px, 3vw, 36px);
  overflow: hidden;
  color: var(--sl-ivory);
  font-family: "Helvetica Neue", Helvetica, Arial, system-ui, -apple-system, sans-serif;
  border: 1px solid rgba(216, 174, 88, .55);
  border-radius: 0;
  background:
    linear-gradient(180deg, rgba(5, 4, 3, .34) 0%, rgba(5, 4, 3, .78) 34%, rgba(5, 4, 3, .97) 100%),
    url("studio-live-wallpaper.jpg") center top / cover no-repeat,
    var(--sl-black);
  box-shadow:
    0 28px 80px rgba(0, 0, 0, .42),
    inset 0 1px 0 rgba(255, 232, 169, .18);
}

/* Studio add-on commerce */
.sl-addonStore{margin:18px 0;border:1px solid rgba(214,174,80,.5);background:linear-gradient(135deg,rgba(14,11,8,.98),rgba(28,20,9,.96));padding:clamp(22px,3vw,48px);color:#f7f1e5;position:relative;overflow:hidden}
.sl-addonStore:before{content:"";position:absolute;inset:-40% 55% auto -10%;height:360px;background:radial-gradient(circle,rgba(223,177,70,.16),transparent 65%);pointer-events:none}
.sl-addonHeading{position:relative;text-align:center;margin-bottom:28px}.sl-addonHeading span{display:block;color:#dfb653;font-weight:800;font-size:12px;letter-spacing:.28em}.sl-addonHeading h2{font-family:Georgia,serif;font-size:clamp(30px,4vw,58px);font-weight:400;color:#f6d987;margin:8px 0}.sl-addonHeading p{color:#c9c1b4;line-height:1.55;margin:0}
.sl-addonGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px;position:relative}.sl-addonCard{border:1px solid rgba(214,174,80,.42);background:rgba(4,4,4,.72);display:flex;flex-direction:column;min-width:0}.sl-addonImage{appearance:none;width:100%;padding:0;cursor:pointer;text-decoration:none;aspect-ratio:4/3;background:#090806;display:grid;place-items:center;overflow:hidden;border:0;border-bottom:1px solid rgba(214,174,80,.35)}.sl-addonImage img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.sl-addonCard:hover .sl-addonImage img{transform:scale(1.035)}.sl-addonPlaceholder{color:#c69e46;font-size:12px;font-weight:800;letter-spacing:.2em}.sl-addonCopy{padding:20px;display:flex;flex-direction:column;flex:1}.sl-addonCopy h3{font-family:Georgia,serif;color:#f7e2aa;font-size:24px;font-weight:400;margin:0 0 8px}.sl-addonCopy p{color:#c9c1b4;line-height:1.45;margin:0 0 18px;flex:1}.sl-addonPay{appearance:none;border:1px solid #edcb79;background:linear-gradient(110deg,#f4dc99,#bd8532);color:#130d05!important;text-decoration:none!important;font:800 14px/1.1 inherit;letter-spacing:.08em;padding:14px 16px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;text-align:center}.sl-addonPay small{font-size:9px;letter-spacing:.12em}.sl-addonPay:hover{filter:brightness(1.08);transform:translateY(-1px)}.sl-addonPay:disabled{opacity:.65;cursor:wait}.sl-addonNotice{border:1px solid rgba(214,174,80,.45);padding:12px 16px;text-align:center;margin:0 auto 20px;max-width:620px;color:#f1d486}.sl-addonNotice.success{border-color:#44d78a;color:#88efb8;background:rgba(26,104,62,.14)}.sl-addonActionStatus{text-align:center;color:#e6c873;min-height:20px;margin-top:14px}

.sl-addonAdminSection{grid-column:1/-1}.sl-stripeConnection{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1fr);gap:16px;border:1px solid rgba(214,174,80,.35);padding:16px;background:rgba(0,0,0,.28)}.sl-stripeConnection.is-connected{border-color:rgba(64,210,128,.55)}.sl-stripeConnection div{display:flex;flex-direction:column;gap:4px}.sl-stripeConnection b{color:#f0c965}.sl-stripeConnection.is-connected b{color:#71e4a4}.sl-stripeConnection span{color:#bdb5aa;font-size:13px}.sl-stripeConnection code{word-break:break-all;color:#d7c9ad;font-size:12px;align-self:center}.sl-stripeCredentials{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sl-stripeCredentials .sl-check{grid-column:1/-1}.sl-addonAdminList{display:grid;gap:14px}.sl-addonAdminRow{display:grid;grid-template-columns:160px 1fr;gap:16px;border:1px solid rgba(214,174,80,.35);padding:14px;background:rgba(0,0,0,.24)}.sl-addonAdminImage{aspect-ratio:4/3;background:#080705;border:1px dashed rgba(214,174,80,.5);display:grid;place-items:center;color:#c9a24d;font-size:11px;letter-spacing:.15em;overflow:hidden}.sl-addonAdminImage img{width:100%;height:100%;object-fit:cover}.sl-addonAdminFields{display:grid;gap:9px}.sl-addonAdminLine{display:grid;grid-template-columns:1fr .65fr 1.3fr;gap:8px}.sl-addonAdminLine label{display:grid;gap:4px}.sl-addonAdminLine label>span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#c5bda9}.sl-addonAdminActions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.sl-addonOrders{margin-top:18px;border-top:1px solid rgba(214,174,80,.3);padding-top:14px}.sl-addonOrders h4{color:#e2c16f;margin:0 0 10px}.sl-addonOrder{display:grid;grid-template-columns:minmax(170px,1fr) auto auto auto;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}.sl-addonOrder>div{display:flex;flex-direction:column}.sl-addonOrder span,.sl-addonOrder time{color:#bfb7aa;font-size:12px}.sl-addonOrder strong{color:#f3d384}.sl-addonOrder .sl-paidBadge{border:1px solid #3ebd76;color:#7ee4a9;padding:5px 8px;font-weight:800;letter-spacing:.08em}

@media(max-width:720px){.sl-addonGrid{grid-template-columns:1fr}.sl-addonAdminRow{grid-template-columns:1fr}.sl-addonAdminImage{max-width:220px}.sl-addonAdminLine,.sl-stripeConnection,.sl-stripeCredentials{grid-template-columns:1fr}.sl-addonOrder{grid-template-columns:1fr auto}.sl-addonOrder time{grid-column:1/-1}.sl-addonPay{min-height:52px}}

.sl-liveboard-wrap::before {
  position: absolute;
  z-index: -1;
  top: -180px;
  left: 50%;
  width: min(760px, 90%);
  height: 420px;
  content: "";
  transform: translateX(-50%);
  pointer-events: none;
  background: radial-gradient(circle, rgba(222, 174, 74, .26) 0%, rgba(222, 174, 74, 0) 70%);
}

body.sl-studio-live-experience-background {
  background:
    linear-gradient(180deg, rgba(4,3,2,.66), rgba(4,3,2,.9)),
    url("studio-live-wallpaper.jpg") center top / cover fixed no-repeat,
    #080706 !important;
}

.sl-liveboard-wrap *,
.sl-liveboard-wrap *::before,
.sl-liveboard-wrap *::after {
  box-sizing: border-box;
}

.sl-card {
  position: relative;
  padding: clamp(18px, 2.5vw, 28px);
  overflow: hidden;
  border: 1px solid rgba(216, 174, 88, .38);
  border-radius: 0;
  background:
    linear-gradient(145deg, rgba(25, 20, 14, .94), rgba(7, 6, 5, .96)),
    var(--sl-panel);
  box-shadow:
    0 18px 44px rgba(0, 0, 0, .34),
    inset 0 1px 0 rgba(255, 233, 174, .12);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

.sl-card::before {
  position: absolute;
  top: 0;
  right: 12%;
  left: 12%;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, transparent, var(--sl-gold-light), transparent);
  opacity: .72;
}

.sl-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.sl-title {
  margin: 0;
  color: var(--sl-gold-light);
  font-family: Georgia, "Times New Roman", serif;
  max-width: 100%;
  font-size: clamp(20px, 3vw, 36px);
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: .02em;
  overflow-wrap: anywhere;
  text-shadow: 0 2px 18px rgba(218, 168, 65, .18);
}

.sl-sub {
  max-width: 680px;
  margin: 9px 0 0;
  color: var(--sl-muted);
  font-size: 13px;
  line-height: 1.55;
}

.sl-metaBar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 18px;
  padding-bottom: 17px;
  border-bottom: 1px solid rgba(216, 174, 88, .18);
}

.sl-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 7px 12px;
  color: var(--sl-ivory);
  font-size: 12px;
  line-height: 1.2;
  border: 1px solid rgba(216, 174, 88, .42);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(216, 174, 88, .14), rgba(216, 174, 88, .04));
  box-shadow: inset 0 1px 0 rgba(255, 238, 191, .08);
}

.sl-pill b {
  color: var(--sl-gold-light);
  letter-spacing: .02em;
}

.sl-liveStatus {
  border-color: rgba(99, 220, 143, .55);
  background: linear-gradient(180deg, rgba(29, 117, 66, .24), rgba(14, 61, 35, .12));
  box-shadow: inset 0 1px 0 rgba(196, 255, 218, .1), 0 0 22px rgba(66, 207, 119, .08);
}

.sl-liveStatus b {
  color: #aaf0c3;
  font-size: 11px;
  letter-spacing: .08em;
}

.sl-liveDot {
  position: relative;
  width: 9px;
  height: 9px;
  flex: 0 0 9px;
  border-radius: 50%;
  background: #6ee7a0;
  box-shadow: 0 0 10px rgba(110, 231, 160, .9);
}

.sl-liveDot::after {
  content: '';
  position: absolute;
  inset: -5px;
  border: 1px solid rgba(110, 231, 160, .65);
  border-radius: 50%;
  animation: sl-live-pulse 1.8s ease-out infinite;
}

@keyframes sl-live-pulse {
  0% { opacity: .9; transform: scale(.55); }
  75%, 100% { opacity: 0; transform: scale(1.45); }
}

.sl-metaBar + .sl-list {
  margin-top: 16px;
}

.sl-list {
  display: flex;
  flex-direction: column;
  gap: 11px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}

.sl-item {
  position: relative;
  padding: 16px 17px;
  overflow: hidden;
  border: 1px solid rgba(216, 174, 88, .22);
  border-radius: 0;
  background: linear-gradient(105deg, rgba(255, 255, 255, .055), rgba(216, 174, 88, .025));
  box-shadow: inset 3px 0 0 rgba(216, 174, 88, .78);
  transition: border-color .2s ease, background-color .2s ease, transform .2s ease;
}

.sl-item:hover {
  border-color: rgba(236, 200, 119, .52);
  background-color: rgba(216, 174, 88, .055);
  transform: translateY(-1px);
}

.sl-rowTop {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}

.sl-client {
  margin: 0;
  color: #fffdf6;
  font-size: 16px;
  font-weight: 760;
  line-height: 1.35;
  letter-spacing: .015em;
}

.sl-times {
  display: flex;
  gap: 8px 22px;
  flex-wrap: wrap;
  margin: 10px 0 0;
  color: var(--sl-muted);
  font-size: 12px;
  line-height: 1.45;
}

.sl-times b {
  color: var(--sl-gold-light);
  font-weight: 650;
}

.sl-badge {
  display: inline-block;
  padding: 5px 9px;
  color: #eee7d9;
  font-size: 11px;
  line-height: 1.25;
  border: 1px solid rgba(216, 174, 88, .28);
  border-radius: 999px;
  background: rgba(255, 255, 255, .045);
}

.sl-badge.session {
  color: #170f04;
  border-color: rgba(255, 225, 151, .68);
  background: linear-gradient(135deg, #f5dda0, #b98737);
  box-shadow: 0 5px 18px rgba(187, 132, 45, .18);
}

.sl-badge.session b {
  font-weight: 800;
}

.sl-badge.delay {
  color: #ffe9a9;
  border-color: rgba(255, 193, 7, .42);
  background: rgba(255, 193, 7, .13);
}

.sl-badge.countdown {
  color: #fff1bd;
  border-color: rgba(240, 184, 56, .62);
  background: linear-gradient(180deg, rgba(174, 111, 15, .28), rgba(75, 45, 4, .28));
  font-variant-numeric: tabular-nums;
  min-width: 205px;
  text-align: center;
  white-space: nowrap;
}
.sl-badge.arrival { color:#d9edff; border-color:rgba(87,175,255,.45); background:rgba(34,93,145,.22); }
.sl-badge.countdown.is-warning { color:#fff0a8; border-color:#dfad37; box-shadow:0 0 22px rgba(223,173,55,.18); }
.sl-badge.countdown.is-critical { color:#ffd8cc; border-color:#e86c4d; background:rgba(140,37,19,.28); animation:slCriticalPulse 1.2s ease-in-out infinite; }
.sl-clientIdentity { display:flex; flex-direction:column; align-items:flex-start; gap:4px; min-width:0; }
.sl-clientIdentity .sl-client { margin:0; }
.sl-clientPackage { color:var(--sl-gold-light); font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }

.sl-studioPulse { display:inline-flex; align-items:center; gap:9px; width:max-content; padding:9px 14px; color:#dfffe8; border:1px solid rgba(74,220,127,.48); background:rgba(20,75,40,.28); font-size:12px; font-weight:800; letter-spacing:.09em; }
.sl-studioPulse > span { width:9px; height:9px; border-radius:50%; background:#5bf0a0; box-shadow:0 0 14px #5bf0a0; }
.sl-pulse-recording,.sl-pulse-emergency { color:#ffe1da; border-color:rgba(255,91,68,.6); background:rgba(112,25,16,.4); }
.sl-pulse-recording > span,.sl-pulse-emergency > span { background:#ff5b44; box-shadow:0 0 14px #ff5b44; }
.sl-pulse-paused,.sl-pulse-delayed { color:#ffe9a9; border-color:rgba(240,184,56,.55); background:rgba(104,69,12,.35); }
.sl-pulse-paused > span,.sl-pulse-delayed > span { background:#f0b838; box-shadow:0 0 14px #f0b838; }

.sl-privateWelcome,.sl-nextSpotlight,.sl-shootingBanner,.sl-emergencyBroadcast,.sl-mediaFeature,.sl-activityTimeline,.sl-reactionQr,.sl-reactionPanel,.sl-dynamicQr { margin:0 0 18px; border:1px solid rgba(216,174,88,.42); background:linear-gradient(145deg,rgba(25,20,15,.92),rgba(6,5,5,.94)); box-shadow:0 20px 55px rgba(0,0,0,.3); }
.sl-privateWelcome { padding:clamp(24px,4vw,48px); text-align:center; }
.sl-privateWelcome > span,.sl-nextSpotlight > span,.sl-mediaFeature h3,.sl-activityTimeline h3 { color:var(--sl-gold-light); font-size:11px; font-weight:800; letter-spacing:.2em; }
.sl-privateWelcome h2 { margin:10px 0; color:#fffaf0; font-family:Georgia,"Times New Roman",serif; font-size:clamp(32px,5vw,66px); font-weight:500; }
.sl-privateWelcome p { color:#d7cbbb; }
.sl-privateWelcome button { margin-top:12px; padding:13px 20px; color:#171008; border:1px solid #f3d78e; background:linear-gradient(135deg,#f6dfa0,#c8963d); font-weight:800; cursor:pointer; }
.sl-privateWelcome button:disabled { opacity:.75; cursor:default; }
.sl-nextSpotlight { display:flex; align-items:center; flex-wrap:wrap; gap:8px 18px; padding:16px 20px; }
.sl-nextSpotlight b { color:#fff; font-size:20px; }
.sl-nextSpotlight small { color:#d7cbbb; }
.sl-shootingBanner { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px 16px; padding:14px 18px; color:#fff; }
.sl-shootingLight { width:11px; height:11px; border-radius:50%; background:#ff5949; box-shadow:0 0 18px #ff5949; animation:slCriticalPulse 1.2s ease-in-out infinite; }
.sl-shootingBanner b { color:var(--sl-gold-light); letter-spacing:.15em; }
.sl-shootingBanner em { padding:5px 9px; color:#ffd9d2; border:1px solid rgba(255,89,73,.45); font-size:11px; font-style:normal; font-weight:800; }
.sl-emergencyBroadcast { padding:clamp(25px,5vw,60px); color:white; border-color:rgba(255,93,64,.7); background:linear-gradient(145deg,rgba(111,22,12,.93),rgba(20,4,3,.97)); text-align:center; }
.sl-emergencyBroadcast > span { color:#ffc0b3; font-size:12px; font-weight:900; letter-spacing:.28em; }
.sl-emergencyBroadcast h2 { margin:12px 0; color:#fff5e8; font-size:clamp(30px,5vw,64px); }
.sl-emergencyBroadcast p { margin:0; font-size:clamp(16px,2vw,24px); }
.sl-sponsorSpotlightLabel { display:block; margin-bottom:12px; color:var(--sl-gold-light); text-align:center; font-size:11px; letter-spacing:.2em; }

.sl-mediaFeature,.sl-activityTimeline { padding:20px; }
.sl-mediaFeature h3,.sl-activityTimeline h3 { margin:0 0 14px; }
.sl-mediaRail { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:8px; }
.sl-mediaRail img { width:100%; height:180px; object-fit:cover; border:1px solid rgba(216,174,88,.25); filter:saturate(.95); transition:transform .35s ease,filter .35s ease; }
.sl-mediaRail img:hover { z-index:1; transform:scale(1.025); filter:saturate(1.12); }
.sl-activityTimeline > div { display:grid; grid-template-columns:100px 1fr; gap:14px; padding:9px 0; color:#ddd2c2; border-top:1px solid rgba(216,174,88,.15); }
.sl-activityTimeline time { color:var(--sl-gold-light); font-size:11px; }
.sl-reactionQr,.sl-dynamicQr { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:14px; padding:16px; color:#fff; }
.sl-reactionQr { display:grid; grid-template-columns:auto minmax(190px,1fr) auto; gap:clamp(14px,2vw,26px); padding:clamp(16px,2vw,26px); background:radial-gradient(circle at 22% 18%,rgba(216,174,88,.14),transparent 32%),linear-gradient(145deg,rgba(25,20,15,.96),rgba(6,5,5,.98)); }
.sl-reactionQr img { width:clamp(116px,10vw,155px); height:clamp(116px,10vw,155px); padding:6px; background:#fff; box-shadow:0 0 32px rgba(216,174,88,.16); }
.sl-dynamicQr img { width:90px; height:90px; padding:4px; background:#fff; }
.sl-reactionCopy,.sl-dynamicQr div { display:flex; flex-direction:column; gap:5px; }
.sl-reactionQr b,.sl-dynamicQr b{color:var(--sl-gold-light);letter-spacing:.1em}
.sl-reactionQr b { font-size:clamp(16px,1.7vw,24px); }
.sl-reactionQr span,.sl-dynamicQr span{color:#d7cbbb;font-size:12px}
.sl-reactionCopy > span { font-size:clamp(12px,1.05vw,16px); line-height:1.45; }
.sl-reactionTotals { display:grid; grid-template-columns:repeat(2,minmax(70px,1fr)); gap:7px; }
.sl-reactionCount { min-width:70px; padding:9px 11px; border:1px solid rgba(216,174,88,.35); font-size:clamp(14px,1.25vw,18px) !important; text-align:center; background:rgba(216,174,88,.06); }
.sl-reactionDirect { grid-column:1/-1; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:7px; padding-top:4px; border-top:1px solid rgba(216,174,88,.18); }
.sl-reactionDirect small { margin-right:4px; color:#cbb98f; font-size:9px; font-weight:900; letter-spacing:.12em; }
.sl-reactionDirect button { min-width:48px; padding:8px 12px; color:#fff; border:1px solid rgba(216,174,88,.38); background:rgba(216,174,88,.08); font-size:20px; cursor:pointer; }
.sl-reactionDirect button:hover,.sl-reactionDirect button:focus-visible { border-color:#efd184; background:rgba(216,174,88,.2); }
.sl-reactionDirect button:disabled { opacity:.45; cursor:wait; }
.sl-reactionDirect #sl-reaction-status { min-width:140px; color:#89ecb0; font-size:10px; font-weight:800; letter-spacing:.08em; }
.sl-reactionPanel { padding:clamp(25px,5vw,50px); text-align:center; color:#fff; }.sl-reactionPanel h2{color:var(--sl-gold-light)}.sl-reactionPanel > div{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.sl-reactionPanel button{display:flex;flex-direction:column;gap:5px;min-width:100px;padding:16px;color:#fff;border:1px solid rgba(216,174,88,.5);background:rgba(216,174,88,.08);font-size:30px;cursor:pointer}.sl-reactionPanel button span{font-size:10px;font-weight:800;letter-spacing:.1em}

.sl-selfieQr { display:flex; align-items:center; justify-content:center; gap:clamp(18px,4vw,46px); margin:0 0 18px; padding:clamp(20px,3vw,38px); color:#fff; border:1px solid rgba(246,210,122,.62); background:radial-gradient(circle at 20% 20%,rgba(216,174,88,.2),transparent 35%),linear-gradient(135deg,rgba(24,17,9,.97),rgba(3,3,3,.98)); box-shadow:0 22px 65px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,236,184,.12); }
.sl-selfieQr img { width:clamp(120px,15vw,220px); height:clamp(120px,15vw,220px); padding:8px; background:#fff; box-shadow:0 0 40px rgba(216,174,88,.18); }
.sl-selfieQr > div { display:flex; flex-direction:column; align-items:flex-start; gap:7px; }
.sl-selfieQr span { color:var(--sl-gold-light); font-size:11px; font-weight:900; letter-spacing:.24em; }
.sl-selfieQr b { color:#fff8e6; font-family:Georgia,"Times New Roman",serif; font-size:clamp(24px,4vw,52px); font-weight:500; line-height:1; }
.sl-selfieQr strong { color:#f3d88f; font-size:clamp(15px,2vw,25px); letter-spacing:.04em; }
.sl-selfieQr small { color:#d8cdbd; font-size:clamp(11px,1.2vw,16px); line-height:1.5; }
.sl-selfieQr.is-compact { width:min(92vw,520px); margin:22px auto 8px; padding:12px 16px; gap:14px; text-align:left; }
.sl-selfieQr.is-compact img { width:86px; height:86px; padding:4px; }
.sl-selfieQr.is-compact b { font-family:inherit; font-size:15px; font-weight:900; }
.sl-selfieQr.is-compact strong { font-size:11px; }
.sl-selfieQr.is-compact small,.sl-selfieQr.is-compact span { font-size:9px; }
.sl-selfieWall { margin:0 0 18px; padding:clamp(12px,1.8vw,24px); border:1px solid rgba(216,174,88,.5); background:linear-gradient(145deg,rgba(16,12,8,.96),rgba(2,2,2,.98)); }
.sl-selfieWallHead { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:12px; }
.sl-selfieWallHead > div > span { color:var(--sl-gold-light); font-size:10px; font-weight:900; letter-spacing:.22em; }
.sl-selfieWallHead h3 { margin:4px 0 0; color:#fff8e6; font-family:Georgia,"Times New Roman",serif; font-size:clamp(22px,3vw,38px); font-weight:500; }
.sl-selfieWallHead .sl-selfieQr { width:auto; min-width:300px; margin:0; }
.sl-selfieWall.is-empty .sl-selfieWallHead { display:grid; grid-template-columns:minmax(260px,1fr) minmax(520px,700px); align-items:center; }
.sl-selfieWall.is-empty .sl-selfieWallHead .sl-selfieQr { width:100%; padding:18px 24px; gap:22px; }
.sl-selfieWall.is-empty .sl-selfieQr.is-compact img { width:clamp(155px,12vw,205px); height:clamp(155px,12vw,205px); padding:7px; }
.sl-selfieWall.is-empty .sl-selfieQr.is-compact b { font-size:clamp(18px,1.7vw,26px); }
.sl-selfieWall.is-empty .sl-selfieQr.is-compact strong { font-size:clamp(12px,1.15vw,17px); }
.sl-selfieWall.is-empty .sl-selfieQr.is-compact small { font-size:11px; }
.sl-selfieWall.has-selfies .sl-selfieQr.is-compact img { width:112px; height:112px; }
.sl-selfieWall.has-selfies .sl-selfieWallHead .sl-selfieQr { min-width:390px; }
.sl-selfieGrid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:7px; }
.sl-selfieGrid figure { position:relative; width:100%; aspect-ratio:4/5; margin:0; overflow:hidden; border:1px solid rgba(216,174,88,.28); background:#070707; }
.sl-selfieGrid figure.is-newest { border-color:var(--sl-gold-light); box-shadow:0 0 24px rgba(216,174,88,.16); }
.sl-selfieGrid img { width:100%; height:100%; object-fit:cover; }
.sl-sessionDate { display:flex; flex-direction:column; gap:5px; min-width:170px; color:#d8cdbd; font-size:10px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.sl-selfieEmpty { margin:0; padding:42px 20px; color:#e9d9b6; border:1px dashed rgba(216,174,88,.35); text-align:center; letter-spacing:.1em; }
.sl-selfie-mode { min-height:100vh; min-height:100dvh; }
.sl-selfieCapture,.sl-selfieLoading { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:calc(100vh - 40px); min-height:calc(100dvh - 40px); padding:clamp(24px,6vw,80px); color:#fff; text-align:center; border:1px solid rgba(216,174,88,.55); background:radial-gradient(circle at 50% 30%,rgba(216,174,88,.18),transparent 35%),rgba(4,3,2,.9); }
.sl-selfieKicker,.sl-selfieLoading b { color:var(--sl-gold-light); font-size:12px; font-weight:900; letter-spacing:.28em; }
.sl-selfieCapture h1 { max-width:900px; margin:18px 0 7px; color:#fff7e1; font-family:Georgia,"Times New Roman",serif; font-size:clamp(38px,8vw,95px); font-weight:500; line-height:.95; }
.sl-selfieCapture h2 { margin:8px 0 18px; color:#efd184; font-size:clamp(17px,3vw,30px); }
.sl-selfieCapture > p { max-width:760px; color:#d9cebf; line-height:1.65; }
.sl-selfieConsent { display:flex; align-items:flex-start; gap:12px; max-width:720px; margin:18px 0; padding:16px; color:#eee4d4; border:1px solid rgba(216,174,88,.35); background:rgba(255,255,255,.035); text-align:left; }
.sl-selfieConsent input { width:22px; height:22px; flex:0 0 auto; accent-color:#d8ae58; }
.sl-selfieCapture > button { padding:17px 26px; color:#171006; border:1px solid #f7dfa1; background:linear-gradient(135deg,#f7dfa1,#bd8731); font-size:15px; font-weight:900; letter-spacing:.07em; cursor:pointer; }
.sl-selfieCapture > button:disabled { opacity:.38; cursor:not-allowed; }
.sl-selfieUploadStatus { min-height:28px; margin-top:16px; color:#f4d98e; font-weight:800; }
.sl-selfiePreview img { width:min(78vw,380px); max-height:440px; object-fit:contain; border:1px solid rgba(216,174,88,.55); box-shadow:0 20px 55px rgba(0,0,0,.45); }
.sl-selfieMiniWall { display:flex; justify-content:center; gap:6px; max-width:700px; margin-top:22px; overflow:hidden; }
.sl-selfieMiniWall img { width:90px; height:90px; object-fit:cover; border:1px solid rgba(216,174,88,.35); }
.sl-selfiePrivacy { margin-top:18px; color:#a99e8f; line-height:1.5; }
.sl-selfieAdminTools { display:block; }
.sl-selfieAdminWall { display:grid; grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:8px; width:100%; margin:12px 0; }
.sl-selfieAdminWall figure { margin:0; padding:6px; border:1px solid rgba(216,174,88,.25); background:rgba(255,255,255,.03); }
.sl-selfieAdminWall img { width:100%; height:115px; object-fit:cover; }
.sl-selfieAdminWall button { width:100%; margin-top:5px; }

.sl-recordingFlag { margin-top:12px; padding:8px 12px; color:#ffd9d2; border:1px solid rgba(255,89,73,.45); font-size:11px; font-weight:800; letter-spacing:.12em; }.sl-recordingFlag span{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#ff5949}
.sl-timerValue.is-warning { color:#ffd675; }.sl-timerValue.is-critical { color:#ff9d83; animation:slCriticalPulse 1.2s ease-in-out infinite; }
.sl-featureGrid { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:8px; margin-bottom:14px; }
.sl-emergencyEditor { display:grid; gap:9px; padding:14px; border:1px solid rgba(255,89,73,.25); }
.sl-mediaAdminPreview { display:grid; grid-template-columns:repeat(auto-fill,minmax(90px,1fr)); gap:7px; margin-bottom:10px; }.sl-mediaAdminPreview img{width:100%;height:90px;object-fit:cover;border:1px solid rgba(216,174,88,.25)}
.sl-adminActivityLog { display:grid; gap:5px; max-height:280px; overflow:auto; }.sl-logRow{display:grid;grid-template-columns:170px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;color:#ddd2c2;border-bottom:1px solid rgba(216,174,88,.12)}.sl-logRow time{color:var(--sl-gold-light);font-size:11px}.sl-logDelete{padding:7px 10px;font-size:11px}.sl-clearTimeline{margin:12px 14px 14px}
.sl-extendControls { display:flex; align-items:center; flex-wrap:wrap; gap:5px; }.sl-extendControls span{color:var(--sl-muted);font-size:11px}.sl-extendControls .sl-btn{padding:7px 9px;font-size:11px}
@keyframes slCriticalPulse { 0%,100%{opacity:1} 50%{opacity:.68} }

.sl-badge.insession {
  color: #baf4cd;
  border-color: rgba(86, 210, 130, .4);
  background: rgba(76, 175, 80, .14);
}

.sl-badge.done {
  color: #d2ccc2;
  border-color: rgba(210, 204, 194, .24);
  background: rgba(158, 158, 158, .12);
}

.sl-badge.scheduled {
  color: #e8ddca;
  border-color: rgba(216, 174, 88, .3);
  background: rgba(216, 174, 88, .08);
}

.sl-badge.selection {
  color: #c9e7ff;
  border-color: rgba(73, 166, 239, .38);
  background: rgba(33, 150, 243, .14);
}

.sl-badge.selectionarea {
  color: #f2c9fa;
  border-color: rgba(195, 96, 218, .38);
  background: rgba(156, 39, 176, .14);
}

.sl-ontime-pill {
  color: #c7f5d3;
  border-color: rgba(75, 196, 113, .42);
  background: rgba(20, 128, 65, .18);
}

.sl-ontime-pill b {
  color: #c7f5d3;
}

.sl-pauseBanner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px 18px;
  flex-wrap: wrap;
  margin-bottom: 14px;
  padding: 14px 18px;
  color: #fff5db;
  text-align: center;
  border: 1px solid rgba(255, 193, 85, .64);
  border-radius: 0;
  background: linear-gradient(135deg, rgba(120, 28, 17, .95), rgba(48, 12, 8, .96));
  box-shadow: 0 12px 28px rgba(72, 8, 4, .28), inset 0 1px 0 rgba(255, 226, 155, .16);
}

.sl-pauseBanner b {
  color: #ffd886;
  font-size: 13px;
  letter-spacing: .09em;
}

.sl-pauseBanner span {
  font-size: 13px;
}

.sl-pauseBanner small {
  color: #ddcdb7;
  font-size: 11px;
}

.sl-admin {
  margin-top: 18px;
}

.sl-admin h3 {
  color: var(--sl-gold-light);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 25px;
  font-weight: 500;
}

.sl-form {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.sl-input,
.sl-select {
  min-height: 42px;
  padding: 10px 12px;
  color: #fffaf0;
  font-family: inherit;
  font-size: 14px;
  border: 1px solid rgba(216, 174, 88, .34);
  border-radius: 11px;
  outline: 0;
  background: rgba(255, 255, 255, .065);
  transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
  caret-color: #fff;
  -webkit-text-fill-color: #fffaf0;
}

.sl-input:active,
.sl-input:focus,
.sl-input:focus-visible,
.sl-select:active,
.sl-select:focus,
.sl-select:focus-visible {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.sl-input:-webkit-autofill,
.sl-input:-webkit-autofill:hover,
.sl-input:-webkit-autofill:focus {
  -webkit-text-fill-color: #fff !important;
  caret-color: #fff;
  box-shadow: 0 0 0 1000px #26211c inset !important;
  transition: background-color 9999s ease-out 0s;
}

.sl-input::placeholder {
  color: #a69c8c;
}

.sl-liveboard-wrap input.sl-input,
.sl-liveboard-wrap textarea.sl-input,
.sl-liveboard-wrap select.sl-select {
  color: #fffaf0 !important;
  -webkit-text-fill-color: #fffaf0 !important;
}

.sl-input:focus,
.sl-select:focus {
  border-color: var(--sl-gold);
  background: rgba(255, 255, 255, .09);
  box-shadow: 0 0 0 3px rgba(216, 174, 88, .14);
}

.sl-select option {
  color: #17120c;
  background: #fffaf0;
}

.sl-input.small {
  width: 190px;
}

.sl-input.time {
  width: 110px;
}

.sl-input.dur {
  width: 150px;
}

.sl-durationEditor {
  display: inline-flex;
  align-items: flex-end;
  gap: 8px;
}

.sl-durationEditor label {
  display: grid;
  gap: 4px;
  color: var(--sl-muted);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.sl-durationEditor .sl-input {
  width: 88px;
}

.sl-defaultDuration .sl-input {
  width: 110px;
}

.sl-timeEditor {
  display: inline-flex;
  align-items: stretch;
  width: 190px;
  min-height: 42px;
  overflow: hidden;
  border: 1px solid rgba(216, 174, 88, .34);
  border-radius: 11px;
  background: rgba(255, 255, 255, .065);
  transition: border-color .2s ease, box-shadow .2s ease;
}

.sl-timeEditor:focus-within {
  border-color: var(--sl-gold);
  box-shadow: 0 0 0 3px rgba(216, 174, 88, .14);
}

.sl-timeEditor .sl-input.time {
  width: 118px;
  min-height: 40px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.sl-periodToggle {
  min-width: 70px;
  padding: 8px 12px;
  color: #1a1003;
  font-family: inherit;
  font-size: 13px;
  font-weight: 850;
  letter-spacing: .06em;
  border: 0;
  border-left: 1px solid rgba(255, 229, 164, .5);
  background: linear-gradient(135deg, #f4dc9d, #ad792d);
  cursor: pointer;
}

.sl-periodToggle:hover,
.sl-periodToggle:focus-visible {
  filter: brightness(1.08);
  outline: 0;
}

.sl-btn {
  min-height: 42px;
  padding: 10px 15px;
  color: #1a1003;
  font-family: inherit;
  font-weight: 800;
  border: 1px solid rgba(255, 229, 164, .62);
  border-radius: 11px;
  background: linear-gradient(135deg, #f4dc9d, #ad792d);
  box-shadow: 0 7px 18px rgba(147, 94, 22, .16);
  cursor: pointer;
  transition: filter .2s ease, transform .2s ease, box-shadow .2s ease;
}

.sl-btn:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
  box-shadow: 0 9px 22px rgba(147, 94, 22, .25);
}

.sl-btn.secondary {
  color: #eee5d5;
  border-color: rgba(255, 255, 255, .16);
  background: rgba(255, 255, 255, .1);
  box-shadow: none;
}

.sl-btn.ghost {
  color: var(--sl-gold-light);
  border-color: rgba(216, 174, 88, .4);
  background: transparent;
  box-shadow: none;
}

.sl-btn:disabled {
  opacity: .58;
  cursor: not-allowed;
  filter: grayscale(.3);
  transform: none;
}

.sl-adminList {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 14px;
}

.sl-adminRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  padding: 11px;
  border: 1px solid rgba(216, 174, 88, .18);
  border-radius: 0;
  background: rgba(255, 255, 255, .025);
}

.sl-adminLeft {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1 1 680px;
  flex-wrap: wrap;
}

.sl-sessionControls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 1 auto;
  flex-wrap: wrap;
}

.sl-timingState {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 6px 10px;
  color: #d8cdbd;
  font-size: 11px;
  border: 1px solid rgba(216, 174, 88, .22);
  border-radius: 999px;
  background: rgba(255, 255, 255, .045);
}

.sl-timingState.in_session {
  color: #baf4cd;
  border-color: rgba(86, 210, 130, .35);
  background: rgba(76, 175, 80, .12);
}

.sl-timingState.selection {
  color: #f2c9fa;
  border-color: rgba(195, 96, 218, .38);
  background: rgba(156, 39, 176, .14);
}

.sl-timingState.completed {
  color: #cfc7bb;
  border-color: rgba(207, 199, 187, .2);
}

.sl-btn-start {
  color: #092314;
  border-color: rgba(158, 242, 183, .48);
  background: linear-gradient(135deg, #c6f2d1, #58ad75);
}

.sl-btn-complete {
  color: #171004;
  background: linear-gradient(135deg, #ffe8a8, #c18c36);
}

.sl-btn-selection {
  color: #241028;
  border-color: rgba(232, 177, 245, .55);
  background: linear-gradient(135deg, #f4d3fa, #b36ec2);
}

.sl-emergencyPanel {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 16px;
  padding: 14px;
  border: 1px solid rgba(216, 174, 88, .22);
  border-radius: 0;
  background: rgba(255, 255, 255, .025);
}

.sl-emergencyPanel > div {
  display: flex;
  flex: 1 1 360px;
  flex-direction: column;
  gap: 3px;
}

.sl-emergencyPanel b {
  color: var(--sl-gold-light);
  font-size: 13px;
}

.sl-emergencyPanel span {
  color: var(--sl-muted);
  font-size: 11px;
  line-height: 1.4;
}

.sl-emergencyPanel.is-paused {
  border-color: rgba(255, 113, 82, .42);
  background: rgba(125, 26, 12, .18);
}

.sl-emergencyPanel.is-paused b {
  color: #ffc18e;
}

.sl-pauseReason {
  flex: 1 1 220px;
}

.sl-liveboard-wrap.sl-tv-mode {
  position: fixed;
  z-index: 2147483646;
  inset: 0;
  width: 100vw;
  max-width: none;
  min-height: 100vh;
  min-height: 100dvh;
  margin: 0;
  padding: clamp(20px, 3vw, 52px);
  overflow-x: hidden;
  overflow-y: auto;
  border: 0;
  border-radius: 0;
  background-attachment: fixed;
}

.sl-tv-mode #sl-liveboard-public {
  width: min(1600px, 100%);
  margin: 0 auto;
}

.sl-tv-mode #sl-liveboard-admin {
  display: none !important;
}

.sl-tv-mode .sl-card {
  padding: clamp(26px, 3vw, 46px);
}

.sl-tv-mode .sl-title {
  font-size: clamp(34px, 4vw, 64px);
}

.sl-tv-mode .sl-sub,
.sl-tv-mode .sl-pill,
.sl-tv-mode .sl-times {
  font-size: clamp(13px, 1.15vw, 18px);
}

.sl-tv-mode .sl-client {
  font-size: clamp(18px, 1.55vw, 26px);
}

.sl-tv-mode .sl-badge {
  padding: 7px 12px;
  font-size: clamp(12px, 1vw, 16px);
}

.sl-liveboard-wrap.sl-timer-tv-mode {
  position: fixed;
  z-index: 2147483646;
  inset: 0;
  width: 100vw;
  max-width: none;
  min-height: 100vh;
  min-height: 100dvh;
  margin: 0;
  padding: clamp(22px, 4vw, 70px);
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background-attachment: fixed;
}

.sl-timer-tv-mode #sl-liveboard-public {
  width: 100%;
  min-height: calc(100vh - clamp(44px, 8vw, 140px));
  min-height: calc(100dvh - clamp(44px, 8vw, 140px));
}

.sl-timer-tv-mode #sl-liveboard-admin { display: none !important; }

.sl-timerStage {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  min-height: calc(100vh - clamp(44px, 8vw, 140px));
  min-height: calc(100dvh - clamp(44px, 8vw, 140px));
  padding: clamp(28px, 5vw, 76px);
  overflow: hidden;
  text-align: center;
  border: 1px solid rgba(216, 174, 88, .48);
  background:
    radial-gradient(circle at 50% 42%, rgba(216, 174, 88, .13), transparent 42%),
    linear-gradient(145deg, rgba(18, 14, 10, .82), rgba(4, 3, 3, .94));
  box-shadow: inset 0 1px 0 rgba(255, 232, 169, .2), 0 30px 90px rgba(0,0,0,.45);
}

.sl-timerStage::before,
.sl-timerStage::after {
  position: absolute;
  left: 50%;
  width: min(720px, 72%);
  height: 1px;
  content: "";
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, var(--sl-gold-light), transparent);
  opacity: .62;
}
.sl-timerStage::before { top: 7%; }
.sl-timerStage::after { bottom: 7%; }

.sl-timerEyebrow {
  color: var(--sl-gold-light);
  font-size: clamp(12px, 1.4vw, 22px);
  font-weight: 800;
  letter-spacing: .32em;
  text-transform: uppercase;
}

.sl-timerClient {
  max-width: 1200px;
  margin: clamp(18px, 3vh, 38px) 0 0;
  color: #fffaf0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(44px, 8vw, 132px);
  font-weight: 500;
  line-height: .98;
  letter-spacing: .015em;
  overflow-wrap: anywhere;
  text-shadow: 0 5px 35px rgba(0,0,0,.72), 0 0 40px rgba(216,174,88,.12);
}
.sl-timerPackage { margin-top:12px; color:var(--sl-gold-light); font-size:clamp(12px,1.25vw,20px); font-weight:800; letter-spacing:.2em; text-transform:uppercase; }

.sl-timerDivider {
  width: min(290px, 52vw);
  height: 1px;
  margin: clamp(24px, 4vh, 48px) 0;
  background: linear-gradient(90deg, transparent, var(--sl-gold), transparent);
}

.sl-timerLabel {
  color: #d9ccb9;
  font-size: clamp(12px, 1.25vw, 20px);
  font-weight: 700;
  letter-spacing: .25em;
}

.sl-timerValue {
  margin-top: clamp(8px, 1.8vh, 22px);
  color: var(--sl-gold-light);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: clamp(68px, 13vw, 210px);
  font-weight: 250;
  line-height: .86;
  letter-spacing: -.025em;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  text-shadow: 0 8px 45px rgba(0,0,0,.78), 0 0 55px rgba(216,174,88,.18);
}

.sl-timerValue.is-complete { color: #fff4d0; opacity: .72; }
.sl-timerComplete { margin-top: 18px; color: var(--sl-gold-light); font-size: clamp(14px, 1.5vw, 24px); font-weight: 800; letter-spacing: .18em; }
.sl-timerMeta { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin-top: clamp(20px, 3vh, 36px); }
.sl-timerMeta span { padding: 8px 14px; color: #e8ddca; font-size: clamp(11px, 1vw, 16px); border: 1px solid rgba(216,174,88,.38); border-radius: 999px; background: rgba(216,174,88,.07); }
.sl-timerMeta b { color: var(--sl-gold-light); }
.sl-timerPaused { display: flex; justify-content: center; gap: 10px 18px; flex-wrap: wrap; margin-top: 22px; padding: 12px 18px; color: #fff4d0; border: 1px solid rgba(255,193,85,.58); background: rgba(91,25,12,.72); }
.sl-timerPaused b { color: #ffd886; letter-spacing: .12em; }
.sl-timerWaiting .sl-timerClient { font-size: clamp(42px, 7vw, 110px); }
.sl-timerWaiting .sl-timerLabel { max-width: 620px; line-height: 1.5; letter-spacing: .08em; }

@media (max-width: 720px) {
  .sl-selfieQr { flex-direction:column; text-align:center; }
  .sl-selfieQr > div { align-items:center; }
  .sl-selfieQr.is-compact { flex-direction:row; text-align:left; }
  .sl-selfieQr.is-compact > div { align-items:flex-start; }
  .sl-selfieWallHead { align-items:stretch; flex-direction:column; }
  .sl-selfieWallHead .sl-selfieQr { min-width:0; }
  .sl-selfieWall.is-empty .sl-selfieWallHead { display:flex; }
  .sl-selfieWall.is-empty .sl-selfieWallHead .sl-selfieQr { padding:15px; }
  .sl-selfieWall.is-empty .sl-selfieQr.is-compact img { width:132px; height:132px; }
  .sl-selfieWall.has-selfies .sl-selfieWallHead .sl-selfieQr { min-width:0; }
  .sl-selfieGrid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sl-selfieCapture { padding:28px 15px; }
  .sl-selfieConsent { font-size:12px; }
  .sl-selfieMiniWall img { width:56px; height:56px; }
  .sl-liveboard-wrap.sl-timer-tv-mode { padding: 10px; }
  .sl-timerStage { min-height: calc(100vh - 20px); min-height: calc(100dvh - 20px); padding: 28px 14px; }
  .sl-timerClient { font-size: clamp(38px, 14vw, 70px); line-height: 1.02; }
  .sl-timerValue { font-size: clamp(38px, 10vw, 72px); }
  .sl-timerEyebrow { letter-spacing: .2em; }
}

.sl-note,
.sl-status {
  margin: 11px 0 0;
  color: var(--sl-muted);
  font-size: 12px;
  line-height: 1.5;
}

.sl-error {
  margin-top: 11px;
  padding: 10px 12px;
  color: #ffd5d8;
  font-size: 12px;
  border: 1px solid rgba(255, 84, 100, .32);
  border-radius: 10px;
  background: rgba(176, 0, 32, .16);
}

.sl-dirty {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 11px;
  color: #ffe6a8;
  font-size: 12px;
  border: 1px solid rgba(216, 174, 88, .38);
  border-radius: 999px;
  background: rgba(216, 174, 88, .1);
}

.sl-announcement {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  align-items: center;
  gap: 10px 18px;
  flex-wrap: wrap;
  margin-bottom: 14px;
  padding: 14px 18px;
  border: 1px solid rgba(216, 174, 88, .55);
  border-radius: 0;
  background: rgba(33, 24, 12, .95);
}

.sl-announcement b { color: var(--sl-gold-light); letter-spacing: .06em; }
.sl-announcement span { min-width: 0; overflow-wrap: anywhere; }
.sl-announcement a { color: #fffaf0; text-decoration: underline; text-decoration-color: rgba(246, 221, 155, .7); text-underline-offset: 3px; }
.sl-announcement a:hover { color: var(--sl-gold-light); }
.sl-announcement.important { border-color: #e5a838; background: rgba(104, 47, 8, .94); }
.sl-badge.package { color: #f7e6b5; border-color: rgba(216, 174, 88, .55); }
.sl-finish-pill { border-color: rgba(96, 201, 131, .45); }

.sl-adminGrid { display: grid; gap: 10px; margin: 15px 0; }
.sl-dateGuard { display:flex; align-items:center; flex-wrap:wrap; gap:8px 16px; margin:14px 0; padding:14px 16px; color:#f5e5bd; border:1px solid rgba(216,174,88,.45); background:rgba(77,52,13,.24); }
.sl-dateGuard b { color:var(--sl-gold-light); letter-spacing:.12em; }
.sl-dateGuard span { color:#ddd2c2; }
.sl-dateGuard.is-future { border-color:rgba(93,183,255,.4); background:rgba(25,69,104,.2); }
.sl-adminSection {
  border: 1px solid rgba(216, 174, 88, .22);
  border-radius: 0;
  background: rgba(255, 255, 255, .025);
}
.sl-adminSection summary {
  padding: 13px 15px;
  color: var(--sl-gold-light);
  font-weight: 750;
  cursor: pointer;
}
.sl-toolPanel { display: flex; align-items: flex-end; gap: 10px; flex-wrap: wrap; padding: 0 14px 14px; }
.sl-toolPanel label { display: grid; gap: 5px; color: var(--sl-muted); font-size: 11px; }
.sl-packageRow { display: grid; grid-template-columns: minmax(180px,1fr) auto auto; align-items: end; gap: 10px; padding: 0 14px 10px; }
.sl-announcementInput { flex: 1 1 420px; min-height: 74px; resize: vertical; }
.sl-linkInput { flex: 1 1 280px; }
.sl-sponsorBanner { width: 100%; margin-bottom: 14px; overflow: hidden; border: 1px solid rgba(216, 174, 88, .5); background: #080706; }
.sl-sponsorBanner a { display: block; }
.sl-sponsorBanner img { display: block; width: 100%; height: clamp(120px, 18vw, 230px); object-fit: contain; object-position: center; background:#050505; }
.sl-sponsorTools { align-items: center; }
.sl-sponsorPreview { display: grid; place-items: center; width: min(100%, 380px); min-height: 90px; overflow: hidden; border: 1px solid rgba(216, 174, 88, .25); background: rgba(255,255,255,.03); color: var(--sl-muted); font-size: 12px; }
.sl-sponsorPreview img { display: block; width: 100%; max-height: 160px; object-fit: contain; }
.sl-liveStream {
  width: 100%;
  margin-bottom: 16px;
  border: 1px solid rgba(216, 174, 88, .58);
  background: linear-gradient(145deg, rgba(21, 17, 12, .98), rgba(5, 5, 5, .98));
  box-shadow: 0 18px 52px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 232, 173, .08);
}
.sl-liveStreamHeading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid rgba(216, 174, 88, .3);
  background: linear-gradient(90deg, rgba(216, 174, 88, .04), rgba(216, 174, 88, .14), rgba(216, 174, 88, .04));
}
.sl-liveStreamHeading h2 {
  margin: 0;
  color: var(--sl-gold-light);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(19px, 3vw, 34px);
  font-weight: 600;
  letter-spacing: .09em;
  line-height: 1.15;
  text-align: center;
}
.sl-liveStreamFrame,
.sl-liveStreamAdminPreview {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: hidden;
  background: #000;
}
.sl-liveStreamFrame iframe,
.sl-liveStreamAdminPreview iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.sl-liveStreamTools { align-items: stretch; flex-direction: column; }
.sl-liveStreamInput { width: 100%; min-height: 46px; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 11px; }
.sl-liveStreamAdminPreview { max-width: 640px; padding-top: min(56.25%, 360px); border: 1px solid rgba(216, 174, 88, .35); }
.sl-liveStreamEmpty { padding: 20px; color: var(--sl-muted); border: 1px dashed rgba(216, 174, 88, .28); text-align: center; }

.sl-vimeoSpotlight { position:relative; width:min(100%,960px); margin:0 auto 18px; overflow:hidden; border:1px solid rgba(246,221,155,.58); background:#030303; box-shadow:0 28px 75px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,235,184,.14); }
.sl-vimeoSpotlightFrame { position:relative; width:100%; aspect-ratio:16/9; overflow:hidden; background:#000; }
.sl-vimeoSpotlightFrame iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }

.sl-nextCountdown { display:grid; grid-template-columns:minmax(190px,.8fr) minmax(360px,1.4fr); align-items:center; gap:clamp(18px,4vw,55px); margin:0 0 18px; padding:clamp(20px,3vw,38px); overflow:hidden; border:1px solid rgba(246,221,155,.58); background:radial-gradient(circle at 76% 50%,rgba(216,174,88,.2),transparent 35%),linear-gradient(135deg,rgba(27,20,12,.97),rgba(5,4,3,.98)); box-shadow:0 24px 65px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,235,184,.13); }
.sl-nextCountdownIntro { display:flex; flex-direction:column; gap:8px; }
.sl-nextCountdownIntro span { color:var(--sl-gold); font-size:clamp(10px,.9vw,13px); font-weight:900; letter-spacing:.22em; }
.sl-nextCountdownIntro b { color:var(--sl-ivory); font-family:Georgia,"Times New Roman",serif; font-size:clamp(24px,3vw,46px); font-weight:500; line-height:1.05; }
.sl-nextCountdownClock { display:grid; grid-template-columns:repeat(7,auto); align-items:center; justify-content:end; gap:clamp(5px,1.1vw,16px); }
.sl-nextCountdownClock div { display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:clamp(64px,7.2vw,112px); min-height:clamp(88px,8vw,126px); padding:12px 8px 10px; border:1px solid rgba(216,174,88,.34); background:rgba(255,255,255,.035); }
.sl-nextCountdownClock strong { color:var(--sl-gold-light); font-family:Georgia,"Times New Roman",serif; font-size:clamp(30px,4vw,62px); font-weight:400; font-variant-numeric:tabular-nums; line-height:.95; text-shadow:0 0 25px rgba(238,192,94,.2); }
.sl-nextCountdownClock span { margin-top:8px; color:#d6c8ae; font-family:inherit; font-size:10px; font-weight:900; letter-spacing:.06em; line-height:1; }
.sl-nextCountdownClock i { color:var(--sl-gold); font-family:Georgia,"Times New Roman",serif; font-size:clamp(24px,3vw,46px); font-style:normal; animation:slCountdownColon 1s ease-in-out infinite; }
.sl-nextCountdown.is-imminent { border-color:#f0c665; box-shadow:0 24px 70px rgba(203,139,37,.2),inset 0 1px 0 rgba(255,235,184,.18); }
.sl-nextCountdown.is-starting .sl-nextCountdownIntro span::after { content:" · STARTING NOW"; color:#6ee7a0; }
@keyframes slCountdownColon { 50% { opacity:.3; } }

@media (max-width:760px) {
  .sl-nextCountdown { grid-template-columns:1fr; text-align:center; }
  .sl-nextCountdownIntro { align-items:center; }
  .sl-nextCountdownClock { justify-content:center; gap:4px; }
  .sl-nextCountdownClock div { min-width:58px; min-height:84px; padding:9px 3px 7px; }
  .sl-nextCountdownClock span { font-size:8px; letter-spacing:.02em; }
}
.sl-rowStartCountdown { font-variant-numeric:tabular-nums; white-space:nowrap; }
.sl-rowStartCountdown.is-critical { border-color:#e1ad45; color:#ffe7a8; box-shadow:0 0 18px rgba(225,173,69,.16); }
.sl-emptyDay { display:flex; min-height:150px; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:30px; border:1px dashed rgba(216,174,88,.35); color:var(--sl-muted); text-align:center; }
.sl-emptyDay b { color:var(--sl-gold-light); font-size:clamp(14px,1.5vw,20px); letter-spacing:.12em; }
.sl-emptyDay span { max-width:620px; line-height:1.5; }
.sl-adminDayHeading { display:flex; align-items:center; justify-content:space-between; gap:15px; margin:22px 0 10px; padding:13px 16px; border:1px solid rgba(216,174,88,.34); background:linear-gradient(90deg,rgba(216,174,88,.14),rgba(216,174,88,.025)); color:var(--sl-gold-light); }
.sl-adminDayHeading b { font-family:Georgia,"Times New Roman",serif; font-size:clamp(18px,2vw,27px); font-weight:500; }
.sl-adminDayHeading span { color:#d8ae58; font-size:10px; font-weight:900; letter-spacing:.16em; }
.sl-ameliaPanel { border-color:rgba(93,210,166,.42) !important; background:linear-gradient(145deg,rgba(14,48,38,.28),rgba(8,7,5,.94)); }
.sl-ameliaStatus { display:flex; flex-direction:column; gap:5px; padding:13px 15px; border:1px solid rgba(93,210,166,.34); background:rgba(32,112,82,.13); color:#b9f5da; }
.sl-ameliaStatus b { font-size:11px; letter-spacing:.14em; }
.sl-ameliaStatus span { color:var(--sl-muted); font-size:12px; line-height:1.45; }
.sl-ameliaStatus.has-error { border-color:rgba(255,100,82,.5); background:rgba(120,35,25,.18); color:#ffc5bc; }
.sl-ameliaBadge { display:inline-flex; align-items:center; justify-content:center; padding:6px 9px; border:1px solid rgba(93,210,166,.48); border-radius:999px; background:rgba(26,112,80,.17); color:#92edc5; font-size:9px; font-weight:900; letter-spacing:.12em; white-space:nowrap; }
.sl-imperiumBadge,.sl-paymentBadge,.sl-addonSyncBadge { display:inline-flex; align-items:center; justify-content:center; padding:6px 9px; border-radius:999px; font-size:9px; font-weight:900; letter-spacing:.1em; white-space:nowrap; }
.sl-imperiumBadge { border:1px solid rgba(226,197,124,.58); background:rgba(201,164,92,.15); color:#e2c57c; }
.sl-paymentBadge { border:1px solid rgba(93,210,166,.48); background:rgba(26,112,80,.17); color:#92edc5; }
.sl-paymentBadge.deposit { border-color:rgba(226,197,124,.5); background:rgba(201,164,92,.13); color:#f1d68f; }
.sl-addonSyncBadge { border:1px solid rgba(137,170,255,.48); background:rgba(70,96,164,.18); color:#b9cbff; }
.sl-check { display: inline-flex !important; grid-auto-flow: column; align-items: center; gap: 7px !important; min-height: 42px; }
.sl-noteInline { color: var(--sl-muted); font-size: 11px; line-height: 1.4; }
.sl-packageSelect { min-width: 190px; }
.sl-socialFooter {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 20px;
  width: 100%;
  margin: 18px auto 0;
  padding: 14px 18px;
  border-top: 1px solid rgba(216, 174, 88, .34);
  border-bottom: 1px solid rgba(216, 174, 88, .2);
  color: var(--sl-gold-light);
  background: linear-gradient(90deg, rgba(216, 174, 88, .02), rgba(216, 174, 88, .1), rgba(216, 174, 88, .02));
  text-align: center;
}
.sl-socialLead {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .16em;
}
.sl-socialLinks {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px 12px;
}
.sl-socialLinks a {
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .02em;
  text-decoration: none;
  text-underline-offset: 4px;
}
.sl-socialLinks a:hover,
.sl-socialLinks a:focus-visible {
  color: var(--sl-gold-light);
  text-decoration: underline;
  outline: none;
}
.sl-socialDivider { color: rgba(216, 174, 88, .7); }
.sl-tv-mode .sl-socialFooter { font-size: clamp(12px, 1vw, 16px); }
.sl-tv-mode .sl-socialLead,
.sl-tv-mode .sl-socialLinks a { font-size: inherit; }
.sl-timer-tv-mode .sl-socialFooter {
  position: absolute;
  right: clamp(18px, 4vw, 58px);
  bottom: clamp(16px, 3vw, 40px);
  left: clamp(18px, 4vw, 58px);
  width: auto;
  margin: 0;
  z-index: 2;
}
.sl-tvPager { margin-top: 14px; color: var(--sl-gold-light); text-align: center; font-size: 12px; letter-spacing: .08em; }
.sl-tv-mode .sl-item[hidden] { display: none !important; }

@media (max-width: 720px) {
  .sl-liveboard-wrap {
    padding: 12px;
    border-radius: 0;
    background-position: 58% top;
  }

  .sl-card {
    padding: 16px;
    border-radius: 0;
  }

  .sl-title {
    font-size: clamp(18px, 7vw, 26px);
    line-height: 1.18;
  }

  .sl-head,
  .sl-rowTop {
    flex-direction: column;
  }

  .sl-rowTop > div {
    justify-content: flex-start !important;
  }

  .sl-item {
    padding: 14px;
  }

  .sl-input,
  .sl-input.small,
  .sl-input.dur,
  .sl-select {
    width: 100%;
  }

  .sl-durationEditor {
    width: 100%;
  }

  .sl-durationEditor label {
    flex: 1 1 50%;
  }

  .sl-durationEditor .sl-input,
  .sl-defaultDuration .sl-input {
    width: 100%;
  }

  .sl-timeEditor {
    width: 100%;
  }

  .sl-timeEditor .sl-input.time {
    width: calc(100% - 76px);
  }

  .sl-periodToggle {
    width: 76px;
  }

  .sl-adminLeft,
  .sl-adminRow,
  .sl-sessionControls {
    align-items: stretch;
    flex-direction: column;
  }

  .sl-sessionControls {
    width: 100%;
  }

  .sl-timingState {
    justify-content: center;
  }

  .sl-emergencyPanel {
    align-items: stretch;
    flex-direction: column;
  }

  .sl-btn {
    width: 100%;
  }

  .sl-socialFooter {
    align-items: center;
    flex-direction: column;
    padding: 12px 10px;
  }

  .sl-socialLinks {
    flex-direction: column;
    gap: 6px;
  }

  .sl-socialDivider { display: none; }

  .sl-socialLinks a { overflow-wrap: anywhere; }

  .sl-logRow,
  .sl-activityTimeline > div { grid-template-columns:1fr; }

  .sl-nextSpotlight,
  .sl-shootingBanner { align-items:flex-start; flex-direction:column; }

  .sl-mediaRail { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sl-mediaRail img { height:125px; }

  .sl-reactionQr,
  .sl-dynamicQr { flex-direction:column; text-align:center; }

  .sl-reactionQr { grid-template-columns:1fr; }
  .sl-reactionQr img { margin:auto; }
  .sl-reactionTotals { grid-template-columns:repeat(4,minmax(58px,1fr)); width:100%; }
  .sl-reactionDirect { grid-column:1; }

  .sl-timer-tv-mode .sl-socialFooter {
    right: 10px;
    bottom: 10px;
    left: 10px;
  }

  .sl-announcement { grid-template-columns: 1fr; }

  .sl-packageRow { grid-template-columns: 1fr; }
  .sl-toolPanel { align-items: stretch; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  .sl-liveboard-wrap *,
  .sl-liveboard-wrap *::before,
  .sl-liveboard-wrap *::after {
    scroll-behavior: auto !important;
    transition: none !important;
  }

  .sl-liveDot::after {
    animation: none !important;
    opacity: .35;
  }
}

/* Studio Selfie Broadcast + share experience. */
.sl-selfieSideRail { display:none; }

@media (min-width:900px) {
  .sl-tv-mode #sl-liveboard-public { width:42vw; }
  .sl-tv-mode .sl-selfieSideRail {
    align-items:center;
    background:linear-gradient(180deg,rgba(10,8,6,.97),rgba(35,24,10,.94));
    border:1px solid rgba(214,168,72,.62);
    box-shadow:0 22px 60px rgba(0,0,0,.72),inset 0 0 45px rgba(213,160,51,.06);
    color:#fff3d0;
    display:flex;
    flex-direction:column;
    gap:0;
    height:96vh;
    justify-content:flex-start;
    padding:1vw;
    position:fixed;
    top:2vh;
    width:27.5vw;
    z-index:2100;
  }
  .sl-tv-mode .sl-selfieSideRail.is-left { left:.75vw; }
  .sl-tv-mode .sl-selfieSideRail.is-right { right:.75vw; }
  .sl-sideSelfie,.sl-sideShare { align-items:center;display:flex;flex-direction:column;text-align:center;width:100%; }
  .sl-sideSelfie { padding-bottom:18px; }
  .sl-selfieFunHeadline { align-items:center;display:grid;gap:1px 10px;grid-template-columns:auto 1fr;margin-bottom:1.1vh;width:100%; }
  .sl-selfieFunHeadline i { animation:sl-camera-pop 1.8s ease-in-out infinite;font-size:clamp(28px,2.3vw,52px);font-style:normal;grid-row:1/3; }
  .sl-selfieFunHeadline span { color:#fff4d2;font-size:clamp(18px,1.35vw,30px);font-weight:900;letter-spacing:.08em;line-height:1.05;text-align:left; }
  .sl-selfieFunHeadline strong { color:#ff79d1;font-size:clamp(11px,.82vw,18px);font-weight:900;letter-spacing:.05em;line-height:1.25;text-align:left; }
  .sl-sideQrStage { isolation:isolate;position:relative;width:100%; }
  .sl-sideQrStage img { background:#fff;display:block;height:auto;max-height:59vh;object-fit:contain;position:relative;width:100%;z-index:2; }
  .sl-sideQrGlow { animation:sl-color-qr 3.2s linear infinite;background:conic-gradient(from 0deg,#ffd46b,#ff48c4,#45dfff,#7dff9b,#ffd46b);filter:blur(13px);inset:-9px;opacity:.9;position:absolute;z-index:0; }
  .sl-qrSparkle { animation:sl-qr-sparkle 1.5s ease-in-out infinite;color:#fff5ae;font-size:clamp(24px,2.2vw,48px);font-style:normal;pointer-events:none;position:absolute;text-shadow:0 0 16px currentColor;z-index:4; }
  .sl-qrSparkle.is-one { left:-.5vw;top:-1.2vh; }
  .sl-qrSparkle.is-two { animation-delay:.5s;right:-.5vw;top:28%; }
  .sl-qrSparkle.is-three { animation-delay:1s;bottom:-1.2vh;left:18%; }
  .sl-selfieGoesLive { align-items:center;background:linear-gradient(110deg,rgba(255,67,194,.18),rgba(47,220,255,.16),rgba(255,196,69,.18));border:1px solid rgba(255,213,118,.7);display:grid;gap:1px 9px;grid-template-columns:auto 1fr;margin-top:1.5vh;padding:clamp(9px,.75vw,15px);width:100%; }
  .sl-selfieGoesLive>span { animation:sl-live-party 1.15s ease-in-out infinite;background:#66ffbd;border-radius:50%;box-shadow:0 0 18px #54ffb4;height:12px;grid-row:1/3;width:12px; }
  .sl-selfieGoesLive b { color:#fff;font-size:clamp(13px,.92vw,20px);font-weight:900;letter-spacing:.07em;text-align:left; }
  .sl-selfieGoesLive strong { color:#f3c95e;font-size:clamp(10px,.7vw,15px);font-weight:900;text-align:left; }
  .sl-sideSelfie>p { color:#eee2ca;font-size:clamp(10px,.68vw,15px);letter-spacing:.025em;line-height:1.45;margin:1vh 0 0;text-align:center; }
  .sl-sideSelfie>p b { color:#58e9ff; }
  .sl-sideSelfie>p strong { color:#ff83d8; }
  .sl-sideShare b { color:#e6c77c;font-size:clamp(12px,.8vw,16px);font-weight:800;letter-spacing:.16em;line-height:1.35; }
  .sl-sideShare strong { color:#d9ad52;font-size:clamp(12px,.78vw,16px);line-height:1.35;margin-top:6px; }
  .sl-sideShare { border-top:1px solid rgba(214,168,72,.34);margin-top:auto;padding-top:22px; }
  .sl-sideShare img { background:#fff;height:auto;margin-bottom:10px;width:clamp(86px,6.5vw,122px); }
}

@keyframes sl-color-qr { to { filter:blur(13px) hue-rotate(360deg);transform:rotate(360deg); } }
@keyframes sl-camera-pop { 0%,100%{transform:rotate(-5deg) scale(1)} 50%{transform:rotate(5deg) scale(1.13)} }
@keyframes sl-qr-sparkle { 0%,100%{opacity:.25;transform:scale(.55) rotate(0)} 50%{opacity:1;transform:scale(1.2) rotate(30deg)} }
@keyframes sl-live-party { 0%,100%{opacity:.65;transform:scale(.8)} 50%{opacity:1;transform:scale(1.25)} }

@media (prefers-reduced-motion:reduce) {
  .sl-selfieFunHeadline i,.sl-sideQrGlow,.sl-qrSparkle,.sl-selfieGoesLive>span { animation:none!important; }
}

.sl-selfieSpotlight {
  align-items:center;
  background:radial-gradient(circle at 50% 40%,rgba(80,55,18,.82),rgba(0,0,0,.98) 65%);
  display:flex;
  flex-direction:column;
  inset:0;
  justify-content:center;
  opacity:0;
  overflow:hidden;
  padding:3vh 4vw;
  pointer-events:none;
  position:fixed;
  transform:scale(1.03);
  transition:opacity .45s ease,transform .65s cubic-bezier(.2,.8,.2,1);
  visibility:hidden;
  z-index:999999;
}
.sl-selfieSpotlight.is-active { opacity:1;pointer-events:auto;transform:scale(1);visibility:visible; }
.sl-selfieSpotlightGlow { border:1px solid rgba(230,195,115,.28);inset:3vh 3vw;pointer-events:none;position:absolute; }
.sl-selfieSpotlightPhoto { display:flex;position:relative; }
.sl-selfieSpotlight img { aspect-ratio:4/5;border:3px solid #d9ad52;box-shadow:0 0 0 10px rgba(0,0,0,.62),0 30px 100px rgba(0,0,0,.85),0 0 70px rgba(219,168,61,.2);height:min(72vh,820px);object-fit:cover;width:auto; }
.sl-selfieSpotlightMessage { align-items:center;display:grid;gap:5px 18px;grid-template-columns:auto 1fr auto;margin-bottom:2vh;text-align:center;z-index:2; }
.sl-selfieSpotlightMessage em { color:#f8d984;font-size:clamp(28px,3.5vw,64px);font-style:normal;text-shadow:0 0 25px rgba(255,219,133,.8); }
.sl-selfieSpotlightMessage b { color:#fff2c9;font-family:Georgia,serif;font-size:clamp(24px,3vw,54px);letter-spacing:.08em; }
.sl-selfieSpotlightMessage span { color:#d9ad52;font-size:clamp(14px,1.5vw,24px);font-weight:800;grid-column:2;letter-spacing:.12em;margin-top:5px; }
.sl-selfieSpotlightCount { align-items:center;background:rgba(0,0,0,.65);border:2px solid #d9ad52;border-radius:50%;bottom:5vh;color:#ffe5a0;display:flex;font-family:Georgia,serif;font-size:clamp(70px,8vw,150px);height:clamp(120px,11vw,190px);justify-content:center;position:absolute;right:7vw;width:clamp(120px,11vw,190px);z-index:3; }
.sl-selfieSpotlight.is-finale img { animation:sl-selfie-flash .9s ease; }
@keyframes sl-selfie-flash { 0%,100%{filter:none} 45%{filter:brightness(1.65);transform:scale(1.02)} }

.sl-selfieLaunchCountdown {
  align-items:center;
  background:radial-gradient(circle,rgba(57,38,10,.97),rgba(0,0,0,.98));
  color:#fff;
  display:flex;
  flex-direction:column;
  inset:0;
  justify-content:center;
  padding:24px;
  position:fixed;
  text-align:center;
  z-index:999999;
}
.sl-selfieLaunchCountdown[hidden] { display:none!important; }
.sl-selfieLaunchCountdown b { color:#fff2cb;font-size:clamp(22px,6vw,42px);letter-spacing:.08em; }
.sl-selfieLaunchCountdown span { color:#d9ad52;font-size:clamp(18px,5vw,32px);font-weight:800;margin-top:10px; }
.sl-selfieLaunchCountdown strong { color:#ffe393;font-family:Georgia,serif;font-size:clamp(140px,45vw,330px);line-height:1;margin-top:4vh;text-shadow:0 0 55px rgba(224,173,70,.45); }
.sl-selfieLaunchCountdown.is-complete strong { font-size:clamp(80px,23vw,180px); }

.sl-share-mode { min-height:100vh; }
.sl-shareLoading,.sl-shareExperience { align-items:center;background:radial-gradient(circle at 50% 18%,rgba(95,64,18,.36),rgba(8,6,4,.98) 62%);color:#f7edda;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:30px;text-align:center; }
.sl-shareLoading b,.sl-shareExperience>span { color:#d9ad52;font-size:13px;font-weight:800;letter-spacing:.25em; }
.sl-shareLoading span { margin-top:12px; }
.sl-shareExperience h1 { color:#ffe5a1;font-family:Georgia,serif;font-size:clamp(38px,8vw,78px);line-height:1;margin:24px 0 8px; }
.sl-shareExperience h2 { color:#d9ad52;font-size:clamp(21px,5vw,38px);letter-spacing:.08em;margin:0; }
.sl-shareExperience p { font-size:clamp(16px,2.5vw,21px);line-height:1.65;max-width:760px; }
.sl-shareExperience input { background:#17130e;border:1px solid #aa8237;color:#fff;font-size:16px;max-width:760px;padding:16px;width:100%; }
.sl-shareExperience>div { display:flex;gap:12px;justify-content:center;margin-top:18px;max-width:760px;width:100%; }
.sl-shareExperience button { background:linear-gradient(135deg,#f5d98e,#b57d26);border:0;color:#130d04;cursor:pointer;font-size:14px;font-weight:900;letter-spacing:.05em;padding:17px 22px;width:50%; }
.sl-shareExperience button+button { background:transparent;border:1px solid #c99a43;color:#ffe5a1; }
.sl-shareExperience>strong { color:#7cf0ae;display:block;min-height:26px;margin-top:18px; }
.sl-selfieAdminWall figure>div { display:flex;flex-direction:column;gap:6px; }

.sl-selfieCarousel { align-items:center;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr) auto;position:relative; }
.sl-selfieCarousel>button { align-items:center;background:rgba(12,9,5,.9);border:1px solid rgba(216,174,88,.58);color:#ffe4a0;cursor:pointer;display:flex;font-family:Georgia,serif;font-size:42px;height:74px;justify-content:center;line-height:1;padding:0;width:42px;z-index:2; }
.sl-selfieCarousel>button:hover,.sl-selfieCarousel>button:focus-visible { background:#c99a43;color:#100b04;outline:none; }
.sl-selfieCarousel .sl-selfieGrid { display:flex;gap:10px;grid-template-columns:none;overflow-x:auto;overscroll-behavior-inline:contain;padding:3px 2px 12px;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch; }
.sl-selfieCarousel .sl-selfieGrid figure { flex:0 0 clamp(150px,18vw,238px);scroll-snap-align:start; }
.sl-selfieWatermark { background:rgba(0,0,0,.42);bottom:7px;color:rgba(255,244,216,.82);font-size:clamp(9px,.72vw,12px);font-weight:700;letter-spacing:.07em;line-height:1;padding:5px 7px;pointer-events:none;position:absolute;right:7px;text-shadow:0 1px 4px rgba(0,0,0,.9);z-index:3; }
.sl-selfieSpotlightWatermark { bottom:12px;font-size:clamp(13px,1.2vw,21px);right:12px; }
.sl-selfieCarousel .sl-selfieGrid::-webkit-scrollbar { height:7px; }
.sl-selfieCarousel .sl-selfieGrid::-webkit-scrollbar-track { background:rgba(255,255,255,.05); }
.sl-selfieCarousel .sl-selfieGrid::-webkit-scrollbar-thumb { background:#9f772e;border-radius:10px; }

@media (max-width:600px) {
  .sl-shareExperience>div { flex-direction:column; }
  .sl-shareExperience button { width:100%; }
  .sl-selfieSpotlight img { height:auto;max-height:65vh;width:min(72vw,430px); }
  .sl-selfieSpotlightCount { bottom:3vh;right:3vw; }
  .sl-selfieCarousel { gap:5px; }
  .sl-selfieCarousel>button { font-size:32px;height:58px;width:30px; }
  .sl-selfieCarousel .sl-selfieGrid figure { flex-basis:calc(50% - 5px); }
}