html:has(.op-verses){scroll-snap-type:y mandatory}@media (prefers-reduced-motion:no-preference){html:has(.op-verses){scroll-behavior:smooth}}.op-main:has(.op-verses){padding-top:0;padding-bottom:0}.op-main:has(.op-verses)>.op-phone-bar{display:none}html:has(.op-verses) .op-back-top{display:none}.op-verses{overflow-anchor:none;--vv-bar:6.9rem;--vv-top:calc(env(safe-area-inset-top) + .5rem)}@media (min-width:64rem){.op-verses{--vv-bar:3.6rem;--vv-top:1rem}}.op-vv-bar{top:calc(var(--vv-top) + .5rem);z-index:30;height:var(--vv-bar);margin:0 .5rem calc(-1 * var(--vv-bar));transition:transform .32s var(--ease-spring,cubic-bezier(.2, .8, .2, 1)), opacity .24s ease;position:sticky}html[data-chrome-away] .op-vv-bar:not(:focus-within){transform:translateY(calc(-100% - var(--vv-top) - 1rem));opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.op-vv-bar{transition:opacity .2s}html[data-chrome-away] .op-vv-bar:not(:focus-within){transform:none}}.op-vv-chips{scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:none;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 .75rem calc(100% - .75rem),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 .75rem calc(100% - .75rem),#0000 100%)}.op-vv-chips::-webkit-scrollbar{display:none}.op-vv-page{scroll-snap-align:start;scroll-snap-stop:always;height:100dvh;padding:var(--vv-top) 0 calc(var(--op-tab-safe,0px) + 5.25rem);display:flex}.op-vv-page:focus-visible{outline:none}.op-vv-page:focus-visible>.op-vv-card{outline:2px solid var(--ring,var(--brand));outline-offset:-2px}.op-vv-card{isolation:isolate;overscroll-behavior-y:auto;border:1px solid var(--border);background:radial-gradient(120% 70% at 50% -10%, color-mix(in srgb, var(--brand) 14%, transparent), transparent 62%), radial-gradient(90% 60% at 100% 110%, color-mix(in srgb, var(--brand-soft) 70%, transparent), transparent 70%), var(--surface);min-height:0;box-shadow:var(--shadow-card,0 1px 2px #0000000f);padding:calc(var(--vv-bar) + 1rem) 1.25rem 1.25rem;border-radius:30px;flex-direction:column;flex:1;gap:1rem;transition:transform .2s;display:flex;position:relative;overflow:hidden auto}@media (max-width:63.99rem){.op-vv-card>:first-child{margin-top:auto}.op-vv-card>:last-child{margin-bottom:auto}}.op-vv-pause>:first-child{margin-top:auto}.op-vv-pause>:last-child{margin-bottom:auto}.op-vv-card[data-held]{transform:scale(1.01)}@media (min-width:40rem){.op-vv-card{padding-inline:2.5rem}}@media (min-width:64rem){.op-vv-page{padding-bottom:1rem}.op-vv-card{padding:calc(var(--vv-bar) + 2rem) clamp(2.5rem, 5vw, 5rem) 2.5rem;grid-template-columns:minmax(0,1fr) minmax(18rem,23rem);align-content:safe center;align-items:center;column-gap:clamp(2rem,5vw,5rem);display:grid}}@media (prefers-reduced-motion:reduce){.op-vv-card{transition:none}}.op-vv-verse{font-family:var(--font-serif);text-wrap:balance;max-width:32ch;color:var(--text)}html[data-rfont=sans] .op-vv-verse{font-family:var(--font-sans)}@media (min-width:64rem){.op-vv-verse{max-width:30ch}}.op-vv-pause{text-align:center;background:radial-gradient(70% 50% at 50% 30%, color-mix(in srgb, var(--brand) 18%, transparent), transparent 70%), var(--surface);align-items:center}@media (min-width:64rem){.op-vv-pause{display:flex}}@media (max-width:63.99rem){.op-vv-pause{gap:.75rem}.op-vv-pause .op-vv-glow{width:3.5rem;height:3.5rem}}@media (max-width:63.99rem) and (max-height:760px){.op-vv-pause .op-vv-glow{display:none}.op-vv-pause>:nth-child(2){margin-top:auto}}.op-vv-glow{background:radial-gradient(circle, color-mix(in srgb, var(--brand) 40%, transparent), transparent 68%);border-radius:9999px;width:5.5rem;height:5.5rem}@media (prefers-reduced-motion:no-preference){.op-vv-glow{animation:6s ease-in-out infinite op-vv-breathe}}@keyframes op-vv-breathe{0%,to{opacity:.75;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}.op-vv-hint-touch{display:none}@media (pointer:coarse){.op-vv-hint-touch{display:inline}.op-vv-hint-keys{display:none}}@media (prefers-reduced-motion:no-preference){.op-vv-nudge{animation:2.4s ease-in-out 1.2s 3 op-vv-nudge}}@keyframes op-vv-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}