.nf-play-banner:where(.astro-n6e3gvr3){display:none;padding:.75rem 1rem;border:1px solid var(--color-border-light);border-left:3px solid var(--color-primary);border-radius:.5rem;background:var(--color-surface);color:var(--color-muted);font-size:.875rem;line-height:1.4;margin-bottom:1rem}.nf-play-preview:where(.astro-n6e3gvr3){position:relative;width:100%;aspect-ratio:16 / 9;border:1px solid var(--color-border);border-radius:.75rem;overflow:hidden;background:var(--color-surface)}.nf-play-iframe:where(.astro-n6e3gvr3){position:absolute;inset:0;width:100%;height:100%;border:0;display:none}.nf-play-poster:where(.astro-n6e3gvr3){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}.nf-play-btn:where(.astro-n6e3gvr3){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:9999px;background:var(--color-primary);color:var(--color-background);font-weight:600;font-size:1rem;border:none;cursor:pointer;z-index:2;transition:background-color .15s ease,transform .12s ease}.nf-play-btn:where(.astro-n6e3gvr3):hover{background:var(--color-primary-hover)}.nf-play-btn:where(.astro-n6e3gvr3):active{transform:translate(-50%,-50%) translateY(1px) scale(.99)}.nf-play-btn:where(.astro-n6e3gvr3):focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.nf-play-fullscreen:where(.astro-n6e3gvr3){position:absolute;top:.5rem;right:.5rem;z-index:3;display:none;align-items:center;padding:.375rem .875rem;border-radius:.5rem;background:#0009;color:#fff;font-size:.8125rem;font-weight:600;border:1px solid var(--color-border-light);cursor:pointer}.nf-play-fullscreen:where(.astro-n6e3gvr3):hover{background:#000c}.nf-play-fullscreen:where(.astro-n6e3gvr3):focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.nf-play-fullscreen:where(.astro-n6e3gvr3)[hidden]{display:none!important}.nf-play-preview:where(.astro-n6e3gvr3):fullscreen{border:0;border-radius:0}.nf-play-loading:where(.astro-n6e3gvr3),.nf-play-error:where(.astro-n6e3gvr3){display:none;position:absolute;inset:0;flex-direction:column;align-items:center;justify-content:center;background:var(--color-surface);z-index:2}.nf-play-loading:where(.astro-n6e3gvr3){gap:.75rem}.nf-play-error:where(.astro-n6e3gvr3){gap:1rem;padding:1.5rem;text-align:center}.nf-play-spinner:where(.astro-n6e3gvr3){width:2.5rem;height:2.5rem;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:nf-play-spin .9s linear infinite}@keyframes nf-play-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.nf-play-spinner:where(.astro-n6e3gvr3){animation-duration:3s}}.nf-play-loading-text:where(.astro-n6e3gvr3){font-size:.875rem;color:var(--color-muted);font-family:var(--font-mono)}.nf-play-error-message:where(.astro-n6e3gvr3){color:var(--color-text);font-size:.9375rem}@media(pointer:fine){.nf-play-iframe:where(.astro-n6e3gvr3){display:block}}@media(pointer:coarse){.nf-play-banner:where(.astro-n6e3gvr3),.nf-play-poster:where(.astro-n6e3gvr3){display:block}.nf-play-btn:where(.astro-n6e3gvr3){display:inline-flex}}:root[data-pointer=fine] .nf-play-iframe:where(.astro-n6e3gvr3){display:block}:root[data-pointer=coarse] .nf-play-banner:where(.astro-n6e3gvr3),:root[data-pointer=coarse] .nf-play-poster:where(.astro-n6e3gvr3){display:block}:root[data-pointer=coarse] .nf-play-btn:where(.astro-n6e3gvr3){display:inline-flex}.nf-play-preview:where(.astro-n6e3gvr3)[data-state=loading] .nf-play-btn:where(.astro-n6e3gvr3),.nf-play-preview:where(.astro-n6e3gvr3)[data-state=error] .nf-play-btn:where(.astro-n6e3gvr3),.nf-play-preview:where(.astro-n6e3gvr3)[data-state=ready] .nf-play-poster:where(.astro-n6e3gvr3),.nf-play-preview:where(.astro-n6e3gvr3)[data-state=ready] .nf-play-btn:where(.astro-n6e3gvr3){display:none}.nf-play-preview:where(.astro-n6e3gvr3)[data-state=loading] .nf-play-loading:where(.astro-n6e3gvr3){display:flex}.nf-play-preview:where(.astro-n6e3gvr3)[data-state=error] .nf-play-error:where(.astro-n6e3gvr3){display:flex}.nf-play-preview:where(.astro-n6e3gvr3)[data-state=ready] .nf-play-iframe:where(.astro-n6e3gvr3){display:block}:root[data-pointer=fine] .nf-play-fullscreen:where(.astro-n6e3gvr3){display:inline-flex}.nf-play-preview:where(.astro-n6e3gvr3)[data-state=ready] .nf-play-fullscreen:where(.astro-n6e3gvr3){display:inline-flex}