.tut-overlay{position:fixed;inset:0;z-index:20000;display:none;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
.tut-overlay.tut-open{display:flex}
.tut-backdrop{position:absolute;inset:0;background:rgba(9,9,11,.62);opacity:0;transition:opacity .28s ease}
.tut-overlay.tut-open .tut-backdrop{opacity:1}

.tut-overlay #graphs-layout{margin:0 !important;width:min(75rem,95vw) !important;max-width:95vw !important;max-height:95vh !important;padding-top:1.25rem !important;position:relative;z-index:1;transform:translateY(12px) scale(.99);opacity:0;transition:transform .3s cubic-bezier(.2,.7,.2,1),opacity .3s ease}
.tut-overlay.tut-open #graphs-layout{transform:none;opacity:1}

.tut-close{position:absolute;z-index:20060;top:16px;right:16px;width:34px;height:34px;border:none;border-radius:50%;background:rgba(15,15,15,.55);color:#fff;font-size:20px;line-height:34px;cursor:pointer;padding:0}
.tut-close:hover{background:rgba(15,15,15,.8)}

.tut-spot{position:fixed;z-index:20030;border-radius:12px;pointer-events:none;box-shadow:0 0 0 9999px rgba(9,9,11,.6);border:2px solid rgba(16,232,157,.95);display:none;transition:top .32s ease,left .32s ease,width .32s ease,height .32s ease}
.tut-hotspot{position:fixed;z-index:20040;display:none;cursor:pointer;border-radius:8px;background:transparent}

.tut-card{position:fixed;z-index:20050;width:min(430px,86vw);background:#fff;border:2px solid #10E89D;border-radius:16px;box-shadow:0 16px 44px rgba(0,0,0,.4);padding:18px 22px}
.tut-card.tut-hidden{display:none}
.tut-card-count{float:right;font-size:14px;font-weight:600;color:#9aa3a8;margin-left:12px}
.tut-card-title{font-size:22px;font-weight:700;color:#0F0F0F;margin:0 0 9px;line-height:1.15}
.tut-card-sub{font-size:15px;color:#4b5563;line-height:1.5;margin:0}
.tut-card-actions{display:flex;justify-content:flex-end;margin-top:14px}
.tut-next{background:none;border:none;color:#0b8f66;font-size:17px;font-weight:700;cursor:pointer;padding:6px 4px}
.tut-next:hover{color:#0a7a57}
.tut-card-anim{animation:tutCardIn .3s cubic-bezier(.2,.7,.2,1)}
@keyframes tutCardIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}

@media (prefers-reduced-motion:reduce){
  .tut-backdrop,.tut-overlay #graphs-layout,.tut-spot,.tut-card-anim{transition:none;animation:none}
}
