.tour-root{--tour-scrim:rgba(26,26,26,0.62);position:fixed;inset:0;z-index:1000}.tour-shade{position:fixed;inset:0;background:transparent}.tour-shade.tour-dim{background:var(--tour-scrim)}.tour-spot{position:fixed;border-radius:var(--radius-l);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 55%,white),0 0 0 7px color-mix(in srgb,var(--accent) 40%,transparent),0 0 0 100vmax var(--tour-scrim);pointer-events:none;transition:top .18s ease,left .18s ease,width .18s ease,height .18s ease}.tour-card{position:fixed;width:min(25rem,calc(100vw - 24px));max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;padding:1.1rem 1.25rem 1.15rem;border:1px solid var(--edge-strong);border-radius:var(--radius-l);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-raised);animation:tour-in .18s ease both}@keyframes tour-in{0%{transform:translateY(6px)}}.tour-card:focus{outline:none}.tour-progress{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.tour-card .tour-count{margin:0;color:var(--muted);font-size:.875rem;font-weight:600}.tour-dots{display:flex;gap:.3rem}.tour-dot{width:.45rem;height:.45rem;border-radius:50%;background:var(--fill-strong);box-shadow:inset 0 0 0 1px var(--border)}.tour-dot[data-state=done]{background:var(--muted);box-shadow:none}.tour-dot[data-state=now]{width:1.1rem;border-radius:999px;background:var(--primary);box-shadow:none}.tour-card h2{margin:0 0 .4rem;font-size:1.2rem;line-height:1.25}.tour-card p{margin:0 0 .9rem;line-height:1.5}.tour-actions{align-items:center;justify-content:space-between;gap:.5rem .75rem}.tour-actions,.tour-nav{display:flex;flex-wrap:wrap}.tour-nav{gap:.5rem;margin-left:auto}@media (max-width:480px){.tour-card{padding:1rem}.tour-actions{flex-direction:column-reverse;align-items:stretch}.tour-nav{flex-direction:row;margin-left:0}.tour-nav .btn{flex:1 1}.tour-skip{justify-content:center}}@media (prefers-contrast:more){html[data-visning=standard] .tour-card{border:2px solid var(--ink)}}html[data-contrast=hog] .tour-card{border:2px solid var(--ink)}html[data-contrast=hog] .tour-spot{box-shadow:0 0 0 3px var(--surface),0 0 0 100vmax var(--tour-scrim)}@media (prefers-reduced-motion:reduce){.tour-card{animation:none}.tour-spot{transition:none}}@media (forced-colors:active){.tour-dot{background:Canvas;box-shadow:inset 0 0 0 1px CanvasText}.tour-dot[data-state=done],.tour-dot[data-state=now]{background:CanvasText}.tour-card{border:2px solid CanvasText}.tour-spot{outline:4px solid Highlight;box-shadow:none}.tour-shade.tour-dim{background:transparent}}@media print{.tour-root{display:none}}