.tour-block{z-index:480;pointer-events:none;background:0 0;position:fixed;inset:0}.tour-ring{z-index:481;border:1.5px solid color-mix(in srgb, var(--accent,#e1e5eb) 85%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--glow,#dfe6f2) 22%, transparent), 0 0 26px color-mix(in srgb, var(--glow,#dfe6f2) 34%, transparent), 0 0 0 200vmax #0405099e;pointer-events:none;border-radius:999px;transition:top .48s cubic-bezier(.22,1,.36,1),left .48s cubic-bezier(.22,1,.36,1),width .48s cubic-bezier(.22,1,.36,1),height .48s cubic-bezier(.22,1,.36,1),border-radius .3s;position:fixed}.tour-ring.collapsed{border-color:#0000;box-shadow:0 0 0 200vmax #0405099e}.tour-card.waiting~.tour-ring,.tour-block~.tour-ring{animation:2s ease-in-out infinite tour-pulse}@keyframes tour-pulse{0%,to{box-shadow:0 0 0 3px color-mix(in srgb, var(--glow,#dfe6f2) 22%, transparent), 0 0 22px color-mix(in srgb, var(--glow,#dfe6f2) 30%, transparent), 0 0 0 200vmax #0405099e}50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--glow,#dfe6f2) 34%, transparent), 0 0 34px color-mix(in srgb, var(--glow,#dfe6f2) 52%, transparent), 0 0 0 200vmax #0405099e}}.tour-card{z-index:482;border:1px solid color-mix(in srgb, var(--accent,#e1e5eb) 20%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--panel-2,#111318) 82%, transparent) 0%, color-mix(in srgb, var(--panel,#0c0e12) 94%, transparent) 100%);-webkit-backdrop-filter:blur(18px)saturate(1.1);width:250px;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--accent,#e1e5eb) 14%, transparent), 0 20px 52px #0000008c, 0 0 24px color-mix(in srgb, var(--glow,#dfe6f2) 12%, transparent);color:var(--ink,#eef1f6);font-family:var(--font-main,"Space Grotesk", system-ui, sans-serif);border-radius:15px;padding:12px 14px;transition:top .48s cubic-bezier(.22,1,.36,1),left .48s cubic-bezier(.22,1,.36,1),transform .48s cubic-bezier(.22,1,.36,1);position:fixed}.tour-card.centered{text-align:center;width:290px;top:50%;left:50%;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.tour-ring,.tour-card{transition:none}.tour-block~.tour-ring,.tour-card.waiting~.tour-ring{animation:none}}.tour-top{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.tour-dots{gap:5px;display:inline-flex}.tour-dots i{background:color-mix(in srgb, var(--ink,#eef1f6) 22%, transparent);border-radius:999px;width:5px;height:5px;transition:background .2s,width .2s}.tour-dots i.on{background:var(--accent,#e1e5eb);width:16px}.tour-x{color:color-mix(in srgb, var(--ink,#eef1f6) 42%, transparent);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:1.05rem;line-height:1}.tour-x:hover{color:var(--ink,#eef1f6)}.tour-card h4{letter-spacing:-.01em;margin:0 0 3px;font-size:.92rem;font-weight:600}.tour-card p{color:var(--muted,#a7aebc);margin:0;font-size:.79rem;line-height:1.48}.tour-do{color:var(--accent,#e1e5eb);align-items:center;gap:8px;margin-top:11px;font-size:.78rem;font-weight:600;display:flex}.tour-do-dot{background:var(--accent,#e1e5eb);width:7px;height:7px;box-shadow:0 0 0 0 color-mix(in srgb, var(--glow,#dfe6f2) 60%, transparent);border-radius:999px;flex:none;animation:1.6s ease-out infinite tour-ping}@keyframes tour-ping{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--glow,#dfe6f2) 55%, transparent)}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}.tour-buttons{align-items:center;gap:4px;margin-top:11px;display:flex}.tour-card.centered .tour-buttons{justify-content:center}.tour-skip{color:color-mix(in srgb, var(--ink,#eef1f6) 36%, transparent);cursor:pointer;background:0 0;border:none;margin-right:auto;padding:4px;font-family:inherit;font-size:.74rem}.tour-card.centered .tour-skip{margin-right:0}.tour-skip:hover{color:var(--ink,#eef1f6)}.tour-back,.tour-next{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-family:inherit;font-size:.78rem;font-weight:600;transition:background .14s,color .14s}.tour-ghost{color:color-mix(in srgb, var(--ink,#eef1f6) 55%, transparent)}.tour-ghost:hover{color:var(--ink,#eef1f6);background:color-mix(in srgb, var(--ink,#eef1f6) 7%, transparent)}.tour-solid{color:var(--accent,#e1e5eb)}.tour-solid:hover{background:color-mix(in srgb, var(--accent,#e1e5eb) 14%, transparent)}
