.guided-tour{position:fixed;inset:0;z-index:160;pointer-events:none;isolation:isolate}
.tour-shade{position:fixed;background:#06110dcc;pointer-events:auto;backdrop-filter:blur(1px)}
.tour-frame{position:fixed;border:2px solid #b6f6cf;border-radius:9px;box-shadow:0 0 0 4px #8ef3ba1f,0 0 24px #91f7bb44;pointer-events:none;transition:left .24s,top .24s,width .24s,height .24s;animation:tour-glow 1.8s ease-in-out infinite}
.tour-frame:before,.tour-frame:after{content:'';position:absolute;width:9px;height:9px;border:2px solid #e1ffec;border-radius:2px;background:#a3e4bb;box-shadow:0 0 10px #baffcd;top:-5px;left:-5px}
.tour-frame:after{top:auto;left:auto;right:-5px;bottom:-5px}
.tour-card{position:fixed;box-sizing:border-box;pointer-events:auto;background:linear-gradient(145deg,#1d382c,#101e17 80%);border:1px solid #a3e4bb88;border-radius:12px;padding:19px 19px 16px;color:#edf8f0;box-shadow:0 16px 60px #0009;overflow:auto;animation:tour-appear .2s ease-out;font-family:inherit}
.tour-eyebrow{display:flex;justify-content:space-between;gap:10px;color:#a3e4bb;font-size:11px;letter-spacing:1px;margin-bottom:12px}.tour-eyebrow span:last-child{font-variant-numeric:tabular-nums;color:#9ab6a4;letter-spacing:2px}
.tour-card h2{font-size:19px;line-height:1.5;margin:0 0 9px;letter-spacing:0}.tour-card p{font-size:13px;line-height:1.9;color:#c0d5c8;margin:0 0 12px}.tour-hint{font-size:10px;line-height:1.6;color:#7fa68f;margin:0 0 16px}
.tour-footer{display:flex;align-items:center;justify-content:space-between;gap:7px}.tour-footer>div{display:flex;gap:8px;align-items:center}.tour-card button{border:0;background:transparent;color:#b3cabc;font-size:12px;white-space:nowrap;border-radius:5px;padding:8px 2px;cursor:pointer}.tour-card button:disabled{opacity:.3;cursor:default}.tour-card [data-tour-next]{background:#a3e4bb;color:#12291b;font-weight:650;padding:9px 11px}.tour-card [data-tour-next]:hover{background:#c0f8d3}.tour-card button:focus-visible{outline:2px solid #e1ffec;outline-offset:3px}.tour-progress{height:3px;border-radius:3px;background:#a3e4bb16;margin-top:17px;overflow:hidden}.tour-progress i{display:block;height:100%;background:#a3e4bb;transition:width .3s ease}
@keyframes tour-glow{50%{box-shadow:0 0 0 5px #8ef3ba16,0 0 32px #91f7bb66}}
@keyframes tour-appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.tour-frame,.tour-card{animation:none;transition:none}.tour-progress i{transition:none}}
.interactive-guide{padding:28px;border:1px solid #a3e4bb33;border-radius:12px;background:linear-gradient(120deg,#21473399,#102219e6);margin-bottom:28px}.interactive-guide h2{font-size:26px;margin:10px 0}.interactive-guide p{font-size:14px;line-height:1.9;color:#a9c3b2;margin-bottom:20px}.guide-route{display:flex;gap:9px;align-items:center;flex-wrap:wrap;color:#a3e4bb;font-size:12px;margin:20px 0}.guide-route span{padding:7px 11px;background:#a3e4bb10;border:1px solid #a3e4bb22;border-radius:5px}.install-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.install-step{padding:20px;border:1px solid #a3e4bb22;border-radius:9px;background:#112118de;scroll-margin-top:110px}.install-step b{display:block;font-size:15px;margin:6px 0 9px}.install-step p{font-size:13px;line-height:1.8;color:#9cb5a6;margin:0}.install-step>span{font-size:12px;color:#a3e4bb}.install-step a{color:#a3e4bb;text-decoration:underline}.install-step code{word-break:break-word}
@media(max-width:680px){.tour-card{padding:16px 15px 14px}.tour-card h2{font-size:17px}.tour-card p{font-size:12px}.tour-card button{font-size:11px}.tour-footer>div{gap:6px}.tour-card [data-tour-next]{padding:9px}.interactive-guide{padding:21px}.interactive-guide h2{font-size:23px}.install-steps{grid-template-columns:1fr}}