:root{--ink:#141414;--paper:#F2F4F7;--sheet:#FFFFFF;--blue:#0046BE;--yellow:#FFE000;--muted:#4A4844;--line:rgba(20,20,20,.18);--s-body:1rem;--s-mid:clamp(1.25rem,1.05rem + .9vw,1.6rem);--s-big:clamp(1.6rem,0.9rem + 3.4vw,3.4rem);--r:6px;--gut:16px;}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-color:var(--ink) var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font:400 var(--s-body)/1.6 "Public Sans",system-ui,sans-serif;overflow-x:clip;caret-color:var(--ink)}::selection{background:var(--yellow);color:var(--ink)}h1,h2,h3{margin:0;text-wrap:balance}p,li,dd,td,th{text-wrap:pretty}img{max-width:100%}a:focus-visible,button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.wrap{width:100%;max-width:46rem;margin:0 auto;padding:0 max(var(--gut),env(safe-area-inset-left)) 0 max(var(--gut),env(safe-area-inset-right))}.bar{background:var(--sheet);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top)}.bar .wrap{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;min-height:48px}.brand{grid-column:2;display:flex;align-items:center;justify-content:center;gap:8px;font:600 1rem/1 "Public Sans",sans-serif;letter-spacing:.01em}.brand img{width:32px;height:32px;border-radius:8px;display:block}.share{grid-column:3;justify-self:end;width:44px;height:44px;border:1px solid var(--line);border-radius:var(--r);background:var(--sheet);color:var(--ink);display:grid;place-items:center;cursor:pointer;padding:0}.share svg{width:20px;height:20px}.share[data-copied]::after{content:attr(data-copied);position:absolute;right:var(--gut);top:calc(env(safe-area-inset-top) + 56px);background:var(--ink);color:var(--paper);font-size:.875rem;padding:4px 8px;border-radius:var(--r)}.hero{padding:8px 0 28px}.book{display:block;width:96px;height:52px;margin:0 auto 4px;cursor:grab;touch-action:none}.book:active{cursor:grabbing}h1{font:800 var(--s-big)/1.08 "Onest",sans-serif;letter-spacing:-.02em;text-align:center}.lede{margin:12px auto 0;max-width:34rem;text-align:center;color:var(--muted)}.quote{margin:12px auto 0;max-width:34rem;background:var(--sheet);border:1px solid var(--line);border-radius:var(--r);padding:8px 14px;position:relative}.quote p{margin:0;font-weight:600}.quote cite{display:block;font-style:normal;color:var(--muted);font-size:var(--s-body)}.facts{margin:12px auto 0;max-width:34rem;position:relative}.sheet{position:relative;background:var(--sheet);border:1px solid var(--line);border-radius:var(--r)}.sheet::before{content:"";position:absolute;inset:7px 6px -7px 6px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);z-index:-1}.stack{position:relative;z-index:0}table{width:100%;border-collapse:collapse}caption{text-align:left;font-weight:600;padding:8px 14px 2px}th,td{text-align:left;vertical-align:top;padding:6px 14px;border-top:1px solid var(--line);line-height:1.4}tr:first-child th,tr:first-child td{border-top:0}th{font-weight:600;width:40%}.go{display:flex;justify-content:center;margin-top:14px}.main-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:248px;min-height:60px;padding:0 30px;background:var(--yellow);color:var(--ink);font:800 1.125rem/1 "Onest",sans-serif;letter-spacing:.005em;text-decoration:none;border-radius:999px;border:3px solid var(--sheet);outline:1px solid var(--ink);outline-offset:0;transform:rotate(-2deg);transition:transform .18s cubic-bezier(.16,1,.3,1)}.main-btn:active{transform:rotate(-2deg) scale(.95)}.main-btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}@media (hover: hover) and (pointer: fine){.main-btn:hover{transform:rotate(0deg) scale(1.03)}}.story{background:var(--sheet);padding:48px 0 40px}.story h2,.ask h2{font:800 var(--s-mid)/1.2 "Onest",sans-serif;letter-spacing:-.01em}.comic-pin{position:sticky;top:0;z-index:3;background:var(--sheet);padding:12px 0 8px;border-bottom:1px solid var(--line)}.comic{display:block;width:100%;max-width:400px;height:auto;margin:0 auto}.caps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:400px;margin:4px auto 0;text-align:center;color:var(--muted);line-height:1.3}.comic .pn,.comic .tk,.comic .dy,.comic .mk{transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);transform-box:fill-box;transform-origin:center}.comic[data-step="1"] .p2,.comic[data-step="1"] .p3{opacity:.22}.comic[data-step="1"] .tk{opacity:0;transform:scale(.3)}.comic[data-step="1"] .dy,.comic[data-step="2"] .dy{opacity:.25}.comic[data-step="1"] .mk,.comic[data-step="2"] .mk,.comic[data-step="3"] .mk{opacity:0;transform:translateY(8px)}.comic[data-step="2"] .p1{opacity:.35}.comic[data-step="2"] .p3{opacity:.22}.comic[data-step="2"] .p2{transform:translateY(-4px)}.comic[data-step="2"] .tk:nth-of-type(2){transition-delay:.12s}.comic[data-step="2"] .tk:nth-of-type(3){transition-delay:.24s}.comic[data-step="3"] .p1{opacity:.35}.comic[data-step="3"] .p2{opacity:.6}.comic[data-step="3"] .p3{transform:translateY(-4px)}.steps{list-style:none;margin:0;padding:0}.step{min-height:64dvh;display:flex;align-items:center;padding:24px 0}.step .sheet{width:100%;display:grid;grid-template-columns:auto 1fr;gap:4px 16px;align-items:start;padding:16px 18px}.num{font:800 var(--s-big)/1 "Onest",sans-serif}.step p{margin:0;font:600 var(--s-mid)/1.3 "Public Sans",sans-serif;align-self:center}.wordmark{grid-column:1 / -1;background:var(--ink);border-radius:var(--r);padding:12px 16px;margin-top:10px;display:flex;justify-content:center}.wordmark img{width:160px;height:auto;display:block}.story .head{padding-bottom:16px}.ask{padding:64px 0 56px}.ask h2{margin-bottom:24px}.theme{margin-top:24px}.theme h3{font:600 var(--s-body)/1.4 "Public Sans",sans-serif;color:var(--muted);margin-bottom:10px}.chat{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.q,.a{max-width:min(88%,32rem);padding:10px 14px;border-radius:14px;margin:0}.q{align-self:flex-end;background:var(--ink);color:var(--paper);border-bottom-right-radius:4px;font-weight:600}.a{align-self:flex-start;background:var(--sheet);border:1px solid var(--line);border-bottom-left-radius:4px}.typing{align-self:flex-start;display:flex;gap:5px;padding:12px 14px;background:var(--sheet);border:1px solid var(--line);border-radius:14px;border-bottom-left-radius:4px}.typing i{width:7px;height:7px;border-radius:50%;background:var(--muted);display:block}.typing i:nth-child(2){opacity:.6}.typing i:nth-child(3){opacity:.35}.close{background:var(--sheet);padding:80px 0 88px;text-align:center}.close img{width:160px;height:160px;display:block;margin:0 auto;border-radius:28px}.close .name{font:800 var(--s-mid)/1.2 "Onest",sans-serif;margin:14px 0 22px}footer{background:var(--ink);color:var(--paper);margin-top:0;padding:48px 0 calc(96px + env(safe-area-inset-bottom))}.tags{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 24px;padding:0;list-style:none}.tags a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:var(--r);background:var(--yellow);color:var(--ink);font-weight:600;text-decoration:none;position:relative;background-image:linear-gradient(var(--ink),var(--ink));background-repeat:no-repeat;background-size:0 2px;background-position:16px calc(100% - 10px);transition:background-size .25s cubic-bezier(.16,1,.3,1)}.tags li:nth-child(1) a{transform:rotate(-3deg)}.tags li:nth-child(2) a{transform:rotate(2deg);background-color:var(--sheet)}.tags li:nth-child(3) a{transform:rotate(-1deg)}.tags a:focus-visible{background-size:calc(100% - 32px) 2px;outline-color:var(--yellow)}@media (hover: hover){.tags a:hover{background-size:calc(100% - 32px) 2px}}.source h2{font:600 var(--s-body)/1.4 "Public Sans",sans-serif;margin:0 0 8px;color:#D9D6CF}.source p,.note{margin:0 0 16px;color:#D9D6CF}.source a{color:var(--yellow)}.dock{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--ink);padding:8px var(--gut) calc(8px + env(safe-area-inset-bottom));display:flex;justify-content:center;transform:translateY(110%);opacity:0;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .35s}.dock.on{transform:none;opacity:1}.dock .main-btn{min-height:48px;min-width:220px;font-size:1rem;border-color:var(--ink);outline-color:var(--yellow);transform:none}.dock .main-btn:active{transform:scale(.95)}@media (min-width: 900px){.wrap{max-width:60rem}.hero .wrap{max-width:46rem}:root{--s-mid:clamp(1.4rem,1rem + .8vw,1.75rem);--s-big:clamp(2.6rem,1.2rem + 2.6vw,3.6rem)}.story .head,.ask .head{display:grid;grid-template-columns:16rem 1fr;gap:32px;align-items:end}.steps{max-width:45rem;margin:0 auto}.step{padding-inline:2.5rem}.step:nth-child(odd) .sheet{transform:translateX(-2.5rem)}.step:nth-child(even) .sheet{transform:translateX(2.5rem)}.theme{display:grid;grid-template-columns:16rem 1fr;gap:32px;align-items:start}.ask .themes{max-width:52rem;margin:0 auto}.theme:nth-child(2) .chat{transform:translateX(1.5rem)}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition:none !important;animation:none !important}}html{overflow-x:clip;max-inline-size:100%;}body{overflow-x:clip;max-inline-size:100%;}@font-face{font-family: 'Onest';font-style: normal;font-weight: 800;font-display: swap;src: url(../fonts/onest.edddb91b4d65e3a6.woff2) format('woff2');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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Onest';font-style: normal;font-weight: 800;font-display: swap;src: url(../fonts/onest.e280c4a46fa08f5b.woff2) format('woff2');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: 'Public Sans';font-style: normal;font-weight: 400;font-display: swap;src: url(../fonts/publicsans.75cb950020f74bfe.woff2) format('woff2');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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Public Sans';font-style: normal;font-weight: 400;font-display: swap;src: url(../fonts/publicsans.1875c4bd6e9fc724.woff2) format('woff2');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: 'Public Sans';font-style: normal;font-weight: 600;font-display: swap;src: url(../fonts/publicsans.75cb950020f74bfe.woff2) format('woff2');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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Public Sans';font-style: normal;font-weight: 600;font-display: swap;src: url(../fonts/publicsans.1875c4bd6e9fc724.woff2) format('woff2');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;}