@font-face{font-family:Barlow;src:url(/fonts/Barlow/Barlow-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/Barlow/Barlow-Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/Barlow/Barlow-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/Barlow/Barlow-Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Fraunces;src:url(/fonts/Fraunces/fraunces-latin.woff2) format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;src:url(/fonts/Fraunces/fraunces-latin-ext.woff2) format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--bg: #fcfcfc;--text: #0f0f0f;--primary: #f26b1f;--primary-hover: #d9550f;--muted: #737373;--border: #e5e5e5;--surface: #f2f2f2;--selection: #ffe4d1;--paper: #ffffff;--ink-rgb: 15 15 15;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace}html.dark{--bg: #0a0a0a;--text: #fafafa;--primary: #ff7a33;--primary-hover: #ff9559;--muted: #a3a3a3;--border: #262626;--surface: #171717;--selection: #3d2210;--paper: #111111;--ink-rgb: 250 250 250}html{overflow-x:hidden;scroll-behavior:smooth;background:var(--bg)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:Barlow,ui-sans-serif,system-ui,sans-serif;color:var(--text);background:radial-gradient(60rem 36rem at 78% -8%,color-mix(in srgb,var(--primary) 10%,transparent),transparent 60%),var(--bg);transition:background-color .24s ease,color .24s ease}::selection{background:var(--selection)}.font-display{font-family:Fraunces,Georgia,Times New Roman,serif;font-optical-sizing:auto;letter-spacing:-.015em}a{color:inherit}.focusring:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:10px}@keyframes mini-blink{0%,45%{opacity:1}50%,95%{opacity:0}to{opacity:1}}.mini-caret{display:inline-block;width:2px;height:1.05em;margin-left:1px;vertical-align:text-bottom;background:var(--primary);border-radius:1px;animation:mini-blink 1.05s steps(1,end) infinite;transform:translateY(.12em)}.mini-doc.is-done .mini-caret{display:none}.mini-doc{font-family:Barlow,ui-sans-serif,system-ui,sans-serif;color:var(--text);font-size:16px;line-height:1.7;letter-spacing:.001em;min-height:11.5rem;word-break:break-word}.mini-doc .ln{min-height:1.7em}.mini-doc .blank{height:1.7em}.mini-doc h1,.mini-doc h2,.mini-doc h3,.mini-doc h4,.mini-doc h5,.mini-doc h6{font-family:Barlow,ui-sans-serif,system-ui,sans-serif;font-weight:700;letter-spacing:-.01em;line-height:1.25;margin:0}.mini-doc h1{font-size:28px;line-height:1.1}.mini-doc h2{font-size:23px;line-height:1.15}.mini-doc h3{font-size:20px;line-height:1.2}.mini-doc h4{font-size:18px}.mini-doc h5{font-size:16px;color:var(--muted)}.mini-doc h6{font-size:14px;color:var(--muted)}.mini-doc strong{font-weight:700}.mini-doc em{font-style:italic}.mini-doc .icode,.mini-doc .codeblock{font-family:var(--mono);background:rgb(var(--ink-rgb) / .05);color:var(--primary-hover);border-radius:6px}.mini-doc .icode{padding:.05em .36em;font-size:.88em}.mini-doc .codeblock{display:block;color:var(--text);padding:.7rem .85rem;font-size:.86em;line-height:1.55;margin:.35rem 0;white-space:pre;overflow-x:auto}.mini-doc .codeblock .ctok{color:var(--primary-hover);font-family:var(--mono)}.mini-doc .link,.mini-doc .wikilink,.mini-doc .tag{color:var(--primary);font-weight:500}.mini-doc .link{text-decoration:underline;text-underline-offset:2px}.mini-doc .wikilink:before{content:""}.mini-doc blockquote{border-left:2px solid var(--primary);color:var(--muted);padding-left:15px;margin:0;font-style:italic}.mini-doc .hr{border:0;border-top:1px solid var(--border);margin:.7rem 0}.mini-doc .bullet{display:flex;gap:.55rem;align-items:baseline}.mini-doc .bullet .marker{color:var(--muted);flex:none;min-width:1ch}.mini-doc .task{display:flex;gap:.55rem;align-items:flex-start}.mini-doc .task .box{flex:none;width:1.05em;height:1.05em;margin-top:.28em;border:1.5px solid var(--muted);border-radius:5px;display:inline-flex;align-items:center;justify-content:center;font-size:.78em;line-height:1}.mini-doc .task .box.checked{background:var(--primary);border-color:var(--primary);color:#fff}.mini-doc .task.done .label{color:var(--muted);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--muted) 60%,transparent)}.mini-doc .pending{color:color-mix(in srgb,var(--muted) 80%,transparent)}.dot{width:.6rem;height:.6rem;border-radius:9999px}.replay{transition:opacity .24s ease,transform .24s ease,background-color .16s ease,color .16s ease}.replay[data-replay-hidden=true]{visibility:hidden;opacity:0;pointer-events:none}.mini-doc{cursor:default}.mini-doc.is-done{cursor:text}.mini-edit-frame{display:none;width:100%;border:0;background:transparent;vertical-align:top}.mini-real-frame{display:block;min-height:14rem;pointer-events:none}.mini-real-frame.is-done{pointer-events:auto}.mini-edit-hint{display:none}.phone-frame{border-radius:2rem;padding:.5rem;background:linear-gradient(160deg,#2a2a2a,#0d0d0d);box-shadow:0 30px 60px -20px #0f0f0f59,0 0 0 1px #0f0f0f0f}.phone-frame img{border-radius:1.55rem;display:block}.device-stage{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:2.2rem .5rem;min-height:22rem}.device{--w: 9.5rem;--bezel: .55rem;--radius: 2.1rem;position:relative;width:var(--w);padding:var(--bezel);border-radius:var(--radius);background:linear-gradient(155deg,#2c2c2e,#0a0a0a);box-shadow:0 1px #ffffff0f inset,0 2px 4px #0f0f0f2e,0 26px 50px -22px #0f0f0f66}html.dark .device{background:linear-gradient(155deg,#3a3a3c,#050505);box-shadow:0 1px #ffffff14 inset,0 2px 4px #00000080,0 26px 55px -20px #000000b3}.device .screen{position:relative;display:block;width:100%;border-radius:calc(var(--radius) - var(--bezel) + .1rem);overflow:hidden;background:#000;aspect-ratio:589 / 1280}.device .screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.device.iphone{--radius: 2.2rem;z-index:2;transform:rotate(-4deg);transform-origin:bottom right}.device.iphone .screen:before{content:"";position:absolute;top:.5rem;left:50%;transform:translate(-50%);width:34%;max-width:4.4rem;height:1.05rem;background:#0a0a0a;border-radius:9999px;z-index:3}.device.android{--radius: 1.55rem;--bezel: .45rem;z-index:1;transform:rotate(5deg);transform-origin:bottom left}.device.android .screen{aspect-ratio:576 / 1280}.device.android .screen:before{content:"";position:absolute;top:.45rem;left:50%;transform:translate(-50%);width:.5rem;height:.5rem;background:#0a0a0a;border-radius:9999px;z-index:3}.device.iphone{margin-left:-2.4rem}.device.android{margin-right:-2.4rem}@media(min-width:640px){.device{--w: 12.5rem}.device.iphone{margin-left:-3.25rem}.device.android{margin-right:-3.25rem}}@media(min-width:1024px){.device{--w: 15.5rem}.device.iphone{margin-left:-4rem}.device.android{margin-right:-4rem}.device-stage{padding:3rem .5rem;min-height:30rem}}@media(min-width:1280px){.device{--w: 17.5rem}.device.iphone{margin-left:-4.5rem}.device.android{margin-right:-4.5rem}.device-stage{padding:3.5rem .5rem}}@media(max-width:420px){.device{--w: 7.6rem}.device.iphone{transform:rotate(-3deg);margin-left:-1.6rem}.device.android{transform:rotate(4deg);margin-right:-1.6rem}.device-stage{padding:1.4rem .25rem;min-height:17rem}}.paper-shadow{box-shadow:0 1px 2px #0f0f0f0a,0 18px 40px -22px #0f0f0f2e}html.dark .paper-shadow{box-shadow:0 1px 2px #0006,0 18px 40px -18px #0009}.download-cta{display:inline-flex;align-items:center;justify-content:center;color:#fff!important;box-shadow:0 12px 24px -16px #0f0f0f8c,0 0 color-mix(in srgb,var(--primary) 24%,transparent);transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease;animation:download-cta-pulse 2.6s ease-out infinite}.download-cta:hover{color:#fff!important;transform:translateY(-2px);box-shadow:0 18px 34px -18px #0f0f0fb3,0 0 color-mix(in srgb,var(--primary) 18%,transparent)}.download-cta:active{transform:translateY(0) scale(.985)}.download-picker{box-shadow:0 1px 2px #0f0f0f0a,0 24px 56px -34px #0f0f0f42}html.dark .download-picker{box-shadow:0 1px 2px #00000059,0 24px 56px -30px #000000b8}.download-picker>.grid,.download-picker>.grid>*,.download-picker .platform-panel,.download-picker pre{min-width:0}.platform-tab{flex:1 1 4.8rem}.platform-panels{transition:height .28s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.platform-panels{transition:none}}.platform-tab[aria-selected=true]{background:var(--primary);color:#fff;box-shadow:0 10px 22px -16px #0f0f0f99}.platform-tab[aria-selected=false]{color:var(--muted)}.platform-tab[aria-selected=false]:hover{color:var(--text);background:color-mix(in srgb,var(--primary) 8%,transparent)}.download-panel-cta{color:#fff!important;background:var(--primary);box-shadow:0 12px 24px -18px #0f0f0fa6;transition:transform .15s ease,background-color .15s ease,box-shadow .15s ease}.download-panel-cta:hover{color:#fff!important;background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 18px 32px -20px #0f0f0fb8}@keyframes download-cta-pulse{0%{box-shadow:0 12px 24px -16px #0f0f0f8c,0 0 color-mix(in srgb,var(--primary) 24%,transparent)}70%,to{box-shadow:0 12px 24px -16px #0f0f0f8c,0 0 0 12px color-mix(in srgb,var(--primary) 0%,transparent)}}@media(prefers-reduced-motion:reduce){.mini-caret{animation:none;display:none}.download-cta{animation:none}.replay,a,button{transition:none!important}}
