#tinoTour{position:fixed;inset:0;z-index:10000;isolation:isolate;overflow:hidden}
#tourSpot{position:fixed;border:2px solid #a78be8;border-radius:14px;box-shadow:0 0 0 9999px rgba(24,20,36,.64);pointer-events:none;transition:top .35s ease,left .35s ease,width .35s ease,height .35s ease}
#tourSpot:after{content:"";position:absolute;inset:-5px;border:1px solid #d4bfff;border-radius:18px;animation:tour-breathe 2.4s ease-in-out infinite}
.tour-no-target{background:rgba(24,20,36,.64)}
#tourCard{position:fixed;width:min(370px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box;padding:24px;background:#fffcf8;color:#282331;border:1px solid #e6dced;border-radius:20px;box-shadow:0 18px 70px #17102040;transition:top .35s ease,left .35s ease;animation:tour-enter .25s ease-out}
.tour-heading{display:flex;align-items:center;gap:10px}.tour-heading>span{font-size:10px;letter-spacing:.12em;font-weight:600;flex:1;color:#6c5b80}.tour-heading .icon-button{color:#655a70}
.tour-step-label{margin-top:22px;font-size:12px;color:#76569a}#tourCard h2{font-size:23px;line-height:1.22;letter-spacing:-.6px;margin:9px 0 12px}#tourCard p{font-size:14px;line-height:1.7;color:#60596a;margin:0}
.tour-dots{display:flex;gap:6px;margin:22px 0}.tour-dots span{height:4px;flex:1;border-radius:8px;background:#e8e1ec}.tour-dots .current{background:#8052bc}.tour-dots .done{background:#bca1d9}.tour-controls{display:flex;justify-content:space-between;gap:10px}#tourCard small{display:block;margin-top:16px;font-size:11px;color:#766e80}#tourCard button:focus-visible{outline:3px solid #ad84db;outline-offset:3px}
@keyframes tour-breathe{50%{opacity:.35}}@keyframes tour-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#tourSpot,#tourCard{transition:none;animation:none}#tourSpot:after{animation:none}}