*,:before,:after{box-sizing:border-box}:root{--bg:#fff;--ink:#1d1d1f;--ink-2:#6e6e73;--ink-3:#86868b;--hair:#0000001c;--hair-strong:#00000030;--wash:#00000009;--red:#ff3b30;--sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;--edge:clamp(20px, 5vw, 40px);--col:34rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html{-webkit-text-size-adjust:100%;background:var(--bg);scroll-padding-bottom:120px}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0}::selection{background:#00000014}button{font:inherit;color:inherit}h1:focus{outline:none}.frame{min-height:100svh;max-width:calc(var(--col) + 2 * var(--edge));padding:0 var(--edge);flex-direction:column;margin:0 auto;display:flex}.bar{height:60px;padding-top:env(safe-area-inset-top);justify-content:space-between;align-items:center;display:flex}.back{width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin-left:-10px;transition:background .2s;display:grid}.back:hover{background:var(--wash)}.lang{gap:2px;margin-right:-8px;display:flex}.lang button{letter-spacing:.02em;color:var(--ink-3);cursor:pointer;background:0 0;border:0;padding:8px;font-size:13px;font-weight:500;transition:color .2s}.lang button[aria-pressed=true]{color:var(--ink)}.progress{background:var(--hair);border-radius:2px;height:2px;overflow:hidden}.progress span{background:var(--ink);transform-origin:0;height:100%;transition:transform .5s cubic-bezier(.25,.6,.35,1);display:block}.start{flex-direction:column;flex:1;justify-content:center;padding:32px 0 24px;animation:.7s cubic-bezier(.25,.6,.35,1) both rise;display:flex}.mark{margin-bottom:28px;display:block}.start h1{letter-spacing:-.024em;text-wrap:balance;margin:0;font-size:clamp(2.1rem,7.4vw,3.1rem);font-weight:600;line-height:1.06}.lead{letter-spacing:-.011em;color:var(--ink-2);text-wrap:pretty;margin:18px 0 0;font-size:17px;line-height:1.53}.facts{border-top:1px solid var(--hair);margin:28px 0 0;padding:0;list-style:none}.facts li{border-bottom:1px solid var(--hair);letter-spacing:-.008em;padding:13px 0;font-size:15px}.consent{color:var(--ink-2);cursor:pointer;align-items:flex-start;gap:12px;margin-bottom:14px;font-size:14px;line-height:1.45;display:flex}.consent input{opacity:0;pointer-events:none;position:absolute}.consent .box{border:1px solid var(--hair-strong);border-radius:7px;flex:none;place-items:center;width:22px;height:22px;margin-top:-1px;transition:background .2s,border-color .2s;display:grid}.consent input:checked+.box{background:var(--ink);border-color:var(--ink)}.consent input:checked+.box:after{content:"";border-bottom:1.8px solid #fff;border-left:1.8px solid #fff;width:10px;height:6px;transform:translateY(-1px)rotate(-45deg)}.consent input:focus-visible+.box{outline:2px solid var(--ink);outline-offset:2px}.link{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--hair-strong);text-decoration-color:var(--hair-strong);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0}.question{flex:1;padding:28px 0 24px;animation:.45s cubic-bezier(.25,.6,.35,1) both rise}.eyebrow{letter-spacing:-.003em;color:var(--ink-3);margin:0 0 16px;font-size:13px}.kicker{letter-spacing:-.01em;margin:0 0 8px;font-size:15px;font-weight:600}.question h1{letter-spacing:-.021em;text-wrap:balance;margin:0;font-size:clamp(1.55rem,5.6vw,2rem);font-weight:600;line-height:1.14}.hint{color:var(--ink-2);margin:10px 0 0;font-size:15px;line-height:1.45}.art{aspect-ratio:1;object-fit:contain;width:min(220px,60%);margin:0 0 20px -6px;display:block}.options{flex-direction:column;gap:8px;margin-top:24px;display:flex}.option{border:1px solid var(--hair);background:var(--bg);text-align:left;letter-spacing:-.012em;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px;align-items:center;gap:14px;width:100%;min-height:54px;padding:14px 16px;font-size:16.5px;line-height:1.3;transition:border-color .2s,background .2s,opacity .2s;display:flex}@media (hover:hover){.option:not(:disabled):hover{border-color:var(--hair-strong)}}.option[aria-checked=true]{border-color:var(--ink);background:var(--wash)}.option:disabled{opacity:.38;cursor:default}.option:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.dot{border:1px solid var(--hair-strong);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.dot:after{content:"";background:var(--ink);border-radius:50%;width:9px;height:9px;transition:transform .22s cubic-bezier(.3,1.4,.5,1);transform:scale(0)}.option[aria-checked=true] .dot{border-color:var(--ink)}.option[aria-checked=true] .dot:after{transform:scale(1)}.tick{border:1px solid var(--hair-strong);border-radius:7px;flex:none;place-items:center;width:22px;height:22px;transition:background .2s,border-color .2s;display:grid}.option[aria-checked=true] .tick{background:var(--ink);border-color:var(--ink)}.option[aria-checked=true] .tick:after{content:"";border-bottom:1.8px solid #fff;border-left:1.8px solid #fff;width:10px;height:6px;transform:translateY(-1px)rotate(-45deg)}.open{flex-direction:column;gap:12px;margin-top:24px;display:flex}.text{border:1px solid var(--hair);background:var(--bg);width:100%;min-height:132px;font:inherit;letter-spacing:-.012em;color:var(--ink);resize:none;border-radius:14px;padding:14px 16px;font-size:16.5px;line-height:1.45;transition:border-color .2s}.text::placeholder{color:var(--ink-3)}.text:focus{border-color:var(--ink);outline:none}.text.detail{min-height:0;padding:12px 16px;scroll-margin-bottom:120px;font-size:16px;animation:.3s cubic-bezier(.25,.6,.35,1) both rise}.voice{flex-direction:column;gap:8px;display:flex}.rec{border:1px solid var(--hair);background:var(--bg);letter-spacing:-.01em;cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;height:52px;font-size:16px;transition:border-color .2s,background .2s;display:flex}@media (hover:hover){.rec:hover{border-color:var(--hair-strong)}}.rec-live{border-color:var(--ink);background:var(--wash);justify-content:flex-start;padding:0 16px}.rec-dot{background:var(--red);border-radius:50%;width:9px;height:9px;animation:1.2s ease-in-out infinite pulse}.rec-time{font-variant-numeric:tabular-nums;color:var(--ink-2)}.rec-stop{margin-left:auto;font-weight:600}.clip{border:1px solid var(--hair);border-radius:14px;align-items:center;gap:12px;height:56px;padding:0 8px 0 10px;display:flex}.clip-play{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.clip-body{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.clip-label{letter-spacing:-.006em;font-size:14px}.clip-track{background:var(--hair);border-radius:2px;height:2px;overflow:hidden}.clip-fill{background:var(--ink);height:100%;display:block}.clip-time{font-variant-numeric:tabular-nums;color:var(--ink-2);font-size:13px}.clip-del{width:40px;height:40px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.clip-del:hover{background:var(--wash);color:var(--ink)}.note{color:var(--ink-3);margin:0;font-size:13px;line-height:1.45}.foot{padding:16px 0 max(20px, env(safe-area-inset-bottom));background:linear-gradient(to bottom, #fff0, var(--bg) 22px);position:sticky;bottom:0}.foot:empty{padding:0}.primary,.secondary{letter-spacing:-.012em;cursor:pointer;border-radius:980px;width:100%;height:52px;font-size:17px;font-weight:500;transition:opacity .2s,background .2s;display:block}.primary{background:var(--ink);color:#fff;border:0}.primary:disabled{opacity:.28;cursor:default}.secondary{border:1px solid var(--hair);background:var(--bg);color:var(--ink)}.primary:focus-visible,.secondary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.sheet-wrap{z-index:10;background:#00000047;justify-content:center;align-items:flex-end;animation:.25s both fade;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:calc(var(--col) + 2 * var(--edge));padding:28px var(--edge) max(24px, env(safe-area-inset-bottom));background:var(--bg);border-radius:22px 22px 0 0;animation:.35s cubic-bezier(.25,.6,.35,1) both up}.sheet h2{letter-spacing:-.018em;margin:0 0 12px;font-size:22px;font-weight:600}.sheet-actions{flex-direction:column;gap:10px;display:flex}.sheet p{color:var(--ink-2);margin:0 0 24px;font-size:15px;line-height:1.55}.lab{border:1px solid var(--hair);white-space:pre-wrap;border-radius:12px;max-height:50vh;margin-top:28px;padding:14px;font-size:11px;line-height:1.5;overflow:auto}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@keyframes fade{0%{opacity:0}}@keyframes up{0%{transform:translateY(100%)}}@keyframes pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.done{text-align:center;align-items:center}.done .lead{max-width:26rem}.stage{min-height:100svh;position:relative;overflow:clip}.stage>.frame{z-index:1;position:relative}.backdrop{z-index:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0;overflow:clip}.backdrop.light{background:radial-gradient(130% 62% at 50% -6%,#fff 0%,#fafafb 45%,#f3f3f6 100%)}.backdrop.light:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .055 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.aurora span{will-change:transform;border-radius:50%;width:78vmax;height:78vmax;position:absolute}.aurora span:first-child{background:radial-gradient(closest-side,#bed3f09e,#bed3f000);animation:26s ease-in-out infinite alternate drift-a;top:-34vmax;left:-26vmax}.aurora span:nth-child(2){background:radial-gradient(closest-side,#cce4c78c,#cce4c700);animation:31s ease-in-out infinite alternate drift-b;top:12vmax;right:-40vmax}.aurora span:nth-child(3){background:radial-gradient(closest-side,#f6d8c28c,#f6d8c200);animation:28s ease-in-out infinite alternate drift-c;bottom:-46vmax;left:-12vmax}@keyframes drift-a{to{transform:translate(14vmax,9vmax)scale(1.12)}}@keyframes drift-b{to{transform:translate(-16vmax,10vmax)scale(.92)}}@keyframes drift-c{to{transform:translate(12vmax,-12vmax)scale(1.08)}}.mark-wrap{width:44px;height:44px;margin-bottom:28px;display:block;position:relative}.mark-wrap .mark{margin:0;position:relative}.rings{z-index:-1;transition:opacity .35s;position:absolute;top:50%;left:50%;overflow:visible}.rings circle{fill:none;stroke:#0000001a;stroke-width:1px;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:50%;opacity:0;animation:9s cubic-bezier(.2,.6,.35,1) infinite both ring}@keyframes ring{0%{opacity:0;transform:scale(1)}6%{opacity:1}to{opacity:0;transform:scale(26)}}.stage.leaving .backdrop,.stage.leaving .rings{opacity:0}.stage.leaving .start>.mark-wrap{animation:none}.stage.leaving .mark-wrap .mark,.stage.leaving .bar,.stage.leaving .start>*,.stage.leaving .foot{animation:.44s cubic-bezier(.4,0,.2,1) both dissolve}.stage.leaving .start>:nth-child(2){animation-delay:40ms}.stage.leaving .start>:nth-child(3){animation-delay:80ms}.stage.leaving .start>:nth-child(4),.stage.leaving .foot{animation-delay:.12s}@keyframes dissolve{to{opacity:0;filter:blur(8px);transform:translateY(-6px)scale(.985)}}.loader{flex:1;place-items:center;display:grid}.loader-mark{animation:.25s .92s forwards loader-out}.loader-ring{fill:none;stroke:var(--ink);stroke-width:1px;stroke-dasharray:1;stroke-dashoffset:1px;transform-box:fill-box;transform-origin:50%;animation:.7s cubic-bezier(.65,0,.35,1) 50ms forwards draw;transform:rotate(-90deg)}.loader-dot{fill:var(--ink);transform-box:fill-box;transform-origin:50%;animation:.36s cubic-bezier(.3,1.5,.5,1) .66s forwards pop;transform:scale(0)}@keyframes draw{to{stroke-dashoffset:0}}@keyframes pop{to{transform:scale(1)}}@keyframes loader-out{to{opacity:0;transform:scale(.96)}}.stage .foot{background:0 0}.water{width:100%;height:100%;display:block;position:absolute;inset:0}.start.intro{justify-content:flex-start}.start.intro .mark-wrap{align-self:center;margin:clamp(16px,7vh,84px) 0 clamp(48px,10vh,112px)}.scale-wrap{margin-top:24px}.scale{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}@media (width>=560px){.scale{grid-template-columns:repeat(11,1fr)}}.scale-step{border:1px solid var(--hair);background:var(--bg);font-variant-numeric:tabular-nums;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px;height:52px;font-size:17px;transition:border-color .2s,background .2s,color .2s}@media (hover:hover){.scale-step:hover{border-color:var(--hair-strong)}}.scale-step[aria-checked=true]{border-color:var(--ink);background:var(--ink);color:#fff}.scale-step:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.scale-ends{color:var(--ink-3);justify-content:space-between;margin-top:12px;font-size:13px;display:flex}.bonus-offer{border:1px solid var(--hair);border-radius:18px;width:100%;max-width:26rem;margin-top:28px;padding:22px 20px}.bonus-title{letter-spacing:-.014em;margin:0;font-size:19px;font-weight:600}.bonus-body{color:var(--ink-2);margin:6px 0 18px;font-size:15px;line-height:1.45}.done .start,.start.done{padding-bottom:40px}.start .eyebrow{margin-bottom:10px}.about{color:var(--ink-2);text-wrap:pretty;margin:18px 0 0;font-size:16px;line-height:1.5}.stage .foot{position:relative}.start.intro .mark-wrap{margin:clamp(8px,4vh,64px) 0 clamp(32px,7vh,88px)}.bar .mark-wrap{width:28px;height:28px;margin:0}.bar .mark-wrap .mark{width:28px;height:28px}.start.intro{justify-content:center;padding:8px 0 12px}.start.intro h1{font-size:clamp(1.9rem,7vw,3rem)}.start.intro .about{font-size:15px}.start.intro .facts{border-top:0;flex-wrap:wrap;gap:4px 18px;margin-top:18px;display:flex}.start.intro .facts li{color:var(--ink-2);border:0;padding:0;font-size:14px}.rec-writing{cursor:default;color:var(--ink-2)}.spinner{border:1.6px solid var(--hair-strong);border-top-color:var(--ink);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.foot-row{align-items:center;gap:10px;display:flex}.foot-row>.primary,.foot-row>.secondary{flex:1;width:auto}.backbtn{border:1px solid var(--hair);background:var(--bg);width:52px;height:52px;color:var(--ink);cursor:pointer;border-radius:50%;flex:none;place-items:center;display:grid}.backbtn:disabled,.foot-row>.secondary:disabled{opacity:.4;cursor:default}.backbtn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}