#tour-layer{position:fixed;inset:0;margin:0;padding:0;border:0;background:transparent;width:100vw;height:100dvh;max-width:none;max-height:none;overflow:hidden;color:var(--ink)}#tour-layer::backdrop{background:transparent}
#tour-layer{animation:none!important;transform:none!important;opacity:1!important}#tour-layer::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}
.tour-spotlight{position:fixed;pointer-events:none;border:2px solid var(--accent);border-radius:12px;box-shadow:0 0 0 9999px rgba(23,23,25,.48);opacity:0;transition:left .22s cubic-bezier(.16,1,.3,1),top .22s cubic-bezier(.16,1,.3,1),width .22s cubic-bezier(.16,1,.3,1),height .22s cubic-bezier(.16,1,.3,1),opacity .18s ease}
.tour-card{position:fixed;background:white;border-radius:16px;padding:18px;box-shadow:0 12px 36px rgba(23,23,25,.18);max-height:calc(var(--ui-visible-height,100dvh) - 24px);overflow-y:auto;opacity:0;transform:translateY(10px);transition:opacity .2s ease,transform .24s cubic-bezier(.16,1,.3,1);min-width:0}
#tour-layer.ready .tour-card,#tour-layer.ready .tour-spotlight{opacity:1}#tour-layer.ready .tour-card{transform:translateY(0)}
.tour-card header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.tour-count{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.tour-card header button{width:36px;min-width:36px;height:36px;min-height:36px;padding:8px;background:var(--soft)}.tour-card header svg{width:18px;height:18px}.tour-card h2{font:600 25px/1.3 Oswald,sans-serif;margin:0 0 10px;text-wrap:balance}.tour-description{font:400 13px/1.7 Manrope,sans-serif;margin:0}.tour-example{display:block;color:var(--accent-ink);font-size:11px;margin-top:10px}.tour-error{color:var(--error);font-size:12px;line-height:1.6;margin:6px 0 0}.tour-error:empty{display:none}.tour-card #tour-show{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin-top:14px;font-size:12px;background:var(--soft)}.tour-card footer{display:flex;align-items:center;gap:8px;margin-top:16px}.tour-card footer button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;font-size:12px;padding:9px 12px;white-space:nowrap}.tour-card footer svg{width:18px;flex:none}.tour-card #tour-skip{margin-right:auto;padding-left:0;background:transparent;color:var(--muted)}.tour-card #tour-back{width:44px;min-width:44px;padding:10px;background:var(--soft)}
@media(max-width:760px){.tour-card{padding:16px}.tour-card h2{font-size:24px}.tour-description{font-size:13px;line-height:1.6}.tour-card footer{gap:6px}.tour-card header button{min-height:44px;width:44px;min-width:44px;padding:12px}.tour-card #tour-show{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.tour-card,.tour-spotlight{transition:none;transform:none}}
.tour-card header button{width:44px;min-width:44px;height:44px;min-height:44px;padding:12px}
#modal.tour-form{top:12px!important;bottom:auto!important;transform:none!important;height:auto;margin:0 auto;max-height:var(--tour-form-height);overflow:hidden}#modal.tour-form #modal-body{flex:none;max-height:calc(var(--tour-form-height) - 90px);overflow-y:auto}
#modal.tour-form .modal-footer,#modal.tour-form .editor-footer{display:none}
.tour-veil{position:fixed;inset:0;background:rgba(23,23,25,.48);opacity:0;pointer-events:none;transition:opacity .18s ease}.tour-spotlight{transition:left .38s cubic-bezier(.16,1,.3,1),top .38s cubic-bezier(.16,1,.3,1),width .38s cubic-bezier(.16,1,.3,1),height .38s cubic-bezier(.16,1,.3,1),opacity .18s ease}#tour-layer.changing .tour-veil{opacity:1}#tour-layer.changing .tour-spotlight{opacity:0}
@media(prefers-reduced-motion:reduce){.tour-veil{transition-duration:.08s}.tour-spotlight{transition:opacity .1s ease}}
@media(max-height:500px) and (min-width:600px){.tour-card{padding:14px}.tour-card header{margin-bottom:8px}.tour-card h2{font-size:22px;margin-bottom:8px}.tour-description{line-height:1.5}.tour-card footer{margin-top:12px}.tour-card #tour-show{margin-top:10px}.tour-card header button{width:44px;min-width:44px;min-height:44px}}