.base-vibes-viewer-backdrop[data-v-9bcedcf2]{z-index:100001;background:#03060ceb;position:fixed;inset:0}.base-vibes-viewer-backdrop.accent-pink[data-v-9bcedcf2]{background:radial-gradient(circle at top,#ff66922e,#0000 36%),#03060ceb}.base-vibes-viewer-backdrop.accent-blue[data-v-9bcedcf2]{background:radial-gradient(circle at top,#4976ab38,#0000 36%),#03060ceb}.base-vibes-viewer-shell[data-v-9bcedcf2]{background:#090c12;width:100%;height:100%;position:relative}.base-vibes-viewer-header[data-v-9bcedcf2]{z-index:3;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex;position:absolute;top:0;left:0}.base-vibes-progress-row[data-v-9bcedcf2]{flex:1;gap:4px;display:flex}.base-vibes-progress-track[data-v-9bcedcf2]{background:#ffffff2e;border-radius:999px;flex:1;height:3px;overflow:hidden}.base-vibes-progress-fill[data-v-9bcedcf2]{border-radius:inherit;background:linear-gradient(90deg,#ffe3f0 0%,#fff 100%);height:100%;display:block}.base-vibes-close-btn[data-v-9bcedcf2]{color:#fff;background:#0000007a;border:none;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.base-vibes-viewer-body[data-v-9bcedcf2]{grid-template-columns:72px minmax(0,1fr) 72px;align-items:stretch;height:100%;display:grid}.base-vibes-nav-zone[data-v-9bcedcf2]{background:0 0;border:none}.base-vibes-stage[data-v-9bcedcf2]{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.base-vibes-stage-media[data-v-9bcedcf2]{object-fit:contain;width:100%;height:100%;display:block}.base-vibes-viewer-footer[data-v-9bcedcf2]{z-index:3;pointer-events:none;width:100%;padding:18px 14px 24px;position:absolute;bottom:0;left:0}.base-vibes-viewer-footer[data-v-9bcedcf2] *{pointer-events:auto}@media (width<=720px){.base-vibes-viewer-body[data-v-9bcedcf2]{grid-template-columns:48px minmax(0,1fr) 48px}.base-vibes-viewer-footer[data-v-9bcedcf2]{padding-bottom:max(24px, env(safe-area-inset-bottom))}}