/* «Обучение» — the guided tour of Space (space-tour.js) */
.tour-nav{position:relative;background:linear-gradient(120deg,#c291ff22,#6ff7d814)!important;box-shadow:inset 0 0 0 1px #c291ff55;margin-bottom:6px}
.tour-nav:hover{box-shadow:inset 0 0 0 1px #c291ffaa,0 0 24px #c291ff33}
.tour-new{margin-left:auto;padding:2px 7px;border-radius:999px;background:linear-gradient(135deg,#c291ff,#58e2ca);color:#120b26;font:900 9px "JetBrains Mono",monospace;font-style:normal;letter-spacing:.08em;animation:tour-pulse 1.8s ease-in-out infinite}
@keyframes tour-pulse{50%{box-shadow:0 0 0 6px #c291ff00,0 0 16px #c291ff88}}
.tour-mnav{color:#e2d4ff!important}
.tour-nav-on{box-shadow:inset 0 0 0 1.5px #6ff7d8,0 0 24px #6ff7d844!important;background:#6ff7d814!important}

.tour{position:fixed;inset:0;z-index:2147483600}
/* the spotlight: everything around dims, the target sits in a neon frame */
.tour-spot{position:fixed;border-radius:18px;box-shadow:0 0 0 200vmax rgba(2,8,12,.74),0 0 0 2px #6ff7d8,0 0 40px #6ff7d877,inset 0 0 30px #6ff7d822;pointer-events:none;
  transition:top .65s cubic-bezier(.65,0,.2,1),left .65s cubic-bezier(.65,0,.2,1),width .65s cubic-bezier(.65,0,.2,1),height .65s cubic-bezier(.65,0,.2,1),opacity .4s}
.tour-spot:after{content:"";position:absolute;inset:-2px;border-radius:inherit;background:conic-gradient(from var(--ta,0deg),transparent 0 70%,#c291ff 80%,#6ff7d8 90%,transparent 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;animation:tour-orbit 3s linear infinite}
@property --ta{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes tour-orbit{to{--ta:360deg}}
html.tour-on .tour-target{position:relative;z-index:auto}
/* the card */
.tour-card{position:fixed;display:grid;gap:14px;padding:18px 20px 16px;border-radius:24px;color:#eef6f4;
  background:linear-gradient(160deg,rgba(26,20,48,.97),rgba(9,20,27,.97) 60%);box-shadow:inset 0 0 0 1px #c291ff55,0 30px 90px #000c,0 0 60px #6ff7d81a;backdrop-filter:blur(14px);
  transition:left .6s cubic-bezier(.65,0,.2,1),top .6s cubic-bezier(.65,0,.2,1),width .4s,opacity .25s,transform .25s;max-height:calc(100vh - 32px);overflow:auto}
.tour-card.is-moving{opacity:.35;transform:scale(.98)}
.tour-card.is-sheet{left:8px!important;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));top:auto!important;width:auto!important;max-height:58vh;border-radius:22px 22px 18px 18px}
.tour-card.is-end{box-shadow:inset 0 0 0 1.5px #6ff7d8,0 30px 90px #000c,0 0 90px #6ff7d844}
.tour-bar{display:flex;gap:4px}
.tour-seg{position:relative;flex:1;height:22px;border:0;padding:0;border-radius:7px;background:#ffffff0c;cursor:pointer;overflow:hidden}
.tour-seg i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#c291ff,#6ff7d8);opacity:.35;transition:width .6s cubic-bezier(.16,1,.3,1)}
.tour-seg.done i{opacity:.22}.tour-seg.on i{opacity:.55}
.tour-seg span{position:relative;font:800 9px "JetBrains Mono",monospace;letter-spacing:.06em;color:#9fb6bc;text-transform:uppercase}
.tour-seg.on span{color:#fff}
.tour-top{display:flex;align-items:center;gap:12px}
.tour-emo{flex:none;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:28px;background:radial-gradient(circle at 30% 20%,#c291ff44,#10202a);box-shadow:inset 0 0 0 1px #c291ff55,0 0 24px #c291ff33}
.tour-top>div{flex:1;min-width:0}
.tour-k{font:800 9.5px "JetBrains Mono",monospace;letter-spacing:.14em;color:#cda8ff}
.tour-top h3{margin:3px 0 0;font-size:20px;line-height:1.2;letter-spacing:-.01em}
.tour-tools{display:flex;gap:6px;align-self:flex-start}
.tour-voice,.tour-x{width:36px;height:36px;border:0;border-radius:11px;background:#ffffff0d;color:#dfe;font-size:16px;cursor:pointer}
.tour-voice.on{background:#6ff7d822;box-shadow:inset 0 0 0 1px #6ff7d888}
.tour-body p{margin:0 0 10px;font-size:15px;line-height:1.6;color:#d6e3e6}
.tour-w{display:inline-block;opacity:0;transform:translateY(6px);filter:blur(4px);animation:tour-word .5s cubic-bezier(.16,1,.3,1) forwards}
@keyframes tour-word{to{opacity:1;transform:none;filter:none}}
.tour-tip{display:grid;gap:3px;margin-top:4px;padding:11px 13px;border-radius:14px;background:linear-gradient(120deg,#6ff7d814,#c291ff10);box-shadow:inset 0 0 0 1px #6ff7d844;font-size:13.5px;line-height:1.5;color:#cfeee4;
  opacity:0;animation:tour-word .6s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--d,600ms)}
.tour-tip b{font-size:12px;color:#6ff7d8}
.tour-nav-row{display:flex;gap:8px;justify-content:space-between}
.tour-back,.tour-go{height:44px;border:0;border-radius:13px;padding:0 18px;font:800 14px Manrope,sans-serif;cursor:pointer}
.tour-back{background:#ffffff0d;color:#cfe}.tour-back:disabled{opacity:.3;cursor:default}
.tour-go{flex:1;max-width:240px;margin-left:auto;background:linear-gradient(135deg,#c291ff,#58e2ca);color:#120b26;box-shadow:0 10px 30px #58e2ca33;transition:transform .2s}
.tour-go:hover{transform:translateY(-1px)}
.tour-confetti{position:fixed;top:0;font-style:normal;font-size:26px;pointer-events:none;z-index:2}
@media(max-width:760px){.tour-top h3{font-size:17px}.tour-emo{width:44px;height:44px;font-size:23px}.tour-body p{font-size:14px}.tour-seg span{display:none}.tour-seg{height:8px}}
@media(prefers-reduced-motion:reduce){.tour-spot,.tour-card{transition:none}.tour-spot:after{animation:none}}
.tour-spot.is-free{box-shadow:0 0 0 200vmax rgba(2,8,12,.74)}.tour-spot.is-free:after{display:none}
html.tour-on .tour-target{scroll-margin-top:72px}