.first-run{min-height:var(--first-viewport-height,100dvh);background:var(--background);color:var(--foreground)}.first-questions{max-width:460px;min-height:var(--first-viewport-height,100dvh);padding:max(18px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom));background:radial-gradient(ellipse at 85% 90%, color-mix(in oklab, var(--primary) 9%, var(--background)), transparent 65%), var(--background);color:var(--foreground);flex-direction:column;margin:auto;animation:.24s ease-out first-enter;display:flex}.first-question-nav{align-items:center;gap:14px;min-height:44px;display:flex}.first-back{width:44px;height:44px;color:var(--muted-foreground);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.first-back:disabled{visibility:hidden}.first-progress{background:var(--border);border-radius:4px;flex:1;height:4px;overflow:hidden}.first-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--primary), color-mix(in oklab, var(--primary) 55%, var(--card)));height:100%;transition:width .25s;display:block}.first-count{color:var(--muted-foreground);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}.first-question-heading{text-align:left;margin:24px 0 0}.first-eyebrow{color:var(--primary);letter-spacing:.08em;font-size:12px;font-weight:700;display:block}.first-questions h1,.first-sub,.first-ready-heading p{text-wrap:pretty;word-break:auto-phrase}.first-questions h1{letter-spacing:-.045em;white-space:pre-line;margin:12px 0 20px;font-size:clamp(29px,7.5vw,36px);font-weight:800;line-height:1.25}.first-sub{color:var(--muted-foreground);font-size:14px;line-height:1.8}.first-choices{gap:12px;margin:14px 0 24px;display:grid}.first-choice{text-align:left;border:1px solid var(--border);background:var(--card);width:100%;min-height:74px;box-shadow:0 4px 16px color-mix(in oklab, var(--primary) 2%, transparent);border-radius:22px;justify-content:flex-start;align-items:center;gap:14px;padding:14px 18px;font-weight:650;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.first-choice[aria-checked=true],.first-choice[aria-pressed=true]{border-color:var(--primary);box-shadow:0 4px 16px color-mix(in oklab, var(--primary) 7%, transparent)}.first-choice-copy{flex:1;min-width:0}.first-choice small{color:var(--muted-foreground);margin-top:4px;font-size:12px;font-weight:400;display:block}.first-glyph{flex:0 0 44px;place-items:center;height:44px;font-size:32px;line-height:1;display:grid}.first-check{border:1px solid var(--border);width:22px;height:22px;color:var(--primary-foreground);border-radius:50%;flex:0 0 22px;place-items:center;display:grid}[aria-checked=true]>.first-check,[aria-pressed=true]>.first-check{background:var(--primary);border-color:var(--primary)}.first-choice-icon{width:34px;color:var(--primary);flex-shrink:0;place-items:center;display:grid}.first-goals{grid-auto-rows:max-content;gap:9px;margin:22px 0}.first-goals .first-choice{border-radius:18px;min-height:62px;padding-block:14px;font-size:17px}.first-clock{width:110px;height:110px;color:var(--primary);background:radial-gradient(circle at 35% 30%, var(--card), color-mix(in oklab, var(--primary) 18%, var(--card)));box-shadow:inset 0 0 0 7px color-mix(in oklab, var(--card) 44%, transparent), 0 10px 30px color-mix(in oklab, var(--primary) 8%, transparent);border-radius:50%;place-items:center;margin:24px auto;display:grid;position:relative}.first-clock span{color:var(--primary);font-size:32px;position:absolute;top:1px;right:3px}.first-time-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 20px;display:grid}.first-time-choice{background:var(--card);border:1px solid var(--border);border-radius:17px;min-height:56px;font-size:15px;font-weight:650}.first-time-choice[aria-checked=true]{color:var(--primary-foreground);background:var(--primary);border-color:var(--primary);box-shadow:0 5px 16px color-mix(in oklab, var(--primary) 15%, transparent)}.first-soft-note{background:color-mix(in oklab, var(--card) 60%, transparent);border:1px solid var(--border);color:var(--muted-foreground);border-radius:18px;padding:16px 18px;font-size:13px;line-height:1.8}.first-interest-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px;margin:24px 0;padding:10px 4px;display:grid}.first-interest{background:0 0;border:0;border-radius:6px;padding:0 0 34px;display:block;position:relative}.first-interest .first-check{z-index:3;background:color-mix(in oklab, var(--card) 68%, transparent);border-color:color-mix(in oklab, var(--card) 70%, transparent);width:20px;height:20px;position:absolute;top:5px;right:5px}.first-interest[aria-pressed=true] .first-check{background:var(--primary);border-color:var(--card)}.first-brand{color:var(--primary);align-items:center;gap:10px;font-size:22px;font-weight:750;display:flex}.first-brand img{border-radius:9px;width:34px;height:34px}.first-primary{background:linear-gradient(105deg, var(--primary), var(--primary));width:100%;min-height:50px;color:var(--primary-foreground);box-shadow:0 5px 15px color-mix(in oklab, var(--primary) 14%, transparent);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-weight:650;transition:transform .16s,opacity .16s;display:flex}.first-primary:active,.first-choice:active{transform:scale(.985)}.first-primary:disabled{opacity:.5}.first-footer{gap:10px;margin-top:auto;padding-top:24px;display:grid}.first-secondary{min-height:44px;color:var(--primary-ink);justify-content:center;align-items:center;font-size:14px;display:flex}.first-sample-label{color:var(--muted-foreground);text-align:center;padding:8px 12px;font-size:12px}.first-added-cta{max-width:380px;margin:24px auto}.first-explore-heading{text-align:center;margin:12px auto 24px}.first-explore-heading h1{white-space:pre-line;text-wrap:balance;margin:12px 0;font-size:24px;font-weight:750;line-height:1.4}.first-word-photo{object-fit:cover;border-radius:24px;width:100%;max-height:240px;margin-bottom:24px}.first-detail-footer{background:linear-gradient(transparent, var(--background) 30%);z-index:10;padding:18px 0 4px;position:sticky;bottom:12px}.first-run:not([data-first-stage]) button:focus-visible,.first-run:not([data-first-stage]) a:focus-visible{outline:3px solid var(--primary-ink);outline-offset:4px}@keyframes first-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (height<=720px){.first-question-heading{margin-top:18px}.first-questions h1{margin-top:8px}.first-choices{margin:22px 0}.first-goals{margin:16px 0}}.first-shell{min-height:100dvh;padding-bottom:110px}.first-run[data-first-stage]>.first-shell>main{animation:.36s cubic-bezier(.2,.8,.2,1) both first-stage-enter}@keyframes first-stage-enter{0%{opacity:.35}to{opacity:1}}.first-shell>header{height:var(--app-header-h);align-items:center;max-width:768px;margin:auto;padding:12px 16px;display:flex}.first-content{max-width:768px;margin:auto;padding:16px}.first-error{border:1px solid color-mix(in oklab, var(--destructive) 35%, transparent);background:color-mix(in oklab, var(--destructive) 6%, var(--card));color:var(--destructive);border-radius:18px;gap:12px;margin:16px 0;padding:16px;display:grid}.first-sample-note{max-width:768px;color:var(--muted-foreground);text-align:center;margin:8px auto 0;padding:0 16px;font-size:13px;line-height:1.5}.first-error--inline{text-align:center;border-radius:14px;flex-shrink:0;margin:4px 0 0;padding:10px 14px;font-size:14px;line-height:1.5;display:block}.tour-layer{z-index:150;pointer-events:none;position:fixed;inset:0}.tour-preview-lock{z-index:149;touch-action:none;position:fixed;inset:0}.tour-block{pointer-events:auto;touch-action:none;background:0 0;position:absolute}.tour-ring{box-sizing:border-box;border:2px solid var(--primary);box-shadow:0 0 0 3px color-mix(in oklab, var(--primary) 22%, transparent), 0 0 20px color-mix(in oklab, var(--primary) 45%, transparent), 0 0 0 9999px #0b182a91;position:absolute}.tour-ring--expand{animation:.7s cubic-bezier(.22,1,.36,1) both tour-focus-expand}.tour-ring--move{transition:translate .48s cubic-bezier(.22,1,.36,1),width .48s cubic-bezier(.22,1,.36,1),height .48s cubic-bezier(.22,1,.36,1),border-radius .48s cubic-bezier(.22,1,.36,1)}.tour-coach{background:var(--card);max-width:400px;color:var(--foreground);box-shadow:0 12px 36px color-mix(in oklab, var(--foreground) 18%, transparent);pointer-events:auto;border-radius:22px;outline:none;margin:auto;padding:16px 18px 14px;animation:.28s cubic-bezier(.32,.72,0,1) both tour-coach-in;position:fixed;left:16px;right:16px}.tour-coach[data-side=above]{transform-origin:50% 100%}.tour-coach[data-side=below]{transform-origin:50% 0}.tour-coach__head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.tour-coach__head h2{font-size:17px;font-weight:700;line-height:1.35}.tour-coach__step{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:12px}.tour-coach p{color:var(--muted-foreground);text-wrap:pretty;word-break:auto-phrase;font-size:15px;line-height:1.6}.tour-coach__next{background:var(--primary);min-width:88px;min-height:44px;color:var(--primary-foreground);border-radius:999px;margin:10px 0 0 auto;padding:0 20px;font-size:15px;font-weight:650;display:block}.tour-coach--compact{border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;padding:10px 10px 10px 16px;display:grid}.tour-coach--compact .tour-coach__head{grid-column:1;margin-bottom:0}.tour-coach--compact .tour-coach__head h2{font-size:15px}.tour-coach--compact p{grid-column:1;font-size:13px;line-height:1.45}.tour-coach--compact .tour-coach__next{grid-area:1/2/span 2;min-width:0;margin:0;padding:0 16px}.tour-coach__next:active{transform:scale(.97)}@keyframes tour-coach-in{0%{opacity:0;translate:0 var(--tour-coach-from,8px)}to{opacity:1;translate:0}}.tour-coach[data-side=above],.tour-coach[data-side=top]{--tour-coach-from:-8px}.first-account{z-index:160;background:#0b182a59;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.first-account-sheet{background:linear-gradient(165deg, var(--card) 45%, color-mix(in oklab, var(--primary) 6%, var(--card)));color:var(--foreground);border:1px solid color-mix(in oklab, var(--card) 79%, transparent);padding:30px 24px calc(24px + env(safe-area-inset-bottom));width:100%;max-width:480px;max-height:78dvh;box-shadow:0 -10px 45px color-mix(in oklab, var(--foreground) 8%, transparent);border-radius:32px 32px 0 0;overflow:auto}.first-account-sheet h1{text-align:center;white-space:pre-line;font-size:25px;font-weight:750;line-height:1.5}.first-account-sheet>.first-sub{text-align:center;margin:12px 0 24px}.first-account-sheet .auth-card{margin:0}.first-auth{min-height:var(--first-viewport-height,100dvh);background:linear-gradient(180deg, var(--card) 0%, color-mix(in oklab, var(--primary) 5%, var(--background)) 100%)}.first-auth-page{width:min(100%,480px);min-height:var(--first-viewport-height,100dvh);padding:max(22px, env(safe-area-inset-top)) 22px max(26px, env(safe-area-inset-bottom));color:var(--foreground);flex-direction:column;margin:auto;display:flex}.first-auth-brand{letter-spacing:-.035em;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:clamp(30px,7.5vw,38px);font-weight:780;display:flex}.first-auth-brand img{aspect-ratio:1;border-radius:20%;width:clamp(66px,10dvh,88px);height:auto}.first-auth-photos{flex:none;width:min(100%,356px);height:clamp(190px,26dvh,236px);margin:22px auto 12px}.first-auth-photos .first-print-0{width:min(26cqw,62.6667cqh - 26.6667px);bottom:40px;left:1%;rotate:-9deg}.first-auth-photos .first-print-1{width:min(29cqw,80cqh - 40px);bottom:46px;left:23%;rotate:-3deg}.first-auth-photos .first-print-2{width:min(29cqw,80cqh - 40px);bottom:44px;left:46%;rotate:4deg}.first-auth-photos .first-print-3{width:min(29cqw,80cqh - 40px);bottom:38px;right:1%;rotate:10deg}.first-auth-content{text-align:center;width:100%;margin:auto 0}.first-auth-content h1{font-size:clamp(25px,7vw,30px);font-weight:780;line-height:1.3}.first-auth-content>.first-sub{margin:9px 0 20px}.first-auth-content .auth-card{text-align:left;margin:0}.first-auth-content .auth-legal{margin-top:18px}.first-added{text-align:center;gap:14px;max-width:400px;margin:24px auto;display:grid}.first-added h2{font-size:23px;font-weight:700}.first-detail{padding-bottom:220px}.first-peel{aspect-ratio:1;max-width:340px;margin:12px auto}html[data-motion=reduce] .first-run *{transition-duration:.01ms!important;animation-duration:.01ms!important}.personal-lesson{border:1px solid var(--border);background:linear-gradient(145deg, var(--card), color-mix(in oklab, var(--primary) 5%, var(--card)));color:var(--foreground);border-radius:24px;margin:20px 0;padding:20px}.personal-lesson-heading{color:var(--primary);align-items:center;gap:10px;display:flex}.personal-lesson-heading h2{color:var(--foreground);font-size:17px;font-weight:700}.personal-lesson>.first-sub{margin:8px 0 20px;font-size:12px}.personal-lesson h3{margin:20px 0 12px;font-size:14px;font-weight:700}.personal-lesson-status{align-items:center;gap:10px;font-size:13px;display:flex}.personal-senses{padding-left:22px;font-size:14px;line-height:1.7;list-style:decimal}.personal-senses li{margin:10px 0;padding-left:4px}.personal-senses p{color:var(--muted-foreground);font-size:13px}.personal-examples{gap:14px;margin-top:20px;display:grid}.personal-examples article{border:1px solid var(--border);background:var(--card);border-radius:18px;padding:16px}.personal-situation{background:var(--accent);color:var(--primary-ink);border-radius:7px;padding:3px 8px;font-size:11px;display:inline-block}.personal-example-line{align-items:center;gap:8px;margin:12px 0 6px;display:flex}.personal-example-line>p{flex:1;font-size:16px;font-weight:650;line-height:1.6}.personal-translation{color:var(--muted-foreground);font-size:13px;line-height:1.7}.personal-explanation{border-top:1px solid var(--border);margin-top:12px;padding-top:12px;font-size:13px;line-height:1.8}.first-standalone{width:min(100%,460px);min-height:var(--first-viewport-height,100dvh);padding:max(28px, env(safe-area-inset-top)) 24px max(28px, env(safe-area-inset-bottom));background:radial-gradient(ellipse at 54% 70%, color-mix(in oklab, var(--primary) 10%, var(--background)) 0%, var(--background) 60%, var(--card) 84%);flex-direction:column;margin:auto;animation:.4s ease-out both first-enter;display:flex}.first-welcome{--sky-blue:color-mix(in oklab, var(--primary) 62%, var(--chart-2));--sky-deep:color-mix(in oklab, var(--sky-blue) 54%, var(--card));--sky-mid:color-mix(in oklab, var(--sky-blue) 34%, var(--card));--sky-pale:color-mix(in oklab, var(--sky-blue) 16%, var(--card));--sun:color-mix(in oklab, var(--chart-4) 10%, var(--card));--cloud:var(--card);--cloud-shade:color-mix(in oklab, var(--primary) 20%, var(--card));isolation:isolate;background:linear-gradient(180deg, var(--sky-deep) 0%, var(--sky-mid) 30%, var(--sky-pale) 52%, var(--sky-pale) 62%, var(--background) 100%);position:relative;overflow:hidden}.dark .first-welcome{--sky-deep:color-mix(in oklab, var(--primary) 36%, var(--background));--sky-mid:color-mix(in oklab, var(--primary) 22%, var(--background));--sky-pale:color-mix(in oklab, var(--primary) 10%, var(--background));--sun:color-mix(in oklab, var(--foreground) 14%, transparent);--cloud:color-mix(in oklab, var(--foreground) 34%, var(--background));--cloud-shade:color-mix(in oklab, var(--primary) 30%, var(--background))}.first-welcome>.first-standalone{z-index:1;background:0 0;position:relative}.first-sky{z-index:0;pointer-events:none;position:absolute;inset:0}.first-sky:before{content:"";z-index:2;background:radial-gradient(ellipse 46% 26% at 96% -4%, var(--sun) 0%, transparent 70%), radial-gradient(ellipse 40% 22% at 104% 58%, color-mix(in oklab, var(--sky-blue) 42%, transparent) 0%, transparent 70%), radial-gradient(ellipse 62% 30% at 50% 50%, color-mix(in oklab, var(--sun) 70%, transparent) 0%, transparent 72%);position:absolute;inset:0}.first-sky:after{content:"";z-index:3;background:linear-gradient(180deg, transparent 74%, color-mix(in oklab, var(--background) 82%, transparent) 88%, var(--background) 100%);position:absolute;inset:0}.first-sky-sea{z-index:1;opacity:.9;height:46%;-webkit-mask-image:linear-gradient(180deg, transparent 0%, var(--foreground) 22%, var(--foreground) 70%, transparent 100%);-webkit-mask-image:linear-gradient(180deg, transparent 0%, var(--foreground) 22%, var(--foreground) 70%, transparent 100%);-webkit-mask-image:linear-gradient(180deg, transparent 0%, var(--foreground) 22%, var(--foreground) 70%, transparent 100%);mask-image:linear-gradient(180deg, transparent 0%, var(--foreground) 22%, var(--foreground) 70%, transparent 100%);background:url(/first-catch-welcome-sea.webp) 50%/cover no-repeat;position:absolute;top:46%;left:-4%;right:-4%}.dark .first-sky-sea{opacity:.2}.first-sky-glint{z-index:2;aspect-ratio:1;background:radial-gradient(circle, var(--card) 0%, color-mix(in oklab, var(--card) 60%, transparent) 45%, transparent 70%);opacity:.85;border-radius:50%;width:14px;animation:4.8s ease-in-out infinite first-glint;position:absolute}.dark .first-sky-glint{opacity:.35}.first-sky-glint--1{top:70%;left:12%}.first-sky-glint--2{width:10px;animation-delay:-1.6s;top:64%;left:64%}.first-sky-glint--3{width:18px;animation-delay:-3.1s;top:76%;left:84%}.first-sky-glint--4{width:9px;animation-delay:-2.4s;top:80%;left:36%}.first-sky-glint--5{width:11px;animation-delay:-.7s;top:60%;left:6%}@keyframes first-glint{50%{opacity:.25;transform:scale(.7)}}.first-sky-cloud{z-index:1;aspect-ratio:2.2;filter:blur(2px);width:70vmin;max-width:400px;animation:46s ease-in-out infinite alternate first-cloud-drift;position:absolute}.first-sky-cloud:before,.first-sky-cloud:after{content:"";background:radial-gradient(closest-side, var(--c) 82%, transparent) 10% 72% / 32% 46% no-repeat, radial-gradient(closest-side, var(--c) 82%, transparent) 28% 46% / 38% 70% no-repeat, radial-gradient(closest-side, var(--c) 82%, transparent) 50% 26% / 44% 92% no-repeat, radial-gradient(closest-side, var(--c) 82%, transparent) 71% 40% / 38% 74% no-repeat, radial-gradient(closest-side, var(--c) 82%, transparent) 89% 66% / 28% 48% no-repeat, radial-gradient(closest-side, var(--c) 84%, transparent) 50% 80% / 92% 40% no-repeat;position:absolute;inset:0}.first-sky-cloud:before{--c:var(--cloud-shade);filter:blur(3px);translate:0 8%}.first-sky-cloud:after{--c:var(--cloud);translate:0 -4%;scale:.96 .88}.first-sky-cloud--1{width:78vmin;max-width:440px;top:7%;right:-24%}.first-sky-cloud--2{width:58vmin;animation-duration:58s;animation-delay:-12s;top:20%;left:-30%}.first-sky-cloud--3{opacity:.8;width:50vmin;animation-duration:52s;animation-delay:-30s;top:36%;left:-34%}.first-sky-cloud--4{opacity:.75;width:46vmin;animation-duration:64s;animation-delay:-6s;top:30%;right:-30%}.dark .first-sky-cloud{opacity:.4}@keyframes first-cloud-drift{0%{transform:translate(-14px)}to{transform:translate(26px,-4px)}}.first-intro-heading{text-align:center;flex-shrink:0;padding-top:4px;animation:.7s cubic-bezier(.22,1,.36,1) both first-welcome-head}.first-intro-logo{aspect-ratio:1;width:clamp(60px,11.5dvh,104px);height:auto;box-shadow:0 10px 24px -10px color-mix(in oklab, var(--primary) 70%, transparent);border-radius:22%;margin:0 auto 10px}.first-intro-heading h1{color:var(--foreground);letter-spacing:-.03em;font-size:clamp(30px,min(8.6vw,4.6dvh),40px);font-weight:780;line-height:1.15}.first-intro-tagline{letter-spacing:.02em;color:color-mix(in oklab, var(--foreground) 80%, transparent);margin-top:8px;font-size:15px;font-weight:600;line-height:1.5}@keyframes first-welcome-head{0%{opacity:0;translate:0 -10px}}.first-intro{height:max(var(--first-viewport-height,100dvh), 520px);min-height:0;animation:none}.first-welcome-stage{flex:1 1 0;min-height:210px;margin:clamp(2px,1dvh,10px) -24px 0;position:relative;container-type:size}.first-welcome-around,.first-welcome-held{--m:min(100cqw / 612, 100cqh / 770);--ox:calc((100cqw - 612 * var(--m)) / 2);--oy:calc((100cqh - 770 * var(--m)) / 2);top:calc(var(--oy) + var(--y) * var(--m));width:calc(var(--w) * var(--m));position:absolute}.first-welcome-paper{border-radius:calc(var(--m) * 8);box-shadow:0 1px 2px color-mix(in oklab, var(--foreground) 14%, transparent), 0 calc(var(--m) * 22) calc(var(--m) * 40) calc(var(--m) * -14) color-mix(in oklab, var(--foreground) 34%, transparent);background:oklch(99.5% .004 85);padding:6% 6% 0;display:block}.first-welcome-photo{width:100%;aspect-ratio:1 / var(--ratio,1);object-fit:cover;border-radius:calc(var(--m) * 4);display:block}.first-welcome-caption{color:oklch(29% .045 258);height:calc(var(--w) * var(--m) * .2);font-size:calc(var(--w) * var(--m) * .1);white-space:nowrap;place-items:center;line-height:1;display:grid}.first-welcome-around{left:calc(var(--ox) + var(--x) * var(--m) + var(--side) * var(--ox) * .5);rotate:var(--r);opacity:.9;animation:1s cubic-bezier(.22,1,.36,1) backwards first-welcome-float-in}.first-welcome-around>.first-welcome-paper{animation:7s ease-in-out infinite alternate first-welcome-bob}.first-welcome-around .first-welcome-caption{color:#0000;text-shadow:0 0 calc(var(--m) * 3) oklch(29% .045 258/.85)}.first-welcome-around--1{--x:-30;--y:-6;--w:172;--r:-9deg;--side:-1;animation-delay:.12s}.first-welcome-around--2{--x:456;--y:28;--w:176;--r:9deg;--side:1;animation-delay:.22s}.first-welcome-around--2>.first-welcome-paper{animation-delay:-2.5s}.first-welcome-around--3{--x:-36;--y:262;--w:150;--r:-6deg;--side:-1;animation-delay:.32s}.first-welcome-around--3>.first-welcome-paper{animation-delay:-4s}.first-welcome-around--4{--x:400;--y:430;--w:220;--r:8deg;--side:1;animation-delay:.42s}.first-welcome-around--4>.first-welcome-paper{animation-delay:-1.2s}@keyframes first-welcome-float-in{0%{opacity:0;translate:calc(var(--side) * var(--m) * 60) calc(var(--m) * 40);scale:.82;rotate:calc(var(--r) * -1)}}@keyframes first-welcome-bob{to{transform:translate3d(0, calc(var(--m) * -8), 0)}}.first-welcome-held{--x:114.75;--y:85.25;--w:375.5;left:calc(var(--ox) + var(--x) * var(--m));height:calc(439.5 * var(--m));z-index:2;animation:1.1s cubic-bezier(.22,1,.36,1) .2s backwards first-welcome-rise}.first-welcome-sway{transform-origin:8% 120%;animation:6.5s ease-in-out 1.3s infinite alternate first-welcome-sway;position:absolute;inset:0}.first-welcome-paper--main{box-shadow:0 1px 2px color-mix(in oklab, var(--foreground) 16%, transparent), 0 calc(var(--m) * 34) calc(var(--m) * 60) calc(var(--m) * -18) color-mix(in oklab, var(--foreground) 42%, transparent);padding:3.2% 3.2% 0;position:absolute;inset:0;rotate:-13.55deg}.first-welcome-paper--main .first-welcome-caption{height:calc(var(--w) * var(--m) * .2);font-size:calc(var(--m) * 50)}@font-face{font-family:Iansui Welcome;font-style:normal;font-weight:400;font-display:block;src:url(/fonts/iansui/iansui-welcome.woff2)format("woff2")}.first-welcome-pen{font-family:"Iansui Welcome", "Iansui", var(--font-ui);letter-spacing:.1em;display:inline-block;transform:rotate(-3deg)skew(-6deg)}.first-welcome-shot{border-radius:calc(var(--m) * 4);display:block;position:relative;overflow:hidden}.first-welcome-shine{background:linear-gradient(105deg, transparent 38%, color-mix(in oklab, var(--card) 55%, transparent) 50%, transparent 62%);animation:1.2s ease-in-out 1.15s both first-welcome-shine;position:absolute;inset:-10% -60%;transform:translate(-100%)}.first-welcome-hand{left:calc(-113.75 * var(--m));top:calc(387.75 * var(--m));width:calc(269 * var(--m));pointer-events:none;max-width:none;height:auto;position:absolute}.first-welcome-spark{width:calc(var(--m) * 30);aspect-ratio:1;background:color-mix(in oklab, var(--card) 88%, var(--primary));clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);filter:drop-shadow(0 0 calc(var(--m) * 6) color-mix(in oklab, var(--card) 80%, transparent));opacity:0;animation:1.3s ease-out 1.2s 2 both first-welcome-spark;position:absolute}.first-welcome-spark--1{top:-10%;left:92%}.first-welcome-spark--2{width:calc(var(--m) * 20);animation-delay:1.45s;top:4%;left:-6%}.first-welcome-spark--3{width:calc(var(--m) * 22);animation-delay:1.7s;top:46%;left:104%}.first-welcome-spark--4{width:calc(var(--m) * 16);animation-delay:1.9s;top:-16%;left:60%}.first-welcome-spark--5{width:calc(var(--m) * 18);animation-delay:1.55s;top:98%;left:84%}@keyframes first-welcome-rise{0%{opacity:0;translate:calc(var(--m) * -30) calc(var(--m) * 140);rotate:7deg}}@keyframes first-welcome-sway{0%{transform:rotate(-.8deg)translate(0)}to{transform:rotate(1.1deg) translate3d(0, calc(var(--m) * -7), 0)}}@keyframes first-welcome-shine{to{transform:translate(100%)}}@keyframes first-welcome-spark{0%{opacity:0;transform:scale(.2)rotate(0)}45%{opacity:1;transform:scale(1)rotate(45deg)}to{opacity:0;transform:scale(.3)rotate(90deg)}}html[data-motion=reduce] .first-welcome *,html[data-motion=reduce] .first-welcome :before,html[data-motion=reduce] .first-welcome :after{animation:none!important}.first-print-stack{position:relative;container-type:size}.first-print-stack>.first-print{animation:.65s cubic-bezier(.22,1,.36,1) backwards first-photo-enter;position:absolute}.first-print-0{z-index:1;width:min(38cqw,36cqh - 22.6667px);top:2%;left:6%;rotate:-6deg}.first-print-1{z-index:2;width:min(44cqw,42cqh - 34px);animation-delay:80ms;top:6%;right:5%;rotate:6deg}.first-print-2{z-index:3;width:min(44cqw,42cqh - 34px);animation-delay:.16s;bottom:40px;left:4%;rotate:4deg}.first-print-3{z-index:4;width:min(46cqw,44cqh - 34px);animation-delay:.24s;bottom:44px;right:2%;rotate:-5deg}.first-standalone-footer{text-align:center;flex-shrink:0;margin-top:auto;padding-top:20px}.first-welcome-signin{color:color-mix(in oklab, var(--foreground) 66%, transparent);flex-wrap:wrap;justify-content:center;align-items:center;margin:6px 0 -10px;font-size:14px;display:flex}.first-welcome-signin .first-secondary{padding-inline:6px;font-weight:650;display:inline-flex}.first-standalone-footer .first-primary{min-height:58px;font-size:17px}@keyframes first-photo-enter{0%{opacity:0;translate:0 20px;scale:.92}to{opacity:1;translate:0;scale:1}}.first-notifications .first-question-heading{margin-top:clamp(8px,3dvh,32px)}.first-notifications .first-question-heading h1{font-size:clamp(27px,6.7vw,31px)}.first-reminders{gap:12px;margin:24px 0 12px;display:grid}.first-reminder{border:1px solid var(--border);background:var(--card);width:100%;min-height:80px;box-shadow:0 7px 24px color-mix(in oklab, var(--primary) 4%, transparent);text-align:left;border-radius:24px;align-items:center;gap:16px;padding:16px 20px;transition:transform .18s,box-shadow .18s;display:flex}.first-reminder:active{transform:scale(.985)}.first-reminder-icon{color:var(--primary)}.first-reminder-text{flex:1;gap:3px;display:grid}.first-reminder-text strong{font-size:15px;font-weight:700}.first-reminder-text small{color:var(--muted-foreground);font-size:13px}.first-reminder[aria-checked=true]{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary), 0 7px 24px color-mix(in oklab, var(--primary) 8%, transparent)}.first-radio{border:2px solid var(--border);border-radius:50%;flex:none;width:22px;height:22px;transition:border-color .18s,border-width .18s}.first-reminder[aria-checked=true] .first-radio{border:7px solid var(--primary)}.first-reminder-time{border:1px solid var(--border);background:var(--card);font-variant-numeric:tabular-nums;border-radius:16px;justify-self:start;height:48px;padding:0 16px;font-size:17px}.first-ready{align-items:center;height:100dvh;min-height:0;position:relative;overflow:hidden}.first-ready-back{top:max(20px, env(safe-area-inset-top));position:absolute;left:20px}.first-ready-heading{text-align:center;flex-shrink:0;padding-top:clamp(52px,9dvh,96px)}.first-ready-heading h1{letter-spacing:-.04em;margin:18px 0 14px;font-size:clamp(29px,7vw,34px);font-weight:780;line-height:1.4}.first-ready-heading p{color:var(--muted-foreground);white-space:pre-line;font-size:15px;line-height:1.75}.first-ready-art{width:min(70vw,280px,34dvh);margin:auto;animation:.76s cubic-bezier(.34,1.56,.64,1) .26s both first-pop-in,3.5s ease-in-out 1.1s infinite first-ready-float;position:relative;transform:rotate(-5deg)}.first-confetti{pointer-events:none;position:absolute;inset:-30px -35px}.first-confetti i{background:#ffcb49;border-radius:3px;width:7px;height:14px;animation:2.8s ease-in-out infinite alternate first-confetti-drift;position:absolute}.first-confetti i:first-child{top:2%;left:12%;transform:rotate(-27deg)}.first-confetti i:nth-child(2){background:#ff88b0;animation-delay:-.5s;top:6%;right:18%;transform:rotate(28deg)}.first-confetti i:nth-child(3){background:#0e93ea;animation-delay:-.9s;top:28%;left:-5%;transform:rotate(42deg)}.first-confetti i:nth-child(4){background:#39cfac;animation-delay:-1.4s;top:31%;right:-7%;transform:rotate(-32deg)}.first-confetti i:nth-child(5){background:#ff85b0;animation-delay:-.3s;top:50%;left:-12%;transform:rotate(23deg)}.first-confetti i:nth-child(6){background:#ffcb49;animation-delay:-1.7s;top:53%;right:-12%;transform:rotate(-18deg)}.first-confetti i:nth-child(7){background:#36c8aa;animation-delay:-1.1s;top:77%;left:-6%;transform:rotate(38deg)}.first-confetti i:nth-child(8){background:#168ff2;animation-delay:-.7s;top:76%;right:-9%;transform:rotate(-44deg)}.first-confetti i:nth-child(9){background:#ffca4e;animation-delay:-1.9s;bottom:-2%;left:13%;transform:rotate(18deg)}.first-confetti i:nth-child(10){background:#e36ac1;animation-delay:-.4s;bottom:-4%;right:14%;transform:rotate(-29deg)}.first-confetti i:nth-child(11){background:#ffad52;animation-delay:-1.3s;top:14%;left:-7%;transform:rotate(24deg)}.first-confetti i:nth-child(12){background:#0e93ea;animation-delay:-.8s;top:12%;right:-9%;transform:rotate(-29deg)}@keyframes first-confetti-drift{to{translate:2px 9px;rotate:14deg}}.first-ready-photo{margin-bottom:calc(34px + 2.6rem)}.first-ready .first-standalone-footer{width:100%}.first-ready-footnote{color:var(--muted-foreground);margin-top:12px;font-size:12px;line-height:1.6}@keyframes first-ready-float{50%{translate:0 -8px}}.first-ready-heading h1{animation:.52s cubic-bezier(.22,1,.36,1) 80ms both first-rise-in}.first-ready-heading p{animation:.52s cubic-bezier(.22,1,.36,1) .2s both first-rise-in}.first-ready .first-confetti{animation:.9s cubic-bezier(.18,.9,.25,1.1) .48s both first-confetti-burst}.first-ready .first-standalone-footer{animation:.48s cubic-bezier(.22,1,.36,1) .7s both first-rise-in}@keyframes first-rise-in{0%{opacity:0;translate:0 18px}}@keyframes first-pop-in{0%{opacity:0;rotate:-12deg;scale:.55}60%{opacity:1}}@keyframes first-confetti-burst{0%{opacity:0;scale:.2}55%{opacity:1}}.first-complete .first-ready-heading h1{animation:.64s cubic-bezier(.34,1.56,.64,1) 80ms both first-cheer-in}@keyframes first-cheer-in{0%{opacity:0;scale:.6}55%{opacity:1}}.first-complete-print{width:fit-content;margin:40px auto 56px;position:relative}.first-complete-print .first-complete-photo{margin:0;display:block}.first-complete-badge{background:var(--primary);width:56px;height:56px;color:var(--primary-foreground);border:4px solid var(--background);box-shadow:0 8px 22px color-mix(in oklab, var(--primary) 40%, transparent);border-radius:999px;place-items:center;animation:.62s cubic-bezier(.34,1.56,.64,1) 1s both first-badge-pop;display:grid;position:absolute;top:-16px;right:-16px}@keyframes first-badge-pop{0%{opacity:0;rotate:-45deg;scale:0}50%{opacity:1}}.first-complete-word{background:var(--card);max-width:calc(100% + 24px);color:var(--foreground);white-space:nowrap;box-shadow:0 10px 26px color-mix(in oklab, var(--foreground) 16%, transparent);border-radius:999px;align-items:baseline;gap:8px;padding:8px 16px;animation:.56s cubic-bezier(.34,1.56,.64,1) 1.25s both first-word-in;display:inline-flex;position:absolute;bottom:-22px;left:50%;translate:-50%}.first-complete-word__head{font-size:22px;font-weight:750}.first-complete-word__reading{color:var(--muted-foreground);font-size:15px}@keyframes first-word-in{0%{opacity:0;translate:-50% 16px;scale:.8}}.first-confetti-rain{z-index:5;pointer-events:none;position:fixed;inset:0;overflow:hidden}.first-confetti-rain i{top:-24px;left:var(--x);opacity:0;width:8px;height:14px;animation:first-confetti-fall 2.6s cubic-bezier(.25, .6, .45, 1) var(--d) forwards;background:#ffcb49;border-radius:3px;position:absolute}.first-confetti-rain i:nth-child(4n+1){background:#ff88b0}.first-confetti-rain i:nth-child(4n+2){background:#0e93ea}.first-confetti-rain i:nth-child(4n+3){background:#39cfac}@keyframes first-confetti-fall{0%{opacity:0}8%{opacity:1}80%{opacity:1}to{opacity:0;translate:var(--dx) 105dvh;rotate:var(--r)}}@media (height<=650px){.first-reminders{margin:18px 0 10px}}html[data-motion=reduce] .first-standalone *,html[data-motion=reduce] .first-notifications *,html[data-motion=reduce] .tour-ring,html[data-motion=reduce] .tour-block,html[data-motion=reduce] .tour-coach{transition:none!important;animation:none!important}.first-choice{font-size:18px;font-weight:700}.first-question-heading+.first-clock{margin-top:16px}.first-review-exercise{flex-direction:column;height:calc(100dvh - 220px);min-height:440px;display:flex}.first-tour-copy{color:var(--muted-foreground);margin:12px 0 20px;font-size:16px;line-height:1.65}.first-complete-photo{aspect-ratio:1;object-fit:cover;width:min(72vw,280px,34dvh);box-shadow:0 16px 40px color-mix(in oklab, var(--primary) 17%, transparent);border-radius:24px;margin:40px auto}@media (height<=700px){.first-intro-logo{width:60px;margin-bottom:8px}.first-intro-tagline{margin-top:4px;font-size:14px}.first-standalone{padding-block:18px}.first-complete .first-ready-heading{padding-top:20px}.first-complete .first-ready-heading h1{margin:6px 0 8px;font-size:26px;line-height:1.3}.first-complete .first-ready-heading p{font-size:14px;line-height:1.6}.first-complete-print{margin:22px auto 38px}.first-complete .first-standalone-footer{padding-top:12px}}.first-complete .first-standalone-footer .first-primary,.first-ready .first-standalone-footer .first-primary{white-space:nowrap;padding-inline:16px;font-size:clamp(15px,4.3vw,17px)}.first-question-heading h1{animation:.48s cubic-bezier(.22,1,.36,1) both first-title-in}.first-choices>*,.first-goals>*,.first-interest-grid>*,.first-reminders>*,.first-time-grid>*{animation:.44s cubic-bezier(.22,1,.36,1) backwards first-option-in}.first-choices>:nth-child(2),.first-interest-grid>:nth-child(2),.first-time-grid>:nth-child(2){animation-delay:50ms}.first-choices>:nth-child(3),.first-interest-grid>:nth-child(3),.first-time-grid>:nth-child(3){animation-delay:.1s}.first-choices>:nth-child(n+4),.first-interest-grid>:nth-child(n+4),.first-time-grid>:nth-child(n+4){animation-delay:.15s}.first-choice,.first-time-choice,.first-interest,.first-reminder{transition:transform .32s cubic-bezier(.22,1,.36,1),border-color .22s,box-shadow .22s,background-color .22s}.first-choice:active,.first-time-choice:active,.first-interest:active,.first-reminder:active{transform:scale(.96)}.first-choice[aria-checked=true],.first-choice[aria-pressed=true]{box-shadow:0 10px 26px color-mix(in oklab, var(--primary) 14%, transparent)}.first-interest[aria-pressed=true]{box-shadow:0 0 0 3px var(--primary), 0 10px 26px color-mix(in oklab, var(--primary) 14%, transparent)}.first-check svg,.first-interest[aria-pressed=true] .first-check,.first-reminder[aria-checked=true] .first-toggle i,.first-time-choice[aria-checked=true]{animation:.38s cubic-bezier(.2,1.45,.35,1) both first-check-pop}.first-primary:not(:disabled):active{transform:scale(.965)}.first-questions--dense{height:var(--first-viewport-height,100dvh);overflow:hidden}.first-questions--dense .first-question-heading{flex:none;margin-top:12px}.first-questions--dense h1{margin-bottom:6px}.first-questions--dense .first-goals,.first-questions--dense .first-interest-grid{overscroll-behavior:contain;flex:0 auto;align-content:start;min-height:0;margin:16px 0;padding:4px 2px;overflow-y:auto}.first-questions--dense .first-interest-grid{padding:10px 12px}.first-questions--dense .first-footer{background:var(--background);flex:none;margin-top:auto;padding:8px 0}@keyframes first-title-in{0%{opacity:0;filter:blur(4px);transform:translateY(15px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes first-option-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes first-check-pop{0%{transform:scale(.55)}60%{transform:scale(1.15)}to{transform:scale(1)}}html[data-motion=reduce] .first-run *,html[data-motion=reduce] .first-run :before,html[data-motion=reduce] .first-run :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}@keyframes tour-focus-expand{0%{scale:var(--ring-sx) var(--ring-sy);border-radius:calc(12px / var(--ring-sx)) / calc(12px / var(--ring-sy));box-shadow:0 0 0 3px color-mix(in oklab, var(--primary) 0%, transparent), 0 0 20px color-mix(in oklab, var(--primary) 0%, transparent), 0 0 0 9999px #0b182a00}}.tour-animation-lock{z-index:2;pointer-events:auto;touch-action:none;position:fixed;inset:0}.first-run[data-first-stage]{color:var(--foreground);background:var(--background)}@keyframes tour-tap-pulse{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--primary) 55%, transparent), 0 0 18px color-mix(in oklab, var(--primary) 50%, transparent)}70%{box-shadow:0 0 0 12px color-mix(in oklab, var(--primary) 0%, transparent), 0 0 18px color-mix(in oklab, var(--primary) 50%, transparent)}to{box-shadow:0 0 0 0 color-mix(in oklab, var(--primary) 0%, transparent), 0 0 18px color-mix(in oklab, var(--primary) 50%, transparent)}}.tour-pulse{outline:2px solid var(--primary);outline-offset:3px;animation:1.6s ease-out infinite tour-tap-pulse}.tour-ring--tap:after{content:"";border-radius:inherit;pointer-events:none;animation:1.6s ease-out infinite tour-tap-pulse;position:absolute;inset:-2px}.tour-primary{box-sizing:border-box;pointer-events:none;border:2px solid var(--primary);animation:1.6s ease-out infinite tour-tap-pulse;position:absolute}html[data-motion=reduce] .tour-primary,html[data-motion=reduce] .tour-pulse,html[data-motion=reduce] .tour-ring--tap:after{animation:none!important}@media (height<=660px){.first-questions{padding-top:max(8px, env(safe-area-inset-top));padding-bottom:max(10px, env(safe-area-inset-bottom))}.first-question-heading{margin-top:6px}.first-questions h1{margin:4px 0 10px;font-size:26px}.first-choices{gap:10px;margin:8px 0 12px}.first-choice{min-height:62px;padding-block:10px}.first-clock{margin-block:4px}.first-footer{gap:2px;padding-top:12px}.first-ready:not(.first-complete) .first-ready-heading{padding-top:40px}.first-ready:not(.first-complete) .first-ready-heading h1{margin:8px 0 6px;font-size:27px;line-height:1.3}.first-ready:not(.first-complete) .first-ready-heading p{font-size:14px;line-height:1.6}.first-ready:not(.first-complete) .first-ready-art{width:min(70vw,280px,29dvh)}}