.rff{--rff-ink:oklch(0.37 0.13 262);--rff-cobalt:var(--cloud-primary,oklch(0.47 0.16 262));--rff-paper:oklch(0.993 0.004 95);--rff-under:oklch(0.975 0.006 95);--rff-desk:oklch(0.935 0.02 250);--rff-warn:var(--cloud-warn,oklch(0.47 0.08 95));--rff-warn-soft:var(--cloud-warn-soft,oklch(0.96 0.03 100));--rff-text:var(--cloud-body,oklch(0.31 0.04 262));--rff-strong:var(--cloud-ink,oklch(0.23 0.035 262));--rff-muted:var(--cloud-muted,oklch(0.43 0.045 262));--rff-shade:oklch(0.3 0.03 262);--rff-out:cubic-bezier(0.23,1,0.32,1);margin:0;width:100%}.rff,.rff-cam{position:relative}.rff-cam{height:468px;border-radius:22px;overflow:hidden;isolation:isolate;contain:layout paint;background:var(--rff-desk);box-shadow:inset 0 0 0 1px oklch(.3 .03 262/.08)}@media (min-width:640px){.rff-cam{height:560px}}@media (min-width:1024px){.rff-cam{height:624px;border-radius:26px}}.rff--compact .rff-cam{height:400px}@media (min-width:1024px){.rff--compact .rff-cam{height:480px}}.rff-stage{--z:1.38;position:absolute;left:0;top:0;width:calc(var(--pw) * var(--z) * 1px);height:calc(var(--ph) * var(--z) * 1px);transform-origin:0 0;will-change:transform;transition:opacity .36s ease}@media (min-width:560px){.rff-stage{--z:1.62}}.rff-stage.is-out{opacity:0;transition-duration:.28s}.rff-under,.rff-under:before{position:absolute;inset:0;border-radius:2px;background:var(--rff-under);box-shadow:0 0 0 1px oklch(.3 .03 262/.12)}.rff-under{transform:translate(9px,11px) rotate(.9deg)}.rff-under:before{content:"";transform:translate(-15px,3px) rotate(-1.8deg)}.rff-paper{position:absolute;inset:0;background:var(--rff-paper);box-shadow:0 0 0 1px oklch(.3 .03 262/.16);opacity:0;transition:opacity .32s ease}.rff.is-ready .rff-paper{opacity:1}.rff-paper img{display:block;width:100%;height:100%;mix-blend-mode:multiply;user-select:none;-webkit-user-drag:none}.rff-marks{position:absolute;inset:0}.rff-f{position:absolute;left:calc(var(--x) * var(--z) * 1px);top:calc(var(--y) * var(--z) * 1px);width:calc(var(--w) * var(--z) * 1px);height:calc(var(--h) * var(--z) * 1px)}.rff-f:before{content:"";position:absolute;inset:-1px;border-radius:3px;background:oklch(.47 .16 262/.08);box-shadow:0 0 0 1.5px var(--rff-cobalt);opacity:0;transition:opacity .18s ease-out}.rff-f[data-kind=r]:before{inset:-2.5px;border-radius:50%}.rff-f[data-kind=c]:before{inset:-2.5px}.rff-f.is-on:before{opacity:1}.rff-f.is-flag:before{opacity:1;background:oklch(.96 .03 100/.62);box-shadow:none;outline:1.5px dashed var(--rff-warn);outline-offset:0}.rff-v{position:absolute;inset:0;display:flex;align-items:center;padding-inline:calc(2.4 * var(--z) * 1px);font:400 calc(var(--fs, 10) * var(--z) * 1px) /1 Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:.012em;color:var(--rff-ink);white-space:pre;overflow:hidden}.rff-f[data-top] .rff-v{align-items:flex-start;padding-top:calc(2.6 * var(--z) * 1px)}.rff-f[data-kind=s] .rff-v__t{transition:opacity .22s var(--rff-out),filter .22s var(--rff-out)}.rff-f[data-kind=s]:not(.is-set) .rff-v__t{opacity:0;filter:blur(2px)}.rff-v__c{display:none;flex:none;width:1.5px;height:1.1em;margin-left:1px;background:var(--rff-cobalt);animation:rff-blink 1s steps(1) infinite}.rff-f.is-typing .rff-v__c{display:block}@keyframes rff-blink{50%{opacity:0}}.rff-mark{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.rff-mark path{fill:none;stroke:var(--rff-ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:12;stroke-dashoffset:12;transition:stroke-dashoffset .24s var(--rff-out)}.rff-f.is-set .rff-mark path{stroke-dashoffset:0}.rff-mark circle{fill:var(--rff-ink);transform-box:fill-box;transform-origin:center;transform:scale(.4);opacity:0;transition:transform .22s var(--rff-out),opacity .16s ease-out}.rff-f.is-set .rff-mark circle{transform:none;opacity:1}.rff-tag{position:absolute;right:-4px;top:-10px;display:none;height:18px;padding:0 7px;border-radius:999px;background:var(--rff-warn);color:oklch(.99 .01 100);font:600 10.5px/18px var(--font,system-ui,sans-serif);letter-spacing:.01em;white-space:nowrap}.rff-f.is-flag:not(.is-noted):not(.is-on) .rff-tag{display:block}.rff-chip{position:absolute;left:0;top:0;z-index:2;display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px 0 8px;border-radius:999px;background:oklch(.995 .003 240/.97);box-shadow:0 0 0 1px oklch(.3 .03 262/.2);font:500 12.5px/1 var(--font,system-ui,sans-serif);color:var(--rff-muted);white-space:nowrap;pointer-events:none;opacity:0;transition:transform .36s var(--rff-out),opacity .18s ease-out}.rff-chip.is-on{opacity:1}.rff-chip__src{font:500 12px/1 var(--font-mono,ui-monospace,"SF Mono",Menlo,monospace);color:var(--rff-strong)}.rff-chip__i{display:none;width:13px;height:13px}.rff-chip[data-kind=answer] .rff-chip__i--answer,.rff-chip[data-kind=file] .rff-chip__i--file{display:block}.rff-chip__i svg{display:block;width:100%;height:100%;fill:none;stroke:var(--rff-cobalt);stroke-width:1.1;stroke-linejoin:round}.rff-note{position:absolute;left:0;top:0;z-index:3;width:272px;padding:11px 13px 12px;border-radius:14px;background:oklch(.978 .02 100);box-shadow:0 0 0 1px oklch(.47 .08 95/.4);pointer-events:none;opacity:0;transition:opacity .2s ease-out}.rff-note.is-on{opacity:1}.rff-note.is-on>*{animation:rff-rise .26s var(--rff-out) both}.rff-note.is-on>*+*{animation-delay:40ms}@keyframes rff-rise{0%{opacity:0;transform:translateY(4px)}}.rff-note__h{display:flex;align-items:center;gap:7px;margin:0 0 5px;font:600 13px/1.2 var(--font,system-ui,sans-serif);color:var(--rff-warn)}.rff-note__h i{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--rff-warn);color:oklch(.99 .01 100);font:700 11px/1 var(--font,system-ui,sans-serif);font-style:normal}.rff-note__b{margin:0;font:400 14px/1.42 var(--font,system-ui,sans-serif);color:var(--rff-text);text-wrap:pretty}.rff-hud{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:44px;margin-top:10px;padding-right:56px}.rff-pill,.rff-play{background:oklch(.995 .003 240);box-shadow:0 0 0 1px oklch(.3 .03 262/.16)}.rff-pill{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 11px;border-radius:999px;font:500 12.5px/1 var(--font,system-ui,sans-serif);letter-spacing:.005em;color:var(--rff-text);font-variant-numeric:tabular-nums;white-space:nowrap}.rff-pill b{font:600 11.5px/1 var(--font-mono,ui-monospace,monospace);letter-spacing:.02em;color:var(--rff-strong)}.rff-pill__x{color:var(--rff-muted)}.rff-pill__chk{color:var(--rff-warn);font-weight:600}.rff-pill__chk:before{content:"\00b7";margin-right:7px;color:var(--rff-muted);font-weight:400}@media (max-width:559.98px){.rff-hud{gap:6px}.rff-pill{height:28px;padding:0 9px;gap:6px;font-size:12px}.rff-pill__chk:before{margin-right:6px}.rff-wide{display:none}}.rff-play{position:absolute;right:0;bottom:0;z-index:5;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;color:var(--rff-strong);cursor:pointer;transition:transform .12s ease-out;-webkit-tap-highlight-color:transparent}.rff-play svg{width:16px;height:16px;fill:currentColor}.rff-play:active{transform:scale(.94)}.rff-play:focus-visible{outline:2px solid var(--rff-cobalt);outline-offset:3px}.rff-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.rff-demo{display:grid;justify-items:center;gap:20px;margin-top:8px}.rff-panel{width:100%}.rff-seg{position:relative;display:grid;grid-template-columns:repeat(3,1fr);width:min(100%,480px);padding:3px;border-radius:13px;background:oklch(.915 .02 250)}.rff-seg button{position:relative;z-index:1;min-height:52px;padding:4px;border:0;border-radius:10px;background:none;font:500 15px/1.15 var(--font,system-ui,sans-serif);letter-spacing:-.005em;color:var(--rff-muted,oklch(.43 .045 262));cursor:pointer;transition:color .2s ease,transform .12s ease-out;-webkit-tap-highlight-color:transparent}.rff-seg__n,.rff-seg__u{display:block}.rff-seg__u{margin-top:2px;font-size:13px;font-weight:400;opacity:.8}.rff-seg button[aria-selected=true]{color:var(--cloud-ink,oklch(.23 .035 262))}.rff-seg button:active{transform:scale(.97)}.rff-seg button:focus-visible{outline:2px solid var(--cloud-primary,oklch(.47 .16 262));outline-offset:-2px}.rff-seg__thumb{position:absolute;top:3px;left:3px;width:calc((100% - 6px) / 3);height:calc(100% - 6px);border-radius:10px;background:oklch(.995 .003 240);box-shadow:0 0 0 1px oklch(.3 .03 262/.14);transition:transform .32s cubic-bezier(.32,.72,0,1)}@media (prefers-reduced-motion:reduce){.rff-chip,.rff-f:before,.rff-f[data-kind=s] .rff-v__t,.rff-mark circle,.rff-mark path,.rff-note,.rff-paper,.rff-seg__thumb,.rff-stage{transition:none}.rff-note.is-on>*,.rff-v__c{animation:none}}@media (prefers-reduced-transparency:reduce){.rff-pill,.rff-play{background:oklch(.985 .006 240);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (forced-colors:active){.rff-f.is-flag:before,.rff-f.is-on:before{outline:2px solid CanvasText}}.rff-usecase{margin:10px 0 12px;max-width:64ch;font:400 14px/1.5 var(--font,system-ui,sans-serif);color:var(--cloud-body,oklch(.31 .04 262))}