.visually-hidden{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.ru{display:none}#ru:checked~.wrap .en{display:none}#ru:checked~.wrap .ru{display:inline}#ru:focus-visible~.wrap label[for=ru]{outline:3px solid var(--mint);outline-offset:4px}label.lang{cursor:pointer;display:inline-block}.native-demo{scroll-margin-top:25px}.motion-control{font-size:13px;color:var(--mint);cursor:pointer}#animate{accent-color:var(--mint);width:18px;height:18px;vertical-align:middle;margin:0 10px 0 0}.scenario{padding:0;border:1px solid var(--line);border-radius:13px;margin:10px 0;overflow:hidden;background:#0e171e}.scenario>summary{padding:16px 19px;display:flex;align-items:center;gap:14px;list-style:none;font-size:14px;font-weight:600}.scenario>summary:after{content:'+';font:18px var(--mono);margin-left:8px;color:var(--muted)}.scenario[open]>summary:after{content:'−'}.scenario-number{font:11px var(--mono);color:var(--muted)}.scenario-badge{margin-left:auto;font:12px var(--mono)}.scenario[open]{border-color:#5e8c76}.scenario .lab{border-radius:0;border:0;box-shadow:none}.raw-case{margin:13px;border:1px solid var(--line);font-weight:400}.scenario .progress span{width:100%}.scenario .event{opacity:1;transform:none}.scenario .orbit:before{animation:none}#animate:checked~.scenario-list .scenario[open] .event{animation:trace-event 8s ease-in-out infinite;animation-delay:var(--delay)}#animate:checked~.scenario-list .scenario[open] .orbit:before{animation:orbit 18s linear infinite}#animate:checked~.scenario-list .scenario[open] .progress span{animation:trace-progress 8s linear infinite}.post-copy{margin:0;min-width:310px;max-width:520px}.post-copy textarea{width:100%;background:#0b141b;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:12px;margin-top:12px;resize:vertical;font:12px/1.6 var(--mono)}@keyframes trace-event{0%,14%,100%{border-color:transparent;background:#0a1218}3%,11%{border-color:var(--mint);background:#1b3027}}@keyframes trace-progress{from{width:0}to{width:100%}}@media(max-width:580px){.scenario>summary{padding:14px 12px;font-size:12px;gap:8px}.scenario-badge{font-size:10px}.post-copy{min-width:0;width:100%}.motion-control{font-size:11px}.raw-case{margin:10px}.native-demo>.fine{font-size:11px}.share{display:block}.post-copy{margin-top:15px}}@media(prefers-reduced-motion:reduce){#animate~.scenario-list *{animation:none!important}.scenario .progress span{width:100%!important}}