.howto-scroll[data-astro-cid-szyshpgv]{position:relative;z-index:1;height:calc(100dvh - 65px);overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch}.howto-section[data-astro-cid-szyshpgv]{height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem}.howto-content[data-astro-cid-szyshpgv]{max-width:420px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;opacity:0;transform:translateY(14px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.howto-content[data-astro-cid-szyshpgv].is-visible{opacity:1;transform:translateY(0)}.island-kicker[data-astro-cid-szyshpgv]{display:inline-flex;align-items:center;gap:.375rem;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand);background:var(--brand-dim);border:1px solid rgba(244,130,106,.22);border-radius:100px;padding:5px 14px;margin-bottom:1rem}.island-kicker--highlight[data-astro-cid-szyshpgv]{background:var(--accent-dim);color:var(--accent);border-color:#25d36640}.howto-title[data-astro-cid-szyshpgv]{font-size:1.75rem;font-weight:800;line-height:1.15;color:var(--text);margin:0 0 1.5rem;letter-spacing:-.02em}@media(min-width:640px){.howto-title[data-astro-cid-szyshpgv]{font-size:2.25rem}}.howto-chat[data-astro-cid-szyshpgv]{width:100%;display:flex;flex-direction:column;gap:.625rem;margin-bottom:1.25rem}.howto-bubble[data-astro-cid-szyshpgv]{display:flex;gap:.5rem;max-width:88%}.howto-bubble--user[data-astro-cid-szyshpgv]{align-self:flex-end;flex-direction:row-reverse}.howto-bubble--bot[data-astro-cid-szyshpgv]{align-self:flex-start}.howto-avatar[data-astro-cid-szyshpgv]{width:24px;height:24px;border-radius:50%;flex-shrink:0;margin-top:.25rem;object-fit:contain}.howto-bubble-text[data-astro-cid-szyshpgv]{font-size:.8125rem;line-height:1.5;white-space:pre-line;padding:.625rem .875rem;border-radius:1rem}.howto-bubble--user[data-astro-cid-szyshpgv] .howto-bubble-text[data-astro-cid-szyshpgv]{background:var(--accent);color:#0d0a09;border-bottom-right-radius:.25rem;font-weight:500;text-align:left}.howto-bubble-text--with-quote[data-astro-cid-szyshpgv]{display:flex;flex-direction:column;gap:0;padding-top:0;padding-bottom:.375rem}.howto-reply-text[data-astro-cid-szyshpgv]{font-size:.8125rem;font-weight:500;line-height:1.3;padding-top:.25rem;padding-bottom:.25rem}.howto-bubble--bot[data-astro-cid-szyshpgv] .howto-bubble-text[data-astro-cid-szyshpgv]{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-bottom-left-radius:.25rem;text-align:left}.howto-date-chip[data-astro-cid-szyshpgv]{align-self:center;font-size:.6875rem;font-weight:600;color:var(--text-muted);background:#ffffff0f;border:1px solid var(--border);border-radius:100px;padding:3px 10px;letter-spacing:.02em}.howto-quoted[data-astro-cid-szyshpgv]{display:flex;flex-direction:column;gap:2px;padding:.375rem .5rem;margin:.1rem -.8rem 5px;border-left:3px solid rgba(0,0,0,.35);border-radius:.875rem .875rem 0 .4rem;background:#0000001f}.howto-quoted-name[data-astro-cid-szyshpgv]{font-size:.6875rem;font-weight:700;color:#000000b3;line-height:1}.howto-quoted-text[data-astro-cid-szyshpgv]{font-size:.6875rem;color:#0000008c;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.howto-note[data-astro-cid-szyshpgv]{font-size:.8125rem;line-height:1.55;color:var(--text-muted);margin:0 0 1.5rem;max-width:360px}.howto-scroll-hint[data-astro-cid-szyshpgv]{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:.5rem;animation:hint-bounce 2s ease-in-out infinite}@keyframes hint-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.cta-pig[data-astro-cid-szyshpgv]{width:64px;height:64px;object-fit:contain;margin-bottom:.5rem}.cta-back-top[data-astro-cid-szyshpgv]{display:inline-flex;align-items:center;gap:.375rem;margin-top:1rem;background:none;border:none;cursor:pointer;font-size:.8125rem;font-weight:600;color:var(--text-muted);transition:color .15s ease}.cta-back-top[data-astro-cid-szyshpgv]:hover{color:var(--text)}.howto-cta[data-astro-cid-szyshpgv]{display:inline-flex;align-items:center;height:2.75rem;padding:0 1.75rem;font-size:.9375rem;font-weight:700;border-radius:100px;background:var(--accent);color:#0d0a09;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 0 20px #25d36640}.howto-cta[data-astro-cid-szyshpgv]:hover{transform:scale(1.04);box-shadow:0 0 28px #25d36666;color:#0d0a09}