html.tr-on:not(.tr-final) .tk-orb,html.tr-on .mob-top,html.tr-on .sx-mhint,html.tr-on .sx-note{display:none}html.tr-on .app .side{transition:transform .5s var(--ease)}html.tr-st .app .side{transform:translate(-140%)}html:has(.wl) .app .side{transform:translate(-140%)}html:has(.tr-gate) .app .side{transform:translate(-140%)}@media (max-width:620px){html.tr-st .app .side{transform:translateY(160%)}html:has(.wl) .app .side{transform:translateY(160%)}html:has(.tr-gate) .app .side{transform:translateY(160%)}}.tr-dim{z-index:72;background:color-mix(in srgb,var(--bg) 92%,transparent);pointer-events:none;animation:tr-in .28s var(--ease) both;position:fixed;inset:0}.tr-dim.mute{background:color-mix(in srgb,var(--bg) 97%,transparent)}.tr-dim.morph{transition:clip-path .42s var(--ease),background-color .3s var(--ease)}.tr-shield{z-index:72;touch-action:none;position:fixed;inset:0}.tr-wait{background:0 0}.tr-ring{z-index:73;box-sizing:border-box;border:2px solid var(--strong);pointer-events:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--strong) 16%,transparent);animation:tr-in .24s var(--ease) both;position:fixed;top:0;left:0}.tr-ring:after{content:"";border:2px solid var(--strong);border-radius:inherit;animation:1.8s ease-out infinite tr-pulse;position:absolute;inset:-2px}.tr-arrow{z-index:73;width:22px;height:22px;color:var(--strong);pointer-events:none;animation:tr-in .24s var(--ease) both;position:fixed;top:0;left:0}.tr-arrow svg{width:100%;height:100%;animation:1.1s ease-in-out infinite alternate tr-nudge;display:block}.tr-card{z-index:74;box-sizing:border-box;border:1px solid var(--g-line,var(--line));background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(26px)saturate(1.3);backdrop-filter:blur(26px)saturate(1.3);width:calc(100vw - 20px);color:var(--ink);font-family:var(--f-body);text-align:left;animation:tr-card .28s var(--ease) both;touch-action:manipulation;border-radius:22px;gap:6px;padding:15px 16px 12px;display:grid;position:fixed;top:0;left:0;box-shadow:0 14px 50px #0000006b}.tr-t{color:var(--strong);font-size:15px;font-weight:600;line-height:1.25}.tr-p{color:var(--ink);margin:0;font-size:14px;line-height:1.38}.tr-acts{flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:8px;display:flex}.tr-go,.tr-alt{min-height:44px;font:600 14px/1 var(--f-body);cursor:pointer;touch-action:manipulation;transition:transform var(--dur-fast,.14s) var(--ease);border:0;border-radius:999px;flex:auto;padding:0 16px}.tr-go{background:var(--accent);color:var(--on-accent)}.tr-alt{background:color-mix(in srgb,var(--strong) 10%,transparent);color:var(--ink)}.tr-go:active,.tr-alt:active{transform:scale(.97)}.tr-go:focus-visible,.tr-alt:focus-visible,.tr-skip:focus-visible{outline:2px solid var(--strong);outline-offset:2px}.tr-skip{color:var(--dim);font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;flex:none;margin:0 auto;padding:10px 6px;font-size:13px;line-height:1}.tr-pause{z-index:74}.tr-gate{z-index:74;padding:calc(16px + var(--sa-t)) 16px calc(16px + var(--sa-b));background:color-mix(in srgb,var(--bg) 42%,transparent);-webkit-backdrop-filter:blur(34px)saturate(1.2);backdrop-filter:blur(34px)saturate(1.2);color:var(--ink);font-family:var(--f-body);animation:tr-in .36s var(--ease) both;place-items:center;display:grid;position:fixed;inset:0}.tr-gate-b{box-sizing:border-box;border:1px solid var(--g-line,var(--line));background:color-mix(in srgb,var(--bg) 72%,transparent);width:min(480px,100%);animation:tr-card .4s var(--ease) both;border-radius:30px;gap:14px;padding:30px 24px 14px;display:grid;box-shadow:0 24px 90px #00000075}.tr-gate-t{letter-spacing:-.025em;color:var(--strong);margin:0;font-size:clamp(30px,8.6vw,42px);line-height:1.06}.tr-gate-p{margin:0;font-size:15.5px;line-height:1.42}.tr-gate-a{gap:4px;margin-top:10px;display:grid}.tr-gate-a .tr-go{min-height:52px;font-size:15px}.tr-gate-a .tr-skip{padding:14px 8px}.tr-big{left:16px;right:16px;top:calc(16px + var(--sa-t));-webkit-backdrop-filter:none;backdrop-filter:none;width:auto;box-shadow:none;pointer-events:none;background:0 0;border:0;border-radius:0;gap:10px;padding:0}.tr-big:before{content:"";inset:calc(-16px - var(--sa-t)) -16px -22px;z-index:-1;background:linear-gradient(var(--bg) 78%,transparent);position:absolute}.tr-big-t{letter-spacing:-.025em;color:var(--strong);margin:0;font-size:clamp(30px,8.6vw,48px);line-height:1.06}.tr-big .tr-p{font-size:15.5px;line-height:1.4}.tr-draw{fill:none;stroke:var(--strong);stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:1.3s cubic-bezier(.5,.05,.4,1) forwards tr-stroke}.tr-draw.gone{opacity:0;transition:opacity .35s var(--ease)}@keyframes tr-stroke{to{stroke-dashoffset:0}}.tr-x{right:var(--sa-r,0px);z-index:75;border:1px solid color-mix(in srgb,var(--strong) 34%,transparent);background:color-mix(in srgb,var(--bg) 86%,transparent);height:52px;color:var(--strong);font:600 13px/1 var(--f-body);cursor:pointer;touch-action:manipulation;border-right:0;border-radius:16px 0 0 16px;align-items:center;gap:8px;margin-top:-26px;padding:0 12px;display:flex;position:fixed;top:50%;box-shadow:0 8px 28px #00000059}.tr-x-t{white-space:nowrap;opacity:0;max-width:0;transition:max-width .45s var(--ease),opacity .3s var(--ease);overflow:hidden}.tr-x.wide .tr-x-t{opacity:1;max-width:170px}.tr-x.wide{animation:tr-x-in .5s var(--ease) both}@keyframes tr-x-in{0%{transform:translate(100%)}}.tr-ask-w{z-index:76;background:color-mix(in srgb,var(--bg) 72%,transparent);animation:tr-in .2s var(--ease) both;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.tr-card.tr-ask{width:min(340px,100%);position:relative}.tr-stay{z-index:60;background:var(--accent);width:min(372px,100vw - 28px);height:62px;color:var(--on-accent);font:600 15px/1 var(--f-body);white-space:nowrap;cursor:pointer;touch-action:manipulation;border:0;border-radius:999px;margin-inline:auto;position:fixed;bottom:18px;left:0;right:0;box-shadow:0 18px 44px #0000006b}@media (max-width:620px){.tr-stay{width:auto;height:58px;left:14px;right:70px;bottom:calc(86px + var(--sa-b,0px));margin:0}}html.tr-on:not(.tr-demo) .demo-cta,html.tr-stay .demo-cta{visibility:hidden}.tr-hint.ok{border-color:color-mix(in srgb,var(--up) 70%,transparent);transition:border-color .25s var(--ease)}.tr-okic{background:color-mix(in srgb,var(--up) 22%,transparent);width:22px;height:22px;animation:tr-okin .35s var(--ease) both;border-radius:50%;place-items:center;display:grid}.tr-okic svg{fill:none;width:14px;height:14px;stroke:var(--up);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16;stroke-dashoffset:16px;animation:tr-okdraw .35s .1s var(--ease) forwards}@keyframes tr-okin{0%{opacity:0;transform:scale(.4)}}@keyframes tr-okdraw{to{stroke-dashoffset:0}}.tr-fin .tr-gate-b{justify-items:start}.tr-fin-ic{width:64px;height:64px;margin-bottom:4px}.tr-fin-ic circle{fill:none;stroke:color-mix(in srgb,var(--up) 85%,transparent);stroke-width:3px;stroke-dasharray:176;stroke-dashoffset:176px;transform-origin:50%;animation:tr-okdraw .8s .15s var(--ease) forwards;transform:rotate(-90deg)}.tr-fin-ic path{fill:none;stroke:var(--up);stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40px;animation:tr-okdraw .45s .8s var(--ease) forwards}html.tr-final .tk-orb{outline:2px solid var(--strong);outline-offset:5px;animation:1.8s ease-in-out infinite tr-orb}@keyframes tr-orb{50%{outline-offset:9px;outline-color:color-mix(in srgb,var(--strong) 40%,transparent)}}.tr-zoom{z-index:73;box-sizing:border-box;background:var(--bg);transform-origin:50%;pointer-events:none;will-change:transform,opacity;border-radius:22px;position:fixed;overflow:hidden}@media (min-width:621px){html.tr-on .app{transition:grid-template-columns .5s var(--ease)}html.tr-st .app{grid-template-columns:0 minmax(0,1fr)}}.tr-pull{z-index:73;border:2px solid var(--strong);background:color-mix(in srgb,var(--strong) 20%,transparent);pointer-events:none;border-radius:50%;width:44px;height:44px;margin-left:-22px;animation:1.6s ease-in-out infinite tr-pull-down;position:fixed;top:44%;left:50%}.tr-pull.up{animation-name:tr-pull-up}@keyframes tr-pull-down{0%{opacity:0;transform:translateY(-70px)}18%{opacity:1}78%{opacity:1}to{opacity:0;transform:translateY(80px)}}@keyframes tr-pull-up{0%{opacity:0;transform:translateY(80px)}18%{opacity:1}78%{opacity:1}to{opacity:0;transform:translateY(-70px)}}:is(html:has(.sx-help) .tr-dim,html:has(.sx-help) .tr-shield,html:has(.sx-help) .tr-ring,html:has(.sx-help) .tr-arrow,html:has(.sx-help) .tr-card,html:has(.sx-help) .tr-x){display:none}.tr-hint{left:10px;right:10px;top:calc(10px + var(--sa-t));pointer-events:auto;gap:4px;width:auto;padding:12px 14px;position:fixed}.tr-hh{align-items:baseline;gap:10px;display:flex}.tr-hh .tr-t{margin-right:auto}.tr-n{color:var(--dim);font-size:12px;font-style:normal}.tr-hint .tr-skip{margin:-10px -6px -10px 0}.tr-guide{z-index:71;pointer-events:none;position:fixed;overflow:hidden}.tr-guide svg{display:block}.tr-guide path{fill:none;stroke:var(--strong);stroke-width:2.5px;stroke-dasharray:3 9;stroke-linecap:round;stroke-linejoin:round;opacity:.8}.tr-dot{border:2px solid var(--strong);background:color-mix(in srgb,var(--strong) 24%,transparent);will-change:transform,opacity;border-radius:50%;width:22px;height:22px;position:absolute;top:0;left:0}.tr-dot.off{display:none}.tr-ring-free{z-index:73}html.tr-lesson .sx-mdock,html.tr-lesson .sx-mdock *,html.tr-lesson .sx-rail,html.tr-lesson .sx-rail *{pointer-events:none}html.tr-st .sx-mreset,html.tr-st .sx-auto,html.tr-st .sx-selbar,html.tr-st .sx-mpins,html.tr-st .sx-rclear,html.tr-st .sx-mhint,html.tr-st:not(.tr-lv-top) .sx-top,html.tr-st:not(.tr-lv-top) .sx-mtop,html.tr-st:not(.tr-lv-top) .st-grid,html.tr-st:not(.tr-lv-top) .st-ax,html.tr-st:not(.tr-lv-top) .sx-readout,html.tr-st:not(.tr-lv-top) .sx-tz,html.tr-st:not(.tr-lv-manual) .sx-rtoggle,html.tr-st:not(.tr-lv-manual) .sx-mtoggle,html.tr-st:not(.tr-lv-manual) .sx-rmore,html.tr-st:not(.tr-lv-manual) .sx-rule,html.tr-st:not(.tr-lv-ideas) .st-tl,html.tr-st:not(.tr-lv-ideas) .sx-mmain .sx-mt[aria-label=Идеи]{display:none}html.tr-lv-manual .sx-rtoggle,html.tr-lv-manual .sx-mtoggle,html.tr-lv-top .sx-top,html.tr-lv-top .sx-mtop,html.tr-lv-ideas .sx-mmain .sx-mt[aria-label=Идеи],html.tr-lv-ideas .st-tl{animation:tr-in .4s var(--ease) both}@media (max-width:620px){html.tr-st .sx-mdock,html.tr-st .sx-mdec,html.tr-st .sx-mideas{bottom:calc(14px + var(--sa-b))}}html.tr-lesson .sx-pool.ask .sx-pk:not(.lead){opacity:.75;transform:none}html.tr-lesson .sx-pool.ask .sx-pk{display:inline-flex}@keyframes tr-in{0%{opacity:0}}@keyframes tr-card{0%{opacity:0;translate:0 8px}}@keyframes tr-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.22)}}@keyframes tr-nudge{0%{transform:translateY(-3px)}to{transform:translateY(3px)}}@media (min-width:621px){.tr-card{width:340px}.tr-hint{left:50%;right:auto;top:calc(var(--sx-in,12px) + 60px + 58px);width:420px;margin-left:-210px}.tr-big{text-align:center;width:min(720px,100vw - 180px);left:50%;right:auto;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.tr-dim,.tr-ring,.tr-arrow,.tr-card,.tr-gate,.tr-gate-b,.tr-pull,.tr-okic,.tr-okic svg,.tr-fin-ic circle,.tr-fin-ic path{stroke-dashoffset:0;animation:none}html.tr-final .tk-orb{animation:none}.tr-dim.morph{transition:none}.tr-draw{stroke-dashoffset:0;animation:none}.tr-ring:after,.tr-arrow svg{animation:none}html.tr-on .app .side{transition:none}}