.hp-dev{--u:calc(100cqw / 440);--D:8.4s;--N:infinite;--tx:220;--ty:371;aspect-ratio:960/1992;width:100%;margin-inline:auto;position:relative}.hp-dev[data-mode=tour]{--N:1}.hp-dev[data-scene="1"]{--D:8.4s}.hp-dev[data-scene="2"]{--D:7.2s}.hp-dev[data-scene="3"]{--D:11.2s}.hp-dev[data-scene="4"]{--D:7.6s}.hp-dev[data-scene="5"]{--D:6s}.hp-dev[data-scene="6"]{--D:10.4s}.hp-dev-shadow{border-radius:15.64%/7.47%;width:97.5%;height:98.434%;position:absolute;top:.783%;left:1.25%;box-shadow:0 28px 56px -18px #0b132257,0 8px 18px -6px #0b132229}.hp-dev:before{content:"";background:#000;border-radius:14%/6.6%;width:92.2%;height:95.94%;position:absolute;top:2.03%;left:3.9%}.hp-scr{clip-path:inset(0 round 13.2391%/6.0933%);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:#fff;border-radius:13.2391%/6.0933%;width:91.1125%;height:95.4036%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;line-height:1.2;position:absolute;top:2.2982%;left:4.4437%;overflow:hidden;container-type:size}.hp-scr *,.hp-scr :before,.hp-scr :after{box-sizing:border-box}.hp-scr p{margin:0}.hp-shell{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hp-l{position:absolute;inset:0}.hp-g{fill:none;stroke:currentColor;flex:none}.hp-st{z-index:4;height:calc(54 * var(--u));padding:calc(8 * var(--u)) calc(38 * var(--u)) 0 calc(58 * var(--u));font-size:calc(17 * var(--u));letter-spacing:-.01em;fill:currentColor;justify-content:space-between;align-items:center;font-weight:600;display:flex;position:absolute;inset:0 0 auto}.hp-st-i{width:calc(78 * var(--u));height:calc(14 * var(--u))}.hp-ind{left:50%;bottom:calc(8 * var(--u));width:calc(146 * var(--u));height:calc(5 * var(--u));margin-left:calc(-73 * var(--u));border-radius:calc(3 * var(--u));z-index:5;position:absolute}.hp-touch{z-index:20;left:calc(-23 * var(--u));top:calc(-23 * var(--u));width:calc(46 * var(--u));height:calc(46 * var(--u));box-shadow:0 0 0 calc(2 * var(--u)) #3a85f0e6, 0 calc(6 * var(--u)) calc(16 * var(--u)) #1432b84d;transform:translate(calc(var(--tx) * var(--u)), calc(var(--ty) * var(--u)));pointer-events:none;background:#3a85f038;border-radius:50%;position:absolute}.hp-touch i{box-shadow:0 0 0 calc(2 * var(--u)) #3a85f0b3;opacity:.45;border-radius:50%;position:absolute;inset:0;transform:scale(1.55)}.hp-glare{z-index:30;pointer-events:none;background:linear-gradient(115deg,#ffffff1f 0%,#fff0 30% 72%,#ffffff0a 100%);position:absolute;inset:0}.hp-site{z-index:1;color:#0b0b0f;background:#f2f3f6}.hp-site .hp-st{color:#0b0b0f}.hp-site .hp-ind{background:#000}.hp-site-head{left:calc(20 * var(--u));right:calc(20 * var(--u));top:calc(60 * var(--u));height:calc(44 * var(--u));align-items:center;gap:calc(10 * var(--u));display:flex;position:absolute}.hp-site-mark{width:calc(32 * var(--u));height:calc(32 * var(--u));border-radius:calc(9 * var(--u));color:#fff;background:#3a85f0;flex:none;place-items:center;display:grid}.hp-site-mark svg{width:62%;height:62%}.hp-site-head b{font-size:calc(17 * var(--u));letter-spacing:-.02em;flex:1;font-weight:600}.hp-site-ava{width:calc(34 * var(--u));height:calc(34 * var(--u));background:linear-gradient(140deg,#dfe6f3,#c4cee0);border-radius:50%}.hp-site-h{left:calc(20 * var(--u));top:calc(114 * var(--u));font-size:calc(32 * var(--u));letter-spacing:-.03em;font-weight:700;position:absolute}.hp-card{left:calc(16 * var(--u));right:calc(16 * var(--u));top:calc(172 * var(--u));height:calc(246 * var(--u));border-radius:calc(22 * var(--u));box-shadow:0 calc(1 * var(--u)) calc(2 * var(--u)) #0b0b0f0a;background:#fff;position:absolute}.hp-card-title{left:calc(20 * var(--u));right:calc(20 * var(--u));top:calc(20 * var(--u));height:calc(26 * var(--u));justify-content:space-between;align-items:center;gap:calc(10 * var(--u));display:flex;position:absolute}.hp-card-title b{font-size:calc(18 * var(--u));letter-spacing:-.015em;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.hp-card-badge{height:calc(24 * var(--u));padding:0 calc(10 * var(--u));color:#2f77e0;font-size:calc(12 * var(--u));white-space:nowrap;background:#e6f0fd;border-radius:999px;flex:none;align-items:center;font-weight:600;display:inline-flex}.hp-card-sub{left:calc(20 * var(--u));right:calc(20 * var(--u));top:calc(54 * var(--u));font-size:calc(14 * var(--u));color:#7d8390;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.36;display:-webkit-box;position:absolute;overflow:hidden}.hp-strip{left:calc(20 * var(--u));right:calc(20 * var(--u));top:calc(104 * var(--u));height:calc(52 * var(--u));padding:0 calc(16 * var(--u));border-radius:calc(14 * var(--u));background:#f2f3f6;align-items:center;display:flex;position:absolute}.hp-strip span{font:calc(14 * var(--u)) / 1.2 ui-monospace, "SF Mono", Menlo, monospace;color:#3a3a42;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hp-btn{left:calc(20 * var(--u));right:calc(20 * var(--u));top:calc(172 * var(--u));height:calc(54 * var(--u));justify-content:center;align-items:center;gap:calc(8 * var(--u));color:#fff;font-size:calc(17 * var(--u));letter-spacing:-.01em;background:#3a85f0;border-radius:999px;font-weight:600;display:flex;position:absolute}.hp-btn .hp-g{width:calc(18 * var(--u));height:calc(18 * var(--u));stroke-width:2.2px}.hp-card-ghost{top:calc(432 * var(--u));height:calc(150 * var(--u))}.hp-card-ghost i{left:calc(20 * var(--u));height:calc(14 * var(--u));border-radius:calc(7 * var(--u));background:#eceef2;position:absolute}.hp-card-ghost i:first-child{top:calc(24 * var(--u));width:46%}.hp-card-ghost i:nth-child(2){top:calc(54 * var(--u));width:72%}.hp-card-ghost i:nth-child(3){top:calc(96 * var(--u));right:calc(20 * var(--u));height:calc(36 * var(--u));border-radius:999px}.hp-toast{left:50%;top:calc(830 * var(--u));align-items:center;gap:calc(8 * var(--u));padding:calc(12 * var(--u)) calc(18 * var(--u));color:#fff;font-size:calc(15 * var(--u));white-space:nowrap;opacity:0;transform:translate(-50%, calc(10 * var(--u))) scale(.94);background:#101012eb;border-radius:999px;font-weight:600;display:inline-flex;position:absolute}.hp-toast .hp-g{width:calc(15 * var(--u));height:calc(15 * var(--u));stroke-width:2.6px}.hp-app{z-index:2;color:#111216;transform-origin:50% 60%;background:#f2f3f7}.hp-app .hp-st{color:#111216}.hp-app .hp-ind{background:#111216}.hp-bar{left:0;right:0;top:calc(60 * var(--u));height:calc(44 * var(--u));position:absolute}.hp-top{top:calc(4 * var(--u));width:calc(36 * var(--u));height:calc(36 * var(--u));color:#6c5ce7;place-items:center;display:grid;position:absolute}.hp-top svg{width:calc(26 * var(--u));height:calc(26 * var(--u));fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linejoin:round;stroke-linecap:round}.hp-gear{left:calc(18 * var(--u))}.hp-plus{left:calc(326 * var(--u))}.hp-plus .hp-g{width:calc(28 * var(--u));height:calc(28 * var(--u));stroke-width:1.7px}.hp-mail{left:calc(380 * var(--u))}.hp-title{height:100%;font-size:calc(18 * var(--u));letter-spacing:-.01em;place-items:center;font-weight:700;display:grid;position:absolute;top:0;left:0;right:0}.hp-pw{left:calc(102 * var(--u));top:calc(120 * var(--u));width:calc(236 * var(--u));height:calc(236 * var(--u));position:absolute}.hp-pw>*{border-radius:50%;position:absolute}.hp-pw-ring{background:#e8eaef;inset:0}.hp-pw-ring2{inset:calc(18 * var(--u));box-shadow:inset 0 calc(1 * var(--u)) calc(2 * var(--u)) #1112160a;background:#eff1f5}.hp-pw-spin{inset:calc(6 * var(--u));border:calc(4 * var(--u)) solid transparent;opacity:0;border-top-color:#6c5ce7;border-right-color:#6c5ce752}.hp-pw-halo{inset:calc(18 * var(--u));opacity:0;background:radial-gradient(closest-side,#6c5ce733,#6c5ce700);transform:scale(.9)}.hp-pw-disc{inset:calc(38 * var(--u));box-shadow:0 calc(10 * var(--u)) calc(26 * var(--u)) #11122814, 0 calc(1 * var(--u)) calc(3 * var(--u)) #1112280f;background:#fff}.hp-pw-ico,.hp-pw-ico-on{fill:none;stroke-linecap:round;border-radius:0}.hp-pw-ico{left:calc(94 * var(--u));top:calc(94 * var(--u));width:calc(48 * var(--u));height:calc(48 * var(--u));stroke:#a3a6b4;stroke-width:2.2px}.hp-pw-live{inset:calc(38 * var(--u));padding-bottom:calc(4 * var(--u));opacity:0;flex-direction:column;justify-content:center;align-items:center;display:flex}.hp-pw-ico-on{width:calc(42 * var(--u));height:calc(42 * var(--u));stroke:#6c5ce7;stroke-width:2.3px;position:static}.hp-pw-cap{margin-top:calc(8 * var(--u));font-size:calc(11 * var(--u));letter-spacing:.08em;text-transform:uppercase;color:#8a8d96;font-weight:600}.hp-pw-time{margin-top:calc(4 * var(--u));height:calc(18 * var(--u));font-size:calc(16 * var(--u));line-height:calc(18 * var(--u));color:#111216;font-variant-numeric:tabular-nums;font-weight:600;display:flex}.hp-digit{height:calc(18 * var(--u));display:block;overflow:hidden}.hp-digit-strip{flex-direction:column;display:flex}.hp-digit-strip i{height:calc(18 * var(--u));font-style:normal}.hp-empty{position:absolute;inset:0}.hp-hwid{left:0;right:0;top:calc(700 * var(--u));justify-content:center;align-items:center;gap:calc(6 * var(--u));font-size:calc(16 * var(--u));color:#5d606b;display:flex;position:absolute}.hp-hwid .hp-g{width:calc(15 * var(--u));height:calc(15 * var(--u));stroke-width:2px;color:#6c5ce7}.hp-empty-t{left:calc(36 * var(--u));right:calc(36 * var(--u));top:calc(744 * var(--u));text-align:center;font-size:calc(15 * var(--u));color:#8a8d96;line-height:1.4;position:absolute}.hp-empty-btns{left:calc(28 * var(--u));right:calc(28 * var(--u));top:calc(848 * var(--u));height:calc(52 * var(--u));gap:calc(14 * var(--u));display:flex;position:absolute}.hp-ebtn{justify-content:center;align-items:center;gap:calc(10 * var(--u));border-radius:calc(16 * var(--u));box-shadow:0 calc(1 * var(--u)) calc(3 * var(--u)) #1112280f;font-size:calc(16 * var(--u));color:#6c5ce7;white-space:nowrap;background:#fff;flex:1;font-weight:500;display:flex}.hp-ebtn .hp-g{width:calc(20 * var(--u));height:calc(20 * var(--u));stroke-width:2px}.hp-links{left:calc(26 * var(--u));right:calc(26 * var(--u));top:calc(370 * var(--u));justify-content:space-between;gap:calc(10 * var(--u));font-size:calc(14 * var(--u));color:#6c5ce7;white-space:nowrap;opacity:0;font-weight:500;display:flex;position:absolute}.hp-grp{left:calc(14 * var(--u));right:calc(14 * var(--u));top:calc(398 * var(--u));height:calc(600 * var(--u));border-radius:calc(20 * var(--u));box-shadow:0 calc(1 * var(--u)) calc(3 * var(--u)) #1112280d;opacity:0;background:#fff;position:absolute;overflow:hidden}.hp-grp-head{height:calc(66 * var(--u));align-items:center;gap:calc(8 * var(--u));padding:0 calc(10 * var(--u)) 0 calc(12 * var(--u));display:flex;position:relative}.hp-grp-chev{color:#111216;place-items:center;display:grid}.hp-grp-chev .hp-g{width:calc(20 * var(--u));height:calc(20 * var(--u));stroke-width:2.2px}.hp-grp-t{gap:calc(3 * var(--u));flex:1;min-width:0;display:grid}.hp-grp-t b{font-size:calc(17 * var(--u));letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.hp-grp-t span{font-size:calc(11 * var(--u));color:#8a8d96;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hp-grp-act{width:calc(30 * var(--u));height:calc(30 * var(--u));color:#6c5ce7;flex:none;place-items:center;display:grid}.hp-grp-act .hp-g{width:calc(21 * var(--u));height:calc(21 * var(--u));stroke-width:1.9px}.hp-gauge{width:calc(22 * var(--u));height:calc(22 * var(--u));fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round}.hp-gauge circle{fill:currentColor;stroke:none}.hp-dots3{justify-content:center;align-items:center;gap:calc(3 * var(--u));display:flex}.hp-dots3 i{width:calc(4.2 * var(--u));height:calc(4.2 * var(--u));background:currentColor;border-radius:50%}.hp-band{height:calc(50 * var(--u));align-items:center;gap:calc(8 * var(--u));padding:0 calc(10 * var(--u)) 0 calc(12 * var(--u));background:#eaf3ff;display:flex}.hp-band-i{width:calc(20 * var(--u));height:calc(20 * var(--u));fill:none;stroke:#2f80ed;stroke-width:1.9px;stroke-linecap:round;flex:none}.hp-band-i circle+path+circle{fill:#2f80ed}.hp-band-q{min-width:0;height:calc(26 * var(--u));box-shadow:inset 0 0 0 calc(1 * var(--u)) #cfe1fb;background:#fff;border-radius:999px;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hp-band-q i{transform-origin:0;background:#2f80ed29;position:absolute;inset:0;transform:scaleX(.04)}.hp-band-q span{font-size:calc(12 * var(--u));color:#1d4f99;white-space:nowrap;font-weight:600;position:relative}.hp-band-exp{font-size:calc(11.5 * var(--u));color:#4a5568;white-space:nowrap;flex:none}.hp-band-tg{width:calc(28 * var(--u));height:calc(28 * var(--u));background:#2aabee;border-radius:50%;flex:none;place-items:center;display:grid}.hp-band-tg svg{width:calc(17 * var(--u));height:calc(17 * var(--u));fill:#fff}.hp-info{height:calc(56 * var(--u));padding:0 calc(16 * var(--u));text-align:center;font-size:calc(11 * var(--u));color:#8a8d96;place-items:center;line-height:1.35;display:grid}.hp-rows{height:calc(464 * var(--u));position:relative}.hp-row{height:calc(58 * var(--u));align-items:center;gap:calc(12 * var(--u));padding:0 calc(12 * var(--u)) 0 calc(14 * var(--u));box-shadow:inset 0 calc(1 * var(--u)) 0 #f0f1f4;display:flex;position:absolute;left:0;right:0}.hp-flag{width:calc(32 * var(--u));height:calc(32 * var(--u));flex:none}.hp-row-t{gap:calc(3 * var(--u));flex:1;min-width:0;display:grid}.hp-row-t b{font-size:calc(15.5 * var(--u));letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.hp-row-t span{font-size:calc(11.5 * var(--u));color:#8a8d96;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hp-ping{font-size:calc(13 * var(--u));color:#8a8d96;font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}.hp-row-chev{width:calc(16 * var(--u));height:calc(16 * var(--u));stroke-width:2.2px;color:#c4c6cd}.hp-sel{height:calc(58 * var(--u));box-shadow:inset calc(4 * var(--u)) 0 0 #6c5ce7;opacity:0;transform-origin:0;background:#6c5ce714;position:absolute;top:0;left:0;right:0}.hp-menu{z-index:8;left:calc(150 * var(--u));top:calc(108 * var(--u));width:calc(264 * var(--u));border-radius:calc(16 * var(--u));box-shadow:0 calc(16 * var(--u)) calc(44 * var(--u)) #1112282e, 0 0 0 calc(.5 * var(--u)) #11122814;transform-origin:74% 0;opacity:0;background:#fafafcfa;position:absolute;overflow:hidden;transform:scale(.4)}.hp-mrow{height:calc(46.5 * var(--u));padding:0 calc(17 * var(--u));font-size:calc(17 * var(--u));color:#111216;white-space:nowrap;box-shadow:inset 0 calc(-1 * var(--u)) 0 #e4e5ea;align-items:center;display:flex;position:relative}.hp-mrow:last-child{box-shadow:none}.hp-mrow-hl{opacity:0;background:#11121614;position:absolute;inset:0}.hp-dim{z-index:9;opacity:0;background:#11121647}.hp-alert{z-index:10;left:calc(70 * var(--u));top:calc(352 * var(--u));width:calc(300 * var(--u));height:calc(240 * var(--u));border-radius:calc(34 * var(--u));box-shadow:0 calc(20 * var(--u)) calc(50 * var(--u)) #11122838;text-align:center;color:#111216;opacity:0;background:#f6f6f8fa;position:absolute;transform:scale(1.1)}.hp-alert b{left:calc(22 * var(--u));right:calc(22 * var(--u));top:calc(22 * var(--u));font-size:calc(17 * var(--u));line-height:calc(22 * var(--u));font-weight:600;position:absolute}.hp-alert p{left:calc(22 * var(--u));right:calc(22 * var(--u));top:calc(72 * var(--u));font-size:calc(14 * var(--u));color:#5d606b;position:absolute}.hp-abtn{left:calc(16 * var(--u));right:calc(16 * var(--u));height:calc(50 * var(--u));font-size:calc(17 * var(--u));color:#111216;white-space:nowrap;background:#11121612;border-radius:999px;place-items:center;display:grid;position:absolute;overflow:hidden}.hp-abtn-1{top:calc(112 * var(--u))}.hp-abtn-2{top:calc(172 * var(--u));color:#fff;background:#0a84ff;font-weight:600}.hp-abtn-hl{opacity:0;background:#ffffff3d;position:absolute;inset:0}.hp-dev[data-mode=tour][data-scene="1"] :is(.hp-app,.hp-menu,.hp-dim,.hp-alert),.hp-dev[data-mode=tour]:not([data-scene="1"],[data-scene="2"]) .hp-site{visibility:hidden}.hp-dev[data-scene="1"]{--tx:220;--ty:371}.hp-dev[data-scene="2"]{--tx:344;--ty:82}.hp-dev[data-scene="3"]{--tx:220;--ty:549}.hp-dev[data-scene="4"] .hp-touch{opacity:0}.hp-dev[data-scene="5"]{--tx:220;--ty:599}.hp-dev[data-scene="6"]{--tx:220;--ty:238}.hp-dev[data-scene="6"]:not([data-play]) .hp-touch{opacity:0}.hp-dev[data-scene="1"] .hp-toast{opacity:1;transform:translate(-50%)scale(1)}.hp-dev[data-scene="2"] .hp-menu{opacity:1;transform:scale(1)}.hp-dev[data-scene="2"] .hp-plus{opacity:.4}.hp-dev[data-scene="3"]:not([data-play]) .hp-dim{opacity:1}.hp-dev[data-scene="3"]:not([data-play]) .hp-alert{opacity:1;transform:scale(1)}.hp-dev[data-scene="3"]:not([data-play]) .hp-abtn-hl{opacity:1}.hp-dev:is([data-scene="4"],[data-scene="5"],[data-scene="6"]) .hp-empty{opacity:0}.hp-dev:is([data-scene="4"],[data-scene="5"],[data-scene="6"]) :is(.hp-links,.hp-grp),.hp-dev:is([data-scene="5"],[data-scene="6"]) .hp-sel,.hp-dev[data-scene="6"] .hp-pw-live{opacity:1}.hp-dev[data-scene="6"] .hp-pw-halo{opacity:1;transform:scale(1)}.hp-dev[data-scene="6"] .hp-pw-ico{opacity:0}.hp-dev[data-scene="6"] .hp-units{transform:translateY(calc(-54 * var(--u)))}.hp-dev[data-play] .hp-scr *{animation-duration:var(--D);animation-iteration-count:var(--N);animation-timing-function:linear;animation-fill-mode:both}.hp-dev[data-play] :is(.hp-touch,.hp-app,.hp-menu,.hp-dim,.hp-alert,.hp-toast,.hp-btn,.hp-grp,.hp-row,.hp-sel,.hp-pw,.hp-pw-spin,.hp-pw-live,.hp-digit-strip){will-change:transform, opacity}.hp-dev[data-wrap] .hp-scr{animation:.56s cubic-bezier(.22,1,.36,1) both hp-wrap}@keyframes hp-wrap{0%{opacity:0}to{opacity:1}}.hp-dev[data-play][data-scene="1"] .hp-touch{animation-name:hp1-touch}.hp-dev[data-play][data-scene="1"] .hp-touch i{animation-name:hp1-rip}.hp-dev[data-play][data-scene="1"] .hp-btn{animation-name:hp1-press}.hp-dev[data-play][data-scene="1"] .hp-toast{animation-name:hp1-toast}@keyframes hp1-touch{0%,10%{opacity:0;transform:translate(calc(300 * var(--u)), calc(560 * var(--u))) scale(1.2);animation-timing-function:cubic-bezier(.22,1,.36,1)}28%{opacity:1;transform:translate(calc(220 * var(--u)), calc(371 * var(--u))) scale(1)}32%{transform:translate(calc(220 * var(--u)), calc(371 * var(--u))) scale(1);animation-timing-function:cubic-bezier(.3,0,.6,1)}36%{transform:translate(calc(220 * var(--u)), calc(371 * var(--u))) scale(.8);animation-timing-function:cubic-bezier(.2,.9,.3,1.3)}44%{opacity:1;transform:translate(calc(220 * var(--u)), calc(371 * var(--u))) scale(1)}58%,to{opacity:0;transform:translate(calc(220 * var(--u)), calc(371 * var(--u))) scale(1.1)}}@keyframes hp1-rip{0%,35%{opacity:0;transform:scale(.6)}36%{opacity:.8;animation-timing-function:cubic-bezier(.2,.7,.3,1);transform:scale(.6)}58%,to{opacity:0;transform:scale(2.4)}}@keyframes hp1-press{0%,33%{animation-timing-function:cubic-bezier(.3,0,.6,1);transform:scale(1)}36%{animation-timing-function:cubic-bezier(.2,.9,.3,1.3);transform:scale(.96)}44%,to{transform:scale(1)}}@keyframes hp1-toast{0%,38%{opacity:0;transform:translate(-50%, calc(10 * var(--u))) scale(.94);animation-timing-function:cubic-bezier(.22,1,.36,1)}47%,to{opacity:1;transform:translate(-50%)scale(1)}}.hp-dev[data-play][data-scene="2"] .hp-app{animation-name:hp2-open}.hp-dev[data-play][data-scene="2"] .hp-touch{animation-name:hp2-touch}.hp-dev[data-play][data-scene="2"] .hp-touch i{animation-name:hp2-rip}.hp-dev[data-play][data-scene="2"] .hp-plus{animation-name:hp2-plus}.hp-dev[data-play][data-scene="2"] .hp-menu{animation-name:hp2-menu}@keyframes hp2-open{0%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1);transform:scale(.92)}16%,to{opacity:1;transform:scale(1)}}@keyframes hp2-touch{0%,18%{opacity:0;transform:translate(calc(300 * var(--u)), calc(300 * var(--u))) scale(1.2);animation-timing-function:cubic-bezier(.22,1,.36,1)}36%{opacity:1;transform:translate(calc(344 * var(--u)), calc(82 * var(--u))) scale(1)}40%{transform:translate(calc(344 * var(--u)), calc(82 * var(--u))) scale(1);animation-timing-function:cubic-bezier(.3,0,.6,1)}44%{transform:translate(calc(344 * var(--u)), calc(82 * var(--u))) scale(.8);animation-timing-function:cubic-bezier(.2,.9,.3,1.3)}50%{opacity:1;transform:translate(calc(344 * var(--u)), calc(82 * var(--u))) scale(1)}60%,to{opacity:0;transform:translate(calc(344 * var(--u)), calc(82 * var(--u))) scale(1.1)}}@keyframes hp2-rip{0%,43%{opacity:0;transform:scale(.6)}44%{opacity:.8;animation-timing-function:cubic-bezier(.2,.7,.3,1);transform:scale(.6)}64%,to{opacity:0;transform:scale(2.4)}}@keyframes hp2-plus{0%,44%{opacity:1}48%,to{opacity:.4}}@keyframes hp2-menu{0%,45%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1);transform:scale(.4)}49%{opacity:1}60%,to{opacity:1;transform:scale(1)}}.hp-dev[data-play][data-scene="3"] .hp-touch{animation-name:hp3-touch}.hp-dev[data-play][data-scene="3"] .hp-touch i{animation-name:hp3-rip}.hp-dev[data-play][data-scene="3"] .hp-plus{animation-name:hp3-plus}.hp-dev[data-play][data-scene="3"] .hp-mrow-hl{animation-name:hp3-mhl}.hp-dev[data-play][data-scene="3"] .hp-menu{animation-name:hp3-menu}.hp-dev[data-play][data-scene="3"] .hp-dim{animation-name:hp3-dim}.hp-dev[data-play][data-scene="3"] .hp-alert{animation-name:hp3-alert}.hp-dev[data-play][data-scene="3"] .hp-abtn-hl{animation-name:hp3-ahl}@keyframes hp3-touch{0%,2%{opacity:0;transform:translate(calc(340 * var(--u)), calc(330 * var(--u))) scale(1.2);animation-timing-function:cubic-bezier(.22,1,.36,1)}14%{opacity:1;transform:translate(calc(282 * var(--u)), calc(178 * var(--u))) scale(1)}17%{transform:translate(calc(282 * var(--u)), calc(178 * var(--u))) scale(1);animation-timing-function:cubic-bezier(.3,0,.6,1)}20%{transform:translate(calc(282 * var(--u)), calc(178 * var(--u))) scale(.8);animation-timing-function:cubic-bezier(.2,.9,.3,1.3)}25%{opacity:1;transform:translate(calc(282 * var(--u)), calc(178 * var(--u))) scale(1);animation-timing-function:cubic-bezier(.45,0,.2,1)}48%{opacity:1;transform:translate(calc(220 * var(--u)), calc(549 * var(--u))) scale(1)}52%{transform:translate(calc(220 * var(--u)), calc(549 * var(--u))) scale(1);animation-timing-function:cubic-bezier(.3,0,.6,1)}55%{transform:translate(calc(220 * var(--u)), calc(549 * var(--u))) scale(.8);animation-timing-function:cubic-bezier(.2,.9,.3,1.3)}60%{opacity:1;transform:translate(calc(220 * var(--u)), calc(549 * var(--u))) scale(1)}70%,to{opacity:0;transform:translate(calc(220 * var(--u)), calc(549 * var(--u))) scale(1.1)}}@keyframes hp3-rip{0%,19%{opacity:0;transform:scale(.6)}20%{opacity:.8;animation-timing-function:cubic-bezier(.2,.7,.3,1);transform:scale(.6)}34%{opacity:0;transform:scale(2.4)}54%{opacity:0;transform:scale(.6)}55%{opacity:.8;animation-timing-function:cubic-bezier(.2,.7,.3,1);transform:scale(.6)}70%,to{opacity:0;transform:scale(2.4)}}@keyframes hp3-plus{0%,24%{opacity:.4}30%,to{opacity:1}}@keyframes hp3-mhl{0%,19%{opacity:0}21%,to{opacity:1}}@keyframes hp3-menu{0%,23%{opacity:1;animation-timing-function:cubic-bezier(.4,0,1,1);transform:scale(1)}29%,to{opacity:0;transform:scale(.85)}}@keyframes hp3-dim{0%,28%{opacity:0}34%{opacity:1}64%{opacity:1}72%,to{opacity:0}}@keyframes hp3-alert{0%,28%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1);transform:scale(1.12)}36%{opacity:1;transform:scale(1)}63%{opacity:1;animation-timing-function:cubic-bezier(.4,0,1,1);transform:scale(1)}70%,to{opacity:0;transform:scale(.94)}}@keyframes hp3-ahl{0%,54%{opacity:0}56%,64%{opacity:1}68%,to{opacity:0}}.hp-dev[data-play][data-scene="4"] .hp-empty{animation-name:hp4-out}.hp-dev[data-play][data-scene="4"] .hp-links{animation-name:hp4-fade}.hp-dev[data-play][data-scene="4"] .hp-grp{animation-name:hp4-grp}.hp-dev[data-play][data-scene="4"] .hp-band-q i{animation-name:hp4-quota}.hp-dev[data-play][data-scene="4"] .hp-row{animation-name:hp4-row;animation-delay:calc(var(--k) * 70ms)}.hp-dev[data-play][data-scene="4"] .hp-grp-refresh .hp-g{animation-name:hp4-spin}@keyframes hp4-out{0%,4%{opacity:1;animation-timing-function:cubic-bezier(.4,0,1,1);transform:translateY(0)}14%,to{opacity:0;transform:translateY(calc(12 * var(--u)))}}@keyframes hp4-fade{0%,14%{opacity:0}30%,to{opacity:1}}@keyframes hp4-grp{0%,8%{opacity:0;transform:translateY(calc(48 * var(--u))) scale(.98);animation-timing-function:cubic-bezier(.22,1,.36,1)}30%,to{opacity:1;transform:translateY(0)scale(1)}}@keyframes hp4-quota{0%,26%{animation-timing-function:cubic-bezier(.22,1,.36,1);transform:scaleX(0)}44%,to{transform:scaleX(.04)}}@keyframes hp4-row{0%,18%{opacity:0;transform:translateX(calc(28 * var(--u)));animation-timing-function:cubic-bezier(.22,1,.36,1)}36%,to{opacity:1;transform:translate(0)}}@keyframes hp4-spin{0%,12%{animation-timing-function:cubic-bezier(.22,1,.36,1);transform:rotate(0)}42%,to{transform:rotate(360deg)}}.hp-dev[data-play][data-scene="5"] .hp-touch{animation-name:hp5-touch}.hp-dev[data-play][data-scene="5"] .hp-touch i{animation-name:hp5-rip}.hp-dev[data-play][data-scene="5"] .hp-sel{animation-name:hp5-sel}.hp-dev[data-play][data-scene="5"] .hp-row:first-of-type{animation-name:hp5-press}@keyframes hp5-touch{0%,8%{opacity:0;transform:translate(calc(320 * var(--u)), calc(820 * var(--u))) scale(1.2);animation-timing-function:cubic-bezier(.22,1,.36,1)}30%{opacity:1;transform:translate(calc(220 * var(--u)), calc(599 * var(--u))) scale(1)}34%{transform:translate(calc(220 * var(--u)), calc(599 * var(--u))) scale(1);animation-timing-function:cubic-bezier(.3,0,.6,1)}38%{transform:translate(calc(220 * var(--u)), calc(599 * var(--u))) scale(.8);animation-timing-function:cubic-bezier(.2,.9,.3,1.3)}46%{opacity:1;transform:translate(calc(220 * var(--u)), calc(599 * var(--u))) scale(1)}60%,to{opacity:0;transform:translate(calc(220 * var(--u)), calc(599 * var(--u))) scale(1.1)}}@keyframes hp5-rip{0%,37%{opacity:0;transform:scale(.6)}38%{opacity:.8;animation-timing-function:cubic-bezier(.2,.7,.3,1);transform:scale(.6)}60%,to{opacity:0;transform:scale(2.4)}}@keyframes hp5-sel{0%,38%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1);transform:scaleX(.96)}54%,to{opacity:1;transform:scaleX(1)}}@keyframes hp5-press{0%,35%{animation-timing-function:cubic-bezier(.3,0,.6,1);transform:scale(1)}38%{animation-timing-function:cubic-bezier(.22,1,.36,1);transform:scale(.98)}48%,to{transform:scale(1)}}.hp-dev[data-play][data-scene="6"] .hp-touch{animation-name:hp6-touch}.hp-dev[data-play][data-scene="6"] .hp-touch i{animation-name:hp6-rip}.hp-dev[data-play][data-scene="6"] .hp-pw{animation-name:hp6-press}.hp-dev[data-play][data-scene="6"] .hp-pw-spin{animation-name:hp6-spin}.hp-dev[data-play][data-scene="6"] .hp-pw-ico{animation-name:hp6-ico}.hp-dev[data-play][data-scene="6"] .hp-pw-halo{animation-name:hp6-halo}.hp-dev[data-play][data-scene="6"] .hp-pw-live{animation-name:hp6-live}.hp-dev[data-play][data-scene="6"] .hp-units{animation-name:hp6-tick}@keyframes hp6-touch{0%,6%{opacity:0;transform:translate(calc(320 * var(--u)), calc(440 * var(--u))) scale(1.2);animation-timing-function:cubic-bezier(.22,1,.36,1)}22%{opacity:1;transform:translate(calc(220 * var(--u)), calc(238 * var(--u))) scale(1)}25%{transform:translate(calc(220 * var(--u)), calc(238 * var(--u))) scale(1);animation-timing-function:cubic-bezier(.3,0,.6,1)}28%{transform:translate(calc(220 * var(--u)), calc(238 * var(--u))) scale(.78);animation-timing-function:cubic-bezier(.2,.9,.3,1.3)}34%{opacity:1;transform:translate(calc(220 * var(--u)), calc(238 * var(--u))) scale(1)}44%,to{opacity:0;transform:translate(calc(220 * var(--u)), calc(238 * var(--u))) scale(1.1)}}@keyframes hp6-rip{0%,27%{opacity:0;transform:scale(.6)}28%{opacity:.85;animation-timing-function:cubic-bezier(.2,.7,.3,1);transform:scale(.6)}46%,to{opacity:0;transform:scale(2.4)}}@keyframes hp6-press{0%,25%{animation-timing-function:cubic-bezier(.3,0,.6,1);transform:scale(1)}28%{animation-timing-function:cubic-bezier(.22,1,.36,1);transform:scale(.96)}38%,to{transform:scale(1)}}@keyframes hp6-spin{0%,28%{opacity:0;transform:rotate(0)}32%{opacity:1}48%{opacity:1}54%,to{opacity:0;transform:rotate(760deg)}}@keyframes hp6-ico{0%,44%{opacity:1;animation-timing-function:cubic-bezier(.4,0,1,1);transform:scale(1)}52%,to{opacity:0;transform:scale(.9)}}@keyframes hp6-halo{0%,48%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1);transform:scale(.9)}62%,to{opacity:1;transform:scale(1)}}@keyframes hp6-live{0%,48%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1);transform:scale(.94)}60%,to{opacity:1;transform:scale(1)}}@keyframes hp6-tick{0%,62%{animation-timing-function:step-end;transform:translateY(0)}72%{transform:translateY(calc(-18 * var(--u)));animation-timing-function:step-end}82%{transform:translateY(calc(-36 * var(--u)));animation-timing-function:step-end}92%,to{transform:translateY(calc(-54 * var(--u)))}}.hp-dev[data-play][data-hold] .hp-scr .hp-units{animation:10s steps(10,end) -3s infinite hp-units}.hp-dev[data-play][data-hold] .hp-scr .hp-tens{animation:60s steps(6,end) -3s infinite hp-tens}@keyframes hp-units{0%{transform:translateY(0)}to{transform:translateY(calc(-180 * var(--u)))}}@keyframes hp-tens{0%{transform:translateY(0)}to{transform:translateY(calc(-108 * var(--u)))}}@media (prefers-reduced-motion:reduce){.hp-dev .hp-scr,.hp-dev .hp-scr *{animation:none!important}}.hp-dev[data-paused] .hp-scr,.hp-dev[data-paused] .hp-scr *,.hp-dev[data-paused] .hp-scr :after{animation-play-state:paused!important}
.ip-dev{--u:calc(100cqw / 440);--D:8s;--tx:220;--ty:337;--blue:#2f6bf6;aspect-ratio:960/1992;width:100%;margin-inline:auto;position:relative}.ip-dev-shadow{border-radius:15.64%/7.47%;width:97.5%;height:98.434%;position:absolute;top:.783%;left:1.25%;box-shadow:0 28px 56px -18px #0b132257,0 8px 18px -6px #0b132229}.ip-dev:before{content:"";background:#000;border-radius:14%/6.6%;width:92.2%;height:95.94%;position:absolute;top:2.03%;left:3.9%}.ip-scr{clip-path:inset(0 round 13.2391%/6.0933%);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:#fff;border-radius:13.2391%/6.0933%;width:91.1125%;height:95.4036%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;line-height:1.2;position:absolute;top:2.2982%;left:4.4437%;overflow:hidden;container-type:size}.ip-scr *,.ip-scr :before,.ip-scr :after{box-sizing:border-box}.ip-shell{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.ip-l{position:absolute;inset:0}.ip-g{fill:none;stroke:currentColor;flex:none}.ip-mono{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-family:ui-monospace,SF Mono,Menlo,monospace}.ip-st{z-index:4;height:calc(54 * var(--u));padding:calc(8 * var(--u)) calc(38 * var(--u)) 0 calc(58 * var(--u));font-size:calc(17 * var(--u));letter-spacing:-.01em;color:#0b0b0f;fill:currentColor;justify-content:space-between;align-items:center;font-weight:600;display:flex;position:absolute;inset:0 0 auto}.ip-st-i{width:calc(78 * var(--u));height:calc(14 * var(--u))}.ip-ind{left:50%;bottom:calc(8 * var(--u));width:calc(146 * var(--u));height:calc(5 * var(--u));margin-left:calc(-73 * var(--u));border-radius:calc(3 * var(--u));z-index:6;background:#000;position:absolute}.ip-touch{z-index:20;left:calc(var(--tx) * var(--u) - 23 * var(--u));top:calc(var(--ty) * var(--u) - 23 * var(--u));width:calc(46 * var(--u));height:calc(46 * var(--u));box-shadow:0 0 0 calc(2 * var(--u)) #1432b8e0, 0 calc(6 * var(--u)) calc(16 * var(--u)) #1432b84d;opacity:0;pointer-events:none;background:#1432b833;border-radius:50%;position:absolute}.ip-touch i{box-shadow:0 0 0 calc(2 * var(--u)) #1432b8b3;opacity:0;border-radius:50%;position:absolute;inset:0;transform:scale(1.55)}.ip-glare{z-index:30;pointer-events:none;background:linear-gradient(115deg,#ffffff24 0%,#fff0 30% 72%,#ffffff0d 100%);position:absolute;inset:0}.ip-site{color:#0b0b0f;background:#fff}.ip-site-head{left:0;right:0;top:calc(54 * var(--u));height:calc(64 * var(--u));align-items:center;gap:calc(10 * var(--u));padding:0 calc(24 * var(--u));display:flex;position:absolute}.ip-site-mark{width:calc(28 * var(--u));height:calc(28 * var(--u));border-radius:calc(8 * var(--u));color:#fff;background:linear-gradient(145deg,#5aa0f7,#2566d8);place-items:center;display:grid}.ip-site-mark svg{width:64%;height:64%}.ip-site-head b{font-size:calc(19 * var(--u));letter-spacing:-.02em;font-weight:600}.ip-card{left:calc(24 * var(--u));right:calc(24 * var(--u));top:calc(136 * var(--u));height:calc(250 * var(--u));border-radius:calc(28 * var(--u));background:#f5f6f8;position:absolute}.ip-card-title{left:calc(22 * var(--u));right:calc(22 * var(--u));top:calc(22 * var(--u));height:calc(28 * var(--u));justify-content:space-between;align-items:center;gap:calc(10 * var(--u));display:flex;position:absolute}.ip-card-title b{font-size:calc(18 * var(--u));letter-spacing:-.015em;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.ip-card-badge{height:calc(24 * var(--u));padding:0 calc(10 * var(--u));color:#2f77e0;font-size:calc(12 * var(--u));background:#e6f0fd;border-radius:999px;align-items:center;font-weight:600;display:inline-flex}.ip-card-sub{left:calc(22 * var(--u));right:calc(22 * var(--u));top:calc(56 * var(--u));font-size:calc(13 * var(--u));color:#7d8390;margin:0;line-height:1.4;position:absolute}.ip-strip{left:calc(22 * var(--u));right:calc(22 * var(--u));top:calc(106 * var(--u));height:calc(50 * var(--u));justify-content:space-between;align-items:center;gap:calc(8 * var(--u));padding:0 calc(16 * var(--u));border-radius:calc(14 * var(--u));background:#fff;display:flex;position:absolute}.ip-strip span{font:calc(13 * var(--u)) / 1.2 ui-monospace, "SF Mono", Menlo, monospace;color:#3a3a42;white-space:nowrap}.ip-strip-dots{gap:calc(3 * var(--u));display:flex}.ip-strip-dots i{width:calc(4 * var(--u));height:calc(4 * var(--u));background:#c7ccd6;border-radius:50%}.ip-btn{left:calc(22 * var(--u));right:calc(22 * var(--u));top:calc(174 * var(--u));height:calc(54 * var(--u));justify-content:center;align-items:center;gap:calc(8 * var(--u));border-radius:calc(20 * var(--u));color:#fff;font-size:calc(17 * var(--u));letter-spacing:-.01em;background:#3a85f0;font-weight:600;display:flex;position:absolute}.ip-btn .ip-g{width:calc(18 * var(--u));height:calc(18 * var(--u));stroke-width:2.2px}.ip-site-note{left:calc(24 * var(--u));right:calc(24 * var(--u));top:calc(402 * var(--u));height:calc(72 * var(--u));align-items:center;gap:calc(14 * var(--u));padding:0 calc(18 * var(--u));border-radius:calc(22 * var(--u));background:#f5f6f8;display:flex;position:absolute}.ip-site-note-i{width:calc(40 * var(--u));height:calc(40 * var(--u));border-radius:calc(12 * var(--u));color:#3a85f0;background:#fff;flex:none;place-items:center;display:grid}.ip-site-note-i .ip-g{width:calc(20 * var(--u));height:calc(20 * var(--u))}.ip-site-note>span:nth-child(2){gap:calc(3 * var(--u));flex:1;min-width:0;display:grid}.ip-site-note b{font-size:calc(15 * var(--u));font-weight:600}.ip-site-note>span:nth-child(2) span{font-size:calc(12 * var(--u));color:#7d8390;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ip-site-note-c{width:calc(18 * var(--u));height:calc(18 * var(--u));color:#a3a8b3}.ip-toast{left:50%;top:calc(500 * var(--u));align-items:center;gap:calc(8 * var(--u));padding:calc(10 * var(--u)) calc(16 * var(--u));color:#fff;font-size:calc(15 * var(--u));white-space:nowrap;opacity:0;transform:translate(-50%, calc(8 * var(--u))) scale(.94);background:#101012eb;border-radius:999px;font-weight:600;display:inline-flex;position:absolute}.ip-toast .ip-g{width:calc(15 * var(--u));height:calc(15 * var(--u));stroke-width:2.6px}.ip-app{color:#10131a;background:linear-gradient(#f4f7fc 0%,#eef2f8 46%,#eaeff7 100%)}.ip-top{left:calc(22 * var(--u));right:calc(22 * var(--u));top:calc(60 * var(--u));height:calc(46 * var(--u));justify-content:space-between;align-items:center;display:flex;position:absolute}.ip-brand{align-items:flex-start;gap:calc(6 * var(--u));display:flex}.ip-brand b{font-size:calc(30 * var(--u));letter-spacing:-.03em;color:var(--blue);font-weight:900;line-height:1}.ip-brand span{margin-top:calc(2 * var(--u));font-size:calc(12 * var(--u));color:#9aa1ad;font-weight:500}.ip-round{width:calc(42 * var(--u));height:calc(42 * var(--u));box-shadow:0 calc(1 * var(--u)) calc(3 * var(--u)) #1018280f, inset 0 0 0 calc(1 * var(--u)) #e6eaf1;color:#5d6573;background:#fff;border-radius:50%;place-items:center;display:grid}.ip-round .ip-g{width:calc(20 * var(--u));height:calc(20 * var(--u));stroke-width:1.7px}.ip-pw{left:50%;top:calc(116 * var(--u));width:calc(154 * var(--u));height:calc(154 * var(--u));margin-left:calc(-77 * var(--u));position:absolute}.ip-pw-ring{box-shadow:inset 0 calc(1 * var(--u)) calc(2 * var(--u)) #1018280d;background:#e9edf3;border-radius:50%;position:absolute;inset:0}.ip-pw-spin{border:calc(5 * var(--u)) solid transparent;border-top-color:var(--blue);opacity:0;border-right-color:#2f6bf659;border-radius:50%;position:absolute;inset:0}.ip-pw-halo{box-shadow:0 0 0 calc(5 * var(--u)) #2f6bf6e6;opacity:0;border-radius:50%;position:absolute;inset:0}.ip-pw-disc,.ip-pw-on{inset:calc(16 * var(--u));border-radius:50%;place-items:center;display:grid;position:absolute}.ip-pw-disc{color:#a7aebb;box-shadow:0 calc(6 * var(--u)) calc(18 * var(--u)) #10182814, 0 calc(1 * var(--u)) calc(2 * var(--u)) #1018280f;background:#fff}.ip-pw-on{color:#fff;box-shadow:0 calc(10 * var(--u)) calc(28 * var(--u)) #2f6bf666;opacity:0;background:radial-gradient(circle at 35% 30%,#5a8dff,#2f6bf6 62%,#2457d6);transform:scale(.88)}.ip-pw-g{width:calc(46 * var(--u));height:calc(46 * var(--u))}.ip-state{left:0;right:0;top:calc(284 * var(--u));height:calc(22 * var(--u));text-align:center;font-size:calc(15 * var(--u));margin:0;font-weight:500;position:absolute}.ip-state-off{color:#7c8492}.ip-state-on{color:var(--blue);opacity:0;font-weight:600;position:absolute;inset:0}.ip-timer{left:0;right:0;top:calc(308 * var(--u));text-align:center;font:500 calc(13 * var(--u)) / 1.2 ui-monospace, "SF Mono", Menlo, monospace;font-variant-numeric:tabular-nums;color:#7c8492;opacity:0;margin:0;position:absolute}.ip-digit{height:calc(16 * var(--u));vertical-align:top;display:inline-block;overflow:hidden}.ip-strip-d{flex-direction:column;display:flex}.ip-strip-d i{height:calc(16 * var(--u));font-style:normal;line-height:calc(16 * var(--u))}.ip-empty{left:calc(24 * var(--u));right:calc(24 * var(--u));top:calc(356 * var(--u));text-align:center;justify-items:center;display:grid;position:absolute}.ip-empty-g{width:calc(58 * var(--u));height:calc(48 * var(--u));color:#c3c9d3}.ip-empty b{margin-top:calc(14 * var(--u));font-size:calc(17 * var(--u));color:#4b5260;font-weight:600}.ip-empty>span{margin-top:calc(6 * var(--u));font-size:calc(13.5 * var(--u));color:#9aa1ad;line-height:1.35}.ip-empty-acts{margin-top:calc(26 * var(--u));gap:calc(10 * var(--u));width:100%;display:flex}.ip-eb{height:calc(52 * var(--u));justify-content:center;align-items:center;gap:calc(8 * var(--u));border-radius:calc(16 * var(--u));font-size:calc(16 * var(--u));color:#3e4552;box-shadow:inset 0 0 0 calc(1 * var(--u)) #e3e8f0;background:#fff;flex:1;font-weight:600;display:flex}.ip-eb .ip-g{width:calc(18 * var(--u));height:calc(18 * var(--u));stroke-width:2px}.ip-eb-add{color:var(--blue);box-shadow:none;background:#2f6bf61a}.ip-eb-qr{flex:0 0 calc(52 * var(--u))}.ip-prov{opacity:0;pointer-events:none;position:absolute;inset:0}.ip-label{left:calc(30 * var(--u));top:calc(340 * var(--u));font-size:calc(12 * var(--u));letter-spacing:.06em;text-transform:uppercase;color:#8a919e;margin:0;font-weight:600;position:absolute}.ip-pcard{left:calc(18 * var(--u));right:calc(18 * var(--u));top:calc(362 * var(--u));padding:calc(12 * var(--u)) calc(14 * var(--u));border-radius:calc(20 * var(--u));box-shadow:0 calc(2 * var(--u)) calc(10 * var(--u)) #1018280d, inset 0 0 0 calc(1 * var(--u)) #e8ecf2;transform-origin:50% 0;background:#fff;position:absolute}.ip-pc-head{align-items:center;gap:calc(8 * var(--u));height:calc(32 * var(--u));display:flex}.ip-pc-chev{width:calc(16 * var(--u));height:calc(16 * var(--u));color:#8a919e;stroke-width:2.2px}.ip-pc-head b{min-width:0;font-size:calc(16.5 * var(--u));letter-spacing:-.015em;white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:700;overflow:hidden}.ip-pc-acts{align-items:center;gap:calc(12 * var(--u));color:#6f7786;display:flex}.ip-pc-acts .ip-g{width:calc(17 * var(--u));height:calc(17 * var(--u));stroke-width:2px}.ip-pc-age{font-size:calc(12 * var(--u));color:#9aa1ad;font-weight:500}.ip-dots3{gap:calc(2.5 * var(--u));display:flex}.ip-dots3 i{width:calc(3.6 * var(--u));height:calc(3.6 * var(--u));background:currentColor;border-radius:50%}.ip-pc-quota{margin-top:calc(10 * var(--u));align-items:center;gap:calc(8 * var(--u));font-size:calc(12.5 * var(--u));color:#4b5260;white-space:nowrap;display:flex}.ip-pc-sep{color:#c3c9d3}.ip-pc-days{font-weight:600}.ip-pc-bar{height:calc(6 * var(--u));background:#e7ebf2;border-radius:999px;flex:1;position:relative;overflow:hidden}.ip-pc-bar i{border-radius:inherit;background:var(--blue);transform-origin:0;transform:scaleX(var(--used,.12));position:absolute;inset:0}.ip-pc-quota .ip-mono{font-size:calc(12 * var(--u));color:#4b5260}.ip-pc-desc{margin:calc(9 * var(--u)) 0 0;font-size:calc(11.5 * var(--u));color:#6f7786;line-height:1.38}.ip-pc-links{margin-top:calc(10 * var(--u));align-items:center;gap:calc(8 * var(--u));display:flex}.ip-pc-links>span:not(.ip-pc-stamp){height:calc(28 * var(--u));align-items:center;gap:calc(5 * var(--u));padding:0 calc(11 * var(--u)) 0 calc(9 * var(--u));font-size:calc(12.5 * var(--u));color:#3e4552;background:#f0f3f8;border-radius:999px;font-weight:600;display:inline-flex}.ip-pc-links .ip-g,.ip-pc-q{width:calc(15 * var(--u));height:calc(15 * var(--u));stroke-width:2px;color:var(--blue)}.ip-pc-q{fill:none;stroke:currentColor;stroke-linecap:round}.ip-pc-q circle+path+circle{fill:currentColor}.ip-pc-stamp{align-items:center;gap:calc(4 * var(--u));font-size:calc(10.5 * var(--u));color:#a3a9b4;white-space:nowrap;margin-left:auto;display:inline-flex}.ip-pc-stamp svg{width:calc(12 * var(--u));height:calc(12 * var(--u));fill:none;stroke:currentColor;stroke-width:1.5px}.ip-list{left:calc(18 * var(--u));right:calc(18 * var(--u));top:calc(570 * var(--u));position:absolute}.ip-row{height:calc(58 * var(--u));align-items:center;gap:calc(12 * var(--u));padding:0 calc(14 * var(--u));border-radius:calc(16 * var(--u));box-shadow:inset 0 0 0 calc(1 * var(--u)) #e8ecf2;background:#fff;display:flex;position:absolute;left:0;right:0}.ip-row:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 calc(2 * var(--u)) var(--blue);opacity:0;background:#2f6bf612;position:absolute;inset:0}.ip-flag{z-index:1;width:calc(34 * var(--u));height:calc(34 * var(--u));border-radius:calc(9 * var(--u));font-size:calc(11 * var(--u));color:#4b5260;background:#f0f3f8;flex:none;place-items:center;font-weight:700;display:grid;position:relative;overflow:hidden}.ip-flag svg{width:calc(24 * var(--u));height:calc(16 * var(--u))}.ip-row-t{z-index:1;gap:calc(3 * var(--u));flex:1;min-width:0;display:grid;position:relative}.ip-row-t b{font-size:calc(15 * var(--u));letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.ip-row-t>span{font-size:calc(11.5 * var(--u));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ip-row-t em{color:var(--blue);font-style:normal}.ip-row-t strong{color:#d69a00;font-weight:700}.ip-ping{z-index:1;align-items:center;gap:calc(6 * var(--u));font:500 calc(12.5 * var(--u)) / 1 ui-monospace, "SF Mono", Menlo, monospace;color:#4b5260;display:inline-flex;position:relative}.ip-ping i{width:calc(7 * var(--u));height:calc(7 * var(--u));background:#2fbf63;border-radius:50%}.ip-ping[data-tone=mid] i{background:var(--blue)}.ip-ping[data-tone=slow] i{background:#f0b400}.ip-dim{z-index:8;opacity:0;background:#0f142047}.ip-alert{z-index:9;left:calc(70 * var(--u));width:calc(300 * var(--u));top:calc(330 * var(--u));height:calc(240 * var(--u));padding:calc(22 * var(--u)) calc(18 * var(--u)) 0;border-radius:calc(34 * var(--u));box-shadow:0 calc(20 * var(--u)) calc(50 * var(--u)) #0f142040;text-align:center;opacity:0;background:#fffffff5;align-content:start;justify-items:center;display:grid;position:absolute;transform:scale(1.12)}.ip-alert-mark{width:calc(44 * var(--u));height:calc(44 * var(--u));border-radius:calc(12 * var(--u));color:#fff;background:linear-gradient(145deg,#5aa0f7,#2566d8);place-items:center;display:grid}.ip-alert-mark svg{width:62%;height:62%}.ip-alert b{margin-top:calc(12 * var(--u));font-size:calc(17 * var(--u));letter-spacing:-.01em;font-weight:700}.ip-alert p{margin:calc(4 * var(--u)) 0 0;font-size:calc(14 * var(--u));color:#3e4552;font-weight:600}.ip-alert-url{margin-top:calc(4 * var(--u));font-size:calc(12 * var(--u));color:#9aa1ad}.ip-alert-acts{left:calc(18 * var(--u));right:calc(18 * var(--u));top:calc(170 * var(--u));gap:calc(10 * var(--u));display:flex;position:absolute}.ip-ab{height:calc(48 * var(--u));font-size:calc(16 * var(--u));color:#10131a;background:#eef1f6;border-radius:999px;flex:1;place-items:center;font-weight:600;display:grid}.ip-ab-ok{background:var(--blue);color:#fff}.ip-dev[data-scene="1"] .ip-app,.ip-dev:not([data-scene="1"]) .ip-site,.ip-dev:is([data-scene="3"],[data-scene="4"],[data-scene="5"]) .ip-empty{opacity:0}.ip-dev:is([data-scene="3"],[data-scene="4"],[data-scene="5"]) .ip-prov{opacity:1}.ip-dev[data-scene="1"] .ip-toast{opacity:1;transform:translate(-50%)scale(1)}.ip-dev[data-scene="2"] .ip-dim{opacity:1}.ip-dev[data-scene="2"] .ip-alert{opacity:1;transform:scale(1)}.ip-dev:is([data-scene="4"],[data-scene="5"]) .ip-row[data-row="0"]:after{opacity:1}.ip-dev[data-scene="5"] .ip-units{transform:translateY(calc(-48 * var(--u)))}.ip-dev[data-scene="5"] .ip-pw-on{opacity:1;transform:scale(1)}.ip-dev[data-scene="5"] .ip-state-off{opacity:0}.ip-dev[data-scene="5"] .ip-state-on,.ip-dev[data-scene="5"] .ip-timer{opacity:1}.ip-dev[data-scene="1"]{--tx:220;--ty:337}.ip-dev[data-scene="2"]{--tx:274;--ty:546}.ip-dev[data-scene="3"]{--tx:288;--ty:524}.ip-dev[data-scene="4"]{--tx:220;--ty:599}.ip-dev[data-scene="5"]{--tx:220;--ty:193}.ip-dev[data-scene="1"]{--D:8s}.ip-dev[data-scene="2"]{--D:7.6s}.ip-dev[data-scene="3"]{--D:8.4s}.ip-dev[data-scene="4"]{--D:7.2s}.ip-dev[data-scene="5"]{--D:8.8s}.ip-dev[data-play] .ip-scr *,.ip-dev[data-play] .ip-scr :after{animation-duration:var(--D);animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both}.ip-dev[data-play] :is(.ip-touch,.ip-alert,.ip-dim,.ip-pw-on,.ip-pw-spin,.ip-prov,.ip-empty,.ip-toast,.ip-btn,.ip-row,.ip-strip-d){will-change:transform, opacity}.ip-dev[data-wrap] .ip-scr{animation:.56s cubic-bezier(.22,1,.36,1) both ip-wrap}@keyframes ip-wrap{0%{opacity:0}to{opacity:1}}@keyframes ip-tap-a{0%,12%{opacity:0;transform:translate(calc(60 * var(--u)), calc(110 * var(--u))) scale(1.2);animation-timing-function:cubic-bezier(.22,1,.36,1)}28%{opacity:1;transform:translate(0)scale(1)}32%{animation-timing-function:cubic-bezier(.3,0,.6,1);transform:translate(0)scale(1)}36%{animation-timing-function:cubic-bezier(.2,.9,.3,1.3);transform:translate(0)scale(.8)}43%{opacity:1;transform:translate(0)scale(1)}56%,to{opacity:0;transform:translate(0)scale(1.1)}}@keyframes ip-rip-a{0%,35%{opacity:0;transform:scale(.6)}36%{opacity:.8;animation-timing-function:cubic-bezier(.2,.7,.3,1);transform:scale(.6)}58%,to{opacity:0;transform:scale(2.4)}}@keyframes ip-press{0%,33%{animation-timing-function:cubic-bezier(.3,0,.6,1);transform:scale(1)}36%{animation-timing-function:cubic-bezier(.2,.9,.3,1.3);transform:scale(.95)}44%,to{transform:scale(1)}}.ip-dev[data-play][data-scene="1"] .ip-touch{animation-name:ip-tap-a}.ip-dev[data-play][data-scene="1"] .ip-touch i{animation-name:ip-rip-a}.ip-dev[data-play][data-scene="1"] .ip-btn{animation-name:ip-press}.ip-dev[data-play][data-scene="1"] .ip-toast{animation-name:ip1-toast}@keyframes ip1-toast{0%,37%{opacity:0;transform:translate(-50%, calc(8 * var(--u))) scale(.94);animation-timing-function:cubic-bezier(.2,.9,.25,1.12)}45%,80%{opacity:1;animation-timing-function:cubic-bezier(.4,0,1,1);transform:translate(-50%)scale(1)}90%,to{opacity:0;transform:translate(-50%, calc(-6 * var(--u))) scale(.98)}}.ip-dev[data-play][data-scene="2"] .ip-app{animation-name:ip2-open}.ip-dev[data-play][data-scene="2"] .ip-touch{animation-name:ip2-tap}.ip-dev[data-play][data-scene="2"] .ip-touch i{animation-name:ip2-rip}.ip-dev[data-play][data-scene="2"] .ip-eb-paste{animation-name:ip2-press}.ip-dev[data-play][data-scene="2"] .ip-dim{animation-name:ip2-dim}.ip-dev[data-play][data-scene="2"] .ip-alert{animation-name:ip2-alert}@keyframes ip2-open{0%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1);transform:scale(.94)}14%,to{opacity:1;transform:scale(1)}}@keyframes ip2-tap{0%,20%{opacity:0;transform:translate(calc(-60 * var(--u)), calc(120 * var(--u))) scale(1.2);animation-timing-function:cubic-bezier(.22,1,.36,1)}36%{opacity:1;transform:translate(0)scale(1)}40%{animation-timing-function:cubic-bezier(.3,0,.6,1);transform:translate(0)scale(1)}44%{animation-timing-function:cubic-bezier(.2,.9,.3,1.3);transform:translate(0)scale(.8)}50%{opacity:1;transform:translate(0)scale(1)}60%,to{opacity:0;transform:translate(0)scale(1.1)}}@keyframes ip2-rip{0%,43%{opacity:0;transform:scale(.6)}44%{opacity:.8;animation-timing-function:cubic-bezier(.2,.7,.3,1);transform:scale(.6)}64%,to{opacity:0;transform:scale(2.4)}}@keyframes ip2-press{0%,41%{animation-timing-function:cubic-bezier(.3,0,.6,1);transform:scale(1)}44%{animation-timing-function:cubic-bezier(.2,.9,.3,1.3);transform:scale(.94)}52%,to{transform:scale(1)}}@keyframes ip2-dim{0%,50%{opacity:0}62%,to{opacity:1}}@keyframes ip2-alert{0%,50%{opacity:0;animation-timing-function:cubic-bezier(.2,.9,.25,1.05);transform:scale(1.12)}64%,to{opacity:1;transform:scale(1)}}.ip-dev[data-play][data-scene="3"] .ip-touch{animation-name:ip3-tap}.ip-dev[data-play][data-scene="3"] .ip-touch i{animation-name:ip3-rip}.ip-dev[data-play][data-scene="3"] .ip-ab-ok{animation-name:ip3-press}.ip-dev[data-play][data-scene="3"] .ip-dim{animation-name:ip3-dim}.ip-dev[data-play][data-scene="3"] .ip-alert{animation-name:ip3-alert}.ip-dev[data-play][data-scene="3"] .ip-empty{animation-name:ip3-empty}.ip-dev[data-play][data-scene="3"] .ip-prov{animation-name:ip3-prov}.ip-dev[data-play][data-scene="3"] .ip-label{animation-name:ip3-rise}.ip-dev[data-play][data-scene="3"] .ip-pcard{animation-name:ip3-card}.ip-dev[data-play][data-scene="3"] .ip-pc-bar i{animation-name:ip3-bar}.ip-dev[data-play][data-scene="3"] .ip-row{animation-name:ip3-row;animation-delay:calc(var(--k) * 70ms)}@keyframes ip3-tap{0%,6%{opacity:0;transform:translate(calc(50 * var(--u)), calc(120 * var(--u))) scale(1.2);animation-timing-function:cubic-bezier(.22,1,.36,1)}20%{opacity:1;transform:translate(0)scale(1)}23%{animation-timing-function:cubic-bezier(.3,0,.6,1);transform:translate(0)scale(1)}27%{animation-timing-function:cubic-bezier(.2,.9,.3,1.3);transform:translate(0)scale(.8)}32%{opacity:1;transform:translate(0)scale(1)}40%,to{opacity:0;transform:translate(0)scale(1.1)}}@keyframes ip3-rip{0%,26%{opacity:0;transform:scale(.6)}27%{opacity:.8;animation-timing-function:cubic-bezier(.2,.7,.3,1);transform:scale(.6)}46%,to{opacity:0;transform:scale(2.4)}}@keyframes ip3-press{0%,24%{animation-timing-function:cubic-bezier(.3,0,.6,1);transform:scale(1)}27%{animation-timing-function:cubic-bezier(.2,.9,.3,1.3);transform:scale(.94)}33%,to{transform:scale(1)}}@keyframes ip3-dim{0%,30%{opacity:1}40%,to{opacity:0}}@keyframes ip3-alert{0%,30%{opacity:1;animation-timing-function:cubic-bezier(.4,0,1,1);transform:scale(1)}38%,to{opacity:0;transform:scale(.94)}}@keyframes ip3-empty{0%,34%{opacity:1;animation-timing-function:cubic-bezier(.4,0,1,1);transform:translateY(0)}42%,to{opacity:0;transform:translateY(calc(10 * var(--u)))}}@keyframes ip3-prov{0%,40%{opacity:0}41%,to{opacity:1}}@keyframes ip3-rise{0%,40%{opacity:0;transform:translateY(calc(8 * var(--u)));animation-timing-function:cubic-bezier(.22,1,.36,1)}52%,to{opacity:1;transform:translateY(0)}}@keyframes ip3-card{0%,41%{opacity:0;transform:translateY(calc(14 * var(--u))) scale(.96);animation-timing-function:cubic-bezier(.2,.9,.25,1.06)}56%,to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ip3-bar{0%,50%{animation-timing-function:cubic-bezier(.22,1,.36,1);transform:scaleX(0)}72%,to{transform:scaleX(var(--used,.12))}}@keyframes ip3-row{0%,48%{opacity:0;transform:translateX(calc(28 * var(--u)));animation-timing-function:cubic-bezier(.22,1,.36,1)}64%,to{opacity:1;transform:translate(0)}}.ip-dev[data-play][data-scene="4"] .ip-touch{animation-name:ip4-tap}.ip-dev[data-play][data-scene="4"] .ip-touch i{animation-name:ip-rip-a}.ip-dev[data-play][data-scene="4"] .ip-row[data-row="0"]{animation-name:ip-press}.ip-dev[data-play][data-scene="4"] .ip-row[data-row="0"]:after{animation-name:ip4-on}@keyframes ip4-tap{0%,12%{opacity:0;transform:translate(calc(70 * var(--u)), calc(160 * var(--u))) scale(1.2);animation-timing-function:cubic-bezier(.22,1,.36,1)}28%{opacity:1;transform:translate(0)scale(1)}32%{animation-timing-function:cubic-bezier(.3,0,.6,1);transform:translate(0)scale(1)}36%{animation-timing-function:cubic-bezier(.2,.9,.3,1.3);transform:translate(0)scale(.8)}43%{opacity:1;transform:translate(0)scale(1)}56%,to{opacity:0;transform:translate(0)scale(1.1)}}@keyframes ip4-on{0%,36%{opacity:0}44%,to{opacity:1}}.ip-dev[data-play][data-scene="5"] .ip-touch{animation-name:ip5-tap}.ip-dev[data-play][data-scene="5"] .ip-touch i{animation-name:ip5-rip}.ip-dev[data-play][data-scene="5"] .ip-pw-disc{animation-name:ip5-press}.ip-dev[data-play][data-scene="5"] .ip-pw-spin{animation-name:ip5-spin}.ip-dev[data-play][data-scene="5"] .ip-pw-on{animation-name:ip5-on}.ip-dev[data-play][data-scene="5"] .ip-pw-halo{animation-name:ip5-halo}.ip-dev[data-play][data-scene="5"] .ip-state-off{animation-name:ip5-off-text}.ip-dev[data-play][data-scene="5"] .ip-state-on{animation-name:ip5-on-text}.ip-dev[data-play][data-scene="5"] .ip-timer{animation-name:ip5-timer}.ip-dev[data-play][data-scene="5"] .ip-units{animation-name:ip5-tick}@keyframes ip5-tap{0%,8%{opacity:0;transform:translate(calc(-60 * var(--u)), calc(120 * var(--u))) scale(1.2);animation-timing-function:cubic-bezier(.22,1,.36,1)}22%{opacity:1;transform:translate(0)scale(1)}25%{animation-timing-function:cubic-bezier(.3,0,.6,1);transform:translate(0)scale(1)}29%{animation-timing-function:cubic-bezier(.2,.9,.3,1.3);transform:translate(0)scale(.78)}35%{opacity:1;transform:translate(0)scale(1)}44%,to{opacity:0;transform:translate(0)scale(1.1)}}@keyframes ip5-rip{0%,28%{opacity:0;transform:scale(.6)}29%{opacity:.85;animation-timing-function:cubic-bezier(.2,.7,.3,1);transform:scale(.6)}48%,to{opacity:0;transform:scale(2.4)}}@keyframes ip5-press{0%,26%{animation-timing-function:cubic-bezier(.3,0,.6,1);transform:scale(1)}29%{animation-timing-function:cubic-bezier(.2,.9,.3,1.3);transform:scale(.93)}36%,to{transform:scale(1)}}@keyframes ip5-spin{0%,29%{opacity:0;transform:rotate(0)}33%{opacity:1}54%{opacity:1;transform:rotate(560deg)}60%,to{opacity:0;transform:rotate(680deg)}}@keyframes ip5-on{0%,52%{opacity:0;animation-timing-function:cubic-bezier(.2,.9,.25,1.12);transform:scale(.88)}60%,to{opacity:1;transform:scale(1)}}@keyframes ip5-halo{0%,54%{opacity:0;transform:scale(1)}58%{opacity:.7;animation-timing-function:cubic-bezier(.2,.7,.3,1);transform:scale(1)}78%,to{opacity:0;transform:scale(1.22)}}@keyframes ip5-off-text{0%,30%{opacity:1}34%,to{opacity:0}}@keyframes ip5-on-text{0%,56%{opacity:0;transform:translateY(calc(4 * var(--u)))}62%,to{opacity:1;transform:translateY(0)}}@keyframes ip5-timer{0%,60%{opacity:0;transform:translateY(calc(4 * var(--u)));animation-timing-function:cubic-bezier(.22,1,.36,1)}70%,to{opacity:1;transform:translateY(0)}}@keyframes ip5-tick{0%,66%{animation-timing-function:step-end;transform:translateY(0)}76%{transform:translateY(calc(-16 * var(--u)));animation-timing-function:step-end}86%{transform:translateY(calc(-32 * var(--u)));animation-timing-function:step-end}96%,to{transform:translateY(calc(-48 * var(--u)))}}.ip-dev[data-play][data-hold] .ip-scr .ip-units{animation:10s steps(10,end) -3s infinite ip-units}.ip-dev[data-play][data-hold] .ip-scr .ip-tens{animation:60s steps(6,end) -3s infinite ip-tens}@keyframes ip-units{0%{transform:translateY(0)}to{transform:translateY(calc(-160 * var(--u)))}}@keyframes ip-tens{0%{transform:translateY(0)}to{transform:translateY(calc(-96 * var(--u)))}}@media (prefers-reduced-motion:reduce){.ip-dev .ip-scr,.ip-dev .ip-scr *,.ip-dev .ip-scr :after{animation:none!important}}.ip-dev[data-paused] .ip-scr,.ip-dev[data-paused] .ip-scr *,.ip-dev[data-paused] .ip-scr :after{animation-play-state:paused!important}