/* Интро «Глаз уходит в колодец». Показывается поверх уже загруженной главной. */
.askr-intro{display:none}
html.intro-on{overflow:hidden}
html.intro-on .askr-intro{display:block;position:fixed;inset:0;z-index:1000;background:var(--bg,#f0eee8);color:var(--ink,#262322);font-family:var(--sans,Arial,Helvetica,sans-serif);touch-action:none;-webkit-user-select:none;user-select:none}
.intro-skip{position:absolute;top:20px;right:40px;border:0;background:transparent;padding:0 2px;min-height:44px;font-size:13px;color:var(--ink,#262322);text-decoration:underline;text-underline-offset:5px;cursor:pointer}
.intro-skip:hover{color:var(--accent,#5839ce)}
.intro-skip:focus-visible{outline:3px solid var(--accent,#5839ce);outline-offset:5px}
.intro-stage{position:absolute;inset:0;display:grid;place-items:center;border:0;background:transparent;padding:0;cursor:pointer;color:inherit;outline:none}
.intro-stage svg{display:block;width:min(98vw,94vh);height:auto;overflow:visible}
.intro-stage svg *{vector-effect:non-scaling-stroke}
.ai-line{fill:none;stroke:var(--ink,#262322);stroke-width:1;stroke-linecap:round}
.ai-soft{fill:none;stroke:var(--muted,#625f5b);stroke-width:1;stroke-linecap:round}
.ai-faint{fill:none;stroke:var(--line,#ccc8c0);stroke-width:1;stroke-linecap:round}
.ai-accent{fill:var(--accent,#5839ce)}
.ai-bgfill{fill:var(--bg,#f0eee8)}
.ai-tree path{fill:none;stroke:#bdb8af;stroke-width:.5;stroke-linecap:round;vector-effect:none;stroke-dasharray:1;stroke-dashoffset:1;animation:ai-draw 1.3s cubic-bezier(.45,0,.25,1) var(--d,0s) forwards}
.ai-tree .ai-trunk{stroke:#a9a39a}
@keyframes ai-draw{to{stroke-dashoffset:0}}
.ai-raven{fill:var(--ink,#262322);stroke:none}
.ai-ripple{fill:none;stroke:var(--accent,#5839ce);stroke-width:1}
@media(max-width:760px){.intro-skip{top:14px;right:20px;font-size:12px}}
@media(max-width:380px){.intro-skip{right:16px}}