/* Guided tour: "?" button, spotlight and popover. Animations stay on even with reduced motion (owner's PC has it on). */
.tour-help{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex:none;cursor:pointer;font-family:inherit;font-size:16px;font-weight:700;line-height:1;color:var(--accent);background:var(--accent-soft);border:1px solid var(--line2);transition:transform .2s,border-color .2s,background-color .2s}
.tour-help:hover{transform:translateY(-1px);border-color:var(--accent)}
.tour-help:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.tour-help[hidden]{display:none}
.tour-back{position:fixed;inset:0;z-index:9000}
.tour-spot{position:fixed;z-index:9001;border-radius:10px;pointer-events:none;box-shadow:0 0 0 9999px rgba(10,14,25,.62),0 0 0 2px var(--accent);transition:top .3s ease,left .3s ease,width .3s ease,height .3s ease}
.tour-spot.none{box-shadow:0 0 0 9999px rgba(10,14,25,.62)}
html[data-theme="dark"] .tour-spot{box-shadow:0 0 0 9999px rgba(0,0,0,.72),0 0 0 2px var(--accent)}
html[data-theme="dark"] .tour-spot.none{box-shadow:0 0 0 9999px rgba(0,0,0,.72)}
.tour-pop{position:fixed;z-index:9002;width:340px;max-width:calc(100vw - 24px);background:var(--card-bg,#fff);color:var(--ink);border:1px solid var(--line2,var(--line));border-radius:14px;padding:16px 18px 14px;box-shadow:0 18px 50px -12px rgba(0,0,0,.45);transition:top .3s ease,left .3s ease;font-size:14px;line-height:1.5}
.tour-pop:focus{outline:none}
.tour-pop h3{margin:0 0 4px;font-size:16px;color:var(--hd);padding-right:70px}
.tour-pop p{margin:0 0 12px;color:var(--muted)}
.tour-pop .tp-step{position:absolute;top:18px;right:18px;font-size:12px;color:var(--faint,var(--muted))}
.tour-pop .tp-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tour-pop .tp-row .sp{flex:1}
.tour-pop .tp-skip{background:none;border:0;color:var(--muted);cursor:pointer;font:inherit;font-size:13px;text-decoration:underline;padding:4px 0}
.tour-pop .tp-skip:hover{color:var(--ink)}
.tour-pop .tp-off{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted);margin:0 0 12px;cursor:pointer}
.tour-pop .tp-off input{width:16px;height:16px;accent-color:var(--accent)}
.tour-pop .btn{cursor:pointer}
.tour-pop.center{transform:translate(-50%,-50%)}
@media (max-width:520px){.tour-pop{width:calc(100vw - 24px)}}