[data-signup-session-position] .signup-session-timer,
[data-signup-session-position] .session-timer-label {
    color: oklch(0.708 0 0) !important;
}

/*
 * Entry artwork poster handoff.
 *
 * The poster is the artwork's first frame and paints with the document, so the panel
 * is never empty while the deferred script loads and compiles. The canvas starts
 * transparent and replaces the poster only after it has drawn that exact frame. If
 * WebGL is missing or the context is lost the state stays on
 * "poster" and the still remains, so the flat gradient behind is only ever seen if
 * the image itself fails to load.
 *
 * The poster and canvas use the same 700x800 backing plate and are stretched rather
 * than cropped. That keeps both the fabric geometry and its fine texture identical
 * at the handoff on every panel ratio.
 */
[data-split-entry-visual-state] .split-entry-visual__poster,
[data-split-entry-visual-state] .split-entry-visual__canvas {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
}

[data-split-entry-visual-state] .split-entry-visual__poster {
    object-fit: fill;
    opacity: 1;
}

[data-split-entry-visual-state] .split-entry-visual__canvas {
    opacity: 0;
}

[data-split-entry-visual-state="live"] .split-entry-visual__poster {
    opacity: 0;
}

[data-split-entry-visual-state="live"] .split-entry-visual__canvas {
    opacity: 1;
}