.scene{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap;position:relative;margin:0 0 2rem;padding:1.75rem 1.5rem 1.4rem;background:var(--c-bg-card, #fff);border:1px solid var(--c-border);border-radius:14px;color:var(--c-primary);overflow:hidden}.scene svg{display:block;overflow:visible}.js .scene svg path{stroke-dasharray:1;stroke-dashoffset:1}.js .scene--on svg path{animation:doodle-draw var(--dur, .6s) cubic-bezier(.45,0,.3,1) forwards;animation-delay:var(--d, 0s)}.scene .sk-dash{stroke-dasharray:.035 .02!important}.js .scene .sk-dash{opacity:0;stroke-dashoffset:.11}.js .scene--on .sk-dash{animation-name:sketch-dashmarch}@keyframes sketch-dashmarch{to{opacity:1;stroke-dashoffset:0}}.sk-old{color:#8a8577}.sk-bad{color:#b91c1c}.sk-good{color:#15803d}.sk-lockpath{color:#7a7da8}.sc-half{display:flex;flex-direction:column;align-items:center;gap:.4rem}.sc-half svg{width:clamp(110px,16vw,130px);height:auto}.sc-half--bad{color:#98979c}.sc-divider{width:1px;align-self:stretch;background:var(--c-border)}.sc-cap{font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--c-text-muted);text-align:center;max-width:190px;line-height:1.45}.sc-cap--center{flex-basis:100%;max-width:none}.js .sc-cap{opacity:0;transform:translateY(6px);transition:opacity .5s var(--ease) 1.9s,transform .5s var(--ease) 1.9s}.js .scene--on .sc-cap{opacity:1;transform:none}.sc-chip{font-size:.62rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:.28rem .7rem;border:1px solid rgba(85,88,156,.3);border-radius:20px;background:#55589c0f;color:var(--c-primary);white-space:nowrap}.sc-chips{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;flex-basis:100%}.sc-chip--float{position:absolute;top:.9rem;left:50%;transform:translate(-50%);background:#fff;box-shadow:var(--shadow-sm)}.js .sc-chip{opacity:0;transform:translateY(6px) scale(.9)}.js .sc-chip--float{transform:translate(-50%) translateY(6px) scale(.9)}.js .scene--on .sc-chip{animation:sc-pop .45s var(--ease) forwards;animation-delay:var(--d, 0s)}@keyframes sc-pop{to{opacity:1;transform:translateY(0) scale(1)}}.js .scene--on .sc-chip--float{animation-name:sc-pop-float}@keyframes sc-pop-float{to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.sc-ui{width:150px;border:1px solid #e8e7e1;border-radius:10px;background:#fff;box-shadow:var(--shadow-sm);overflow:hidden}.sc-ui--wide{width:210px}.sc-ui-bar{display:flex;gap:4px;padding:6px 8px;border-bottom:1px solid #ececec}.sc-ui-bar i{width:6px;height:6px;border-radius:50%;background:#e3e3ec}.sc-ui-row{display:flex;align-items:center;gap:7px;padding:7px 9px}.sc-ui-av{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#8487c4,#b6b9ef);flex-shrink:0}.sc-ui-line{height:6px;flex:1;border-radius:3px;background:#ececf2}.sc-ui-pill{width:26px;height:8px;border-radius:4px;background:#e8f5ec;flex-shrink:0}.sc-ui-pill--new{background:#bbe7c9}.js .sc-ui-row:not(.sc-ui-row--static){opacity:0;transform:translate(-8px)}.js .scene--on .sc-ui-row:not(.sc-ui-row--static){animation:sc-row .4s var(--ease) forwards;animation-delay:var(--d, 0s)}@keyframes sc-row{to{opacity:1;transform:none}}.sc-ui-row--new{background:#15803d12}.sc-model{background:#171722 repeating-linear-gradient(0deg,transparent 0 15px,rgba(132,135,196,.05) 15px 16px);border-radius:10px;padding:.55rem .8rem .65rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;line-height:1.55;color:#6a6d8f;min-width:168px}.sc-model--strip{min-width:250px}.sc-model-head{display:flex;gap:5px;align-items:center;font-size:9px;letter-spacing:.06em;color:#7a7da8;margin-bottom:.35rem}.sc-model-head i{width:6px;height:6px;border-radius:50%;background:#33344a}.sc-model-head i:first-child{background:#4a4c6e}.sc-mline{display:block;white-space:pre}.sc-mline b{color:#8f93d8;font-weight:400}.sc-mline em{color:#86d3a8;font-style:normal}.js .sc-mline:not(.sc-mline--static){opacity:0;transform:translateY(3px)}.js .scene--on .sc-mline:not(.sc-mline--static){animation:sc-row .25s ease forwards;animation-delay:var(--d, 0s)}.sc-xrow{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:center}.sc-links{width:44px;height:96px;color:#a9abd4}.sc-mline--type .sc-type{display:inline-block;overflow:hidden;white-space:pre;max-width:0;vertical-align:bottom}.js .scene--on .sc-mline--type .sc-type{animation:sc-typewriter 1.2s steps(24,end) forwards;animation-delay:var(--d, 0s)}@keyframes sc-typewriter{0%{max-width:0}to{max-width:100%}}.sc-mline--type:after{content:"";display:inline-block;width:6px;height:11px;margin-left:2px;vertical-align:-1px;background:#8487c4;opacity:0}.js .scene--on .sc-mline--type:after{opacity:1;animation:mm-caret 1s steps(2) infinite}.sc-down{width:20px;height:30px}.sc-exit-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center}.sc-exit-items{display:flex;gap:1.1rem}.sc-exit-item{display:flex;flex-direction:column;align-items:center;gap:.15rem;font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-muted)}.scene .sc-exit-item .sc-mini{width:30px;height:30px;margin-bottom:0}.js .sc-exit-item{opacity:0;transform:translate(-8px)}.js .scene--on .sc-exit-item{animation:sc-row .45s var(--ease) forwards;animation-delay:var(--d, 0s)}.sc-exit-arrow{width:84px;height:28px;color:#a9abd4}.scene .sc-exit-door{width:44px;height:44px;margin-bottom:0}.sc-wide{width:min(100%,320px);height:auto}.sd-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:center}.sd-model{min-width:205px}.sd-line{display:block;white-space:pre;border-radius:4px;padding:0 3px}.sd-line b{color:#8f93d8;font-weight:400}.sd-line em{color:#86d3a8;font-style:normal}.sd-line--new{color:#4ade80}.sd-links{width:44px;height:112px;color:#a9abd4}.sd-linknew{color:#6fbe8b}.sd-ui{width:168px}.sd-title{height:11px;border-radius:4px;background:#dcdcea;margin:9px 9px 3px}.sd-btnrow{display:flex;justify-content:flex-end;padding:4px 9px 7px}.sd-btn{display:block;height:13px;width:54px;border-radius:7px;background:#55589c;opacity:.85}.sd-av--new{background:linear-gradient(135deg,#15803d,#4ade80)}.js .sd-line{opacity:0;transform:translateY(3px)}.js .scene--on .sd-line{animation:sc-row .25s ease forwards;animation-delay:var(--d, 0s)}.js .sd-el{opacity:0;transform:translate(8px)}.js .scene--on .sd-el{animation:sd-elin .35s var(--ease) forwards;animation-delay:var(--d, 0s)}@keyframes sd-elin{to{opacity:1;transform:none}}.js .scene--on .sd-line.sd-p1{animation:sc-row .25s ease var(--d) forwards,sd-hlm 6.9s ease-in-out 5.8s infinite}.js .scene--on .sd-line.sd-p2{animation:sc-row .25s ease var(--d) forwards,sd-hlm 6.9s ease-in-out 8.1s infinite}.js .scene--on .sd-line.sd-p3{animation:sc-row .25s ease var(--d) forwards,sd-hlm 6.9s ease-in-out 10.4s infinite}.js .scene--on .sd-el.sd-p1{animation:sd-elin .35s var(--ease) var(--d) forwards,sd-hlu 6.9s ease-in-out 5.8s infinite}.js .scene--on .sd-el.sd-p2{animation:sd-elin .35s var(--ease) var(--d) forwards,sd-hlu 6.9s ease-in-out 8.1s infinite}.js .scene--on .sd-el.sd-p3{animation:sd-elin .35s var(--ease) var(--d) forwards,sd-hlu 6.9s ease-in-out 10.4s infinite}@keyframes sd-hlm{0%,9%{background:#8487c42e}14%,to{background:transparent}}@keyframes sd-hlu{0%,9%{box-shadow:0 0 0 2px #55589c66}14%,to{box-shadow:0 0 #55589c00}}.sc-center{margin-left:auto;margin-right:auto;max-width:620px}@media (max-width: 620px){.scene{gap:1rem;padding:1.25rem 1rem 1.1rem}.sc-divider,.sd-links,.sc-links{display:none}}@media (prefers-reduced-motion: reduce){.js .scene svg path{stroke-dasharray:none;stroke-dashoffset:0;animation:none!important}.js .scene .sc-cap,.js .scene .sc-chip,.js .scene .sc-ui-row,.js .scene .sc-mline,.js .scene .sc-exit-item{opacity:1;transform:none;animation:none!important}.js .scene .sc-chip--float{transform:translate(-50%)}.js .scene .sc-mline--type .sc-type{max-width:100%;animation:none!important}.js .scene .sd-line,.js .scene .sd-el{opacity:1;transform:none;animation:none!important}}
