.howto-band{position:fixed;bottom:calc(var(--naruca-tabbar-h) + env(safe-area-inset-bottom));width:100%;max-width:var(--naruca-app-max);display:flex;align-items:center;background:var(--naruca-bg);box-shadow:0 -1px 0 var(--naruca-rule-2),0 -6px 14px #24282d0f;z-index:29}.tabbed-shell:has(>.howto-band) .app-main{padding-bottom:calc(var(--naruca-tabbar-h) + var(--naruca-tap-min) + var(--naruca-s5))}html:has(.howto-band){scroll-padding-bottom:calc(var(--naruca-tabbar-h) + var(--naruca-tap-min) + env(safe-area-inset-bottom) + var(--naruca-s3))}.howto-band__open{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--naruca-s2);min-height:var(--naruca-tap-min);padding:0 0 0 var(--naruca-tap-min);border:0;background:none;color:var(--naruca-ink);font:inherit;font-size:14px;font-weight:700;cursor:pointer}.howto-band__q{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--naruca-opt-2);color:var(--naruca-opt-2-on);font-family:var(--naruca-font-num);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700;line-height:1}.howto-band__x{display:grid;place-items:center;width:var(--naruca-tap-min);height:var(--naruca-tap-min);border:0;background:none;color:var(--naruca-gray);cursor:pointer}.howto-band__x svg{width:18px;height:18px}.sheet.howto{inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;overflow:hidden;overscroll-behavior:contain;border-radius:0;background:var(--naruca-howto-bg);color:var(--naruca-howto-on)}.sheet.howto[open]{animation:none}.sheet.howto::backdrop{background:var(--naruca-howto-bg);animation:none}.howto__in{display:flex;flex-direction:column;height:100%}.howto__top{flex:none;display:flex;justify-content:space-between;align-items:center;padding:calc(12px + env(safe-area-inset-top)) 14px 4px}.howto__btn{display:grid;place-items:center;width:var(--naruca-tap-min);height:var(--naruca-tap-min);border:0;border-radius:50%;background:var(--naruca-howto-ui);color:var(--naruca-howto-on);cursor:pointer}.howto__btn svg{width:20px;height:20px}.howto__body{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:pan-y}.howto__track{display:flex;height:100%;transition:transform .32s ease}.howto__slide{position:relative;flex:none;width:100%;height:100%;display:flex;justify-content:center;padding-top:6px}.howto__phone{position:relative;height:100%;aspect-ratio:390 / 844;max-width:78%;border:6px solid var(--naruca-howto-frame);border-bottom:0;border-radius:40px 40px 0 0;box-shadow:0 0 0 1.5px var(--naruca-howto-frame-edge);background:var(--naruca-bg);overflow:hidden}.howto__phone:before{content:"";position:absolute;top:8px;left:50%;width:84px;height:22px;margin-left:-42px;border-radius:999px;background:var(--naruca-howto-bg);z-index:1}.howto__bar{position:absolute;inset:0 0 auto;height:34px;background:var(--naruca-bg)}.howto__bar--green{background:var(--naruca-howto-hist-bg)}.howto__phone img{position:absolute;top:34px;left:0;display:block;width:100%;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none}.howto__fade{position:absolute;inset:auto 0 0;height:46%;background:linear-gradient(to bottom,rgb(0 0 0 / 0%) 0%,rgb(0 0 0 / 82%) 38%,var(--naruca-howto-bg) 62%);pointer-events:none}.howto__cap{position:absolute;inset:auto 0 6px;padding:0 var(--naruca-s4);text-align:center}.howto__cap h3{margin:0 0 var(--naruca-s2);word-break:auto-phrase;text-wrap:balance;font-size:20px;font-weight:700;line-height:1.4;letter-spacing:.02em}.howto__no{font-family:var(--naruca-font-num);font-variant-numeric:tabular-nums;font-weight:700}.howto__sep{display:inline-block;width:1.5px;height:.9em;margin:0 10px;background:var(--naruca-howto-sub);vertical-align:-1px}.howto__cap p{margin:0;word-break:auto-phrase;text-wrap:balance;color:var(--naruca-howto-sub);font-size:13.5px;line-height:1.7}.howto__cap .howto__note{margin-top:6px;color:var(--naruca-howto-note);font-size:11.5px;line-height:1.6}.howto__dots{flex:none;display:flex;justify-content:center;gap:6px;padding:12px 0 14px}.howto__dots i{display:block;width:6px;height:6px;border-radius:999px;background:var(--naruca-howto-frame-edge);transition:width .2s}.howto__dots i.is-on{width:24px;background:var(--naruca-howto-on)}.howto__foot{flex:none;padding:0 20px max(20px,env(safe-area-inset-bottom))}.howto__next{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;border:0;border-radius:999px;background:var(--naruca-opt-2);color:var(--naruca-opt-2-on);font:inherit;font-size:17px;font-weight:700;letter-spacing:.04em;text-decoration:none;cursor:pointer}.howto__next:active{background:var(--naruca-howto-next-d)}@media(prefers-reduced-motion:reduce){.howto__track,.howto__dots i{transition:none}}