.tour{z-index:90;position:fixed;inset:0}.tour__dim{background:#040606a8;position:fixed;inset:0}.tour__spot{pointer-events:none;outline:3px solid var(--green);outline-offset:2px;transition:left .28s,top .28s,width .28s,height .28s;position:fixed;box-shadow:0 0 0 9999px #040606a8}.tour__spot:after{content:"";border-radius:inherit;border:3px solid var(--green);animation:1.8s ease-out infinite tour-pulse;position:absolute;inset:-3px}@keyframes tour-pulse{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.18,1.5)}}@media (prefers-reduced-motion:reduce){.tour__spot{transition:none}.tour__spot:after{animation:none}}.tour__card{border-radius:var(--radius);background:var(--panel);border:1px solid var(--line-strong);color:var(--ink);outline:none;padding:18px 18px 14px;transition:left .28s,top .28s;position:fixed;box-shadow:0 18px 60px #00000080}.tour__count{letter-spacing:.08em;text-transform:uppercase;color:var(--green);margin-bottom:6px;font-size:11px;font-weight:700}.tour__title{margin:0 0 6px;font-size:18px;font-weight:800}.tour__body{color:var(--ink-soft);margin:0 0 14px;font-size:13.5px;line-height:1.55}.tour__head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.tour__nav{align-items:center;gap:8px;display:flex}.tour__dots{flex-wrap:wrap;flex:1;gap:4px;display:flex}.tour__dots span{background:var(--line-strong);border-radius:50%;width:6px;height:6px}.tour__dots span.done{background:var(--ink-faint)}.tour__dots span.on{background:var(--green)}.tour__end{flex-direction:column;gap:8px;display:flex}.tour-paused{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:90;background:var(--panel);border:1px solid var(--line-strong);border-radius:999px;align-items:center;gap:10px;padding:10px 12px 10px 16px;font-size:13.5px;font-weight:700;display:flex;position:fixed;box-shadow:0 12px 40px #00000073}@media (max-width:767px){.tour-paused{bottom:calc(76px + env(safe-area-inset-bottom))}}
.modebar{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--green-soft);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;padding:8px 10px 8px 14px;font-size:13px;display:flex}.modebar__dot{background:var(--green);border-radius:50%;flex:none;width:8px;height:8px}.modebar__name{color:var(--ink);font-weight:800}.modebar__note{color:var(--ink-soft)}.modebar__error{color:var(--orange)}.modebar__switch{border:1px solid var(--line-strong);background:var(--panel);color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;margin-left:auto;padding:6px 12px;font-weight:700}.modebar__switch:hover:not(:disabled){border-color:var(--ink-faint)}.modebar__switch:disabled{opacity:.6;cursor:default}.modebar--learning{background:#6ea8ff1f}.modebar--learning .modebar__dot{background:var(--blue)}@media (max-width:760px){.modebar{border-width:0 0 1px;border-radius:0;margin:0;padding:8px 16px}.modebar__note,.shell--lesson .modebar{display:none}}