:where(.stpx){--z:.74;display:flex;flex-direction:column;align-items:center;gap:14px}:where(.stpx.cap){--z:.62}@media(max-width:520px){:where(.stpx){--z:.68}:where(.stpx.cap){--z:.6}}.stpx button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:inherit}.stpx .px-phone{zoom:var(--z);width:414px;height:868px;padding:12px;border-radius:58px;background:#0e0e10;box-shadow:inset 0 0 0 1.5px #2a2a30,0 40px 80px -30px #0000008c}:where(.stpx .px-scr){position:relative;isolation:isolate;width:390px;height:844px;border-radius:46px;overflow:hidden;background:#fff;display:flex;flex-direction:column;font-family:Inter,system-ui,sans-serif;color:#344054}.stpx .px-sb{flex:none;height:50px;display:flex;align-items:flex-end;justify-content:space-between;padding:0 30px 8px 36px;font:600 16px/1 -apple-system,Inter,sans-serif;color:#101828;position:relative;z-index:2}.stpx .px-sb.dark{color:#fff}.stpx .px-sbi{display:flex;align-items:flex-end;gap:2px}.stpx .px-sbi i{width:3px;background:currentColor;border-radius:1px}.stpx .px-sbi i:nth-child(1){height:4px}.stpx .px-sbi i:nth-child(2){height:6px}.stpx .px-sbi i:nth-child(3){height:8px}.stpx .px-sbi i:nth-child(4){height:10px}.stpx .px-sbi b{width:24px;height:11px;margin-left:6px;border-radius:3px;border:1.3px solid currentColor;box-shadow:inset 0 0 0 1.5px #fff;background:currentColor}.stpx .px-sb.dark .px-sbi b{box-shadow:inset 0 0 0 1.5px #1b2e43}.stpx .px-screen{flex:1;min-height:0;display:flex;flex-direction:column}.stpx .px-top{flex:none;display:flex;align-items:center;padding:12px 24px 8px}.stpx .px-top.hero{min-height:44px;padding:12px 20px 0}.stpx .px-back{width:32px;padding:4px;display:flex}.stpx .px-dots{flex:1;display:flex;justify-content:center;gap:8px}.stpx .px-dots i{width:8px;height:8px;border-radius:4px;background:#e4e7ec}.stpx .px-dots i.on{background:#046cc1}.stpx .px-scroll{flex:1;min-height:0;overflow-y:auto;padding:16px 24px 24px;scrollbar-width:none;overscroll-behavior:contain}.stpx .px-scroll::-webkit-scrollbar{display:none}.stpx .px-scroll.hero{display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px 24px}.stpx .px-q{margin:0;padding:0 8px;text-align:center;font:700 24px/32px Outfit,sans-serif;color:#034785}.stpx .px-ins{margin:4px 0 0;text-align:center;font:400 18px/28px Outfit,sans-serif;color:#1a7ae0}.stpx .px-sub{margin:0;max-width:340px;text-align:center;font:400 18px/28px Outfit,sans-serif;color:#046cc1}.stpx .px-list{margin-top:24px;display:flex;flex-direction:column;gap:12px}.stpx .px-card{display:flex;align-items:center;width:100%;padding:14px 16px;border-radius:12px;border:1px solid #E4E7EC;background:#fff;transition:opacity .15s}.stpx .px-card:active{opacity:.7}.stpx .px-card.on{border-color:#046cc1;background:#f5f9ff}.stpx .px-txt{flex:1;min-width:0;display:flex;flex-direction:column}.stpx .px-t{font:400 18px/28px Outfit,sans-serif;color:#344054}.stpx .px-card.on .px-t{font-weight:500;color:#0358a3}.stpx .px-d{margin-top:2px;font:400 16px/24px Outfit,sans-serif;color:#98a2b3}.stpx .px-card.on .px-d{color:#1a7ae0}.stpx .px-box{flex:none}.stpx .px-lead{margin-right:12px;display:flex}.stpx .px-rank{width:24px;height:24px;border-radius:12px;background:#046cc1;color:#fff;display:grid;place-items:center;font:700 14px/1 Inter,sans-serif}.stpx .px-rank.empty{background:none;border:1.5px solid #D0D5DD}.stpx .px-foot{flex:none;padding:24px 24px 46px}.stpx .px-cta{display:block;width:100%;padding:12px 18px;border-radius:9999px;background:#046cc1;color:#fff;text-align:center;font:600 16px/24px Inter,sans-serif;box-shadow:0 1px 2px #1018280d;transition:background .15s}.stpx .px-cta:active{background:#0358a3}.stpx .px-cta[disabled]{background:#f2f4f7;color:#98a2b3;box-shadow:none;cursor:default}.stpx .px-reveal{align-self:stretch;background:#ebf4ff;border-radius:16px;padding:12px;box-shadow:0 1px 3px #1018280f}.stpx .px-reveal img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;background:#d6e8ff}.stpx .px-info{display:flex;flex-direction:column;gap:6px;padding:14px 4px 4px}.stpx .px-info b{font:700 20px/30px Outfit,sans-serif;color:#034785}.stpx .px-meta{font:500 14px/20px Inter,sans-serif;color:#1a7ae0}.stpx .px-info p{margin:4px 0 0;font:400 14px/20px Inter,sans-serif;color:#475467}.stpx .px-auth{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;padding:50px 24px 0;margin-top:-50px;background:linear-gradient(#1a7ae0,#fff 45%)}.stpx .px-back.light{align-self:flex-start;margin-top:8px}.stpx .px-scroll.auth{padding:0 0 16px}.stpx .px-authhd{display:flex;flex-direction:column;align-items:center;margin:24px 0 32px}.stpx .px-logo{width:97.5px;height:97.5px;border-radius:16px;box-shadow:0 4px 8px #10182814}.stpx .px-at{margin:16px 0 0;text-align:center;font:700 30px/38px Outfit,sans-serif;color:#034785}.stpx .px-as{margin:4px 0 0;text-align:center;font:400 18px/28px Outfit,sans-serif;color:#046cc1}.stpx .px-focus{display:flex;flex-direction:column;gap:8px;margin-top:-8px}.stpx .px-fl{font:600 18px/28px Outfit,sans-serif;color:#034785}.stpx .px-fc{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:#ebf4ff}.stpx .px-fc img{width:100px;height:75px;border-radius:8px;object-fit:cover;background:#f2f4f7;flex:none}.stpx .px-fc span{flex:1;min-width:0;display:flex;flex-direction:column}.stpx .px-fc b{font:600 16px/24px Inter,sans-serif;color:#034785}.stpx .px-fc small{margin-top:2px;font:400 14px/20px Inter,sans-serif;color:#1a7ae0}.stpx .px-tips{margin-top:32px;display:flex;flex-direction:column;gap:16px}.stpx .px-tip{display:flex;align-items:flex-start;gap:12px}.stpx .px-tipic{width:40px;height:40px;border-radius:9999px;background:#ebf4ff;display:grid;place-items:center;flex:none}.stpx .px-tip span:last-child{flex:1;display:flex;flex-direction:column;gap:2px}.stpx .px-tip b{font:600 16px/24px Outfit,sans-serif;color:#034785}.stpx .px-tip small{font:400 16px/24px Outfit,sans-serif;color:#475467}.stpx .px-foot.auth{padding:0 0 46px}.stpx .px-toast{position:absolute;left:24px;right:24px;bottom:108px;z-index:3;padding:12px 20px;border-radius:9999px;background:#101828;color:#fff;text-align:center;font:500 14px/20px Inter,sans-serif;animation:px-in .25s var(--out) both;transition:opacity .3s}.stpx .px-toast.out{opacity:0}@keyframes px-in{0%{opacity:0;transform:translateY(8px)}}.stpx .px-scr.player{background:#041559;color:#fff}.stpx .pl-bg{position:absolute;inset:-40px;width:calc(100% + 80px);max-width:none;height:calc(100% + 80px);object-fit:cover;opacity:.7;filter:blur(30px) brightness(.72);z-index:0}.stpx .px-scr.player:after{content:"";position:absolute;inset:0;background:#1b2e4366;z-index:0}.stpx .pl{position:relative;z-index:1;flex:1;min-height:0;display:flex;flex-direction:column;padding:16px 24px 34px}.stpx .pl-hd{display:flex;align-items:center;margin-bottom:16px}.stpx .pl-ib{width:44px;height:44px;display:grid;place-items:center;flex:none}.stpx .pl-ti{flex:1;min-width:0;margin:0 12px;display:flex;flex-direction:column}.stpx .pl-ti b{font:600 12px/18px Inter,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stpx .pl-ti small{font:400 12px/18px Inter,sans-serif;color:#ffffffb3}.stpx .pl-caps{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;padding:80px 0;-webkit-mask-image:linear-gradient(transparent,#000 80px,#000 calc(100% - 20px),transparent);mask-image:linear-gradient(transparent,#000 80px,#000 calc(100% - 20px),transparent)}.stpx .pl-caps::-webkit-scrollbar{display:none}.field.stp-proto{border-radius:24px;padding-top:60px;background:#034785}.stpx .pl-art,.stpx .pl.art .pl-caps{display:none}.stpx .pl.art .pl-ti{visibility:hidden}.stpx .pl.art .pl-art{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center}.stpx .pl-art img{width:342px;height:256.5px;object-fit:cover;border-radius:12px;box-shadow:0 8px 16px #0006}.stpx .pl-art b{margin-top:24px;font:700 20px/30px Outfit,sans-serif;color:#fff}.stpx .pl-art small{margin:4px 0 16px;font:400 16px/24px Inter,sans-serif;color:#ffffffb3}.stpx .pl-list{position:relative}.stpx .pl-line{display:block;width:100%;padding:10px 8px;text-align:left;font:600 24px/32px Outfit,sans-serif;color:#ffffff26}.stpx .pl-line.on{color:#fff}.stpx .pl-prog{margin:8px 0 12px}.stpx .pl-track{height:24px;display:flex;align-items:center;background:linear-gradient(#ffffff4d,#ffffff4d) center/100% 4px no-repeat}.stpx .pl-track i{display:flex;justify-content:flex-end;align-items:center;height:4px;width:0;background:#fff;border-radius:2px}.stpx .pl-track s{width:12px;height:12px;border-radius:6px;background:#fff;margin-right:-6px;flex:none}.stpx .pl-times{display:flex;justify-content:space-between;font:400 12px/18px Inter,sans-serif;color:#ffffffb3}.stpx .pl-ctrl{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.stpx .pl-side{width:32px;height:40px;display:grid;place-items:center}.stpx .pl-skip{display:flex;flex-direction:column;align-items:center}.stpx .pl-skip b{margin-top:-12px;font:600 14px/20px Inter,sans-serif;color:#fff}.stpx .pl-skip b.rw{margin-left:-16px}.stpx .pl-skip b.fw{margin-left:16px}.stpx .pl-play{width:64px;height:64px;display:grid;place-items:center;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.stpx .pl-sec{display:flex;justify-content:space-between;align-items:center}.stpx .pl-grp{display:flex;gap:20px}.stpx .pl-grp>span{width:32px;height:32px;display:grid;place-items:center}:where(.stpx) .pl-voices{display:flex;gap:6px;padding:4px;border-radius:99px;background:color-mix(in oklab,var(--brand,#046CC1) 10%,transparent)}:where(.stpx) .pl-voices button{padding:6px 14px;border-radius:99px;font:500 13px/1 var(--sans,Inter,sans-serif);color:var(--ink-2,#475467);transition:background .2s,color .2s}:where(.stpx) .pl-voices button[aria-checked=true]{background:var(--surface,#fff);color:var(--ink,#101828);box-shadow:0 1px 2px #00000014}.stpx .pl-grp>button{width:32px;height:32px;display:grid;place-items:center;cursor:pointer}.stpx button.pl-side{cursor:pointer}.stpx .ts{position:absolute;inset:0;z-index:5}.stpx .ts[hidden]{display:none}.stpx .ts-scrim{position:absolute;inset:0;background:#0c111d73;opacity:0;transition:opacity .25s}.stpx .ts-sheet{position:absolute;left:0;right:0;bottom:0;padding:16px 24px 40px;border-radius:24px 24px 0 0;background:#f5f9ff;color:#101828;transform:translateY(calc(100% + 8px));transition:transform .3s cubic-bezier(.2,.8,.2,1);font-family:Inter,sans-serif}.stpx .ts.in .ts-scrim{opacity:1}.stpx .ts.in .ts-sheet{transform:none}.stpx .ts-handle{display:block;width:36px;height:4px;margin:0 auto 12px;border-radius:2px;background:#d0d5dd}.stpx .ts-h{margin:4px 0 8px;font:600 18px/28px Outfit,sans-serif;color:#344054}.stpx .ts-row{display:flex;align-items:center;width:100%;padding:16px 0;text-align:left;cursor:pointer}.stpx .ts-row b{flex:1;margin-left:12px;font:500 16px/24px Inter,sans-serif;color:#101828}.stpx .ts-row span{margin-right:4px;font:500 14px/20px Inter,sans-serif;color:#667085}.stpx .ts-row span.on{color:#046cc1}.stpx .ts-opt{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 0;border-bottom:1px solid #F2F4F7;font:400 16px/24px Inter,sans-serif;color:#667085;text-align:left;cursor:pointer}.stpx .ts-opt.on{font-weight:600;color:#046cc1}.stpx .ts-read{margin:12px 0 20px;text-align:center;font:700 36px/44px Outfit,sans-serif;color:#101828}.stpx .ts-ruler{position:relative;height:56px;margin-bottom:28px}.stpx .ts-track{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent)}.stpx .ts-track::-webkit-scrollbar{display:none}.stpx .ts-track i{flex:none;position:relative;width:14px;height:100%;scroll-snap-align:center;display:flex;justify-content:center;padding-top:6px}.stpx .ts-track i:before{content:"";width:2px;height:16px;border-radius:1px;background:#d0d5dd}.stpx .ts-track i.md:before{height:24px;background:#98a2b3}.stpx .ts-track i.mj:before{height:30px;background:#98a2b3}.stpx .ts-track em{position:absolute;bottom:0;width:40px;left:-13px;text-align:center;font:500 12px/18px Inter,sans-serif;font-style:normal;color:#667085}.stpx .ts-ptr{position:absolute;top:-6px;left:50%;width:3px;height:34px;margin-left:-1.5px;border-radius:1.5px;background:#046cc1;pointer-events:none}.stpx .ts-ptr:before{content:"";position:absolute;top:-10px;left:50%;margin-left:-6px;border:6px solid transparent;border-top:8px solid #046CC1;border-bottom:0}.stpx .ts-chips{display:flex;gap:8px}.stpx .ts-chips button{flex:1;display:grid;place-items:center;padding:0;height:38px;border-radius:19px;background:#ebf4ff;font:600 14px/20px Inter,sans-serif;color:#0358a3;cursor:pointer;transition:background .2s,color .2s}.stpx .ts-chips button.on{background:#046cc1;color:#fff}.stpx .pl-rep{position:relative}.stpx .pl-on{position:absolute;right:0;bottom:1px;font:700 10px/11px Inter,sans-serif;color:#4795f0}.stpx .pl-one{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:700 9px/1 Inter,sans-serif;color:#4795f0}.stpx .pl-track{cursor:pointer;touch-action:none;outline:none}.stpx .pl-track s{transition:transform .15s}.stpx .pl-track.drag s,.stpx .pl-track:focus-visible s{transform:scale(1.5)}.stpx .ts-sheet.xl,.stpx .ts-sheet.lg{display:flex;flex-direction:column;padding-bottom:0}.stpx .ts-sheet.xl{height:85%}.stpx .ts-sheet.lg{height:75%}.stpx .ts-sheet.xl .ts-body,.stpx .ts-sheet.lg .ts-body{flex:1;min-height:0;display:flex;flex-direction:column}.stpx .ts-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain;padding-bottom:34px}.stpx .ts-scroll::-webkit-scrollbar{display:none}.stpx .ts-hr{display:block;height:1px;margin:8px 0;background:#e4e7ec}.stpx .ts-row>svg,.stpx .ts-ico{flex:none}.stpx .ts-row .ts-ico{position:relative;display:inline-flex;margin:0}.stpx .ts-ico .ts-on{position:absolute;right:-1px;bottom:-4px;font:700 10px/11px Inter,sans-serif}.stpx .ts-ico .ts-one{position:absolute;inset:0;display:grid;place-items:center;font:700 9px/1 Inter,sans-serif}.stpx .q-sec{margin:0 0 8px;font:600 14px/20px Inter,sans-serif;letter-spacing:.5px;text-transform:uppercase;color:#667085}.stpx .q-row+.q-sec,.stpx .q-swipe+.q-sec,.stpx .q-row.now{margin-bottom:24px}.stpx .q-swipe{position:relative;overflow:hidden}.stpx .q-rm{position:absolute;top:0;right:0;bottom:0;width:56px;display:grid;place-items:center;cursor:pointer}.stpx .q-row{position:relative;display:flex;align-items:center;padding:10px 0;background:#f5f9ff;touch-action:pan-y;user-select:none}.stpx .q-swipe .q-row{cursor:grab}.stpx .q-th{position:relative;flex:none;width:64px;height:48px;margin-right:12px;border-radius:6px;overflow:hidden;background:#d6e8ff}.stpx .q-th img{width:100%;height:100%;object-fit:cover;display:block}.stpx .q-mid{flex:1;min-width:0;margin-right:4px}.stpx .q-mid b{display:block;margin-top:4px;font:500 16px/18px Inter,sans-serif;color:#101828;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stpx .q-row.now .q-mid b{color:#046cc1}.stpx .q-mid small{display:block;margin-bottom:4px;font:400 14px/20px Inter,sans-serif;color:#667085}.stpx .q-play{flex:none;width:32px;height:32px;margin-left:8px;border-radius:50%;background:#046cc1;display:flex;align-items:center;justify-content:center;gap:3px;cursor:pointer}.stpx .q-play i{width:2.5px;height:12px;border-radius:1px;background:#fff}.stpx .q-play svg{margin-left:1px}.stpx .eqb{display:none;align-items:flex-end;gap:2px}.stpx .eqb i{width:3px;height:14px;border-radius:1.5px;background:#fff;transform:scaleY(.22);transform-origin:bottom;animation:stp-eq .8s ease-in-out infinite alternate}.stpx .eqb i:nth-child(2){animation-duration:.9s;animation-delay:-.3s}.stpx .eqb i:nth-child(3){animation-duration:.63s;animation-delay:-.15s}@keyframes stp-eq{to{transform:scaleY(1)}}.stpx .q-eq{position:absolute;inset:0;justify-content:center;padding-bottom:16px;background:#00000059}.stpx .q-row.playing .q-eq{display:flex}.stpx .q-empty{padding:48px 0;text-align:center}.stpx .q-empty b{display:block;margin-top:12px;font:500 16px/24px Inter,sans-serif;color:#98a2b3}.stpx .q-empty small{display:block;margin-top:4px;font:400 14px/20px Inter,sans-serif;color:#98a2b3}