.recall,.recall-frames{--recall-paper:#fff;--recall-ink:#13161c;--recall-wet:#010204;--recall-print-1:#73787f;--recall-print-2:#8d9198;--recall-2:#52555b;--recall-line:#13161c1a;--recall-caret:#0074f1;--recall-water:#13161c07;--recall-water-edge:#13161c17;--recall-tray:#e3e5e9;--recall-key:#fff;--recall-key-down:#c4c8d0;--recall-key-ink:#000;--recall-glass-black:#050607;--recall-frame:#cfd1d4;--recall-frame-edge:#84868a;--recall-touch:#181b1e29;--recall-touch-line:#181b1e4d;--recall-edge-ink:url(#recall-inked);--recall-edge-thin:url(#recall-thin);--recall-edge-run:url(#recall-run);margin-inline:0}@supports (color:lab(0% 0 0)){.recall,.recall-frames{--recall-paper:lab(100% 0 0);--recall-ink:lab(7.17568% -.277273 -4.3668);--recall-wet:lab(.451441% .00818819 -.822488);--recall-print-1:lab(50.0738% -.443667 -4.48483);--recall-print-2:lab(59.9343% -.453591 -4.4901);--recall-2:lab(36.1613% -.366181 -3.73551);--recall-line:lab(7.17568% -.277273 -4.3668/.1);--recall-caret:lab(49.3083% 11.2776 -72.4821);--recall-water:lab(7.17568% -.277273 -4.3668/.028);--recall-water-edge:lab(7.17568% -.277273 -4.3668/.09);--recall-glass-black:lab(1.55606% -.0601262 -.528014);--recall-frame:lab(83.7476% -.214398 -1.49808);--recall-frame-edge:lab(55.9008% -.312537 -2.24191);--recall-touch:lab(9.49083% -.351779 -2.95578/.16);--recall-touch-line:lab(9.49083% -.351779 -2.95578/.3)}}@media (prefers-color-scheme:dark){.recall,.recall-frames{--recall-paper:#07080a;--recall-ink:#f0f2f4;--recall-wet:#fff;--recall-print-1:#7d8086;--recall-print-2:#63666c;--recall-2:#a2a5a8;--recall-line:#f0f2f41f;--recall-caret:#3492ff;--recall-water:#f0f2f408;--recall-water-edge:#f0f2f41a;--recall-tray:#171717;--recall-key:#404040;--recall-key-down:#68686a;--recall-key-ink:#fff;--recall-glass-black:#010202;--recall-frame:#56585b;--recall-frame-edge:#2c2e31;--recall-touch:#f0f2f433;--recall-touch-line:#f0f2f466}@supports (color:lab(0% 0 0)){.recall,.recall-frames{--recall-paper:lab(2.21467% -.0926331 -.839439);--recall-ink:lab(95.3457% -.168204 -1.50628);--recall-wet:lab(100% 0 0);--recall-print-1:lab(53.5622% -.383049 -3.74442);--recall-print-2:lab(43.1217% -.374168 -3.73964);--recall-2:lab(67.4982% -.244826 -2.25506);--recall-line:lab(95.3507% -.162244 -1.12435/.12);--recall-caret:lab(59.2037% 2.63038 -65.3334);--recall-water:lab(95.3507% -.162244 -1.12435/.03);--recall-water-edge:lab(95.3507% -.162244 -1.12435/.1);--recall-glass-black:lab(.460171% -.0235885 -.239882);--recall-frame:lab(37.3405% -.306472 -2.23852);--recall-frame-edge:lab(18.7798% -.293866 -2.23173);--recall-touch:lab(95.3507% -.162244 -1.12435/.2);--recall-touch-line:lab(95.3507% -.162244 -1.12435/.4)}}}.recall-stage{background:radial-gradient(circle, color-mix(in oklab, var(--exp-ink) 11%, transparent) .75px, transparent 1.25px) 0 0 / 1rem 1rem, var(--exp-stage);box-shadow:inset 0 0 0 1px var(--exp-stage-line);border-radius:.75rem;grid-template-columns:minmax(0,1fr);place-items:center;padding:3rem 1.5rem;display:grid;overflow:hidden;container:recall/inline-size}.recall-rig{--recall-u:1px;justify-items:center;width:100%;display:grid}.recall-phone{aspect-ratio:456/972;flex:none;width:min(28.5rem,100%);position:relative}.recall-floor{border-radius:calc(var(--recall-u) * 70);box-shadow:0 1px 2px var(--exp-shadow), 0 36px 72px -36px var(--exp-shadow);position:absolute;inset:0}.recall-buttons i{background:var(--recall-frame-edge);border-radius:2px;width:4px;position:absolute}.recall-buttons [data-key=action]{height:3.8%;top:17.6%;left:-5px}.recall-buttons [data-key=up]{height:6.2%;top:24.6%;left:-5px}.recall-buttons [data-key=down]{height:6.2%;top:32.6%;left:-5px}.recall-buttons [data-key=power]{height:10.6%;top:27.5%;right:-5px}.recall-face{padding:calc(var(--recall-u) * 8);border-radius:calc(var(--recall-u) * 70);background:var(--recall-glass-black);box-shadow:0 0 0 2px var(--recall-frame), 0 0 0 3px var(--recall-frame-edge);position:absolute;inset:0}.recall-screen{isolation:isolate;border-radius:calc(var(--recall-u) * 62);background:var(--recall-paper);height:100%;color:var(--recall-ink);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-size:.8125rem;font-weight:400;line-height:1.125rem;position:relative;overflow:hidden}:where(.recall-screen,.recall-frames) p{margin:0}.recall-island{top:calc(var(--recall-u) * 14);z-index:4;width:calc(var(--recall-u) * 126);height:calc(var(--recall-u) * 37);background:var(--recall-glass-black);border-radius:999px;position:absolute;left:50%;translate:-50%}.recall-home{bottom:calc(var(--recall-u) * 8);z-index:4;width:calc(var(--recall-u) * 144);height:calc(var(--recall-u) * 5);background:color-mix(in oklab, var(--recall-key-ink) 78%, transparent);pointer-events:none;border-radius:999px;position:absolute;left:50%;translate:-50%}.recall-status{top:calc(var(--recall-u) * 14);right:calc(var(--recall-u) * 34);left:calc(var(--recall-u) * 40);z-index:4;height:calc(var(--recall-u) * 37);font-variant-numeric:tabular-nums;letter-spacing:-.012em;justify-content:space-between;align-items:center;font-size:1.0625rem;font-weight:590;display:flex;position:absolute}.recall-top{top:calc(var(--recall-u) * 70);right:calc(var(--recall-u) * 28);left:calc(var(--recall-u) * 28);justify-content:space-between;align-items:flex-start;gap:1rem;display:flex;position:absolute}.recall-title{letter-spacing:-.02em;font-size:1.0625rem;font-weight:590;line-height:1.375rem}.recall-sub,.recall-pass{color:var(--recall-2)}.recall-pass{flex:none;font-weight:510;line-height:1.375rem}.recall-swap{transition:opacity .24s ease, transform .3s var(--ease-out);display:inline-block}@starting-style{.recall-swap{opacity:0;transform:translateY(3px)}}.recall-page{top:calc(var(--recall-u) * 150);right:0;bottom:calc(var(--recall-u) * 331);padding-inline:calc(var(--recall-u) * 28);position:absolute;left:0;overflow:hidden}.recall-field{color:#0000;opacity:0;caret-color:#0000;pointer-events:none;background:0 0;border:0;outline:0;width:1px;height:1px;padding:0;font-size:1rem;position:absolute;top:0;left:0}.recall-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.recall-verse{margin-top:calc(var(--recall-u) * 14);color:var(--recall-ink);font-size:calc(var(--recall-u) * 52);font-weight:560;line-height:calc(var(--recall-u) * 60);letter-spacing:-.032em;white-space:nowrap;position:relative}.recall-word{display:inline-block;position:relative}.recall-word i{font-style:normal}.recall-print{color:var(--recall-print-1);filter:var(--recall-edge-thin);opacity:0;transition:color .5s}.recall-word[data-thin="2"] .recall-print{color:var(--recall-print-2)}.recall-word[data-mark=print] .recall-print{opacity:1}.recall-word[data-mark=ink] .recall-print{transition:opacity 1ms linear .42s}.recall-screen[data-phase=wash] .recall-print{transition:opacity .52s ease calc(var(--d) + .12s), color .5s ease}.recall-word[data-given] .recall-print{transition:opacity .7s}@starting-style{.recall-word[data-given] .recall-print{opacity:0}}.recall-ink,.recall-bleed,.recall-leaving,.recall-smear{pointer-events:none;position:absolute;top:0;left:0}.recall-ink{color:var(--recall-ink);filter:var(--recall-edge-ink)}.recall-ink[data-fresh]{animation:1.2s ease-out both recall-dry}.recall-ink[data-wet]{color:var(--recall-wet)}.recall-bleed i,.recall-ink[data-fresh] i{animation:recall-land .15s var(--ease-out) both;animation-delay:calc(var(--k) * 19ms)}.recall-ink[data-fresh] i:first-child{animation-duration:40ms}.recall-bleed{color:var(--recall-wet);filter:blur(calc(var(--recall-u) * 2));opacity:0;animation:1s ease-out both recall-bleed}.recall-bleed[data-wet]{opacity:.34;animation:none}@keyframes recall-land{0%{opacity:0}}@keyframes recall-dry{0%{color:var(--recall-wet)}}@keyframes recall-bleed{0%{opacity:0}16%{opacity:.42}to{opacity:0}}.recall-going{animation:.26s ease-out both recall-go;animation-delay:var(--d)}.recall-smear{color:var(--recall-ink);filter:var(--recall-edge-run);opacity:0;transform-origin:50% 20%;animation:1.15s cubic-bezier(.25,0,.35,1) both recall-smear;animation-delay:var(--d);will-change:transform, opacity}.recall-leaving[data-gone] .recall-smear{animation-name:recall-run}@keyframes recall-go{to{opacity:0}}@keyframes recall-smear{0%{opacity:0;transform:scaleY(.4)}16%{opacity:.34}to{opacity:0;transform:translateY(calc(var(--recall-u) * 30)) scaleY(1.5)}}@keyframes recall-run{0%{opacity:0;transform:scaleY(.4)}14%{opacity:.62}to{opacity:0;transform:translateY(calc(var(--recall-u) * 74)) scaleY(3)}}.recall-slip{color:var(--recall-ink);filter:var(--recall-edge-ink);opacity:0;pointer-events:none;animation:.62s ease-out both recall-slip;position:absolute;top:0;left:0}@keyframes recall-slip{0%{opacity:.9;transform:none}35%{opacity:.9;transform:none}to{opacity:0;transform:translateY(calc(var(--recall-u) * 8))}}.recall-water{background:linear-gradient(to bottom, transparent, var(--recall-water) 88%);height:42%;box-shadow:0 1px 0 var(--recall-water-edge);pointer-events:none;animation:1.25s cubic-bezier(.4,0,.6,1) both recall-water;position:absolute;top:0;left:0;right:0}@keyframes recall-water{0%{opacity:0;transform:translateY(-100%)}12%{opacity:1}78%{opacity:1}to{opacity:0;transform:translateY(150%)}}.recall-caret{width:max(2px, calc(var(--recall-u) * 3));margin-left:calc(var(--recall-u) * -5);background:var(--recall-caret);opacity:0;pointer-events:none;border-radius:999px;position:absolute;top:0;left:0}.recall-caret[data-on]{opacity:1;animation:1.1s .5s infinite recall-blink}@keyframes recall-blink{0%,45%{opacity:1}55%,92%{opacity:0}to{opacity:1}}.recall-foot{right:calc(var(--recall-u) * 28);bottom:calc(var(--recall-u) * 351);left:calc(var(--recall-u) * 28);justify-content:space-between;align-items:center;gap:1rem;min-height:2.75rem;display:flex;position:absolute}.recall-result{color:var(--recall-2);text-wrap:pretty;font-size:.9375rem;line-height:1.25rem}.recall-again{background:var(--recall-ink);height:2.75rem;color:var(--recall-paper);font:inherit;letter-spacing:-.012em;cursor:pointer;transition:transform .14s var(--ease-out), opacity .24s ease;border:0;border-radius:999px;flex:none;margin-left:auto;padding:0 1.125rem;font-size:.9375rem;font-weight:590}@starting-style{.recall-again{opacity:0}}.recall-again:active{transform:scale(.97)}.recall-again:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.recall-tray{height:calc(var(--recall-u) * 331);padding:calc(var(--recall-u) * 12) calc(var(--recall-u) * 4.5) 0;border-radius:calc(var(--recall-u) * 26) calc(var(--recall-u) * 26) 0 0;background:var(--recall-tray);position:absolute;bottom:0;left:0;right:0}.recall-row{gap:calc(var(--recall-u) * 6.75);margin-bottom:calc(var(--recall-u) * 13);justify-content:center;display:flex}.recall-row[data-low]{justify-content:space-between}.recall-row-mid{gap:calc(var(--recall-u) * 6.75);display:flex}.recall-key{width:calc(var(--recall-u) * 37.05);height:calc(var(--recall-u) * 48);border-radius:calc(var(--recall-u) * 7);background:var(--recall-key);color:var(--recall-key-ink);font:inherit;font-size:calc(var(--recall-u) * 22);letter-spacing:0;cursor:pointer;touch-action:manipulation;border:0;flex:none;place-items:center;padding:0;font-weight:400;line-height:1;display:grid}.recall-key svg{width:auto;height:calc(var(--recall-u) * 19)}.recall-key[data-kind=wide]{width:calc(var(--recall-u) * 50.5)}.recall-row-mid:not([data-plane=letters]) .recall-key{width:calc(var(--recall-u) * 54.57)}.recall-key[data-kind=plane],.recall-key[data-kind=enter]{width:calc(var(--recall-u) * 103)}.recall-key[data-kind=space]{flex:1}.recall-key-word{font-size:calc(var(--recall-u) * 18)}.recall-key[data-down]{background:var(--recall-key-down)}.recall-key:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.recall-touch{z-index:6;pointer-events:none;width:0;height:0;transition:transform .42s var(--ease-in-out);position:absolute;top:0;left:0}.recall-touch-dot{background:var(--recall-touch);width:2.5rem;height:2.5rem;box-shadow:inset 0 0 0 1.5px var(--recall-touch-line);opacity:0;transition:opacity .2s ease, transform .18s var(--ease-out);border-radius:50%;position:absolute;top:-1.25rem;left:-1.25rem;transform:scale(1.3)}.recall-touch[data-on] .recall-touch-dot{opacity:1;transform:none}.recall-touch[data-on][data-down] .recall-touch-dot{transform:scale(.82)}.recall-note{font-size:var(--text-xs);letter-spacing:var(--tracking-meta);color:var(--fg-muted);margin-top:.75rem}.recall-frames{color:var(--exp-ink);grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.recall-tile{background:var(--exp-stage);min-width:0;box-shadow:inset 0 0 0 1px var(--exp-stage-line);border-radius:.75rem;flex-direction:column;justify-content:space-between;gap:1.25rem;padding:1.5rem;display:flex;overflow:hidden}.recall-tile-wide{grid-column:1/-1}.recall-tile-note{max-width:44rem;font-size:var(--text-xs);font-weight:var(--weight-regular);line-height:var(--leading-ui);letter-spacing:var(--tracking-meta);color:var(--fg-muted);text-wrap:pretty}.recall-sheets{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.recall-sheet{gap:.75rem;min-width:0;display:grid}.recall-label{letter-spacing:-.01em;color:var(--exp-muted);font-size:.8125rem;font-weight:510;line-height:1.125rem}.recall-paper{--recall-u:.47px;--recall-edge-ink:url(#recall-inked-s);--recall-edge-thin:url(#recall-thin-s);--recall-edge-run:url(#recall-run-s);background:var(--recall-paper);box-shadow:inset 0 0 0 1px var(--recall-line), 0 1px 2px var(--exp-shadow-soft);border-radius:.625rem;padding:1.25rem 1.25rem 3.5rem;overflow:hidden;container:paper/inline-size}.recall-paper .recall-verse{margin-top:0}.recall-paper-single{--recall-u:.74px;padding:1.5rem 1.5rem 4rem}.recall-run{--recall-u:.74px;--recall-edge-ink:url(#recall-inked-s);--recall-edge-thin:url(#recall-thin-s);--recall-edge-run:url(#recall-run-s);background:var(--recall-paper);box-shadow:inset 0 0 0 1px var(--recall-line), 0 1px 2px var(--exp-shadow-soft);font-size:calc(var(--recall-u) * 52);font-weight:560;line-height:calc(var(--recall-u) * 60);letter-spacing:-.032em;white-space:nowrap;border-radius:.625rem;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;padding:1.75rem 1.5rem;display:grid;overflow:hidden}.recall-run-step{min-width:0}@container recall not (min-width:28.5rem){.recall-rig{--recall-u:calc(100cqw / 456)}}@media (max-width:1000px){.recall-sheets{grid-template-columns:repeat(2,minmax(0,1fr))}.recall-paper{--recall-u:.58px}.recall-run{--recall-u:.62px;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:.25rem}}@media (max-width:640px){.recall-stage{padding:1.25rem .5rem}.recall-frames{grid-template-columns:minmax(0,1fr)}.recall-tile{padding:1rem}.recall-sheets{grid-template-columns:minmax(0,1fr)}.recall-paper{--recall-u:.62px}.recall-run{--recall-u:.62px;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:.25rem}}@media (prefers-reduced-motion:reduce){.recall-ink[data-fresh],.recall-bleed,.recall-smear,.recall-water,.recall-bleed i{animation:none}.recall-ink[data-fresh] i{animation:.2s both recall-land}.recall-going{animation:.2s both recall-go}.recall-screen[data-phase=wash] .recall-print{transition:opacity .2s}.recall-slip{animation:.5s both recall-fade}.recall-caret[data-on]{animation:none}.recall-swap,.recall-again{transition:opacity .2s}@starting-style{.recall-swap,.recall-again{transform:none}}.recall-touch{display:none}}@keyframes recall-fade{0%,40%{opacity:.9}to{opacity:0}}.recall-defs{position:absolute}:is(.recall-paper,.recall-run) .recall-caret[data-on]{animation:none}.recall-word:has(.recall-slip) .recall-print{animation:.7s recall-yield}@keyframes recall-yield{0%,55%{opacity:0}}.recall-page:has(.recall-field:focus-visible) .recall-verse{outline:2px solid var(--accent);outline-offset:calc(var(--recall-u) * 10);border-radius:calc(var(--recall-u) * 4)}