.demo-tour-shade{position:fixed;z-index:9998;background:#0f172a8c;pointer-events:none;transition:all .35s cubic-bezier(.4,0,.2,1);opacity:0}.demo-tour-shade.on{opacity:1}.demo-tour-shade.no-trans,.demo-tour-spot.no-trans,.demo-tour-tip.no-trans{transition:none!important}.demo-tour-spot{position:fixed;z-index:9998;border-radius:12px;pointer-events:none;box-shadow:0 0 0 3px #f59e0be6;transition:all .35s cubic-bezier(.4,0,.2,1);opacity:0}.demo-tour-spot.on{opacity:1}.demo-tour-tip{position:fixed;z-index:10000;width:min(400px,calc(100vw - 28px));background:#fff;border:1.5px dashed #fcd34d;border-radius:14px;box-shadow:0 24px 60px #0f172a40;padding:16px 18px;font-family:Jost,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease}.demo-tour-tip.on{opacity:1;transform:none}.demo-tour-tip.floating{border:0;padding:20px 22px}.demo-tour-tip .part{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#d97706;background:#fef3c7;border:1px solid #fde68a;padding:3px 10px;border-radius:999px;margin-bottom:9px}.demo-tour-tip h4{margin:0 0 7px;font-size:15.5px;font-weight:600;color:#0f172a}.demo-tour-tip .body{font-size:13.5px;line-height:1.55;color:#334155}.demo-tour-tip .body b{color:#0f172a}.demo-tour-tip .note{margin-top:8px;font-size:12px;line-height:1.5;color:#94a3b8;font-style:italic}.demo-tour-tip .nav{display:flex;align-items:center;gap:8px;margin-top:14px}.demo-tour-tip .cnt{font-size:12px;color:#94a3b8;font-weight:500;margin-right:auto}.demo-tour-tip button{font-family:inherit;font-size:13px;font-weight:600;border-radius:9px;padding:8px 15px;cursor:pointer;border:1px solid #e2e8f0;background:#fff;color:#334155}.demo-tour-tip button:hover{background:#f8fafc}.demo-tour-tip button.next{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.demo-tour-tip button.next:hover{background:#1e40af}.demo-tour-tip .x{position:absolute;top:8px;right:10px;border:0!important;background:none!important;font-size:16px;color:#94a3b8;padding:2px 6px!important}.demo-tour-tip .hint{margin-left:auto;font-size:13px;font-weight:700;color:#d97706;background:#fef3c7;border:1px solid #fde68a;border-radius:999px;padding:7px 14px;animation:demo-tour-hint-pulse 1.4s ease-in-out infinite}@keyframes demo-tour-hint-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.demo-tour-fab{position:fixed;right:18px;bottom:86px;z-index:9997;font-family:Jost,sans-serif;background:#f59e0b;color:#fff;border:0;border-radius:999px;padding:11px 18px;font-size:13.5px;font-weight:700;cursor:pointer;box-shadow:0 8px 22px #d9770673}.demo-tour-fab:hover{background:#d97706}.demo-tour-panel{position:fixed;left:14px;bottom:24px;z-index:9999;width:246px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 18px 50px #0f172a2e;font-family:Jost,sans-serif;overflow:hidden}.demo-tour-panel .ph{display:flex;align-items:center;gap:8px;padding:12px 14px 10px;border-bottom:1px solid #f1f5f9;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.demo-tour-panel .ph.dragging{cursor:grabbing}.demo-tour-panel .pt{font-size:13px;font-weight:700;color:#0f172a;letter-spacing:.02em}.demo-tour-panel .pc{font-size:11.5px;font-weight:700;color:#d97706;background:#fef3c7;border:1px solid #fde68a;border-radius:999px;padding:2px 8px;margin-left:auto}.demo-tour-panel .pmin{border:0;background:none;color:#94a3b8;font-size:16px;cursor:pointer;padding:0 4px;line-height:1;font-family:inherit}.demo-tour-panel .pmin:hover{color:#475569}.demo-tour-panel .pl{padding:6px}.demo-tour-panel .pi{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border:0;background:none;padding:9px 8px;border-radius:10px;cursor:pointer;font-family:inherit}.demo-tour-panel .pi:hover{background:#f8fafc}.demo-tour-panel .pi.active{background:#fffbeb;outline:1.5px dashed #fcd34d}.demo-tour-panel .pic{flex:0 0 22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:700;background:#f1f5f9;color:#64748b;border:1.5px solid #e2e8f0}.demo-tour-panel .pic.done{background:#16a34a;color:#fff;border-color:#16a34a}.demo-tour-panel .pic.skipped{background:#e2e8f0;color:#64748b;border-color:#cbd5e1}.demo-tour-panel .pi.active .pic{background:#f59e0b;color:#fff;border-color:#f59e0b}.demo-tour-panel .pil{font-size:13px;font-weight:500;color:#334155;flex:1;line-height:1.3}.demo-tour-panel .pi.done .pil{color:#94a3b8;text-decoration:line-through;text-decoration-color:#cbd5e1}.demo-tour-panel .pi.skipped .pil{color:#94a3b8}.demo-tour-panel .pp{font-size:11px;font-weight:700;color:#d97706}.demo-tour-panel .pf{padding:10px 14px;border-top:1px solid #f1f5f9;display:flex;align-items:center;gap:10px}.demo-tour-panel .pf.done{font-size:13px;font-weight:600;color:#16a34a;background:#f0fdf4;border-top-color:#dcfce7}.demo-tour-panel .pc.done{color:#16a34a;background:#dcfce7;border-color:#bbf7d0}.demo-tour-panel .pf button{border:0;background:none;color:#94a3b8;font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit;padding:2px 4px;margin-left:auto}.demo-tour-panel .pf button:hover{color:#475569;text-decoration:underline}@media (max-width: 1180px){.demo-tour-panel{left:10px;bottom:80px;width:230px}}