.c-tutorial-overlay{pointer-events:none;position:fixed;inset:0;z-index:1500}.c-tutorial-dim{position:absolute;inset:0;background:rgba(0,0,0,.35);pointer-events:auto}.c-tutorial-dim--catch,.c-tutorial-hole{background:transparent}.c-tutorial-hole{position:absolute;z-index:98;border-radius:10px;pointer-events:auto;cursor:pointer;border:2px solid hsl(var(--primary));outline:none;animation:c-tutorial-hole-blink 1.1s ease-in-out infinite}.c-tutorial-hole--pass{pointer-events:none;cursor:default}.c-tutorial-dim--pass{pointer-events:none}.c-tutorial-hole--no-dim{animation:c-tutorial-hole-blink-no-dim 1.1s ease-in-out infinite}@keyframes c-tutorial-hole-blink-no-dim{0%,to{border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary)/.35)}50%{border-color:hsl(var(--primary)/.2);box-shadow:0 0 0 10px hsl(var(--primary)/.8)}}@keyframes c-tutorial-hole-blink{0%,to{border-color:hsl(var(--primary));box-shadow:0 0 0 9999px rgba(0,0,0,.35),0 0 0 3px hsl(var(--primary)/.35)}50%{border-color:hsl(var(--primary)/.2);box-shadow:0 0 0 9999px rgba(0,0,0,.35),0 0 0 10px hsl(var(--primary)/.8)}}.c-tutorial-nav-lock{position:fixed;inset:0;z-index:1500;pointer-events:auto;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.45)}.c-tutorial-nav-lock__label{color:#fff;font-size:1rem;font-weight:600;letter-spacing:.04em}.c-tutorial-stage{pointer-events:none;position:absolute;inset:0;z-index:99;display:flex;padding:calc(.4rem + env(safe-area-inset-top, 0px)) .4rem calc(.4rem + env(safe-area-inset-bottom, 0px))}@media (min-width:1024px){.c-tutorial-stage{padding:calc(1.5rem + env(safe-area-inset-top, 0px)) 1.5rem calc(1.5rem + env(safe-area-inset-bottom, 0px))}}.c-tutorial-stage--center{align-items:center;justify-content:center}.c-tutorial-stage--top{align-items:flex-start;justify-content:center;padding-top:calc(4.5rem + env(safe-area-inset-top, 0px))}.c-tutorial-stage__scroll{pointer-events:none;width:100%;max-height:90vh;overflow:visible}.c-tutorial-stage--center .c-tutorial-stage__scroll{display:flex;align-items:center;justify-content:center}.c-tutorial-modal{pointer-events:auto;position:relative;margin-left:auto;margin-right:auto;width:100%;max-width:40rem;border-radius:1.25rem;background:#fff;padding:.45rem 1.25rem 1rem;box-shadow:0 12px 40px rgba(15,23,42,.22);color:#111827;overflow:visible;flex-shrink:0}.c-tutorial-modal--wide{max-width:40rem}.c-tutorial-modal__body{max-height:min(78vh,48rem);overflow-y:auto}.c-tutorial-modal__body--center{text-align:center}.c-tutorial-step-badge{position:fixed;z-index:98;top:calc(4.5rem + env(safe-area-inset-top, 0px));left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;background:hsl(var(--primary));color:#fff;font-size:.9375rem;font-weight:700;letter-spacing:.02em;line-height:1.2;padding:.5rem 1.1rem;box-shadow:0 3px 10px rgba(42,85,188,.4);white-space:nowrap;pointer-events:none}.c-tutorial-emoji{font-size:2.5rem;line-height:1;margin:0}.c-tutorial-title{margin:.85rem 0 0;font-size:1.4rem;font-weight:700;color:#111827;line-height:1.35;text-align:center}.c-tutorial-title--sm{font-size:1.2rem}.c-tutorial-caution{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.85rem}.c-tutorial-caution__item{margin:0;min-width:0}.c-tutorial-caution__title{margin:0;font-size:.95rem;font-weight:700;line-height:1.4;color:#111827;text-align:center}.c-tutorial-caution__photo{position:relative;overflow:hidden;border-radius:.6rem;background:#f3f4f6;aspect-ratio:1/1}.c-tutorial-caution__photo img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.c-tutorial-caution__mark{position:absolute;inset:0;pointer-events:none}.c-tutorial-caution__mark:after,.c-tutorial-caution__mark:before{content:"";position:absolute;left:50%;top:50%;width:3.5%;height:128%;border-radius:0;background:#dc2626;box-shadow:none}.c-tutorial-caution__mark:before{transform:translate(-50%,-50%) rotate(45deg)}.c-tutorial-caution__mark:after{transform:translate(-50%,-50%) rotate(-45deg)}.c-tutorial-caution__caption{margin:.15rem 0 .4rem;font-size:.95rem;font-weight:700;line-height:1.4;color:#111827;text-align:center}.c-tutorial-kinds{display:grid;grid-template-columns:1fr 1fr;gap:.75rem .65rem;margin-top:.85rem}.c-tutorial-kinds__item{margin:0;min-width:0}.c-tutorial-kinds__title{margin:.4rem 0 0;font-size:.95rem;font-weight:700;line-height:1.4;color:#111827;text-align:center}.c-tutorial-kinds__photo{position:relative;overflow:hidden;border-radius:.6rem;background:#f3f4f6;aspect-ratio:3/2}.c-tutorial-kinds__photo img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.c-tutorial-kinds__badge{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;font-size:2.4rem;font-weight:800;letter-spacing:.12em;line-height:1;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.72),0 0 2px rgba(0,0,0,.9);pointer-events:none}.c-tutorial-text{margin:.75rem 0 0;font-size:1rem;line-height:1.6;color:#4b5563}.c-tutorial-text--muted{color:#6b7280;margin-top:.35rem}.c-tutorial-text--warn{color:#dc2626;font-weight:700}.c-tutorial-list{margin:.85rem 0 0;padding-left:1.25rem;text-align:left;font-size:1rem;line-height:1.6;color:#111827}.c-tutorial-list--warn>li{color:#dc2626;font-weight:700;margin-top:.4rem}.c-tutorial-list--warn>li:first-child{margin-top:0}.c-tutorial-list--check{list-style:none;padding-left:0}.c-tutorial-list--check>li{position:relative;padding-left:1.35rem;margin-top:.45rem}.c-tutorial-list--check>li:before{content:"✅";position:absolute;left:0;top:0}.c-tutorial-pwa-how__photo{margin-top:.85rem;overflow:hidden;border-radius:.6rem;background:#f3f4f6;max-width:28rem;margin-left:auto;margin-right:auto}.c-tutorial-pwa-how__photo img{display:block;width:100%;height:auto;max-height:13rem;-o-object-fit:contain;object-fit:contain;-o-object-position:top center;object-position:top center}.c-tutorial-pwa-how__carousel{margin-top:.85rem;max-width:28rem;margin-left:auto;margin-right:auto}.c-tutorial-pwa-how__viewport{overflow:hidden;width:100%;cursor:pointer;touch-action:pan-y}.c-tutorial-pwa-how__track{display:flex;transition:transform .45s ease}.c-tutorial-pwa-how__track.is-instant{transition:none}.c-tutorial-pwa-how__slide{flex:0 0 100%;min-width:100%}.c-tutorial-pwa-how__lead{margin:.35rem 0 0;text-align:center;font-weight:600;font-size:1.125rem}.c-tutorial-pwa-how__carousel .c-tutorial-pwa-how__photo{margin-top:.75rem;max-width:none}.c-tutorial-pwa-how__carousel .c-tutorial-pwa-how__photo img{max-height:18rem;pointer-events:none}.c-tutorial-pwa-how__dots{display:flex;justify-content:center;align-items:center;gap:.4rem;margin-top:.65rem}.c-tutorial-pwa-how__dot{width:.5rem;height:.5rem;padding:0;border:0;border-radius:9999px;background:#d1d5db;cursor:pointer}.c-tutorial-btn,.c-tutorial-pwa-how__dot.is-active{background:hsl(var(--primary))}.c-tutorial-btn{display:block;width:100%;margin-top:1.35rem;border:0;border-radius:9999px;color:#fff;font-size:.9375rem;font-weight:700;line-height:1.2;padding:.85rem 1rem;cursor:pointer}.c-tutorial-btn:disabled{opacity:.4;cursor:not-allowed}.c-tutorial-btn--secondary{margin-top:.65rem;background:transparent;color:#6b7280;font-size:.75rem;font-weight:500;text-decoration:underline;padding:.35rem}.c-tutorial-bubble{position:relative;width:min(100%,16.5rem);border-radius:.85rem;background:#fff;color:#111827;font-size:.875rem;font-weight:600;line-height:1.45;padding:.9rem 1rem;box-shadow:0 8px 24px rgba(15,23,42,.18);overflow:visible;z-index:100}.c-tutorial-bubble__text{margin:0}.c-tutorial-bubble:after{content:"";position:absolute;left:var(--tutorial-caret-left,50%);width:0;height:0;border-style:solid;transform:translateX(-50%);filter:drop-shadow(0 2px 2px rgba(15,23,42,.08))}.c-tutorial-bubble--above:after{bottom:-10px;border-width:10px 9px 0;border-color:#fff transparent transparent}.c-tutorial-bubble--below:after{top:-10px;border-width:0 9px 10px;border-color:transparent transparent #fff}.c-tutorial-skip{pointer-events:auto;position:absolute;top:calc(.65rem + env(safe-area-inset-top, 0px));right:.85rem;z-index:98;border:0;background:transparent;color:hsla(0,0%,100%,.82);font-size:.75rem;font-weight:500;text-decoration:underline;cursor:pointer;padding:.25rem .35rem}.c-tutorial-note{margin-top:.75rem;font-size:.875rem;color:#6b7280;text-align:left}.c-tutorial-chat-hint{margin:0 auto;width:min(100%,22rem);border-radius:.85rem;background:#fff;padding:.75rem 1rem;font-size:.875rem;font-weight:600;color:#111827;box-shadow:0 8px 24px rgba(15,23,42,.16)}.c-tutorial-chat-bubble{max-width:85%;border-radius:1rem;padding:.65rem .85rem;font-size:1rem;line-height:1.55}.c-tutorial-chat-bubble--user{margin-left:auto;background:hsl(var(--primary));color:#fff}.c-tutorial-chat-bubble--ai{margin-right:auto;background:#fff;color:#111827;border:1px solid #e5e7eb}.c-tutorial-modal__header{display:grid;grid-template-columns:2rem 1fr 2rem;align-items:center;min-height:2rem;margin-bottom:.25rem}.c-tutorial-close,.c-tutorial-modal__header-slot{width:2rem;height:2rem}.c-tutorial-close{justify-self:end;z-index:2;padding:0;border:0;border-radius:9999px;background:transparent;color:#6b7280;font-size:1.35rem;font-weight:500;line-height:1;cursor:pointer}.c-tutorial-close:hover{background:#f3f4f6;color:#111827}.c-tutorial-page{margin:0;text-align:center;font-size:1.125rem;font-weight:700;color:#374151;letter-spacing:.02em;line-height:1.2}.c-tutorial-nav{display:flex;justify-content:space-between;align-items:center;gap:.65rem;margin-top:1.15rem}.c-tutorial-nav .c-tutorial-btn{margin-top:0;width:auto;flex:0 0 auto;font-size:.75rem;padding:.45rem .95rem}.c-tutorial-nav--end{justify-content:flex-end}.c-tutorial-check{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:1.15rem 0 0;width:100%;text-align:left;font-size:.875rem;font-weight:500;color:#374151;line-height:1.45;cursor:pointer}.c-tutorial-check input{margin-top:0;flex:0 0 auto}