@font-face{font-family:AP Display;src:url("./ap-bricolage-grotesque-HY2A4V5R.woff2") format("woff2");font-weight:200 800;font-display:swap}@font-face{font-family:AP Text;src:url("./ap-geist-Z3G2WSME.woff2") format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:AP Mono;src:url("./ap-geist-mono-DEGOK4RN.woff2") format("woff2");font-weight:100 900;font-display:swap}:root{color-scheme:light;--ap-paper: #f2f3ef;--ap-paper-2: #e8eae4;--ap-surface: #fbfbf9;--ap-ink: #0e0f11;--ap-ink-2: #474c56;--ap-ink-3: #62666f;--ap-line: #d6d9d1;--ap-accent: #0021fa;--ap-accent-strong: #0019c4;--ap-accent-soft: #e4e8ff;--ap-accent-ink: #0021fa;--ap-on-accent: #f7f8ff;--ap-danger: #b42318;--ap-on-danger: #fff;--ap-ok: #067647;--ap-warn: #b54708;--ap-ok-ink: #05603a;--ap-warn-ink: #93370d;--ap-remind: #a86200;--ap-remind-soft: #fbf0dc;--ap-remind-ink: #7a4300;--ap-shadow: 0 1px 0 rgb(21 23 28 / .04), 0 24px 60px -28px rgb(24 34 90 / .28);--ap-shadow-pop: 0 0 0 1px rgb(21 23 28 / .06), 0 18px 44px -18px rgb(24 34 90 / .34);--ap-font-display: "AP Display", "Avenir Next", system-ui, sans-serif;--ap-font-text: "AP Text", system-ui, -apple-system, "Segoe UI", sans-serif;--ap-font-mono: "AP Mono", ui-monospace, "SF Mono", Menlo, monospace;--ap-r-card: 20px;--ap-r-input: 14px;--ap-r-pill: 999px;--ap-r-sm: 10px;--ap-ease: cubic-bezier(.16, 1, .3, 1);--ap-ease-in: cubic-bezier(.4, 0, 1, 1);--ap-ease-move: cubic-bezier(.2, 0, 0, 1);--ap-dur-1: .1s;--ap-dur-2: .16s;--ap-dur-3: .24s;--ap-dur-4: .32s;--ap-dur-out: .12s;--ap-max-app: 1920px;--ap-gutter: max(min(max(clamp(16px, 2.5vw, 24px), 37.5vw - 360px), 12.5vw), (100vw - var(--ap-max-app)) / 2);--ap-gutter-edge: clamp(16px, 2.5vw, 32px);--ap-max-wide: var(--ap-max-app);--ap-max-form: 720px;--ap-measure: 68ch;--ap-panel-w: 420px;--ap-page-beside-wide: 736px;--ap-title: 1.75rem;--ap-max-public: 696px;--ap-hour-min: 48px;--ap-hour-max: 88px;--ap-axis: 56px;--ap-s-1: 4px;--ap-s-2: 8px;--ap-s-3: 12px;--ap-s-4: 16px;--ap-s-5: 20px;--ap-s-6: 24px;--ap-s-8: 32px;--ap-s-10: 40px;--ap-s-12: 48px;--ap-touch: 44px;--ap-topbar-h: 56px;--ap-toolbar-h: 56px;--ap-tabbar-h: 64px;--ap-safe-b: env(safe-area-inset-bottom, 0px);--ap-z-bar: 10;--ap-z-fab: 12;--ap-z-panel: 15;--ap-z-sheet: 20;--ap-z-pop: 25;--ap-z-toast: 30;--ap-z-modal: 40;--ap-hair: 1px}@media(min-resolution:2dppx){:root{--ap-hair: .5px}}:root[data-theme=dark]{color-scheme:dark;--ap-paper: #101216;--ap-paper-2: #171a20;--ap-surface: #1b1e25;--ap-ink: #edeee9;--ap-ink-2: #b3b8c2;--ap-ink-3: #8b909b;--ap-line: #2b2f38;--ap-accent: #0021fa;--ap-accent-strong: #2a48ff;--ap-accent-ink: #8c9cff;--ap-accent-soft: #1d2442;--ap-on-accent: #ffffff;--ap-danger: #ff8a7a;--ap-on-danger: #101216;--ap-ok: #47cd89;--ap-warn: #fdb022;--ap-ok-ink: #47cd89;--ap-warn-ink: #fdb022;--ap-remind: #f2b04a;--ap-remind-soft: #33291a;--ap-remind-ink: #f6c876;--ap-shadow: 0 1px 0 rgb(255 255 255 / .03), 0 30px 70px -30px rgb(0 0 0 / .7);--ap-shadow-pop: 0 0 0 1px rgb(255 255 255 / .08), 0 22px 48px -18px rgb(0 0 0 / .72);--ap-hair: 1px}:root[data-theme=auto]{color-scheme:light dark}@media(prefers-color-scheme:dark){:root[data-theme=auto]{--ap-paper: #101216;--ap-paper-2: #171a20;--ap-surface: #1b1e25;--ap-ink: #edeee9;--ap-ink-2: #b3b8c2;--ap-ink-3: #8b909b;--ap-line: #2b2f38;--ap-accent: #0021fa;--ap-accent-strong: #2a48ff;--ap-accent-ink: #8c9cff;--ap-accent-soft: #1d2442;--ap-on-accent: #ffffff;--ap-danger: #ff8a7a;--ap-on-danger: #101216;--ap-ok: #47cd89;--ap-warn: #fdb022;--ap-ok-ink: #47cd89;--ap-warn-ink: #fdb022;--ap-remind: #f2b04a;--ap-remind-soft: #33291a;--ap-remind-ink: #f6c876;--ap-shadow: 0 1px 0 rgb(255 255 255 / .03), 0 30px 70px -30px rgb(0 0 0 / .7);--ap-shadow-pop: 0 0 0 1px rgb(255 255 255 / .08), 0 22px 48px -18px rgb(0 0 0 / .72);--ap-hair: 1px}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--ap-paper);color:var(--ap-ink);font:400 16px/1.5 var(--ap-font-text);-webkit-font-smoothing:antialiased;overflow:hidden}button,a{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--ap-accent);outline-offset:2px}[hidden]{display:none!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:0 1.25rem;border:0;border-radius:var(--ap-r-pill);font-weight:600;text-decoration:none;white-space:nowrap;transition:transform var(--ap-dur-1) var(--ap-ease),background-color var(--ap-dur-1)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default;transform:none}.btn--accent{background:var(--ap-accent);color:var(--ap-on-accent)}.btn--accent:hover{background:var(--ap-accent-strong)}.btn--soft{background:var(--ap-accent-soft);color:var(--ap-accent-ink)}.btn--soft:hover{background:#d5dbff}.btn--ghost{background:var(--ap-paper-2)}.btn--ghost:hover{background:var(--ap-line)}.btn--big{min-height:56px;font-size:1.0625rem;white-space:normal;text-align:center;padding:.75rem 1.5rem}.bar{height:72px;display:flex;align-items:center;gap:1.5rem;padding:0 24px}.bar__brand img{display:block;height:34px;width:auto}.bar__title{margin:0;font:600 1.0625rem/1.2 var(--ap-font-text)}.bar__title span{font-weight:400;color:var(--ap-ink-2)}.bar__actions{margin-left:auto;display:flex;gap:.5rem}[data-embed] .bar{display:none}.main{height:calc(100svh - 72px);display:grid;grid-template-columns:minmax(340px,400px) 1fr;gap:24px;padding:0 24px 24px}[data-embed] .main{height:100svh;padding-top:16px;padding-bottom:16px}.tour{position:relative;display:flex;flex-direction:column;gap:1rem;background:var(--ap-surface);border-radius:var(--ap-r-card);padding:24px;overflow:auto}.tour__top{display:flex;align-items:center;gap:.5rem}.tour__fold{display:none}.seg{display:inline-flex;background:var(--ap-paper-2);border-radius:var(--ap-r-pill);padding:4px;gap:4px}.seg button{border:0;background:transparent;border-radius:var(--ap-r-pill);min-height:36px;padding:0 1rem;font-weight:600;color:var(--ap-ink-2);transition:background-color var(--ap-dur-2) var(--ap-ease),color var(--ap-dur-2)}.seg button[aria-pressed=true]{background:var(--ap-ink);color:var(--ap-surface)}.tour__progress{height:6px;background:var(--ap-paper-2);border-radius:3px;overflow:hidden}.tour__fill{display:block;height:100%;background:var(--ap-accent);border-radius:3px;transform-origin:left;transform:scaleX(var(--p, .06));transition:transform .6s var(--ap-ease)}.tour__count{margin:0;color:var(--ap-ink-2);font-size:.9375rem;font-variant-numeric:tabular-nums}.tour__title{margin:0;font:650 clamp(1.75rem,2.4vw,2.25rem)/1.05 var(--ap-font-display);letter-spacing:-.025em;text-wrap:balance}.tour__body{margin:0;font-size:1.0625rem;line-height:1.55}.tour[data-anim] .tour__title,.tour[data-anim] .tour__body{animation:rise .42s var(--ap-ease) both}.tour[data-anim] .tour__body{animation-delay:70ms}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.tour__hint{background:var(--ap-accent-soft);border-radius:16px;padding:14px 16px;display:grid;gap:2px;transition:background-color var(--ap-dur-3)}.tour__hint p{margin:0}.tour__hint p:first-child{color:var(--ap-ink-2);font-size:.9375rem}.tour__value{font:650 1.375rem/1.2 var(--ap-font-display);letter-spacing:-.01em;color:var(--ap-accent-ink)}.tour__state{min-height:1.25em;font-size:.9375rem;font-weight:600}.tour__hint[data-state=ok],.tour__hint[data-state=own]{background:#dcf3e6}.tour__hint[data-state=ok] .tour__state,.tour__hint[data-state=own] .tour__state{color:var(--ap-ok-ink)}.tour__hint[data-state=wrong]{background:#fde7e4;animation:shake .36s var(--ap-ease-move)}.tour__hint[data-state=wrong] .tour__state{color:var(--ap-danger)}@keyframes shake{25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}.tour__nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.tour__nav [data-act=next],.tour__nav [data-act=free]{margin-left:auto}.tour__end{display:none;flex-direction:column;gap:.5rem}[data-end] .tour__end{display:flex}.tour__auto{align-self:flex-start;border:0;background:none;padding:.25rem 0;color:var(--ap-accent-ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}.tour__play{display:none;gap:.5rem;margin-top:auto}.tour__play [data-act=manual]{margin-left:auto}[data-mode=auto]:not([data-end]) .tour__play{display:flex}[data-mode=auto]:not([data-end]) .tour__nav,[data-mode=auto] .tour__auto,[data-end] .tour__auto{display:none}.tour__icon{display:grid;place-items:center;margin-left:auto;width:40px;height:40px;flex:none;border:0;border-radius:50%;background:var(--ap-paper-2);color:var(--ap-ink-2)}.tour__icon svg{width:22px;height:22px}.tour__icon[aria-pressed=true]{background:var(--ap-ink);color:var(--ap-surface)}.tour__icon[aria-pressed=true] .off,.tour__icon[aria-pressed=false] .on,[data-mode=free] .tour{display:none}[data-mode=free] .main{grid-template-columns:1fr}.resume{display:none}[data-mode=free] .resume{display:inline-flex;position:fixed;left:24px;bottom:24px;z-index:20;min-height:48px;padding:0 1.25rem;border:0;border-radius:var(--ap-r-pill);background:var(--ap-ink);color:var(--ap-surface);font-weight:600;align-items:center;box-shadow:var(--ap-shadow-pop)}[data-ok] .tour__title{color:var(--ap-ok-ink);transition:color var(--ap-dur-2)}.stage{position:relative;min-width:0;min-height:0;background:var(--ap-paper-2);border-radius:var(--ap-r-card);overflow:hidden}.device{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--scale, 1));transition:opacity .42s var(--ap-ease),transform .52s var(--ap-ease),visibility 0s linear 0s}[data-side=site] [data-device=app],[data-side=app] [data-device=site]{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-46%) scale(calc(var(--scale, 1) * .94));transition:opacity .3s var(--ap-ease-in),transform .3s var(--ap-ease-in),visibility 0s linear .3s}[data-instant] .device{transition:none!important}.device__screen{position:relative;overflow:hidden;background:var(--ap-surface)}.device iframe{display:block;border:0;width:100%;height:100%;background:var(--ap-surface)}.device--phone{width:414px;height:824px;padding:12px;background:var(--ap-ink);border-radius:56px}.device--phone .device__screen{width:390px;height:800px;border-radius:44px}.device--window{width:1280px;height:844px;background:var(--ap-surface);border-radius:14px;overflow:hidden}.device--window .device__screen{height:800px}.browser__bar{height:44px;display:flex;align-items:center;gap:16px;padding:0 16px;background:var(--ap-ink);color:#c9ccd3}.browser__dots{display:flex;gap:8px}.browser__dots i{width:12px;height:12px;border-radius:50%;background:#3a3d44}.browser__url{flex:1;max-width:520px;margin:0 auto;height:28px;border-radius:var(--ap-r-pill);background:#23252b;display:grid;place-items:center;font-size:14px}.notif{position:absolute;left:10px;right:10px;top:14px;z-index:2;background:#fbfbf9fa;color:var(--ap-ink);border-radius:22px;padding:12px 14px;box-shadow:0 18px 44px -18px #0e0f118c;animation:drop .56s var(--ap-ease) both}.notif__head{margin:0 0 4px;display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ap-ink-2)}.notif__head svg{width:18px;height:18px;color:#1a9e4b}.notif__app{font-weight:700;color:var(--ap-ink)}.notif__head span:last-child{margin-left:auto}.notif__text{margin:0;font-size:15px;line-height:1.4;overflow-wrap:anywhere}@keyframes drop{0%{opacity:0;transform:translateY(-120%)}}.loader{position:absolute;inset:0;z-index:3;display:grid;place-content:center;justify-items:center;gap:1.25rem;background:var(--ap-paper-2);text-align:center;padding:24px}.loader__grid{display:grid;grid-template-columns:repeat(7,22px);gap:6px}.loader__grid span{width:22px;height:14px;border-radius:4px;background:var(--ap-line);animation:fill 2.4s var(--ap-ease) infinite;animation-delay:calc(var(--i) * 45ms)}@keyframes fill{0%,8%{background:var(--ap-line)}22%,80%{background:var(--ap-accent)}to{background:var(--ap-line)}}.loader__msg{margin:0;font:600 1.25rem/1.3 var(--ap-font-display)}.loader__fallback{display:none;margin:0;max-width:34ch}[data-fallback] .loader__grid{display:none}[data-fallback] .loader__fallback{display:block}.spot{position:fixed;left:0;top:0;z-index:10;pointer-events:none;border-radius:14px;border:3px solid var(--ap-accent);transition:transform .26s var(--ap-ease-move),width .26s var(--ap-ease-move),height .26s var(--ap-ease-move)}.spot:after{content:"";position:absolute;inset:-3px;border-radius:inherit;border:3px solid var(--ap-accent);animation:ping 1.6s var(--ap-ease) infinite}@keyframes ping{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.18)}}[data-ok] .spot,[data-ok] .spot:after{border-color:var(--ap-ok)}.tip{position:fixed;left:0;top:0;z-index:11;pointer-events:none;max-width:280px;background:var(--ap-ink);color:var(--ap-surface);font-weight:600;font-size:.9375rem;line-height:1.3;padding:10px 14px;border-radius:12px;box-shadow:var(--ap-shadow-pop);transition:transform .26s var(--ap-ease-move);animation:pop .32s var(--ap-ease) both}@keyframes pop{0%{opacity:0}}.cursor{position:fixed;left:-4px;top:-2px;z-index:12;width:32px;height:32px;pointer-events:none;transition:transform .62s var(--ap-ease-move);filter:drop-shadow(0 6px 10px rgb(14 15 17 / .3))}.cursor.is-press svg{animation:press .22s var(--ap-ease-move)}@keyframes press{50%{transform:scale(.8)}}.cursor:before{content:"";position:absolute;left:-14px;top:-14px;width:36px;height:36px;border-radius:50%;border:3px solid var(--ap-accent);opacity:0;pointer-events:none}.cursor.is-press:before{animation:ripple .52s var(--ap-ease) both}@keyframes ripple{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.5)}}.cursor svg{width:32px;height:32px;display:block}.toast{position:fixed;left:50%;bottom:24px;z-index:30;transform:translate(-50%);margin:0;max-width:min(520px,calc(100vw - 32px));background:var(--ap-ink);color:var(--ap-surface);padding:12px 18px;border-radius:14px;font-weight:600;box-shadow:var(--ap-shadow-pop);animation:rise .32s var(--ap-ease) both}@media(max-width:899px){.bar{height:56px;padding:0 16px;gap:.75rem}.bar__brand img{height:26px}.bar__title{display:none}.bar__actions{gap:.375rem}.bar__actions .btn{min-height:40px;padding:0 .875rem;white-space:nowrap}.main{display:block;position:relative;height:calc(100svh - 56px);padding:0}[data-embed] .main{height:100svh;padding:0}.stage{position:absolute;inset:0;border-radius:0}.device,[data-side] .device{left:0;top:0;width:100%;height:100%;padding:0;border-radius:0;transform:none}[data-side=site] [data-device=app],[data-side=app] [data-device=site]{transform:translate(8%)}.device--phone .device__screen,.device--window .device__screen{width:100%;height:100%;border-radius:0}.device--window .device__screen{height:100%}.browser__bar{display:none}.tour{position:absolute;left:8px;right:8px;bottom:8px;z-index:5;max-height:46svh;overflow-y:auto;overscroll-behavior:contain;padding:16px;gap:.75rem;box-shadow:0 -10px 40px -18px #0e0f1173;transition:transform var(--ap-dur-3) var(--ap-ease)}.tour__icon+.tour__fold{margin-left:0}.tour__fold{display:grid;place-items:center;margin-left:auto;width:40px;height:40px;border:0;border-radius:50%;background:var(--ap-paper-2)}.tour__fold svg{width:22px;height:22px;transition:transform var(--ap-dur-2)}[data-folded] .tour__fold svg{transform:rotate(180deg)}[data-folded] .tour>:not(.tour__top):not(.tour__progress):not(.tour__title){display:none}.tour__title{font-size:1.375rem}.tour__body{font-size:1rem}.tour__count{display:none}.tour__value{font-size:1.125rem}.btn{min-height:44px;padding:0 1rem}.seg button{padding:0 .75rem;font-size:.9375rem}.notif{top:8px}}@media(max-width:419px){.bar__brand img{height:22px}.bar__actions .btn--ghost{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.spot:after{display:none}}
