.rv{opacity:0;transition:opacity .6s var(--ease) var(--d,0s),transform .7s var(--ease) var(--d,0s);transform:translateY(12px)}.rv.in{opacity:1;transform:none}html.static .rv{opacity:1;transition:none;transform:none}.cm-flow{animation:flowGo .6s var(--ease) both var(--d,0s)}@keyframes flowGo{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}[dir=rtl] .cm-flow{animation-name:flowGoR}@keyframes flowGoR{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:none}}html.static .cm-flow{animation:none}#topbar:after{content:"";background:var(--ink);transform-origin:0;height:2px;animation:linear both readProg;animation-timeline:scroll(root);position:absolute;inset-block-end:-1px;inset-inline:0;transform:scaleX(0)}[dir=rtl] #topbar:after{transform-origin:100%}@keyframes readProg{to{transform:scaleX(1)}}@supports not (animation-timeline:scroll()){#topbar:after{transform:scaleX(var(--sr-read,0));animation:none}}.card:after,.ai:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s var(--ease);background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(var(--accent-rgb),.07),transparent 45%);position:absolute;inset:0}.card:hover:after,.ai:hover:after{opacity:1}.card.dark:after{background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(var(--white-rgb),.07),transparent 45%)}.card.flush:after{z-index:0}.card:focus-within{border-color:var(--line-2);box-shadow:var(--shadow-lift),0 0 0 3px rgba(var(--accent-rgb),.1)}@media (prefers-reduced-motion:reduce){.rv{opacity:1!important;transform:none!important}#topbar:after{display:none}}