.tutorial-layer[hidden]{display:none}.tutorial-layer{position:fixed;z-index:12000;inset:0;pointer-events:none;background:#12082b22}.tutorial-target{position:relative!important;z-index:12001!important;pointer-events:none!important;border-radius:18px!important;box-shadow:0 0 0 5px #fff,0 0 0 10px #ffde59,0 0 0 9999px #160b38b8!important;animation:tutorialPulse 1.35s ease-in-out infinite}.tutorial-card{position:fixed;z-index:12002;left:50%;bottom:max(102px,calc(env(safe-area-inset-bottom) + 92px));transform:translateX(-50%);width:min(calc(100% - 28px),430px);box-sizing:border-box;pointer-events:auto;background:#fff;border:3px solid #fff;border-radius:24px;padding:17px;box-shadow:0 24px 65px #10062a99}.tutorial-card.above-target{top:88px;bottom:auto}.tutorial-top{display:flex;align-items:center;justify-content:space-between}.tutorial-top>span{display:grid;place-items:center;width:45px;height:45px;border-radius:15px;background:linear-gradient(135deg,#fff09a,#bdf5e5);font-size:1.55rem}.tutorial-top small{font:900 .62rem Nunito;letter-spacing:.12em;color:#7655cc}.tutorial-card h2{font:800 1.35rem "Baloo 2";color:#3c2878;margin:9px 0 3px}.tutorial-card p{font:700 .78rem/1.4 Nunito;color:#655b7d;margin:0}.tutorial-dots{display:flex;gap:4px;margin:13px 0}.tutorial-dots i{height:5px;flex:1;border-radius:9px;background:#e7e0f4}.tutorial-dots i.done{background:linear-gradient(90deg,#7657e8,#ef55a0)}.tutorial-actions{display:flex;align-items:center;justify-content:space-between}.tutorial-actions>button{border:0;background:transparent;color:#776c8e;font:800 .72rem Nunito}.tutorial-actions>span{display:flex;gap:7px}.tutorial-actions span button{border:0;border-radius:12px;padding:9px 14px;font:900 .76rem Nunito}.tutorial-actions #tutorialBack{background:#eee9f8;color:#5f5180}.tutorial-actions #tutorialNext{background:linear-gradient(100deg,#6345d7,#e84f9b);color:#fff;box-shadow:0 5px 12px #6d42c43a}.tutorial-replay{background:linear-gradient(110deg,#fff2a1,#ffbd62)!important;color:#4f327a!important;border-color:#fff!important}@keyframes tutorialPulse{50%{filter:brightness(1.08)}}@media(max-height:650px){.tutorial-card{bottom:74px;padding:12px}.tutorial-card.above-target{top:70px}.tutorial-top>span{width:38px;height:38px}.tutorial-card h2{font-size:1.15rem}.tutorial-card p{font-size:.72rem}.tutorial-dots{margin:9px 0}}
/* Keep the guided tour bright: highlight the active control without dimming the app. */
.tutorial-layer{background:transparent}
.tutorial-target{box-shadow:0 0 0 4px #fff,0 0 0 9px #ffde59,0 5px 24px #5934a859!important}
.tutorial-card{background:linear-gradient(145deg,#fff3a8 0%,#f1ddff 58%,#d8f7ff 100%);border:4px solid #7046d7;box-shadow:0 18px 50px #28125a66,0 0 0 5px #ffffffcc}
.tutorial-layer:not([hidden]){pointer-events:auto}