/* The search/import bar and the account pill are from the engine's local-file
   workflow — irrelevant to the hosted 5YLENS playlist. Hide them. */
#search-area,
#user-capsule-hide-btn,
#user-btn { display: none !important; }

/* The bottom-right fx gear opens the same Visual console as the home button now,
   so hide it — the home button is the single entry point. */
#fx-fab,
#fx-fab-hide-btn { display: none !important; }

/* voidlax / 5YLENS DOM layer.
   The TITLE and the SOCIAL DOCK now live in the 3D scene (voidlax-world.js) as
   real meshes that ride the orbit camera and share the cover palette. The only
   thing left as DOM here is the quiet footer credit. */

/* ── Footer ───────────────────────────────────────────────────────────
   A whisper-quiet credit line tucked at the very bottom-left corner, out of
   the way of the engine's player bar (bottom-center) and queue cards (right).
   Low opacity so it reads as a footnote to the world, not a glass pill
   competing with the UI. */
.vl-footer {
    position: fixed;
    bottom: 8px;
    left: 16px;
    z-index: 4;
    max-width: 42vw;
    text-align: left;
    font-family: 'Inter', sans-serif;
    font-size: 10.5px;
    color: rgba(255,255,255,.34);
    letter-spacing: .02em;
    line-height: 1.5;
    text-shadow: 0 1px 6px rgba(0,0,0,.8);
    pointer-events: auto;
    white-space: normal;
}
.vl-footer .vl-spark { font-weight: 700; color: rgba(255,255,255,.6); text-shadow: 0 0 8px rgba(255,255,255,.4); }
.vl-footer .vl-version { display: inline-block; font-size: .82em; color: rgba(255,255,255,.28); font-family: 'JetBrains Mono', monospace; letter-spacing: .5px; }
/* on phones the full-width player bar owns the bottom edge — the desktop
   credit line would sit underneath it, so drop it on small screens */
@media (max-width: 768px) { .vl-footer { display: none; } }

/* push bell (top-left) — subscribes to new-post notifications */
#push-bell{position:fixed;top:24px;left:24px;z-index:10000;display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;color:rgba(255,255,255,.55);background:rgba(255,255,255,.07);backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);border:1px solid rgba(255,255,255,.11);border-radius:100px;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}
#push-bell:hover{color:rgba(255,255,255,.9);background:rgba(255,255,255,.12)}
#push-bell:focus-visible{outline:2px solid rgba(203,166,247,.8);outline-offset:2px}
#push-bell.on{color:#cba6f7;border-color:rgba(203,166,247,.4);background:rgba(203,166,247,.1)}
#push-bell.busy{opacity:.5;cursor:wait}
#push-bell.blocked{opacity:.35;cursor:not-allowed}
body.splash-active #push-bell{display:none}
@media (max-width:768px){#push-bell{top:14px;left:14px;width:36px;height:36px}}