.hh-tour-link{flex-shrink:0;min-height:44px;padding:10px 14px;border:1px solid #6486a055;border-radius:12px;background:#19344c;color:#c7e7fb;font-size:13px;font-weight:800}
#spMenu .sp-tour-link{flex-shrink:0;margin-top:14px;min-height:48px;padding:12px;border:1px solid #527590;border-radius:12px;background:#1c3c54;color:#d0edff;font-weight:800;text-align:left}
.tour-highlight{outline:3px solid #9cebe7!important;outline-offset:5px;scroll-margin-top:100px}
body.tour-open{overflow:hidden!important}
#zaikoTour{position:fixed;inset:auto 24px 24px auto;margin:0;width:610px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;padding:22px;border:1px solid #7ab5cbaa;border-radius:24px;background:linear-gradient(140deg,#193852,#0c2036);color:#edf7ff;font:15px/1.55 Nunito,system-ui,sans-serif;box-shadow:0 18px 100px #0009}
#zaikoTour::backdrop{background:#030d1d8a}
#zaikoTour [hidden]{display:none!important}
#zaikoTour button{font-family:inherit;font-size:14px;font-weight:800;min-height:44px;border:1px solid #7192ad66;border-radius:10px;background:#254761;color:#def2ff;padding:9px 14px;cursor:pointer}
#zaikoTour button:focus-visible,#zaikoTour input:focus-visible{outline:3px solid #acf2e3;outline-offset:3px}
#zaikoTour>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
#tourStep{font-size:10px;letter-spacing:.08em;font-weight:900;color:#a7d8e8}
#zaikoTour #tourSkip{flex-shrink:0;border-color:transparent;background:transparent;color:#bcd4e8;padding-inline:8px}
.tour-scene{display:grid;grid-template-columns:126px minmax(0,1fr);align-items:center;gap:18px}
.tour-avatar{min-width:0;text-align:center;border-radius:24px;background:radial-gradient(ellipse at center,#609fc44d,transparent 70%)}
.tour-avatar canvas{display:block;width:126px;height:154px;object-fit:contain}.tour-avatar>span{display:block;font-size:11px;font-weight:800;color:#b8d9e6}
.tour-speech{position:relative;padding:18px;background:#e5f5fa;color:#12324b;border-radius:18px 18px 18px 3px;min-width:0}
#tourIcon{font-size:20px;display:block;margin-bottom:6px}#tourTitle{font-size:22px;line-height:1.25;margin:0 0 10px;letter-spacing:-.025em;outline:none}
#tourText{margin:0;font-size:15px;line-height:1.6}
#tourTabs{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 12px}#tourTabs>span{border:1px solid #6894ae66;border-radius:8px;background:#224762;padding:5px 9px;font-size:12px;font-weight:800}
.tour-audio{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #719bb13d}.tour-audio span{font-size:12px;color:#b2cddd;line-height:1.5}.tour-audio button{flex-shrink:0}
.tour-bottom{padding-top:14px}.tour-bottom label{display:flex;align-items:center;gap:9px;min-height:36px;font-size:14px;cursor:pointer}.tour-bottom input{width:20px;height:20px;accent-color:#87ddde;flex-shrink:0}
#tourSaveNote{display:block;color:#a8c3d7;font-size:11px;margin:0 0 14px 29px}
.tour-bottom nav{display:flex;align-items:center;justify-content:space-between;gap:10px}.tour-bottom button:disabled{opacity:.4;cursor:default}
#zaikoTour #tourNext{background:#9cdeed;color:#13364b;border-color:#c1f4fa;min-width:108px}
#tourDots{display:flex;gap:5px}#tourDots span{width:6px;height:6px;background:#426a84;border-radius:50%}#tourDots .is-current{background:#afece8;width:17px;border-radius:5px}
#zaikoTour #tourVisit{width:100%;margin-top:8px;border:0;background:none;color:#acdce9;font-size:12px}
.tour-speaking .tour-avatar{animation:tour-talk 1s ease-in-out infinite}@keyframes tour-talk{50%{transform:translateY(-3px)}}
@media(max-width:760px){.home-hub .hh-welcome{flex-wrap:wrap;gap:12px}.hh-tour-link{min-height:40px;padding:8px 12px}#zaikoTour{inset:auto 12px max(12px,env(safe-area-inset-bottom)) 12px;max-width:none;width:auto;max-height:calc(100dvh - 24px);padding:16px;border-radius:20px}.tour-scene{grid-template-columns:76px minmax(0,1fr);gap:10px}.tour-avatar canvas{width:76px;height:112px}.tour-avatar>span{font-size:10px}.tour-speech{padding:14px}#tourTitle{font-size:19px}#tourText{font-size:14px;line-height:1.5}#tourTabs{margin:14px 0 10px}.tour-audio{gap:8px;padding-bottom:12px}.tour-audio span{font-size:11px}#tourDots{gap:4px}#zaikoTour button{padding-inline:12px}#tourStep{font-size:9px;letter-spacing:.03em}}
@media(max-width:360px){.tour-scene{grid-template-columns:56px minmax(0,1fr);gap:8px}.tour-avatar canvas{width:56px;height:90px}.tour-avatar>span{font-size:9px}.tour-speech{padding:12px}#tourDots{display:none}#tourTitle{font-size:18px}}
@media(max-height:550px){#zaikoTour{inset:12px 16px 12px auto;max-height:calc(100dvh - 24px)}.tour-avatar canvas{height:105px}.tour-scene{align-items:start}}
@media(prefers-reduced-motion:reduce){.tour-speaking .tour-avatar{animation:none}}