.gate-preview{opacity:0;transition:opacity var(--t-inner) var(--ease);flex-direction:column;align-items:center;gap:.7rem;margin:0 0 1.6rem;display:flex}.gate-preview.in{opacity:1}.gate-preview-visual{aspect-ratio:1;width:clamp(9rem,22vw,11rem);box-shadow:0 0 0 1px var(--veil-edge), 0 12px 30px #00000073;background:#06030a;border-radius:50%;overflow:hidden}.gate-preview-visual canvas{width:100%;height:100%;display:block}.gate-preview-none{aspect-ratio:1;background:var(--bg-inner);width:clamp(9rem,22vw,11rem);box-shadow:0 0 0 1px var(--veil-edge), 0 12px 30px #00000073;border-radius:50%}@media (max-width:640px){.gate-preview-none{width:6rem}}.gate-preview-none-line,.gate-preview-cue{text-align:center;max-width:26rem;color:var(--fg-outer);margin:0;font-size:1rem;line-height:1.45}.gate-preview-breath{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.78rem}@media (max-width:640px){.gate-preview-visual{width:6rem}}@media (prefers-reduced-motion:reduce){.gate-preview{transition:none}}.gate-preview-hear{border:1px solid var(--veil-edge);color:var(--fg-outer);letter-spacing:.04em;cursor:pointer;background:0 0;border-radius:999px;padding:.35rem .95rem;font-size:.78rem}.gate-preview-hear:hover,.gate-preview-hear:focus-visible{border-color:var(--fg-outer)}