:root{--tutorial-bg:#1e293b;--tutorial-bg-border:#3b82f638;--tutorial-text:#f1f5f9;--tutorial-text-secondary:#94a3b8;--tutorial-accent:#3b82f6;--tutorial-accent-hover:#2563eb;--tutorial-accent-active:#1d4ed8;--tutorial-success:#10b981;--tutorial-success-hover:#059669;--tutorial-overlay-color:#0206178c;--tutorial-shadow:0 24px 64px #00000073, 0 0 0 1px #3b82f614;--tutorial-radius:16px;--tutorial-z-blocker:999990;--tutorial-z-spotlight:999995;--tutorial-z-tooltip:999999}.tutorial-click-blocker{z-index:var(--tutorial-z-blocker);pointer-events:auto;cursor:default;position:fixed;inset:0}.tutorial-spotlight{z-index:var(--tutorial-z-spotlight);pointer-events:none;box-shadow:0 0 0 9999px var(--tutorial-overlay-color), 0 0 0 2px var(--tutorial-accent), 0 0 24px #3b82f640;border-radius:10px;position:fixed}.tutorial-overlay-full{z-index:var(--tutorial-z-spotlight);background:var(--tutorial-overlay-color);pointer-events:none;position:fixed;inset:0}.tutorial-tooltip{z-index:var(--tutorial-z-tooltip);pointer-events:auto;background:var(--tutorial-bg);border:1px solid var(--tutorial-bg-border);border-radius:var(--tutorial-radius);box-shadow:var(--tutorial-shadow);box-sizing:border-box;width:380px;max-width:calc(100vw - 32px);color:var(--tutorial-text);outline:none;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;transition:opacity .22s;animation:.28s ease-out tutorial-enter;position:fixed}.tutorial-tooltip:focus-visible{outline:2px solid var(--tutorial-accent);outline-offset:2px}.tutorial-tooltip-centered{animation:.32s ease-out tutorial-enter-center;transform:translate(-50%,-50%);top:50%!important;left:50%!important}@keyframes tutorial-enter{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes tutorial-enter-center{0%{opacity:0;transform:translate(-50%,-50%)scale(.94)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.tutorial-arrow{background:var(--tutorial-bg);border:1px solid var(--tutorial-bg-border);z-index:-1;width:12px;height:12px;position:absolute;transform:rotate(45deg)}.tutorial-arrow-bottom{border-bottom:none;border-right:none;top:-7px}.tutorial-arrow-top{border-top:none;border-left:none;bottom:-7px}.tutorial-arrow-right{border-top:none;border-right:none;left:-7px}.tutorial-arrow-left{border-bottom:none;border-left:none;right:-7px}.tutorial-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px;display:flex}.tutorial-title{color:var(--tutorial-text);flex:1;margin:0;font-size:16px;font-weight:700;line-height:1.35}.tutorial-title-spacer{flex:1}.tutorial-skip-btn{color:var(--tutorial-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;padding:4px 12px;font-family:inherit;font-size:12px;font-weight:500;line-height:1.4;transition:all .15s}.tutorial-skip-btn:hover{color:var(--tutorial-text);background:#ffffff0f;border-color:#ffffff14}.tutorial-skip-btn:focus-visible{outline:2px solid var(--tutorial-accent);outline-offset:1px}.tutorial-description{color:var(--tutorial-text-secondary);margin:0 0 18px;font-size:14px;line-height:1.7}.tutorial-disabled-badge{color:#fbbf24;letter-spacing:.01em;background:#fbbf241a;border-radius:8px;align-items:center;gap:6px;margin-bottom:16px;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.tutorial-disabled-icon{font-size:13px;line-height:1}.tutorial-progress{align-items:center;gap:10px;margin-bottom:16px;display:flex}.tutorial-progress-bar{background:#33415580;border-radius:99px;flex:1;height:4px;overflow:hidden}.tutorial-progress-fill{background:linear-gradient(90deg, var(--tutorial-accent), #818cf8);border-radius:99px;height:100%;transition:width .35s}.tutorial-progress-text{color:var(--tutorial-text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right;min-width:28px;font-size:12px;font-weight:500}.tutorial-nav{justify-content:flex-end;align-items:center;gap:8px;display:flex}.tutorial-btn{cursor:pointer;border:none;border-radius:999px;outline:none;justify-content:center;align-items:center;padding:9px 22px;font-family:inherit;font-size:13px;font-weight:600;line-height:1;transition:all .15s;display:inline-flex}.tutorial-btn:focus-visible{outline:2px solid var(--tutorial-accent);outline-offset:2px}.tutorial-btn-prev{color:var(--tutorial-text);background:0 0;border:1.5px solid #94a3b840}.tutorial-btn-prev:hover:not(:disabled){background:#ffffff0a;border-color:#94a3b873}.tutorial-btn-prev:disabled{opacity:.3;cursor:not-allowed}.tutorial-btn-next{background:var(--tutorial-accent);color:#fff;border:1.5px solid #0000}.tutorial-btn-next:hover{background:var(--tutorial-accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f659}.tutorial-btn-next:active{box-shadow:none;transform:translateY(0)}.tutorial-btn-done{background:var(--tutorial-success);color:#fff;border:1.5px solid #0000}.tutorial-btn-done:hover{background:var(--tutorial-success-hover);transform:translateY(-1px);box-shadow:0 4px 12px #10b98159}.tutorial-btn-done:active{box-shadow:none;transform:translateY(0)}@media (max-width:768px){.tutorial-tooltip{width:340px;padding:20px}.tutorial-title{font-size:15px}.tutorial-description{margin-bottom:14px;font-size:13px}.tutorial-btn{padding:8px 18px;font-size:12px}}@media (max-width:480px){.tutorial-tooltip{border-radius:14px;width:calc(100vw - 24px);max-width:none;padding:18px 16px}.tutorial-tooltip-centered{width:calc(100vw - 32px)}.tutorial-header{gap:8px;margin-bottom:4px}.tutorial-title{font-size:14px}.tutorial-skip-btn{padding:3px 8px;font-size:11px}.tutorial-description{margin-bottom:12px;font-size:13px;line-height:1.6}.tutorial-disabled-badge{margin-bottom:12px;padding:4px 10px;font-size:10px}.tutorial-progress{gap:8px;margin-bottom:12px}.tutorial-progress-text{font-size:11px}.tutorial-nav{gap:6px}.tutorial-btn{flex:1;padding:8px 14px;font-size:12px}}@media (max-height:500px){.tutorial-tooltip{max-height:85vh;padding:16px;overflow-y:auto}.tutorial-description,.tutorial-progress{margin-bottom:10px}}@media (prefers-reduced-motion:reduce){.tutorial-tooltip,.tutorial-tooltip-centered{animation:none}.tutorial-spotlight,.tutorial-progress-fill{transition:none}}