.rx{--rx-surface:var(--rv-bg1);--rx-well:var(--rv-bg2);--rx-line:var(--rv-hairline);--rx-ember:var(--rv-ember);--rx-ember-soft:color-mix(in srgb, var(--rv-ember) 14%, transparent);--rx-sage:var(--rv-sage);--rx-ocean:var(--rv-ocean);--rx-plum:var(--rv-plum);--rx-shadow:#1413181a;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-areas:"copy stage""controls controls";align-items:center;gap:28px clamp(24px,4vw,56px);display:grid}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .rx{--rx-shadow:#00000073}}:root[data-theme=dark] .rx{--rx-shadow:#00000073}.rx *{box-sizing:border-box}.rx-copy{grid-area:copy;min-width:0;display:grid}.rx-copy article{opacity:0;visibility:hidden;grid-area:1/1;transition:opacity .5s,transform .5s;transform:translateY(8px)}.rx-copy article.rx-on{opacity:1;visibility:visible;transform:none}.rx-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--rv-ink-muted);align-items:center;gap:.55em;margin:0 0 1em;font-size:13px;font-weight:600;display:flex}.rx-eyebrow b{color:var(--rx-ember);font-variant-numeric:tabular-nums;font-weight:600}.rx-copy h3{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1.04}.rx-copy p:not(.rx-eyebrow){max-width:36ch;color:var(--rv-ink-muted);margin:.9em 0 0;font-size:17px;line-height:1.5}.rx-stage{grid-area:stage;min-width:0}.rx-frame{aspect-ratio:5/4;border-radius:var(--rv-radius-tile);border:1px solid var(--rx-line);background:var(--rx-well);width:100%;max-width:100%;position:relative;overflow:hidden;container-type:inline-size}.rx-scene{visibility:hidden;position:absolute;inset:0}.rx-scene.rx-on{visibility:visible}.rx-scene:not(.rx-on) *{animation:none!important}.rx.rx-paused .rx-scene *{animation-play-state:paused!important}.rx-card{background:var(--rx-surface);width:34cqw;box-shadow:0 .5cqw 2.2cqw var(--rx-shadow);color:var(--rv-ink);border-radius:2.4cqw;padding:2.4cqw 2.6cqw;font-size:2.55cqw;line-height:1.3;position:absolute}.rx-kind{color:var(--rv-ink-muted);align-items:center;gap:1cqw;margin-bottom:1cqw;font-size:1.9cqw;display:flex}.rx-kind i{background:var(--c,var(--rx-ember));border-radius:50%;flex:none;width:1.8cqw;height:1.8cqw}.rx-title{font-weight:500}.rx-quote{font-style:italic}.rx-site{color:var(--rv-ink-muted);margin-top:.8cqw;font-size:1.9cqw}.rx-thumb{background:linear-gradient(135deg, var(--rx-ocean), var(--rx-plum));opacity:.85;border-radius:1.4cqw;height:11cqw;margin-bottom:1.4cqw}.rx-pill{border:.2cqw solid var(--rx-line);background:var(--rx-surface);color:var(--rv-ink-muted);white-space:nowrap;border-radius:99cqw;align-items:center;gap:1cqw;padding:1.1cqw 2cqw;font-size:2.1cqw;display:inline-flex;position:absolute}.rx-pill i{background:var(--rv-ink-muted);border-radius:50%;width:1.4cqw;height:1.4cqw}@keyframes rx-draw{0%{stroke-dashoffset:100px;opacity:0}3%{opacity:1}}@keyframes rx-pop{0%{transform:scale(0)}}@keyframes rx-rise{0%{opacity:0;transform:translateY(2cqw)}}@keyframes rx-fly{0%{opacity:0;transform:translate(var(--fx), var(--fy)) scale(.45) rotate(0deg)}}@keyframes rx-settle{0%{opacity:0;transform:translate(var(--fx), var(--fy)) scale(.9)}}@keyframes rx-type{0%{clip-path:inset(0 100% 0 0)}}@keyframes rx-blink{50%{opacity:0}}@keyframes rx-ring{0%{outline-color:#0000}}@keyframes rx-tap{0%{opacity:0;transform:translate(14cqw,12cqw)scale(1)}60%{opacity:.55;transform:translate(0)scale(1)}80%{opacity:.55;transform:scale(.7)}to{opacity:0;transform:scale(1.6)}}@keyframes rx-away{0%,55%{opacity:1;transform:none}to{opacity:0;transform:translateY(6cqw)}}@keyframes rx-flash{0%{opacity:0;transform:translate(-50%,2cqw)}15%,75%{opacity:1;transform:translate(-50%)}to{opacity:0}}@keyframes rx-show{to{opacity:1}}.rx-mark{width:46cqw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rx-mark path{stroke:var(--rv-ink)}.rx-mark circle{fill:var(--rx-ember);transform-box:fill-box;transform-origin:50%}.rx-on .rx-mark path{animation:2.2s cubic-bezier(.65,0,.35,1) both rx-draw}.rx-on .rx-mark circle{animation:.5s cubic-bezier(.3,1.6,.5,1) 1.9s both rx-pop}.rx-tagline{text-align:center;letter-spacing:-.01em;margin:0;font-size:4.2cqw;font-weight:600;position:absolute;bottom:9cqw;left:0;right:0}.rx-on .rx-tagline{animation:.7s 2.3s both rx-rise}.rx-capture .rx-pill:first-of-type{top:6cqw;left:5cqw}.rx-capture .rx-pill:nth-of-type(2){top:6cqw;right:5cqw}.rx-capture .rx-pill:nth-of-type(3){bottom:6cqw;left:5cqw}.rx-capture .rx-pill:nth-of-type(4){bottom:6cqw;right:5cqw}.rx-capture .rx-card{left:33cqw}.rx-capture .rx-c1{--fx:-26cqw;--fy:-14cqw;--d:.3s;top:19cqw;transform:rotate(-3deg)}.rx-capture .rx-c2{--fx:26cqw;--fy:-25cqw;--d:1.2s;top:30cqw;transform:rotate(2deg)}.rx-capture .rx-c3{--fx:-26cqw;--fy:18cqw;--d:2.1s;top:41cqw;transform:rotate(-1.5deg)}.rx-capture .rx-c4{--fx:26cqw;--fy:6cqw;--d:3s;top:52cqw;transform:rotate(1deg)}.rx-capture.rx-on .rx-card{animation:1s cubic-bezier(.2,.8,.2,1) both rx-fly;animation-delay:var(--d)}.rx-toast{background:var(--rv-ink);color:var(--rv-bg0);white-space:nowrap;border-radius:99cqw;padding:1.2cqw 2.6cqw;font-size:2.2cqw;position:absolute;left:50%;transform:translate(-50%)}.rx-capture .rx-toast{bottom:4cqw}.rx-capture.rx-on .rx-toast{animation:.5s 4.1s both rx-rise}.rx-cols{grid-template-columns:repeat(3,1fr);gap:2.4cqw;display:grid;position:absolute;inset:5cqw 4cqw 10cqw}.rx-col{border:.2cqw dashed var(--rx-line);border-radius:2.4cqw;flex-direction:column;gap:1.6cqw;min-width:0;padding:2cqw 1.6cqw;display:flex}.rx-col h4{align-items:center;gap:1cqw;margin:0 0 .4cqw;font-size:2.4cqw;font-weight:600;display:flex}.rx-col h4 i{background:var(--c);border-radius:.4cqw;width:1.6cqw;height:1.6cqw}.rx-col .rx-card{width:auto;padding:1.8cqw;font-size:2.15cqw;position:relative}.rx-tag{background:var(--rx-ember-soft);color:var(--rx-ember);border-radius:99cqw;align-self:flex-start;padding:.6cqw 1.4cqw;font-size:1.9cqw;font-weight:500}.rx-choice{text-align:center;color:var(--rv-ink-muted);margin:0;font-size:2cqw;position:absolute;bottom:3.4cqw;left:4cqw;right:4cqw}.rx-organize.rx-on .rx-col h4{animation:.5s .2s both rx-rise}.rx-organize.rx-on .rx-col .rx-card{animation:.9s cubic-bezier(.2,.8,.2,1) both rx-settle;animation-delay:var(--d)}.rx-organize.rx-on .rx-tag{animation:.45s cubic-bezier(.3,1.6,.5,1) both rx-pop;animation-delay:var(--d);transform-origin:0}.rx-organize.rx-on .rx-choice{animation:.5s 4s both rx-rise}.rx-search{border:.25cqw solid var(--rx-line);background:var(--rx-surface);border-radius:99cqw;align-items:center;gap:1.6cqw;padding:2cqw 2.6cqw;font-size:2.7cqw;display:flex;position:absolute;top:7cqw;left:7cqw;right:7cqw}.rx-search svg{width:3cqw;height:3cqw;stroke:var(--rv-ink-muted);flex:none}.rx-typed{white-space:nowrap;display:inline-block;overflow:hidden}.rx-caret{background:var(--rx-ember);width:.3cqw;height:3.2cqw}.rx-find.rx-on .rx-typed{animation:1.8s steps(36,end) .4s both rx-type}.rx-find.rx-on .rx-caret{animation:.9s step-end infinite rx-blink}.rx-find .rx-result{outline:.35cqw solid var(--rx-ember);align-items:center;gap:2.4cqw;width:auto;display:flex;top:20cqw;left:7cqw;right:7cqw}.rx-find .rx-result .rx-thumb{flex:none;width:13cqw;height:10cqw;margin:0}.rx-chip{background:var(--rx-ember-soft);color:var(--rx-ember);border-radius:99cqw;margin-top:1cqw;padding:.5cqw 1.3cqw;font-size:1.8cqw;font-weight:500;display:inline-block}.rx-find.rx-on .rx-result{animation:.6s 2.4s both rx-rise,1s 2.8s both rx-ring}.rx-answer{border:.2cqw solid var(--rx-line);background:var(--rx-surface);border-radius:2.4cqw;padding:2.4cqw 2.8cqw;font-size:2.45cqw;line-height:1.45;position:absolute;top:44cqw;left:7cqw;right:7cqw}.rx-who{color:var(--rv-ink-muted);margin-bottom:.8cqw;font-size:1.9cqw;display:block}.rx-cite{background:var(--rx-ember-soft);color:var(--rx-ember);border-radius:.7cqw;padding:0 .9cqw;font-size:2.1cqw;font-weight:600;display:inline-block}.rx-find.rx-on .rx-answer{animation:.6s 3.9s both rx-rise}.rx-today{width:52cqw;position:absolute;top:5cqw;bottom:5cqw;left:50%;transform:translate(-50%)}.rx-date{letter-spacing:-.01em;font-size:3.6cqw;font-weight:600;line-height:1.1}.rx-sub{color:var(--rv-ink-muted);margin-top:.8cqw;font-size:2cqw}.rx-today .rx-card{width:auto;top:13cqw;left:0;right:0}.rx-today .rx-thumb{height:17cqw}.rx-when{color:var(--rv-ink-muted);margin-top:1cqw;font-size:1.9cqw}.rx-actions{margin-top:2cqw;display:flex}.rx-actions span{text-align:center;border-radius:99cqw;flex:1;padding:1.2cqw 0;font-size:2.3cqw;font-weight:500}.rx-actions .rx-later{background:var(--rx-ember-soft);color:var(--rx-ember)}.rx-tap{background:var(--rx-ember);opacity:0;border-radius:50%;width:4cqw;height:4cqw;position:absolute;top:48cqw;left:48cqw}.rx-revisit .rx-toast{opacity:0;font-size:2.3cqw;top:40cqw}.rx-done{text-align:center;color:var(--rv-ink-muted);opacity:0;margin:0;font-size:3cqw;position:absolute;top:52cqw;left:0;right:0}.rx-revisit.rx-on .rx-tap{animation:1.2s 1.6s both rx-tap}.rx-revisit.rx-on .rx-today .rx-card{animation:3.2s 1.2s both rx-away}.rx-revisit.rx-on .rx-toast{animation:2.6s 3s both rx-flash}.rx-revisit.rx-on .rx-done{animation:.7s 4.9s forwards rx-show}.rx-controls{flex-wrap:wrap;grid-area:controls;align-items:center;gap:10px 14px;min-width:0;display:flex}.rx-btn{border:1px solid var(--rx-line);background:var(--rx-surface);width:40px;height:40px;color:var(--rv-ink);cursor:pointer;border-radius:99px;justify-content:center;align-items:center;display:inline-flex}.rx-btn:hover{border-color:var(--rv-ink-muted)}.rx-btn svg{fill:currentColor;width:16px;height:16px}.rx-btn:focus-visible,.rx-chapter:focus-visible{outline:2px solid var(--rx-ember);outline-offset:2px}.rx-progress{flex:none;width:40px;height:40px}.rx-progress path{fill:none;stroke-width:5px;stroke-linecap:round}.rx-progress .rx-track{stroke:var(--rx-line)}.rx-progress .rx-arc{stroke:var(--rv-ink)}.rx-progress circle{fill:var(--rx-ember)}.rx-chapters{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.rx-chapter{color:var(--rv-ink-muted);cursor:pointer;font:inherit;letter-spacing:.12em;text-transform:uppercase;background:0 0;border:0;border-radius:8px;padding:10px 8px;font-size:12px;font-weight:600}.rx-chapter:hover,.rx-chapter[aria-current=step]{color:var(--rv-ink)}.rx-chapter[aria-current=step]{background:var(--rx-well)}@media (max-width:767px){.rx{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""stage""controls";gap:20px}.rx-copy h3{font-size:clamp(1.8rem,8vw,2.4rem)}.rx-chapter{letter-spacing:.08em;padding:10px 6px}.rx-frame{aspect-ratio:4/5}.rx-card{border-radius:4cqw;padding:4cqw 4.4cqw;font-size:4.4cqw}.rx-kind,.rx-site{font-size:3.4cqw}.rx-kind i{width:3cqw;height:3cqw}.rx-thumb{border-radius:2.4cqw}.rx-pill{padding:1.8cqw 3.2cqw;font-size:3.6cqw}.rx-pill i{width:2.2cqw;height:2.2cqw}.rx-mark{width:62cqw}.rx-tagline{font-size:7cqw;bottom:16cqw}.rx-toast{padding:2cqw 4.4cqw;font-size:3.8cqw}.rx-capture .rx-card{width:76cqw;left:12cqw}.rx-capture .rx-c1{--fy:-16cqw;top:17cqw}.rx-capture .rx-c2{top:35cqw}.rx-capture .rx-c3{--fy:22cqw;top:53cqw}.rx-capture .rx-c4{top:71cqw}.rx-capture .rx-pill:nth-of-type(3),.rx-capture .rx-pill:nth-of-type(4){bottom:16cqw}.rx-capture .rx-toast{bottom:5cqw}.rx-cols{grid-template-columns:1fr;align-content:start;gap:3cqw;inset:5cqw 5cqw 16cqw}.rx-col{border-radius:4cqw;flex-flow:wrap;align-items:center;gap:2cqw;padding:3cqw}.rx-col h4{flex-basis:100%;margin:0;font-size:4cqw}.rx-col h4 i{width:2.6cqw;height:2.6cqw}.rx-col .rx-card{padding:2.6cqw 3.4cqw;font-size:3.8cqw;--fx:0cqw!important}.rx-tag{padding:1cqw 2.4cqw;font-size:3.4cqw}.rx-choice{font-size:3.6cqw;bottom:6cqw}.rx-search{gap:2.4cqw;padding:3.4cqw 4cqw;font-size:4.2cqw;top:8cqw;left:6cqw;right:6cqw}.rx-search svg{width:4.6cqw;height:4.6cqw}.rx-caret{width:.5cqw;height:5cqw}.rx-find .rx-result{outline-width:.6cqw;flex-direction:column;align-items:stretch;gap:3cqw;top:28cqw;left:6cqw;right:6cqw}.rx-find .rx-result .rx-thumb{width:auto;height:18cqw}.rx-chip{padding:.9cqw 2.2cqw;font-size:3.2cqw}.rx-answer{border-radius:4cqw;padding:4cqw 4.4cqw;font-size:4.2cqw;top:84cqw;left:6cqw;right:6cqw}.rx-who{font-size:3.4cqw}.rx-cite{border-radius:1.2cqw;padding:0 1.4cqw;font-size:3.6cqw}.rx-today{width:84cqw;top:8cqw}.rx-date{font-size:6.4cqw}.rx-sub{font-size:3.6cqw}.rx-today .rx-card{top:22cqw}.rx-today .rx-thumb{height:34cqw}.rx-when{font-size:3.4cqw}.rx-actions{margin-top:3.4cqw}.rx-actions span{padding:2.2cqw 0;font-size:4cqw}.rx-tap{width:7cqw;height:7cqw;top:83.5cqw;left:46.5cqw}.rx-revisit .rx-toast{font-size:4cqw;top:60cqw}.rx-done{font-size:5.4cqw;top:76cqw}}@media (prefers-reduced-motion:reduce){.rx-copy article{transition:none}.rx-scene *{animation:none!important}}
