.reel-wrap{isolation:isolate;position:relative}.reel-glow{z-index:-1;pointer-events:none;--g1:#8db1ff;--g2:#b9c4ff;--g3:#9fdcff;--g4:#ffd2bc;--g5:#c6b6ff;position:absolute;inset:-34% -16% -22%;-webkit-mask-image:radial-gradient(60% 56% at 50% 54%,#000 30%,#0000 78%);mask-image:radial-gradient(60% 56% at 50% 54%,#000 30%,#0000 78%)}.reel-wrap:has(.reel[data-act="1"]) .reel-glow{--g1:#b4a4ff;--g2:#8fe0d5;--g3:#cbb7ff;--g4:#9dcfff;--g5:#f7c8e1}.reel-wrap:has(.reel[data-act="2"]) .reel-glow{--g1:#ffc29a;--g2:#ffae88;--g3:#ffd7a5;--g4:#f5b5c5;--g5:#c8d3ff}.reel-glow i{aspect-ratio:1;opacity:.82;will-change:transform;background:radial-gradient(closest-side,currentColor,#0000);border-radius:50%;transition:color 1.8s;position:absolute}.reel-glow i:first-child{width:44%;color:var(--g1);animation:19s ease-in-out infinite alternate glow-a;top:14%;left:2%}.reel-glow i:nth-child(2){width:42%;color:var(--g2);animation:23s ease-in-out infinite alternate glow-b;top:0;left:46%}.reel-glow i:nth-child(3){width:48%;color:var(--g3);animation:27s ease-in-out infinite alternate glow-c;top:40%;left:26%}.reel-glow i:nth-child(4){width:34%;color:var(--g4);animation:21s ease-in-out infinite alternate-reverse glow-b;top:36%;left:64%}.reel-glow i:nth-child(5){width:30%;color:var(--g5);animation:25s ease-in-out infinite alternate-reverse glow-a;top:48%;left:-4%}@keyframes glow-a{to{transform:translate(9%,-7%)scale(1.12)}}@keyframes glow-b{to{transform:translate(-11%,8%)scale(.9)}}@keyframes glow-c{to{transform:translate(6%,10%)scale(1.15)}}.reel{--u:1cqw;--mono:ui-monospace,SFMono-Regular,Menlo,monospace;--ink:#1b2333;--sub:#5d6980;--faint:#8a94a6;--line:#1d2b5214;--hair:#1d2b520f;--ac:#3d66dc;--ac-soft:#e8eeff;aspect-ratio:16/7;isolation:isolate;width:100%;color:var(--ink);text-align:left;backdrop-filter:blur(26px)saturate(1.6);background:linear-gradient(#ffffffa8,#ffffff6e 58%,#ffffff94);border:1px solid #ffffffd9;border-radius:28px;margin:0;position:relative;overflow:hidden;box-shadow:0 0 0 1px #24346a12,0 50px 90px -48px #2b3f8a5c,0 18px 36px -24px #2b3f8a2e,inset 0 1px #fff,inset 0 -1px #ffffff80;container-type:inline-size}.reel[data-act="1"]{--ac:#6852de;--ac-soft:#efebff}.reel[data-act="2"]{--ac:#cf6436;--ac-soft:#fdeee4}.reel:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 70% at 50% -12%,#ffffffc4,#0000 62%);position:absolute;inset:0}.reel-grid{z-index:0;pointer-events:none;background-image:linear-gradient(#1d2b520b 1px,#0000 1px),linear-gradient(90deg,#1d2b520b 1px,#0000 1px);background-position:50%;background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(68% 62% at 50% 42%,#000 15%,#0000 72%);mask-image:radial-gradient(68% 62% at 50% 42%,#000 15%,#0000 72%)}.reel p{margin:0}.reel .mono{font-family:var(--mono)}.reel-stage{z-index:1;position:absolute;inset:0 0 88px}.reel .act{opacity:0;pointer-events:none;transition:opacity .6s,transform .9s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;transform:scale(.965)}.reel .act.is-on{opacity:1;animation:.9s cubic-bezier(.2,.7,.2,1) backwards act-in;transform:none}.reel .act:after{content:"";z-index:6;pointer-events:none;background:linear-gradient(104deg,#0000 43%,#ffffff9e 50%,#0000 57%);position:absolute;inset:-12% -30%;transform:translate(110%)}.reel .act.is-on:after{animation:1.6s cubic-bezier(.45,0,.25,1) .3s backwards sheen}@keyframes act-in{0%{opacity:0;transform:scale(1.035)}}@keyframes sheen{0%{transform:translate(-110%)}}.reel .set{transform-origin:50% 62%;position:absolute;inset:0}.reel .is-on .set{animation:4.4s both cam}@keyframes cam{0%{transform:perspective(1600px) rotateX(6deg) translateY(calc(var(--u)*1.6)) scale(.985)}to{transform:perspective(1600px)rotateX(0)scale(1.025)}}@keyframes rise{0%{opacity:0;transform:translateY(calc(var(--u)*.8))}}@keyframes pop{0%{opacity:0;transform:translateY(calc(var(--u)*2.2)) scale(.95)}}@keyframes draw{0%{stroke-dashoffset:100px}}@keyframes fade{0%{opacity:0}}@keyframes grow{0%{transform:scaleX(0)}}@keyframes grow-y{0%{transform:scaleY(0)}}.reel .rc{box-sizing:border-box;border-radius:calc(var(--u)*1.6);box-shadow:0 0 0 1px #1d2b5212,inset 0 1px 0 #fff,inset 0 -1px 0 #1d2b5208,0 1px 2px #1d2b520d,0 calc(var(--u)*1.2) calc(var(--u)*2.4) calc(var(--u)*-1.2) #1d2b521f,0 calc(var(--u)*3.6) calc(var(--u)*7) calc(var(--u)*-3) color-mix(in srgb,var(--ac) 30%,transparent);font-size:calc(var(--u)*1.3);background:linear-gradient(#fffffffa,#fbfcfef2);line-height:1.45;position:absolute}.reel-badge{z-index:3;box-shadow:0 0 0 1px var(--line),inset 0 1px 0 #fff,0 2px 6px -2px #1d2b5226;letter-spacing:.06em;color:var(--sub);background:#ffffffc2;border-radius:99px;align-items:center;gap:6px;padding:4px 11px 4px 9px;font-size:11px;font-weight:500;display:inline-flex;position:absolute;top:16px;left:16px}.reel-badge i{background:var(--ac);width:6px;height:6px;box-shadow:0 0 0 3px var(--ac-soft);border-radius:50%;transition:background .6s,box-shadow .6s}.reel-pause{z-index:3;width:30px;height:30px;box-shadow:0 0 0 1px var(--line),inset 0 1px 0 #fff,0 2px 6px -2px #1d2b5226;color:var(--sub);cursor:pointer;background:#ffffffc2;border:0;border-radius:99px;place-items:center;padding:0;transition:background .2s,color .2s;display:grid;position:absolute;top:13px;right:14px}.reel-pause:hover{color:var(--ink);background:#fff}.reel-pause svg{fill:currentColor;width:11px;height:11px}.reel-pause .i-play,.reel-pause[aria-pressed=true] .i-pause{display:none}.reel-pause[aria-pressed=true] .i-play{display:block}.reel button:focus-visible{outline:2px solid var(--ac);outline-offset:2px}.reel-foot{z-index:3;justify-items:center;gap:12px;padding-inline:16px;display:grid;position:absolute;bottom:16px;left:0;right:0}.reel-captions{text-align:center;width:100%;max-width:640px;display:grid}.cap{color:#4b566a;opacity:0;visibility:hidden;grid-area:1/1;font-size:14px;line-height:1.55;transition:opacity .5s,transform .5s,visibility 0s .5s;transform:translateY(4px)}.reel[data-act="0"] .cap-0,.reel[data-act="1"] .cap-1,.reel[data-act="2"] .cap-2{opacity:1;visibility:visible;transition:opacity .6s .2s,transform .6s .2s,visibility;transform:none}.reel-tabs{background:#1d2b520b;border-radius:99px;grid-template-columns:repeat(3,1fr);width:min(372px,100%);padding:4px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #1d2b520d,inset 0 1px 2px #1d2b520a}.reel-tabs:before{content:"";background:#fff;border-radius:99px;width:calc(33.3333% - 2.66667px);transition:transform .5s cubic-bezier(.3,.7,.2,1);position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 0 0 .5px #1d2b521a,0 1px 2px #1d2b521f,0 4px 10px -4px #1d2b5233}.reel[data-act="1"] .reel-tabs:before{transform:translate(100%)}.reel[data-act="2"] .reel-tabs:before{transform:translate(200%)}.reel-tab{z-index:1;appearance:none;font:inherit;color:#6b7487;cursor:pointer;background:0 0;border:0;border-radius:99px;justify-content:center;align-items:baseline;gap:6px;padding:7px 0 9px;font-size:13px;font-weight:500;transition:color .3s;display:flex;position:relative}.reel-tab:hover,.reel-tab[aria-pressed=true]{color:var(--ink)}.t-no{letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--faint);font-size:10px;font-weight:600;transition:color .3s}.reel-tab[aria-pressed=true] .t-no{color:var(--ac)}.reel-fill{background:var(--ac);opacity:0;transform-origin:0;border-radius:2px;height:2px;position:absolute;bottom:4px;left:30%;right:30%;transform:scaleX(0)}.reel-tab[aria-pressed=true] .reel-fill{opacity:1;animation:4s linear reel-fill;transform:scaleX(1)}@keyframes reel-fill{0%{transform:scaleX(0)}}.reel.is-paused *,.reel.is-paused :after{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.reel-pause{display:none}}@media (width<=900px){.reel{--u:1.2cqw;aspect-ratio:16/9;border-radius:24px}}@media (width<=650px){.reel{--u:2.5cqw;aspect-ratio:3/4.3;border-radius:22px}.reel-glow{inset:-18% -10% -12%}.reel-grid{background-size:24px 24px}.reel-stage{inset:44px 0 112px}.reel-badge{top:12px;left:12px}.reel-pause{top:9px;right:10px}.reel-foot{gap:10px;bottom:12px}.cap{font-size:13px}.reel .set{transform-origin:50% 40%}}.reel .term{width:45%;height:76%;top:9%;left:14%;overflow:hidden}.reel .term-bar{align-items:center;gap:calc(var(--u)*.6);height:calc(var(--u)*3);padding:0 calc(var(--u)*1.2);border-bottom:1px solid var(--hair);background:linear-gradient(#fbfcfd,#f2f4f8);display:flex}.reel .term-bar i{width:calc(var(--u)*1);aspect-ratio:1;background:#ff5f57;border-radius:50%;box-shadow:inset 0 0 0 .5px #00000024}.reel .term-bar i:nth-child(2){background:#febc2e}.reel .term-bar i:nth-child(3){background:#28c840}.reel .term-bar span{text-align:center;margin-right:calc(var(--u)*3.2);font-size:calc(var(--u)*1.05);color:var(--faint);flex:1;font-weight:500}.reel .term-body{gap:calc(var(--u)*.9);padding:calc(var(--u)*1.8) calc(var(--u)*2);font-size:calc(var(--u)*1.4);display:grid}.reel .pr{color:var(--ac);font-weight:600}.reel .br{color:#9a6bd8}.reel .typed{vertical-align:bottom;white-space:nowrap;width:6ch;display:inline-block;overflow:hidden}.reel .caret{vertical-align:-.22em;background:var(--ac);border-radius:1px;width:.55em;height:1.15em;margin-left:2px;animation:1.05s step-end infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}.reel .out{color:var(--sub)}.reel .wait{gap:.35em;padding-top:.3em;display:flex}.reel .wait i{aspect-ratio:1;background:#c3cad6;border-radius:50%;width:.42em}.reel .is-on .typed{animation:.7s steps(6,end) .35s backwards type}@keyframes type{0%{width:0}}.reel .is-on .out{animation:.5s 1.1s backwards rise}.reel .is-on .wait{animation-delay:1.3s}.reel .is-on .wait i{animation:1.2s ease-in-out 1.5s infinite dot}.reel .is-on .wait i:nth-child(2){animation-delay:1.65s}.reel .is-on .wait i:nth-child(3){animation-delay:1.8s}@keyframes dot{50%{background:var(--ac);transform:translateY(-30%)}}.reel .streak{z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.reel .streak path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.reel .trail{stroke:url(#reel-streak);stroke-width:2px;stroke-dasharray:100}.reel .spark{stroke:#5b7cff;stroke-width:3.5px;stroke-dasharray:7 93;stroke-dashoffset:7px;filter:drop-shadow(0 0 5px #7f9bff)}.reel .is-on .trail{animation:1s cubic-bezier(.5,0,.2,1) 1.25s backwards draw}.reel .is-on .spark{animation:1.7s cubic-bezier(.45,0,.3,1) 1.9s infinite spark}@keyframes spark{to{stroke-dashoffset:-93px}}.reel .route{z-index:2;gap:calc(var(--u)*.9);width:34%;padding:calc(var(--u)*1.7) calc(var(--u)*2);display:grid;top:36%;left:50%}.reel .r-head{align-items:center;gap:calc(var(--u)*.8);font-size:calc(var(--u)*1.1);color:var(--sub);font-weight:600;display:flex}.reel .app-ico{width:calc(var(--u)*2.2);height:calc(var(--u)*2.2);border-radius:calc(var(--u)*.6);box-shadow:inset 0 1px 0 #fff6,0 calc(var(--u)*.4) calc(var(--u)*.8) calc(var(--u)*-.3) #4c6bea;background:linear-gradient(140deg,#5b86ff,#7a5cf0);flex-shrink:0;place-items:center;display:grid}.reel .app-ico i{width:calc(var(--u)*.9);height:calc(var(--u)*.9);box-sizing:border-box;border:calc(var(--u)*.22) solid #fff;border-radius:50%}.reel .live{width:calc(var(--u)*.8);height:calc(var(--u)*.8);background:#2bb673;border-radius:50%;margin-left:auto;position:relative}.reel .live:after{content:"";opacity:0;background:#2bb673;border-radius:50%;position:absolute;inset:0}.reel .is-on .live:after{animation:1.8s ease-out 2.2s infinite ping}@keyframes ping{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}.reel .r-flow{align-items:center;gap:calc(var(--u)*.8);font-size:calc(var(--u)*1.55);white-space:nowrap;font-weight:600;display:flex}.reel .proc{font-size:calc(var(--u)*1.2);padding:calc(var(--u)*.25) calc(var(--u)*.7);border-radius:calc(var(--u)*.6);background:var(--ac-soft);color:var(--ac);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ac) 14%,transparent);font-weight:500}.reel .r-arrow{color:var(--faint);font-weight:400}.reel .r-rule{align-items:center;gap:calc(var(--u)*.7);font-size:calc(var(--u)*1.15);color:var(--sub);display:flex}.reel .tag-ico{width:calc(var(--u)*.85);height:calc(var(--u)*.85);box-sizing:border-box;border-radius:calc(var(--u)*.2);border:calc(var(--u)*.15) solid var(--faint);transform:rotate(45deg)}.reel .lat{align-items:end;column-gap:calc(var(--u)*.5);margin-top:calc(var(--u)*.3);padding-top:calc(var(--u)*1.2);border-top:1px solid var(--hair);grid-template-columns:auto auto auto 1fr;display:grid}.reel .lat b{font-size:calc(var(--u)*4.2);letter-spacing:-.045em;font-variant-numeric:tabular-nums;font-weight:600;line-height:.9}.reel .lat small{font-size:calc(var(--u)*1.35);color:var(--sub);padding-bottom:.1em}.reel .sig{align-self:center;align-items:flex-end;gap:calc(var(--u)*.25);height:calc(var(--u)*1.8);margin-right:calc(var(--u)*.5);display:inline-flex}.reel .sig i{width:calc(var(--u)*.45);transform-origin:bottom;background:#2bb673;border-radius:1px;height:100%}.reel .sig i:first-child{height:35%}.reel .sig i:nth-child(2){height:55%}.reel .sig i:nth-child(3){height:78%}.reel .sl{width:min(100%,calc(var(--u)*11));height:calc(var(--u)*3);justify-self:end;overflow:visible}.reel .sl-area{fill:url(#reel-sl)}.reel .sl-line{fill:none;stroke:#2bb673;stroke-width:1.6px;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:100;vector-effect:non-scaling-stroke}.reel .is-on .route{animation:.8s cubic-bezier(.2,.8,.2,1) 1.9s backwards pop}.reel .is-on .lat{animation:.6s 2.5s backwards rise}.reel .is-on .sig i{animation:.4s 2.7s backwards grow-y}.reel .is-on .sig i:nth-child(2){animation-delay:2.78s}.reel .is-on .sig i:nth-child(3){animation-delay:2.86s}.reel .is-on .sig i:nth-child(4){animation-delay:2.94s}.reel .is-on .sl-line{animation:1.1s 2.7s backwards draw}.reel .is-on .sl-area{animation:.8s 3.1s backwards fade}.reel .profile{z-index:2;width:38%;padding:calc(var(--u)*2);top:13%;left:15%}.reel .p-head{margin-bottom:calc(var(--u)*1.2);justify-content:space-between;align-items:center;display:flex}.reel .p-title{font-size:calc(var(--u)*1.05);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-weight:600}.reel .p-count{min-width:calc(var(--u)*1.9);padding:calc(var(--u)*.1) calc(var(--u)*.6);font-size:calc(var(--u)*1);text-align:center;color:var(--sub);background:#1d2b520d;border-radius:99px;font-weight:600}.reel .p-rows{display:grid;position:relative}.reel .p-row{z-index:1;align-content:center;column-gap:calc(var(--u)*1);height:calc(var(--u)*4.8);padding:0 calc(var(--u)*1.2);grid-template-columns:auto auto minmax(0,1fr);display:grid;position:relative}.reel .radio,.reel .ava{grid-row:span 2;align-self:center}.reel .radio{width:calc(var(--u)*1.4);aspect-ratio:1;box-sizing:border-box;background:#fff;border:1.5px solid #c8cfdb;border-radius:50%}.reel .r1 .radio{border-color:var(--ac);background:var(--ac);box-shadow:inset 0 0 0 calc(var(--u)*.28) #fff}.reel .ava{width:calc(var(--u)*2.6);height:calc(var(--u)*2.6);border-radius:calc(var(--u)*.8);font-size:calc(var(--u)*1.15);color:#fff;place-items:center;font-weight:600;display:grid;box-shadow:inset 0 1px #ffffff59}.reel .a0{background:linear-gradient(140deg,#c6ccd8,#97a1b2)}.reel .a1{background:linear-gradient(140deg,#9a8bff,#5a4bd8)}.reel .p-name{font-size:calc(var(--u)*1.4);font-weight:600;line-height:1.3}.reel .p-url{font-size:calc(var(--u)*1.1);white-space:nowrap;text-overflow:ellipsis;color:var(--sub);line-height:1.3;overflow:hidden}.reel .sel{height:calc(var(--u)*4.8);border-radius:calc(var(--u)*1);background:var(--ac-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ac) 22%,transparent);position:absolute;top:0;left:0;right:0;transform:translateY(100%)}.reel .p-foot{justify-content:space-between;align-items:center;gap:calc(var(--u)*1);margin-top:calc(var(--u)*1.3);padding-top:calc(var(--u)*1.2);border-top:1px solid var(--hair);display:flex}.reel .p-hint{font-size:calc(var(--u)*1);white-space:nowrap;text-overflow:ellipsis;color:var(--faint);overflow:hidden}.reel .apply{padding:calc(var(--u)*.75) calc(var(--u)*2.2);background:linear-gradient(180deg,color-mix(in srgb,var(--ac) 80%,#fff),var(--ac));color:#fff;font-size:calc(var(--u)*1.2);box-shadow:inset 0 1px 0 #ffffff59,0 0 0 1px color-mix(in srgb,var(--ac) 85%,#000),0 calc(var(--u)*.6) calc(var(--u)*1.4) calc(var(--u)*-.6) var(--ac);border-radius:99px;flex-shrink:0;font-weight:600}.reel .is-on .sel{animation:.55s cubic-bezier(.5,0,.2,1) .9s backwards sel}@keyframes sel{0%{transform:translateY(0)}}.reel .is-on .r0 .radio{animation:.2s 1s backwards r-off}.reel .is-on .r1 .radio{animation:.2s 1s backwards r-on}@keyframes r-off{0%{border-color:var(--ac);background:var(--ac);box-shadow:inset 0 0 0 calc(var(--u)*.28) #fff}}@keyframes r-on{0%{box-shadow:none;background:#fff;border-color:#c8cfdb}}.reel .is-on .apply{animation:.5s 1.6s press}@keyframes press{40%{box-shadow:0 0 0 calc(var(--u)*.7) var(--ac-soft);transform:scale(.93)}}.reel .files{z-index:1;position:absolute;inset:0}.reel .file{--fx:calc(var(--u)*-20);--fy:calc(var(--u)*3);gap:calc(var(--u)*1);width:34%;padding:calc(var(--u)*1.3) calc(var(--u)*1.5);display:grid;left:57%}.reel .f0{top:17%}.reel .f1{top:52%;left:60%}.reel .f-top{align-items:center;gap:calc(var(--u)*1);min-width:0;display:flex}.reel .doc{width:calc(var(--u)*2.2);height:calc(var(--u)*2.7);border-radius:calc(var(--u)*.45);background:var(--ac-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ac) 14%,transparent);flex-shrink:0;position:relative}.reel .doc i{height:calc(var(--u)*.2);background:color-mix(in srgb,var(--ac) 60%,transparent);box-shadow:0 calc(var(--u)*.55) 0 color-mix(in srgb,var(--ac) 45%,transparent),0 calc(var(--u)*1.1) 0 color-mix(in srgb,var(--ac) 30%,transparent);border-radius:1px;position:absolute;top:28%;left:24%;right:24%}.reel .f-path{min-width:0;font-size:calc(var(--u)*1.2);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.reel .ok{align-items:center;gap:calc(var(--u)*.35);padding:calc(var(--u)*.2) calc(var(--u)*.7) calc(var(--u)*.2) calc(var(--u)*.5);font-size:calc(var(--u)*1.05);color:#1a8f55;background:#e6f6ed;border-radius:99px;flex-shrink:0;font-weight:600;display:inline-flex}.reel .ok svg{width:calc(var(--u)*1.15);height:calc(var(--u)*1.15);fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.reel .ok path{stroke-dasharray:100}.reel .f-code{padding:calc(var(--u)*.6) calc(var(--u)*.9);border-radius:calc(var(--u)*.7);font-size:calc(var(--u)*1.05);white-space:nowrap;text-overflow:ellipsis;color:var(--faint);background:#f4f6fa;overflow:hidden;box-shadow:inset 0 0 0 1px #1d2b520a}.reel .k{color:var(--ac)}.reel .v{padding:0 calc(var(--u)*.2);border-radius:calc(var(--u)*.3);color:#1a8f55;background:linear-gradient(#dff3e7,#dff3e7) 0 0/100% 100% no-repeat}.reel .is-on .file{animation:.8s cubic-bezier(.2,.8,.2,1) 1.9s backwards fan}.reel .is-on .f1{animation-delay:2.15s}@keyframes fan{0%{opacity:0;transform:translate(var(--fx),var(--fy)) scale(.9)}}.reel .is-on .ok{animation:.4s 2.5s backwards rise}.reel .is-on .ok path{animation:.45s 2.6s backwards draw}.reel .is-on .v{animation:.6s 2.7s backwards hl}.reel .is-on .f1 .ok{animation-delay:2.75s}.reel .is-on .f1 .ok path{animation-delay:2.85s}.reel .is-on .f1 .v{animation-delay:2.95s}@keyframes hl{0%{background-size:0 100%}}.reel .usage{width:44%;position:absolute;top:11%;left:12%}.reel .u-head{justify-content:space-between;align-items:flex-end;gap:calc(var(--u)*2);display:flex}.reel .u-label{font-size:calc(var(--u)*1.15);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-weight:600}.reel .u-days{align-items:flex-end;gap:calc(var(--u)*.3);height:calc(var(--u)*2.4);display:flex}.reel .u-days i{width:calc(var(--u)*.5);height:var(--h);border-radius:calc(var(--u)*.2) calc(var(--u)*.2) 0 0;background:color-mix(in srgb,var(--ac) 32%,transparent);transform-origin:bottom}.reel .u-days i:nth-last-child(-n+3){background:var(--ac)}.reel .counter{font-size:calc(var(--u)*7.4);letter-spacing:-.045em;font-variant-numeric:tabular-nums;background:linear-gradient(100deg,#1b2333 35%,#a24e2b);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:600;line-height:1.05;margin:calc(var(--u)*.6) 0 calc(var(--u)*2.2)!important}.reel .u-row{grid-template-columns:calc(var(--u)*11) calc(var(--u)*3.6) 1fr calc(var(--u)*5);align-items:center;gap:calc(var(--u)*1);padding:calc(var(--u)*.75) 0;border-top:1px solid var(--line);font-size:calc(var(--u)*1.25);display:grid}.reel .u-row>span:first-child{align-items:center;gap:calc(var(--u)*.6);display:flex}.reel .u-row b{font-variant-numeric:tabular-nums;font-weight:600}.reel .u-cost{text-align:right;color:var(--sub)}.reel .sw{width:calc(var(--u)*.9);aspect-ratio:1;border-radius:calc(var(--u)*.25)}.reel .s1{background:#e0773f}.reel .s2{background:#6f86e8}.reel .bar{height:calc(var(--u)*.7);background:var(--line);border-radius:99px;display:block;overflow:hidden}.reel .bar i{border-radius:inherit;transform-origin:0;height:100%;display:block}.reel .b1{background:linear-gradient(90deg,#f2a46b,#e0773f);width:70%}.reel .b2{background:linear-gradient(90deg,#9eacf6,#6f86e8);width:30%}.reel .u-note{font-size:calc(var(--u)*1.1);color:var(--faint);margin-top:calc(var(--u)*1.2)!important}.reel .donut{aspect-ratio:1;width:25%;padding:calc(var(--u)*1.6);place-items:center;display:grid;top:5%;left:62%}.reel .donut svg{grid-area:1/1;width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.reel .ticks{fill:none;stroke:#1d2b5233;stroke-width:1.2px;stroke-linecap:round;stroke-dasharray:.1 2.4}.reel .trk,.reel .arc{fill:none;stroke-width:9px}.reel .trk{stroke:#1d2b520f}.reel .arc{stroke-linecap:round}.reel .a1{stroke:#e0773f;stroke-dasharray:68 100;filter:drop-shadow(0 1px 2px #e0773f66)}.reel .a2{stroke:#6f86e8;stroke-dasharray:28 100;stroke-dashoffset:-71px;filter:drop-shadow(0 1px 2px #6f86e866)}.reel .donut-c{text-align:center;grid-area:1/1;display:grid}.reel .donut-c strong{font-size:calc(var(--u)*2.8);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-weight:600}.reel .donut-c sup{vertical-align:.75em;color:var(--sub);margin-right:.06em;font-size:.5em;font-weight:500}.reel .donut-c span{font-size:calc(var(--u)*1.05);color:var(--faint)}.reel .is-on .usage{animation:.7s .15s backwards rise}.reel .is-on .u-days i{animation:grow-y .5s cubic-bezier(.3,.7,.2,1) calc(.5s + var(--d)) backwards}.reel .is-on .u-row{animation:.5s .9s backwards rise}.reel .is-on .u-row+.u-row{animation-delay:1.05s}.reel .is-on .bar i{animation:1s cubic-bezier(.3,.7,.2,1) 1.1s backwards grow}.reel .is-on .donut{animation:.8s cubic-bezier(.2,.8,.2,1) .3s backwards pop}.reel .is-on .ticks{animation:.8s .5s backwards fade}.reel .is-on .a1{animation:1.3s cubic-bezier(.4,0,.2,1) .6s backwards a1}.reel .is-on .a2{animation:.8s cubic-bezier(.4,0,.2,1) 1.6s backwards a2}@keyframes a1{0%{stroke-dasharray:0 100}}@keyframes a2{0%{stroke-dasharray:0 100}}.reel .is-on .u-note{animation:.5s 2.3s backwards rise}@media (width<=650px){.reel .streak{display:none}.reel .term{width:80%;height:46%;top:2%;left:6%}.reel .route{width:74%;top:44%;left:20%}.reel .profile{width:84%;top:2%;left:6%}.reel .p-url{display:none}.reel .p-row,.reel .sel{height:calc(var(--u)*3.8)}.reel .file{--fx:0px;--fy:calc(var(--u)*-8);width:84%;left:10%}.reel .f0{top:52%}.reel .f1{top:76%;left:6%}.reel .usage{width:86%;top:3%;left:7%}.reel .counter{font-size:calc(var(--u)*5)}.reel .donut{width:42%;padding:calc(var(--u)*1.4);top:55%;left:29%}.reel .donut-c strong{font-size:calc(var(--u)*2.1)}}.home{padding-bottom:40px;overflow-x:clip}.home-stage{margin-top:48px}.home .steps-row{margin-top:8px}.usage-copy .section-head{margin-bottom:22px}.usage-copy .card-list{gap:11px;font-size:14px}.usage-links{flex-wrap:wrap;gap:8px 26px;margin-top:24px;font-size:14px;font-weight:550;display:flex}.usage-note{color:#8a7a6c;margin-top:20px;font-size:12px;line-height:1.8}.chips{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.chip{box-sizing:border-box;border:1px solid var(--border);background:linear-gradient(150deg,#fff,#f8faff);border-radius:12px;flex-direction:column;justify-content:center;gap:3px;min-height:72px;padding:14px 18px;font-size:15px;transition:border-color .2s,transform .2s;display:flex}.chip:hover{border-color:var(--blue-line);transform:translateY(-2px)}.chip strong{font-weight:600}.chip span{color:var(--muted);font-size:12px}.chips.muted .chip{min-height:0;color:var(--muted);background:0 0;border-style:dashed;border-radius:10px;padding:10px 16px;font-size:13px}.chips.muted .chip:hover{border-color:var(--border);transform:none}.chips-title{color:#4f5f76;margin:34px 0 14px;font-size:15px}.home #usage .duo-visual>div{width:100%}.home #usage .usage-demo{max-width:none}@media (width<=480px){.chips{grid-template-columns:1fr 1fr}}.hero-guide-link{text-align:center;margin-top:16px;font-size:14px;font-weight:550}.github-button{gap:10px}.github-button svg{flex:none}.session-cards{margin-top:28px}.session-cards .card h3{margin:0 0 10px;font-size:18px}.session-rule{text-align:center;letter-spacing:-.02em;margin-top:28px;font-size:18px;font-weight:650}.session-note{text-align:center}@media (width<=900px){.session-cards{grid-template-columns:1fr}}.home{overflow-x:clip}.home .hero{padding-bottom:8px}.home .hero-accent{background:linear-gradient(92deg,#3159c8 0%,#6a52cf 50%,#c7643c 100%);color:#0000;-webkit-box-decoration-break:clone;box-decoration-break:clone;-webkit-background-clip:text;background-clip:text;width:fit-content;margin-inline:auto}.home .hero-stage{width:min(100%,1120px);padding-top:56px;position:relative}.home .hero-gallery{margin-top:64px}@media (width<=650px){.home .hero-stage{padding-top:34px}.home .hero-gallery{margin-top:40px}}@property --engine-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.engine{isolation:isolate;color:#e8eefc;background:linear-gradient(135deg,#0f2250 0%,#08102a 48%,#03050d 100%);border:1px solid #1f3160;border-radius:24px;grid-template-columns:.62fr 1.38fr;align-items:center;gap:56px;margin-top:48px;padding:56px;display:grid;position:relative;overflow:hidden;box-shadow:0 40px 80px -44px #0d1d4acc}.engine:before{content:"";z-index:-2;background-image:linear-gradient(#6c92e01f 1px,#0000 1px),linear-gradient(90deg,#6c92e01f 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:-48px;-webkit-mask-image:radial-gradient(80% 90% at 30% 40%,#000,#0000 78%);mask-image:radial-gradient(80% 90% at 30% 40%,#000,#0000 78%)}.engine:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--engine-angle),transparent 0 62%,#6c92e0 78%,#46c284 88%,#d98a52 94%,transparent 100%);-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.engine-bg{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.engine-bg span{opacity:.7;filter:drop-shadow(0 0 6px #6c92e0);background:linear-gradient(90deg,#0000,#8fb2ff,#0000);width:55%;height:1px;position:absolute;left:-40%}.engine-bg span:first-child{top:24%}.engine-bg span:nth-child(2){background:linear-gradient(90deg,#0000,#46c284,#0000);width:40%;top:58%}.engine-bg span:nth-child(3){background:linear-gradient(90deg,#0000,#d98a52,#0000);width:48%;top:82%}.engine-label{letter-spacing:.14em;text-transform:uppercase;color:#9db0d4;align-items:center;gap:9px;font-size:11px;font-weight:600;display:flex}.engine-label:before{content:"";background:#46c284;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #46c284}.engine-mark{letter-spacing:-.05em;color:#cfdcff;background:linear-gradient(100deg,#8fb2ff 0%,#fff 25%,#7fe0b4 50%,#8fb2ff 75%,#fff 100%) 0 0/300% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:14px;font-size:clamp(40px,5.2vw,64px);font-weight:700;line-height:1.05}.engine-copy h3{color:#fff;margin-bottom:14px;font-size:26px;line-height:1.45}.engine-copy p{color:#bccaeb;max-width:660px;font-size:14px;line-height:1.9}.engine-copy a.link-inline{color:#a9c3ff;font-weight:550;text-decoration-color:#6c92e0}.engine-copy a.link-inline:hover{color:#fff}.engine-protocols{margin-top:28px}.engine-protocols .engine-label{margin-bottom:12px}.engine-protocols .engine-label:before{background:#6c92e0;box-shadow:0 0 10px #6c92e0}.engine-chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.engine-chips li{color:#e8eefc;backdrop-filter:blur(4px);background:#ffffff12;border:1px solid #ffffff26;border-radius:99px;padding:7px 14px;font-size:13px;font-weight:550}@media (prefers-reduced-motion:no-preference){.engine:before{animation:14s linear infinite engine-grid}.engine:after{animation:9s linear infinite engine-edge}.engine-bg span{animation:7s linear infinite engine-streak}.engine-bg span:nth-child(2){animation-duration:9s;animation-delay:-3s}.engine-bg span:nth-child(3){animation-duration:11s;animation-delay:-6s}.engine-mark{animation:7s linear infinite engine-sheen}.engine-chips li{animation:5s ease-in-out infinite engine-chip;animation-delay:calc(var(--i) * -.7s)}}@keyframes engine-grid{to{transform:translate(48px,48px)}}@keyframes engine-edge{to{--engine-angle:360deg}}@keyframes engine-streak{to{translate:300%}}@keyframes engine-sheen{to{background-position:300% 0}}@keyframes engine-chip{0%,70%,to{box-shadow:none;border-color:#ffffff26}35%{border-color:#8fb2ffcc;box-shadow:0 0 16px #6c92e055}}@media (width<=850px){.engine{grid-template-columns:1fr;gap:32px;padding:40px}}@media (width<=600px){.engine{border-radius:18px;padding:28px 24px}.engine-copy h3{font-size:22px}}