.tour-block{z-index:200;background:0 0;position:fixed;inset:0}.tour-block.dim{background:#15171b73}.tour-spot{z-index:201;pointer-events:none;box-shadow:0 0 0 2px var(--accent,#e4541f),0 0 0 200vmax #15171b73;transition:top .18s var(--ease-out),left .18s var(--ease-out),width .18s var(--ease-out),height .18s var(--ease-out);border-radius:14px;position:fixed}.tour-card{z-index:202;background:var(--card,#fff);width:340px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);color:var(--tx,#15171b);border:1px solid var(--ln,#e4e6ea);animation:tour-in .18s var(--ease-out);border-radius:18px;padding:18px 18px 14px;position:fixed;overflow-y:auto;box-shadow:0 1px 2px #15171b0a}.tour-card.center{animation-name:tour-in-c;top:50%;left:50%;transform:translate(-50%,-50%)}.tour-card.dock{width:auto;max-width:520px;margin:0 auto;left:16px;right:16px}.tour-card.dock.bottom{bottom:calc(16px + env(safe-area-inset-bottom,0px))}.tour-card.dock.top{top:calc(16px + env(safe-area-inset-top,0px))}.tour-card:focus{outline:none}.tour-card .tour-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.tour-dots{align-items:center;gap:5px;display:flex}.tour-dots i{background:var(--ln,#e4e6ea);width:6px;height:6px;transition:width .18s var(--ease-out),background-color .18s var(--ease-out);border-radius:3px}.tour-dots i.on{background:var(--accent,#e4541f);width:16px}.tour-dots i.done{background:var(--mu,#676d78)}.tour-skip{color:var(--mu,#676d78);min-height:32px;padding:6px 2px;font-size:13px}.tour-skip:hover{color:var(--tx,#15171b)}.tour-card h2{letter-spacing:-.01em;margin:0 0 6px;font-size:17px;font-weight:700;line-height:1.3}.tour-card p{color:var(--tx,#15171b);margin:0;font-size:15px;line-height:1.5}.tour-card p.tour-note{color:var(--mu,#676d78);margin-top:8px;font-size:13.5px}.tour-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.tour-actions .btn{min-width:96px}.tour-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tour-card button:focus-visible{outline:2px solid var(--accent,#e4541f);outline-offset:2px}@keyframes tour-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes tour-in-c{0%{opacity:0;transform:translate(-50%,calc(6px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}@media (prefers-reduced-motion:reduce){.tour-spot,.tour-dots i{transition:none}.tour-card,.tour-card.center{animation:none}}