/* Zynth-Live — matches the app's tokens; fullscreen video stage */
.zl-stage{position:fixed;inset:0;background:#000;z-index:60}
.zl-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#05040A}
#zl-local{inset:auto 12px calc(96px + env(safe-area-inset-bottom)) auto;width:104px;height:150px;border-radius:14px;border:1px solid var(--stroke-2);box-shadow:0 8px 24px rgba(0,0,0,.5);transform:scaleX(-1)}
.zl-top{position:absolute;top:calc(10px + env(safe-area-inset-top));left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;z-index:3}
.zl-close{background:rgba(10,8,18,.55);backdrop-filter:blur(8px)}
.zl-free{font:800 11px/1 var(--font-body,inherit);letter-spacing:.6px;text-transform:uppercase;color:#fff;
  padding:7px 12px;border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 85%,#000),color-mix(in srgb,var(--secondary) 85%,#000));
  box-shadow:0 4px 16px -6px color-mix(in srgb,var(--primary) 70%,transparent)}
.zl-peerbar{position:absolute;left:14px;bottom:calc(96px + env(safe-area-inset-bottom));z-index:3;display:flex;flex-direction:column;gap:2px;
  background:rgba(10,8,18,.55);backdrop-filter:blur(8px);padding:8px 12px;border-radius:12px;border:1px solid var(--stroke-2)}
.zl-peerbar b{font-size:15px}
.zl-status{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;z-index:2;color:var(--muted);font-size:14px;background:radial-gradient(60% 50% at 50% 40%,color-mix(in srgb,var(--primary) 10%,transparent),transparent)}
.zl-spin{width:34px;height:34px;border-radius:50%;border:3px solid var(--stroke-2);border-top-color:var(--primary);animation:zlspin .9s linear infinite}
@keyframes zlspin{to{transform:rotate(360deg)}}
.zl-controls{position:absolute;left:0;right:0;bottom:calc(18px + env(safe-area-inset-bottom));display:flex;justify-content:center;gap:12px;z-index:3}
.zl-btn{display:inline-flex;align-items:center;gap:6px;height:48px;min-width:48px;padding:0 14px;border-radius:999px;border:1px solid var(--stroke-2);
  background:rgba(10,8,18,.6);backdrop-filter:blur(10px);color:#fff;font:700 13px/1 var(--font-body,inherit);cursor:pointer;transition:transform .15s var(--ease)}
.zl-btn:active{transform:scale(.93)}
.zl-btn.on{border-color:var(--primary);color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 22%,transparent)}
.zl-next{background:linear-gradient(135deg,var(--primary),var(--secondary));border:none}
.zl-report{color:#ff6b6b}
/* Discover entry card */
.zl-entry{position:relative;display:flex;align-items:center;gap:12px;padding:14px;border-radius:var(--r-lg,18px);cursor:pointer;
  border:1px solid color-mix(in srgb,var(--primary) 45%,transparent);
  background:linear-gradient(120deg,color-mix(in srgb,var(--primary) 16%,transparent),color-mix(in srgb,var(--secondary) 13%,transparent));margin-bottom:14px}
.zl-entry .ze-ic{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;
  background:linear-gradient(135deg,var(--primary),var(--secondary));flex:0 0 auto}
.zl-entry b{font-size:15px}.zl-entry .tiny{display:block;margin-top:2px}
.zl-entry .zl-free{position:absolute;top:10px;right:10px}