.is-focus:after{content:"";flex:0 0 auto;width:1.5px;height:calc(16 * var(--mock-u, 1px));margin-left:calc(-6 * var(--mock-u, 1px));background:var(--p-ink)}.gpage__hero{background:linear-gradient(135deg,#e7f0ff,#d2e2fe 55%,#e3eeff)}.glass{background:linear-gradient(145deg,rgba(255,255,255,.85),rgba(186,211,254,.55))}.glass:after{content:"";width:0;height:0;margin-left:calc(5 * var(--mock-u, 1px));border-left:var(--gw,calc(17 * var(--mock-u, 1px))) solid var(--p);border-top:var(--gh,calc(11 * var(--mock-u, 1px))) solid transparent;border-bottom:var(--gh,calc(11 * var(--mock-u, 1px))) solid transparent}.donut{background:conic-gradient(var(--grade-s) 0 8.45%,var(--grade-a) 0 28.17%,var(--grade-b) 0 60.56%,var(--grade-c) 0 100%)}.donut:before{content:"";position:absolute;inset:var(--hole,calc(20 * var(--mock-u, 1px)));border-radius:50%;background:var(--p-card)}.s4__run em:after{content:"";display:block;width:100%;height:100%;border-radius:calc(4 * var(--mock-u, 1px));background:linear-gradient(90deg,#578ef0,var(--p));transform-origin:0 50%;transform:scaleX(0)}.app{--mock-u:var(--u);container-type:inline-size;display:grid;grid-template-columns:calc(60 * var(--mock-u, 1px)) minmax(0,1fr);height:clamp(calc(460 * var(--mock-u, 1px)),calc(100vh - calc(200 * var(--mock-u, 1px))),calc(560 * var(--mock-u, 1px)));overflow:hidden;border-radius:calc(24 * var(--mock-u, 1px));background:var(--p-bg);color:var(--p-ink);font-size:calc(12.5 * var(--mock-u, 1px));line-height:1.45;letter-spacing:-.01em;box-shadow:0 calc(30 * var(--mock-u, 1px)) calc(80 * var(--mock-u, 1px)) rgba(0,0,0,.4)}.app__main{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0}.app__stage{position:relative;min-height:0}.scr{--py:calc(16 * var(--mock-u, 1px));--px:calc(18 * var(--mock-u, 1px));position:absolute;inset:0;padding:var(--py) var(--px);opacity:0;visibility:hidden;transform:translateY(calc(22 * var(--mock-u, 1px))) scale(.985);transition:opacity .45s ease,transform .65s var(--ease),visibility 0s linear .45s}.scr.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .45s ease .05s,transform .65s var(--ease)}.app__side li.on{background:var(--p-soft);color:var(--p)}.acur{position:absolute;left:0;top:0;z-index:5;width:calc(34 * var(--mock-u, 1px));height:calc(34 * var(--mock-u, 1px));pointer-events:none;opacity:0;transition-property:transform,opacity;transition-duration:.95s,.3s;transition-timing-function:cubic-bezier(.45,.05,.2,1),ease;will-change:transform}.acur.is-on{opacity:1}.acur svg{position:relative;z-index:1;display:block;filter:drop-shadow(0 calc(3 * var(--mock-u, 1px)) calc(6 * var(--mock-u, 1px)) rgba(0,0,0,.28))}.acur i{position:absolute;left:calc(-11 * var(--mock-u, 1px));top:calc(-14 * var(--mock-u, 1px));width:calc(36 * var(--mock-u, 1px));height:calc(36 * var(--mock-u, 1px));border-radius:50%;background:rgba(46,111,228,.22);border:2px solid var(--p);opacity:0}.acur.is-click i{animation:clickRing .5s ease-out}.app .cur-hover{box-shadow:0 0 0 2px var(--p),0 0 0 calc(5 * var(--mock-u, 1px)) rgba(46,111,228,.16)!important;transition:box-shadow .2s ease}.scr__body{--z:1}@media (max-width:1440px){@container (max-width: 780px){.scr__body{zoom:.88;--z:0.88}}}@media (max-width:1440px){@container (max-width: 640px){.scr__body{zoom:.76;--z:0.76}}}@media (max-width:900px){.app{height:calc(480 * var(--mock-u, 1px));grid-template-columns:minmax(0,1fr);border-radius:calc(20 * var(--mock-u, 1px))}.app__side{display:none}.scr{--py:calc(12 * var(--mock-u, 1px));--px:calc(12 * var(--mock-u, 1px))}}.scr.play .type{animation:typing .7s steps(14) both;animation-delay:calc(var(--d, 0) * 1.9s + 1.2s)}.scr.play .s1 [data-cur=gen]{animation:press .5s ease 5.05s both}.scr.play .pvx--empty{animation:pvEmpty 5.9s both}.scr.play .pvx--page{animation:pvPage .6s ease 5.5s both}.scr.play .pvx__in{animation:pvScroll 5s cubic-bezier(.45,0,.25,1) 6.6s both}.scr.play .s2__list li{animation:up .45s var(--ease) both;animation-delay:calc(var(--d, 0) * 90ms + .1s)}.scr.play .s2__list li i{animation:pop .4s cubic-bezier(.3,1.6,.5,1) both;animation-delay:calc(var(--d, 0) * 90ms + .5s)}.scr.play .s2__copy{animation:press .5s ease 3.1s both}.scr.play .s2 .ptoast{animation:toastIn 2.4s ease 3.35s both}.scr.play .s3 .ptbl .tr:not(.th){animation:up .45s var(--ease) both;animation-delay:calc(var(--d, 0) * 80ms + .1s)}.scr.play .s3 .ptbl .tr.is-sel{animation:up .45s var(--ease) both .1s,selRow .4s ease both 1.45s}.scr.play .s3__drawer{animation:drawerIn .55s var(--ease) both 1.7s}.scr.play .s4__run{animation:runCard 1.6s ease 1.05s both}.scr.play .s4__run em:after{animation:growX 1.1s var(--ease) both 1.2s}.scr.play .s4__res{animation:pvPage .6s ease 2.5s both}.scr.play .s4__stats>div{animation:up .45s var(--ease) both;animation-delay:calc(var(--d, 0) * 80ms + 2.6s)}.scr.play .s4 .donut{animation:donutIn .9s var(--ease) both 2.85s}.scr.play .bars i{animation:barUp .8s var(--ease) both;animation-delay:calc(var(--d, 0) * 60ms + 2.95s)}.scr.play .s4__pdf{animation:press .5s ease 4.7s both}.scr.play .s4 .ptoast{animation:toastIn 2.4s ease 4.95s both}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,calc(8 * var(--mock-u, 1px)))}12%,82%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}@keyframes drawerIn{0%{transform:translateX(105%)}to{transform:none}}@keyframes selRow{to{background:var(--p-tint)}}@keyframes runCard{0%{opacity:0;visibility:visible;transform:translate(-50%,-44%)}12%,82%{opacity:1;visibility:visible;transform:translate(-50%,-50%)}to{opacity:0;visibility:hidden;transform:translate(-50%,-50%)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes growX{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes donutIn{0%{opacity:0;transform:rotate(-90deg) scale(.8)}to{opacity:1;transform:none}}@keyframes barUp{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes up{0%{opacity:0;transform:translateY(calc(12 * var(--mock-u, 1px)))}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes typing{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes press{50%{transform:scale(.94);filter:brightness(1.15)}}@keyframes pvEmpty{0%,85%{opacity:1}to{opacity:0}}@keyframes pvPage{0%{opacity:0;transform:translateY(calc(10 * var(--mock-u, 1px)))}to{opacity:1;transform:none}}@keyframes pvScroll{0%{transform:none}to{transform:translateY(calc(-120 * var(--mock-u, 1px)))}}@keyframes clickRing{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.5)}}