:root{--tour-ink:#101820;--tour-panel:#15212d;--tour-line:#304254;--tour-blue:#2864ff;--tour-muted:#c9d4df;--tour-z-shade:10000;--tour-z-focus:10001;--tour-z-dialog:10002}
.tour-launch{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid #cbd5dc;background:#fff;color:var(--tour-ink);border-radius:10px;padding:9px 12px;font:700 13px/1 inherit;cursor:pointer;touch-action:manipulation;transition:background-color .14s ease,border-color .14s ease}.tour-launch:hover{background:#f5f7fa;border-color:#9fb0bd}.tour-launch svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.tour-shade{position:fixed;z-index:var(--tour-z-shade);background:rgba(8,17,26,.72);pointer-events:auto}.tour-focus{position:fixed;z-index:var(--tour-z-focus);border:2px solid var(--tour-blue);border-radius:12px;box-shadow:0 0 0 4px rgba(40,100,255,.2),0 0 36px rgba(40,100,255,.4);pointer-events:none;transition:transform .2s ease,opacity .2s ease}.tour-focus::after{content:"";position:absolute;left:12px;right:12px;top:-2px;height:2px;background:#9ec0ff;animation:tour-scan 1.7s ease-in-out infinite}.tour-card{position:fixed;z-index:var(--tour-z-dialog);width:min(400px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;background:var(--tour-ink);color:#fff;border:1px solid var(--tour-line);border-radius:16px;box-shadow:0 24px 70px rgba(3,11,18,.38);padding:20px}.tour-card__meta{display:flex;justify-content:space-between;gap:16px;color:#9bb7ff;font:700 11px/1.2 "IBM Plex Mono",monospace;letter-spacing:.08em}.tour-progress{height:3px;margin:13px 0 16px;background:#2a3948;border-radius:3px;overflow:hidden}.tour-progress i{display:block;height:100%;background:var(--tour-blue);border-radius:inherit;transition:width .2s ease}.tour-card h2{margin:0 0 8px;color:#fff;font-size:22px;line-height:1.18;text-wrap:balance}.tour-card p{margin:0;color:var(--tour-muted);font-size:15px;line-height:1.55}.tour-card__actions{display:flex;align-items:center;gap:8px;margin-top:20px}.tour-card button{min-height:44px;border:0;border-radius:9px;padding:0 14px;font:700 13px/1 inherit;cursor:pointer;touch-action:manipulation}.tour-card [data-tour-skip]{margin-right:auto;background:transparent;color:#b8c5d0;padding-left:0}.tour-card [data-tour-prev]{background:#283849;color:#fff}.tour-card [data-tour-next]{background:var(--tour-blue);color:#fff}.tour-card button:hover{filter:brightness(1.08)}.tour-card button:active,.tour-launch:active,.tour-module:active{filter:brightness(.94)}
.tour-center{position:fixed;z-index:var(--tour-z-dialog);inset:clamp(12px,5vh,56px) max(12px,calc((100vw - 940px)/2));display:flex;flex-direction:column;background:#f7f8f6;color:var(--tour-ink);border:1px solid #cbd5dc;border-radius:20px;box-shadow:0 28px 90px rgba(3,11,18,.35);overflow:hidden}.tour-center::before{content:"";position:fixed;z-index:-1;inset:0;background:rgba(8,17,26,.72)}.tour-center__head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:28px 30px 18px;background:var(--tour-ink);color:#fff}.tour-center__head span{color:#9bb7ff;font:700 11px/1.2 "IBM Plex Mono",monospace;letter-spacing:.1em}.tour-center__head h2{max-width:650px;margin:9px 0 6px;color:#fff;font-size:28px;line-height:1.12;text-wrap:balance}.tour-center__head p{margin:0;color:#bdc9d4}.tour-center__head button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #405263;border-radius:50%;background:#223140;color:#fff;font-size:24px;cursor:pointer}.tour-center__meter{height:4px;background:#2c3c4b}.tour-center__meter i{display:block;height:100%;background:var(--tour-blue)}.tour-center__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:auto;background:#dbe1e5}.tour-module{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:82px;border:0;background:#fff;color:var(--tour-ink);padding:14px 18px;text-align:left;text-decoration:none;cursor:pointer;touch-action:manipulation}.tour-module:hover{background:#f5f8ff}.tour-module.current{background:#edf2ff}.tour-module>b{font:700 12px/1 "IBM Plex Mono",monospace;color:#7a8a98}.tour-module span{min-width:0}.tour-module strong,.tour-module small{display:block}.tour-module strong{font-size:15px}.tour-module small{margin-top:4px;color:#657583;line-height:1.35}.tour-module em{font-style:normal;font-weight:700;font-size:12px;color:#335bd6}.tour-module.done em{color:#14734d}.tour-module.done>b{color:#14734d}.tour-module.done>b::after{content:" ✓"}.tour-card button:focus-visible,.tour-launch:focus-visible,.tour-center button:focus-visible,.tour-module:focus-visible{outline:3px solid #8fb4ff;outline-offset:2px}
@keyframes tour-scan{0%,100%{transform:translateY(2px);opacity:.45}50%{transform:translateY(var(--tour-focus-height,30px));opacity:1}}
@media(max-width:900px){.tour-center{inset:12px}.tour-center__list{grid-template-columns:1fr}.tour-center__head{padding:22px}.tour-center__head h2{font-size:24px}}
@media(max-width:720px){.tour-launch span{display:none}.tour-launch{width:44px;padding:0}.tour-card{bottom:max(12px,env(safe-area-inset-bottom))!important;left:12px!important;top:auto!important}.tour-focus{border-radius:9px}.tour-card p{font-size:16px}.tour-center{inset:8px;border-radius:15px}.tour-center__head{padding:18px}.tour-center__head h2{font-size:21px}.tour-module{grid-template-columns:34px minmax(0,1fr);min-height:76px;padding:12px 14px}.tour-module em{grid-column:2}}
@media(max-height:520px) and (orientation:landscape){.tour-card{right:12px!important;left:auto!important;top:12px!important;bottom:12px!important;width:min(380px,48vw)}.tour-center{inset:8px}.tour-center__head{padding:14px 18px}.tour-center__head h2{font-size:20px;margin:5px 0}.tour-module{min-height:66px}}
@media(prefers-reduced-motion:reduce){.tour-focus,.tour-focus::after,.tour-progress i,.tour-launch{transition:none;animation:none}}