.utp{--bg:#f4f1e9;--fg:#121313;--card:#fbfaf6;--muted:#ebe7de;--mfg:#666962;--faint:#666962;--line:rgba(18,19,19,.12);--line2:rgba(18,19,19,.22);--bar:#121313;--bar-fg:#f4f1e9;--star:#ffe45c;--star-fg:#121313;--star-soft:rgba(255,228,92,.42);--star-line:#d8bb2c;--red:#D9452F;--red-h:#c2391f;--sky:#2f6fd0;--sky-soft:rgba(47,111,208,.16);--tshadow:2.4px 3px 0 #e9a78b,3.7px 4.7px 0 rgba(18,19,19,.12);--glow:rgba(217,119,87,.13);--glass:rgba(251,250,246,.72);--pop:0 24px 60px -24px rgba(18,19,19,.28);--r:.875rem;--rc:22px;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif;--serif:"Noto Serif SC","Songti SC",serif;--ease:cubic-bezier(.22,1,.36,1);color-scheme:light}@media(prefers-color-scheme:dark){.utp:not([data-theme=light]){--bg:#0e1220;--fg:#f4f1e9;--card:#161b2b;--muted:#1f2538;--mfg:#a3a9b8;--faint:#7c8396;--line:rgba(244,241,233,.13);--line2:rgba(244,241,233,.24);--bar:#070a14;--bar-fg:#f4f1e9;--star-soft:rgba(255,228,92,.2);--star-line:#ffe45c;--sky:#6fa4f5;--sky-soft:rgba(111,164,245,.18);--tshadow:2.4px 3px 0 #c56a52,3.7px 4.7px 0 rgba(0,0,0,.5);--glow:rgba(217,119,87,.16);--glass:rgba(22,27,43,.7);--pop:0 30px 70px -24px rgba(0,0,0,.7);color-scheme:dark}}.utp[data-theme=dark]{--bg:#0e1220;--fg:#f4f1e9;--card:#161b2b;--muted:#1f2538;--mfg:#a3a9b8;--faint:#7c8396;--line:rgba(244,241,233,.13);--line2:rgba(244,241,233,.24);--bar:#070a14;--bar-fg:#f4f1e9;--star-soft:rgba(255,228,92,.2);--star-line:#ffe45c;--sky:#6fa4f5;--sky-soft:rgba(111,164,245,.18);--tshadow:2.4px 3px 0 #c56a52,3.7px 4.7px 0 rgba(0,0,0,.5);--glow:rgba(217,119,87,.16);--glass:rgba(22,27,43,.7);--pop:0 30px 70px -24px rgba(0,0,0,.7);color-scheme:dark}.utp *,.utp *:before,.utp *:after{box-sizing:border-box}.utp{-webkit-text-size-adjust:100%;scroll-padding-top:120px}.utp{margin:0;background:var(--bg);color:var(--fg);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background-color .3s,color .3s}.utp img{display:block;max-width:100%}.utp button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.utp a{color:inherit;text-decoration:none}.utp input{font:inherit;color:inherit}.utp :focus-visible{outline:2px solid var(--sky);outline-offset:2px;border-radius:6px}.utp .i{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.utp .i.f{fill:currentColor;stroke:none}.utp .wrap{max-width:1440px;margin:0 auto;padding:0 32px}.utp .sy{display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:5px;background:var(--muted);color:var(--mfg);font-size:11px;font-weight:500;letter-spacing:0;vertical-align:middle;white-space:nowrap}.utp .eyebrow{font:500 12px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--mfg)}.utp .link{display:inline-flex;align-items:center;gap:4px;color:var(--fg);font-weight:600;font-size:14px;transition:gap .15s,opacity .15s}.utp .link:hover{gap:8px}.utp .link .i{width:15px;height:15px}.utp .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 22px;border-radius:999px;font-weight:600;font-size:15px;letter-spacing:-.01em;white-space:nowrap;transition:transform .15s var(--ease),background-color .15s,border-color .15s,box-shadow .15s}.utp .btn:active{transform:scale(.97)}.utp .btn .i{width:17px;height:17px}.utp .btn-red{background:var(--red);color:#fff;box-shadow:0 1px #ffffff2e inset,0 8px 22px -10px #d9452fbf}.utp .btn-red:hover{background:var(--red-h);transform:translateY(-1px)}.utp .btn-ghost{border:1px solid var(--line2);background:transparent}.utp .btn-ghost:hover{background:var(--muted);transform:translateY(-1px)}.utp .btn-soft{background:var(--muted)}.utp .btn-soft:hover{background:var(--line)}.utp .btn.sm{height:36px;padding:0 16px;font-size:14px}.utp .btn.lg{height:54px;padding:0 28px;font-size:16px}.utp .btn.wide{width:100%}.utp .btn[disabled]{opacity:.45;pointer-events:none}.utp .iconbtn{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:999px;background:var(--muted);transition:background-color .15s,transform .15s}.utp .iconbtn:hover{background:var(--line);transform:translateY(-1px)}.utp .chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border-radius:999px;border:1px solid var(--line2);font-size:13.5px;font-weight:500;transition:background-color .15s,border-color .15s,transform .15s;white-space:nowrap}.utp button.chip:hover{background:var(--muted);transform:translateY(-1px)}.utp .chip.sm{height:26px;padding:0 10px;font-size:12.5px}.utp .bdg{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.01em;white-space:nowrap;line-height:1}.utp .bdg .i{width:12px;height:12px}.utp .bdg.pick,.utp .bdg.free{background:var(--star);color:var(--star-fg)}.utp .bdg.vip{background:#121313;color:#ffe45c}.utp .bdg.new{background:#fff;color:#121313}.utp .bdg.soon{background:#1213139e;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.utp .bdg.ai{background:#1213138c;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:500}.utp .promo{position:relative;z-index:31;background:var(--bar);color:var(--bar-fg);font-size:13.5px}.utp .promo .wrap{display:flex;align-items:center;justify-content:center;gap:16px;height:42px}.utp .promo .tag{background:var(--star);color:var(--star-fg);font-weight:700;font-size:12px;height:22px;padding:0 9px;border-radius:999px;display:inline-flex;align-items:center}.utp .promo .cd{display:inline-flex;align-items:center;gap:6px;color:#f4f1e9bf;font-variant-numeric:tabular-nums}.utp .promo .cd b{color:#f4f1e9;font-weight:600;min-width:1.4em;text-align:center}.utp .promo .cd i{opacity:.4;font-style:normal}.utp .promo .go{color:var(--star);font-weight:600;display:inline-flex;align-items:center;gap:4px}.utp .promo .go .i{width:15px;height:15px;transition:transform .15s}.utp .promo .go:hover .i{transform:translate(3px)}.utp .promo .x{position:absolute;right:20px;top:50%;transform:translateY(-50%);opacity:.6}.utp .promo .x:hover{opacity:1}.utp .promo .sy{background:#f4f1e91f;color:#f4f1e9b3}.utp .promo.hide{display:none}.utp .hdr{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s}.utp .hdr.scrolled{border-bottom-color:var(--line)}.utp .hdr .wrap{display:flex;align-items:center;gap:28px;height:68px}.utp .logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;letter-spacing:-.04em}.utp .logo .mk{display:block;flex:none;width:34px;height:34px;border-radius:10px;background:#1b2340;overflow:hidden;box-shadow:0 0 0 1px var(--line2)}.utp .logo .mk img{width:100%;height:100%;object-fit:cover;transform:scale(1.25) translateY(6%)}.utp .logo small{font-size:12px;font-weight:500;color:var(--mfg);letter-spacing:0;margin-left:2px}.utp .nav{display:flex;gap:6px}.utp .nav a{height:34px;padding:0 12px;display:inline-flex;align-items:center;border-radius:999px;font-size:14.5px;font-weight:500;color:var(--mfg);transition:color .15s,background-color .15s}.utp .nav a:hover{color:var(--fg);background:var(--muted)}.utp .nav a.on{color:var(--fg);font-weight:600}.utp .hdr .sp{flex:1}.utp .hsearch{display:flex;align-items:center;gap:8px;width:250px;height:40px;padding:0 8px 0 16px;border-radius:999px;border:1px solid var(--line2);background:var(--card);transition:border-color .15s,width .3s var(--ease)}.utp .hsearch:focus-within{border-color:var(--fg);width:290px}.utp .hsearch input{flex:1;min-width:0;border:0;background:transparent;outline:0;font-size:14px}.utp .hsearch input::placeholder{color:var(--faint)}.utp .hsearch .i{color:var(--mfg)}.utp .hact{display:flex;align-items:center;gap:8px}.utp .tmenu{position:relative}.utp .tmenu .pop{position:absolute;right:0;top:calc(100% + 8px);min-width:168px;padding:6px;border-radius:14px;background:var(--card);border:1px solid var(--line);box-shadow:var(--pop);opacity:0;transform:translateY(-6px) scale(.98);transform-origin:top right;pointer-events:none;transition:opacity .15s,transform .15s var(--ease)}.utp .tmenu.open .pop{opacity:1;transform:none;pointer-events:auto}.utp .tmenu .pop button{display:flex;align-items:center;gap:10px;width:100%;height:38px;padding:0 10px;border-radius:9px;font-size:14px;text-align:left}.utp .tmenu .pop button:hover{background:var(--muted)}.utp .tmenu .pop button .ck{margin-left:auto;opacity:0}.utp .tmenu .pop button.on .ck{opacity:1}.utp .tmenu .pop .hd{padding:6px 10px 4px;font-size:11.5px;color:var(--faint);letter-spacing:.12em}.utp .login{height:38px;padding:0 16px;border-radius:999px;background:var(--fg);color:var(--bg);font-weight:600;font-size:14px;transition:transform .15s,opacity .15s}.utp .login:hover{transform:translateY(-1px);opacity:.9}.utp #app{min-height:70vh}.utp .page{animation:utp-page-in .42s var(--ease) both}@keyframes utp-page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.utp [data-fu]{opacity:0;transform:translateY(20px)}.utp [data-fu].in{animation:utp-fade-up .7s var(--ease) both;animation-delay:calc(var(--d,0) * 70ms)}@keyframes utp-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.utp .hero{position:relative;overflow:hidden;padding:84px 0 40px}.utp .hero .glow{position:absolute;left:50%;top:6%;width:min(70vw,820px);aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:var(--glow);filter:blur(110px);pointer-events:none}.utp .hero .in-c{position:relative;text-align:center}.utp .hero .eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:26px}.utp .hero .eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--red)}.utp .h-title{margin:0 auto;max-width:15ch;font:900 clamp(42px,6.1vw,88px)/1.02 var(--sans);letter-spacing:-.045em;text-shadow:var(--tshadow);text-wrap:balance}.utp .h-sub{margin:26px auto 0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;font-size:16px;color:var(--mfg)}.utp .de{display:inline-flex;align-items:center;height:36px;padding:0 15px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--fg);font-weight:600;font-size:15px}.utp .de b{display:inline-block;margin:0 1px;padding:0 3px;border-radius:4px;background:var(--star);color:var(--star-fg);font-weight:900}.utp .ask{position:relative;margin:34px auto 0;max-width:640px;display:flex;align-items:center;gap:8px;height:64px;padding:0 8px 0 24px;border-radius:999px;background:var(--card);border:1px solid var(--line2);box-shadow:0 18px 40px -26px #12131359;transition:border-color .15s,box-shadow .2s}.utp .ask:focus-within{border-color:var(--fg);box-shadow:0 0 0 4px var(--star-soft),0 18px 40px -26px #12131359}.utp .ask .i{color:var(--mfg);width:20px;height:20px}.utp .ask input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;font-size:17px}.utp .ask input::placeholder{color:var(--faint)}.utp .ask .btn{height:48px}.utp .egs{margin-top:16px;display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.utp .egs span{font-size:13px;color:var(--faint);align-self:center;margin-right:2px}.utp .mq-stage{margin-top:56px;display:grid;gap:16px;width:100%}.utp .mq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);pointer-events:none}.utp .mq-track{display:flex;width:max-content;animation:utp-hero-logo-loop 52s linear infinite;will-change:transform}.utp .mq.rev .mq-track{animation-duration:49s;animation-direction:reverse}.utp .mq-group{display:flex;gap:16px;padding-right:16px}@keyframes utp-hero-logo-loop{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.utp .tile{position:relative;width:112px;height:112px;border-radius:24px;overflow:hidden;flex:none;box-shadow:inset 0 0 0 1px #ffffff40,inset 0 -14px 24px -12px #0000001f}.utp .tile img{position:absolute;top:8%;right:8%;bottom:8%;left:8%;width:84%;height:84%;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.18))}.utp .c-blue{background:#8fa7bd}.utp .c-lav{background:#c3bddf}.utp .c-sage{background:#a9b79a}.utp .c-coral{background:#e1876c}.utp .c-rose{background:#e8c1bc}.utp .c-mint{background:#a8c6bd}.utp .c-sand{background:#d8b48d}.utp .c-plum{background:#b9667e}.utp .c-cream{background:#efe9d8}.utp .c-teal{background:#5e9586}.utp .c-sky{background:#6f9fd8}.utp .works{margin-top:44px;text-align:center}.utp .works .eyebrow{display:block;margin:0;font-size:11px;letter-spacing:.24em}.utp .hero .works .eyebrow:before{display:none}.utp .works .row{margin-top:14px;display:inline-flex;align-items:center;gap:14px;font-size:15px;color:var(--mfg)}.utp .stack{display:flex}.utp .stack span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--card);border:2px solid var(--bg);margin-left:-8px;overflow:hidden;box-shadow:0 0 0 1px var(--line)}.utp .stack span:first-child{margin-left:0}.utp .stack span img{width:100%;height:100%;object-fit:cover}.utp .stack .i{width:16px;height:16px}.utp .flip{display:inline-grid;text-align:center;perspective:600px;vertical-align:bottom;color:var(--fg);font-weight:700}.utp .flip>span{grid-area:1/1;backface-visibility:hidden;transform-origin:50% 50% -10px;transition:transform .5s var(--ease),opacity .4s}.utp .flip>span.up{transform:rotateX(90deg);opacity:0}.utp .flip>span.down{transform:rotateX(-90deg);opacity:0}@keyframes utp-agent-logo-swap{0%{transform:scale(.72) rotate(-6deg);opacity:.4}to{transform:none;opacity:1}}.utp .sec{padding-top:56px;padding-bottom:8px}.utp .sec-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.utp .sec-h h2{margin:0;font:800 26px/1.15 var(--sans);letter-spacing:-.035em}.utp .sec-h p{margin:6px 0 0;color:var(--mfg);font-size:14.5px}.utp .big-h{margin:0;font:900 clamp(34px,4.2vw,58px)/1.04 var(--sans);letter-spacing:-.05em}.utp .rail-w{position:relative}.utp .rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/4);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 10px;margin:-4px -2px -10px;scroll-behavior:smooth}.utp .rail::-webkit-scrollbar{display:none}.utp .rail>*{scroll-snap-align:start}.utp .rarr{position:absolute;top:calc(var(--cvh,140px)/2 - 20px);z-index:4;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--card);color:var(--fg);border:1px solid var(--line2);box-shadow:0 10px 24px -10px #00000059;transition:opacity .2s,transform .15s}.utp .rarr:hover{transform:scale(1.06)}.utp .rarr.r{right:-18px}.utp .rarr.l{left:-18px}.utp .rarr.off{opacity:0;pointer-events:none}.utp .card{position:relative;display:block;cursor:pointer}.utp .card .cv{position:relative;aspect-ratio:16/10;border-radius:var(--rc);overflow:hidden;background:var(--muted);box-shadow:inset 0 0 0 1px var(--line);transition:transform .15s var(--ease),box-shadow .15s}.utp .card:hover .cv{transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--line2),0 16px 34px -22px #12131380}.utp .cv .kb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;animation:utp-kb 12s ease-in-out infinite alternate;transform-origin:var(--ox,50%) var(--oy,45%);opacity:0;transition:opacity .3s}.utp .cv .kb.ld{opacity:1}@keyframes utp-kb{0%{transform:scale(1.02)}to{transform:scale(1.14) translate(-1.5%,-1%)}}@keyframes utp-kb2{0%{transform:scale(1.12) translate(1.5%)}to{transform:scale(1.02)}}.utp .cv .xbo{position:absolute;right:6%;bottom:-4%;width:36%;z-index:1;filter:drop-shadow(0 10px 18px rgba(0,0,0,.35));animation:utp-bob 5s ease-in-out infinite}@keyframes utp-bob{50%{transform:translateY(-5px) rotate(-2deg)}}.utp .cv .shade{position:absolute;inset:auto 0 0;height:56%;background:linear-gradient(to top,rgba(8,10,18,.72),rgba(8,10,18,.28) 45%,transparent);z-index:2;pointer-events:none}.utp .cv .bds{position:absolute;left:12px;top:12px;z-index:3;display:flex;gap:6px;flex-wrap:wrap;max-width:75%}.utp .cv .ot{position:absolute;right:12px;top:12px;z-index:3;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#ffffff38;color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px #ffffff47}.utp .cv .ot .i{width:16px;height:16px}.utp .cv .st{position:absolute;right:14px;bottom:11px;z-index:3;display:flex;gap:12px;color:#fff;font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums;text-shadow:0 1px 4px rgba(0,0,0,.4)}.utp .cv .st span{display:inline-flex;align-items:center;gap:4px}.utp .cv .st .i{width:13px;height:13px}.utp .cv .smp{position:absolute;left:62px;bottom:14px;right:110px;z-index:3;color:#ffffffe6;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(4px);transition:opacity .15s,transform .15s}.utp .card:hover .cv .smp,.utp .card.playing .cv .smp{opacity:1;transform:none}.utp .card:hover .cv .smp~.eq,.utp .card.playing .cv .smp~.eq{opacity:0}.utp .eq{position:absolute;left:62px;bottom:15px;z-index:3;display:flex;align-items:flex-end;gap:2.5px;height:16px;transition:opacity .15s}.utp .eq i{width:3px;height:100%;border-radius:2px;background:#ffffffe6;transform-origin:bottom;animation:utp-eq 1.2s ease-in-out infinite;transform:scaleY(.3)}.utp .eq i:nth-child(2){animation-delay:-.4s;animation-duration:1s}.utp .eq i:nth-child(3){animation-delay:-.75s;animation-duration:1.35s}.utp .eq i:nth-child(4){animation-delay:-.2s;animation-duration:.9s}.utp .eq i:nth-child(5){animation-delay:-.6s;animation-duration:1.15s}.utp .card:hover .eq i{animation-duration:.55s}@keyframes utp-eq{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.utp .eq.solo{left:14px}.utp .pbtn{position:relative;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#121313;transition:transform .15s var(--ease),background-color .15s;flex:none}.utp .pbtn:hover{transform:scale(1.07)}.utp .pbtn .i{width:16px;height:16px}.utp .pbtn .pa,.utp .pbtn.playing .pl{display:none}.utp .pbtn.playing .pa{display:block}.utp .pbtn .ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;width:calc(100% + 8px);height:calc(100% + 8px);transform:rotate(-90deg);pointer-events:none}.utp .pbtn .ring circle{fill:none;stroke-width:2.5;stroke-linecap:round}.utp .pbtn .ring .bgc{stroke:#ffffff47}.utp .pbtn .ring .fgc{stroke:var(--star);stroke-dasharray:138.2;stroke-dashoffset:138.2;transition:stroke-dashoffset .25s linear}.utp .pbtn:not(.playing):not(.paused) .ring{opacity:0}.utp .cv .pbtn{position:absolute;left:12px;bottom:10px;z-index:4;width:38px;height:38px}.utp .pbtn.dark{background:var(--fg);color:var(--bg)}.utp .pbtn.dark .ring .bgc{stroke:var(--line2)}.utp .card .meta{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 2px 0}.utp .card .nm{font-weight:700;font-size:16px;letter-spacing:-.02em;line-height:1.3}.utp .card .sub{font-size:13px;color:var(--mfg);margin-top:3px;display:flex;gap:8px;flex-wrap:wrap}.utp .card .sub em{font-style:normal;color:var(--fg);font-weight:600}.utp .card .runs{display:flex;padding-top:2px}.utp .card .runs span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--muted);border:1.5px solid var(--bg);margin-left:-6px;color:var(--mfg)}.utp .card .runs span:first-child{margin-left:0}.utp .card .runs .i{width:12px;height:12px}.utp .card .runs img{width:100%;height:100%;object-fit:cover;border-radius:50%}.utp .card .lg{font-size:12px;color:var(--mfg);border:1px dashed var(--line2);border-radius:6px;padding:0 6px;height:20px;display:inline-flex;align-items:center}.utp .card .go{position:absolute;right:12px;bottom:12px;z-index:5;opacity:0;transform:translateY(6px);transition:opacity .15s,transform .15s var(--ease);pointer-events:none}.utp .grid .card.hot .go{opacity:1;transform:none;pointer-events:auto}.utp .card.soon .cv{filter:saturate(.9)}.utp .cv.ld-wait:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.38) 50%,transparent 70%);background-size:220% 100%;animation:utp-skill-preview-loading-sweep 1.15s ease-in-out infinite;pointer-events:none}.utp .cv.ld-wait:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--muted);z-index:0}.utp .sh-sk{display:grid;gap:8px;padding:12px 2px 0}.utp .sh-sk i{display:block;height:16px;border-radius:6px;background:var(--muted)}.utp .sh-sk i:first-child{width:55%}.utp .sh-sk i:last-child{width:40%;height:22px}@keyframes utp-skill-preview-loading-sweep{0%{background-position:120% 0}to{background-position:-120% 0}}.utp .reels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.9fr);gap:48px;align-items:center}.utp .reels .txt p{color:var(--mfg);margin:16px 0 22px;max-width:34ch}.utp .reels .txt ul{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:10px;font-size:14.5px}.utp .reels .txt li{display:flex;gap:10px;align-items:center}.utp .reels .txt li .i{color:var(--fg);width:17px;height:17px}.utp .reel-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.utp .reel{position:relative;aspect-ratio:9/16;border-radius:24px;overflow:hidden;background:#0d1120;cursor:pointer;box-shadow:inset 0 0 0 1px var(--line);transition:transform .15s var(--ease)}.utp .reel:hover{transform:translateY(-3px)}.utp .reel .shot{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s}.utp .reel .shot.on{opacity:1}.utp .reel.live .shot.on{animation:var(--cam,utp-kb) 6s linear both}@keyframes utp-cam-push{0%{transform:scale(1.03)}to{transform:scale(1.15)}}@keyframes utp-cam-panR{0%{transform:scale(1.15) translate(-4%)}to{transform:scale(1.15) translate(4%)}}@keyframes utp-cam-panL{0%{transform:scale(1.15) translate(4%)}to{transform:scale(1.15) translate(-4%)}}@keyframes utp-cam-tilt{0%{transform:scale(1.15) translateY(-4%)}to{transform:scale(1.15) translateY(4%)}}@keyframes utp-cam-punch{0%{transform:scale(1.24)}12%{transform:scale(1.1)}to{transform:scale(1.15)}}.utp .reel .flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none;z-index:2}.utp .reel .flash.go{animation:utp-flash .32s ease-out}@keyframes utp-flash{0%{opacity:.5}to{opacity:0}}.utp .reel .shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(5,7,15,.86) 0,rgba(5,7,15,.15) 38%,transparent 60%,rgba(5,7,15,.35));z-index:2}.utp .reel .top{position:absolute;left:12px;right:12px;top:12px;z-index:3;display:flex;justify-content:space-between;gap:6px}.utp .reel .ai{opacity:0;transition:opacity .2s}.utp .reel.live .ai{opacity:1}.utp .reel .cap{position:absolute;left:14px;right:14px;bottom:70px;z-index:3;color:#fff;font-weight:700;font-size:15px;line-height:1.35;text-shadow:0 2px 8px rgba(0,0,0,.55);min-height:2.7em;display:flex;flex-direction:column;justify-content:flex-end}.utp .reel .cap small{display:block;font-size:11px;font-weight:600;color:var(--star);letter-spacing:.06em;margin-bottom:2px}.utp .reel .cap span{transition:opacity .2s}.utp .reel .bot{position:absolute;left:12px;right:12px;bottom:12px;z-index:3;display:flex;align-items:center;gap:10px;color:#fff}.utp .reel .bot .t{flex:1;min-width:0;font-size:12.5px;line-height:1.3}.utp .reel .bot .t b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.utp .reel .bot .t span{opacity:.72}.utp .reel .prog{position:absolute;left:0;right:0;bottom:0;height:3px;z-index:4;background:#ffffff2e}.utp .reel .prog i{display:block;height:100%;width:0;background:var(--star)}.utp .reel .end{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:#080a14b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:18px;opacity:0;pointer-events:none;transition:opacity .3s}.utp .reel.ended .end{opacity:1;pointer-events:auto}.utp .reel .end small{color:var(--star);font-size:11px;letter-spacing:.08em}.utp .reel .end b{font-size:17px;line-height:1.3}.utp .reel .end .cta{font-size:13px;opacity:.85}.utp .reel .end .rp{align-self:flex-start;margin-top:4px;font-size:12.5px;padding:6px 12px;border-radius:999px;background:#ffffff24}.utp .cover3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.utp .covc{border-radius:var(--rc);background:var(--card);border:1px solid var(--line);padding:22px 22px 20px;transition:transform .15s,border-color .15s}.utp .covc:hover{transform:translateY(-2px);border-color:var(--line2)}.utp .covc .t{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.utp .covc .t b{font-size:16.5px;letter-spacing:-.02em}.utp .covc .t span{font-size:28px;font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.utp .covc .t span small{font-size:15px;color:var(--faint);font-weight:600}.utp .cells{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;margin:16px 0 14px}.utp .cells i{height:26px;border-radius:6px;background:var(--muted);position:relative}.utp .cells i.on{background:var(--star);box-shadow:inset 0 0 0 1px var(--star-line)}.utp .cells i.wr{background:var(--sky-soft);box-shadow:inset 0 0 0 1.5px var(--sky);animation:utp-pulse 2.2s ease-in-out infinite}@keyframes utp-pulse{50%{box-shadow:inset 0 0 0 1.5px var(--sky),0 0 0 4px var(--sky-soft)}}.utp .covc .f{display:flex;justify-content:space-between;font-size:13px;color:var(--mfg)}.utp .made{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.utp .made p{color:var(--mfg);font-size:17px;max-width:40ch;margin:18px 0 26px}.utp .made .art{position:relative;aspect-ratio:5/4;border-radius:32px;overflow:hidden}.utp .made .art img{position:absolute;left:50%;bottom:-2%;width:62%;transform:translate(-50%);filter:drop-shadow(0 22px 30px rgba(0,0,0,.28));animation:utp-bob 6s ease-in-out infinite}.utp .made .art .tagf{position:absolute;z-index:2;padding:9px 14px;border-radius:14px;background:var(--card);color:var(--fg);font-size:13.5px;font-weight:600;box-shadow:var(--pop);display:flex;gap:8px;align-items:center}.utp .made .art .tagf .i{width:16px;height:16px}.utp .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:40px}.utp .step{border-radius:var(--rc);background:var(--card);border:1px solid var(--line);padding:12px 12px 20px;transition:transform .15s,border-color .15s}.utp .step:hover{transform:translateY(-3px);border-color:var(--line2)}.utp .step .tile{width:100%;height:auto;aspect-ratio:4/3;border-radius:16px}.utp .step .tile img{top:10%;right:20%;bottom:10%;left:20%;width:60%;height:80%}.utp .step .n{margin:16px 8px 0;font-size:12px;font-weight:700;color:var(--faint);letter-spacing:.14em}.utp .step b{display:block;margin:4px 8px 0;font-size:18px;letter-spacing:-.025em}.utp .step p{margin:8px 8px 0;color:var(--mfg);font-size:14px;line-height:1.6}.utp .tabs{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--muted)}.utp .tabs button{height:34px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:600;color:var(--mfg);transition:background-color .15s,color .15s}.utp .tabs button small{margin-left:6px;font-weight:500;opacity:.7}.utp .tabs button.on{background:var(--star);color:var(--star-fg)}.utp .tabs button:not(.on):hover{color:var(--fg)}.utp .rank{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin-top:18px}.utp .rk{display:flex;align-items:center;gap:16px;padding:12px 16px 12px 12px;border-radius:18px;background:var(--card);border:1px solid var(--line);transition:transform .15s,border-color .15s;cursor:pointer}.utp .rk:hover{transform:translateY(-2px);border-color:var(--line2)}.utp .rk .no{width:28px;font-size:26px;font-weight:800;letter-spacing:-.05em;color:var(--faint);text-align:center;font-variant-numeric:tabular-nums}.utp .rk img{width:64px;height:64px;border-radius:14px;object-fit:cover}.utp .rk .t{flex:1;min-width:0}.utp .rk .t b{display:block;font-size:15.5px;letter-spacing:-.02em}.utp .rk .t small{color:var(--mfg);font-size:13px}.utp .rk .nos{font-size:12px;color:var(--faint)}.utp .rk .pbtn{background:var(--fg);color:var(--bg)}.utp .rk .pbtn .ring .bgc{stroke:var(--line2)}.utp .tmq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.utp .tmq+.tmq{margin-top:16px}.utp .tmq .mq-track{animation:utp-testimonial-loop 120s linear infinite}.utp .tmq.rev .mq-track{animation-direction:reverse;animation-duration:110s}.utp .tmq:hover .mq-track{animation-play-state:paused}@keyframes utp-testimonial-loop{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.utp .tq{width:340px;flex:none;border-radius:20px;background:var(--card);border:1px solid var(--line);padding:20px 22px;display:flex;flex-direction:column;gap:16px}.utp .tq q{quotes:none;font-size:15.5px;line-height:1.6;letter-spacing:-.01em}.utp .tq .who{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--mfg)}.utp .tq .who .tile{width:30px;height:30px;border-radius:50%}.utp .tq .who .tile img{top:4%;right:4%;bottom:4%;left:4%;width:92%;height:92%}.utp .ybar{display:flex;align-items:center;gap:18px;padding:18px 22px;border-radius:18px;background:var(--star);color:var(--star-fg);transition:transform .15s}.utp .ybar:hover{transform:translateY(-2px)}.utp .ybar .ic{width:44px;height:44px;border-radius:12px;background:#12131314;display:grid;place-items:center;flex:none}.utp .ybar .ic img{width:38px;height:38px;object-fit:contain}.utp .ybar b{display:block;font-size:16px;letter-spacing:-.02em}.utp .ybar small{display:block;font-size:13px;opacity:.72}.utp .ybar .ar{margin-left:auto}.utp .faq{border-radius:var(--rc);background:var(--card);border:1px solid var(--line);padding:6px 26px}.utp .faq details{border-bottom:1px solid var(--line)}.utp .faq details:last-child{border-bottom:0}.utp .faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;font-weight:600;font-size:16px;cursor:pointer}.utp .faq summary::-webkit-details-marker{display:none}.utp .faq summary .i{transition:transform .2s var(--ease);color:var(--mfg)}.utp .faq details[open] summary .i{transform:rotate(180deg)}.utp .faq details p{margin:-6px 0 20px;color:var(--mfg);max-width:70ch}.utp .foot{margin-top:96px;border-top:1px solid var(--line);padding:48px 0 40px}.utp .foot .cols{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:32px}.utp .foot h6{margin:0 0 12px;font-size:12px;letter-spacing:.16em;color:var(--faint);font-weight:600}.utp .foot a{display:block;font-size:14px;color:var(--mfg);padding:3px 0;transition:color .15s}.utp .foot a:hover{color:var(--fg)}.utp .foot a.logo{display:flex;color:var(--fg);font-size:19px}.utp .foot .bl{color:var(--mfg);font-size:14px;max-width:32ch;margin-top:12px}.utp .foot .fine{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 20px;font-size:12px;color:var(--faint)}.utp .np{position:fixed;left:50%;bottom:20px;z-index:40;transform:translate(-50%,140%);display:flex;align-items:center;gap:12px;padding:8px 10px 8px 8px;border-radius:999px;background:var(--fg);color:var(--bg);box-shadow:var(--pop);transition:transform .35s var(--ease);max-width:calc(100vw - 32px)}.utp .np:not(.on){opacity:0;visibility:hidden;transition:transform .35s var(--ease),opacity .2s,visibility 0s .35s}.utp .np.on{transform:translate(-50%)}.utp .np img{width:36px;height:36px;border-radius:50%;object-fit:cover;animation:utp-spin 8s linear infinite}.utp .np.paused img{animation-play-state:paused}@keyframes utp-spin{to{transform:rotate(360deg)}}.utp .np .t{min-width:0;font-size:13px;line-height:1.25}.utp .np .t b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46vw}.utp .np .t span{opacity:.6;font-size:12px;font-variant-numeric:tabular-nums}.utp .np .eq{position:static;height:14px}.utp .np .eq i{background:var(--star)}.utp .np.paused .eq i{animation-play-state:paused}.utp .np button{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#7f7f7f33}.utp .np button .i{width:15px;height:15px}@media(max-width:1180px){.utp .hsearch{display:none}.utp .rail{grid-auto-columns:calc((100% - 40px)/3)}.utp .reels{grid-template-columns:1fr;gap:28px}}@media(max-width:900px){.utp .wrap{padding:0 16px}.utp .nav{display:none}.utp .hdr .wrap{gap:12px;height:60px}.utp .promo .wrap{gap:10px;height:40px;justify-content:flex-start;font-size:12.5px;padding-right:44px}.utp .promo .txt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.utp .promo .go,.utp .promo .sy{display:none}.utp .promo .x{right:12px}.utp .mnav{display:flex!important}.utp .hero{padding:44px 0 24px}.utp .h-title{font-size:clamp(36px,10.6vw,48px);line-height:1.06}.utp .h-sub{gap:8px;margin-top:20px}.utp .h-sub>span:first-child{width:100%}.utp .de{height:32px;padding:0 12px;font-size:14px}.utp .ask{height:56px;padding-left:16px;margin-top:26px}.utp .ask input{font-size:15.5px}.utp .ask .btn{height:42px;padding:0 16px;font-size:14px}.utp .ask>.i{display:none}.utp .mq-stage{margin-top:40px;gap:10px}.utp .tile{width:78px;height:78px;border-radius:18px}.utp .mq-group{gap:10px;padding-right:10px}.utp .sec{padding-top:44px;padding-bottom:4px}.utp .sec-h h2{font-size:22px}.utp .sec-h .link{font-size:13px}.utp .rail{grid-auto-columns:80%;gap:14px}.utp .rarr{display:none}.utp .reel-row{grid-template-columns:repeat(3,72%);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;margin:0 -16px;padding:0 16px}.utp .reel-row::-webkit-scrollbar{display:none}.utp .reel-row .reel{scroll-snap-align:center}.utp .cover3,.utp .steps,.utp .rank{grid-template-columns:1fr}.utp .steps{grid-auto-flow:column;grid-auto-columns:78%;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:28px -16px 0;padding:0 16px}.utp .steps::-webkit-scrollbar{display:none}.utp .step{scroll-snap-align:start}.utp .made{grid-template-columns:1fr;gap:28px}.utp .tq{width:280px}.utp .foot .cols{grid-template-columns:1fr 1fr}.utp .foot .cols>div:first-child{grid-column:1/-1}.utp .ybar{padding:14px 16px;gap:12px}.utp .faq{padding:4px 18px}}.utp .mnav{display:none;gap:4px;overflow-x:auto;scrollbar-width:none;padding:0 16px 10px;max-width:100vw}.utp .mnav::-webkit-scrollbar{display:none}.utp .mnav a{flex:none;height:32px;padding:0 14px;border-radius:999px;display:inline-flex;align-items:center;font-size:13.5px;color:var(--mfg);border:1px solid var(--line)}.utp .mnav a.on{background:var(--fg);color:var(--bg);border-color:var(--fg)}@media(max-width:480px){.utp .promo .txt{display:none}.utp .promo .cd{flex:1}}@media(prefers-reduced-motion:reduce){.utp *,.utp *:before,.utp *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.utp [data-fu]{opacity:1;transform:none}}.utp{--ease-out:cubic-bezier(.22,1,.36,1);--hdr-h:64px;interpolate-size:allow-keywords}.utp .promo{font-size:13px}.utp .promo .wrap{height:38px;gap:14px}.utp .promo .tag{height:20px;font-size:11.5px}.utp .hdr .wrap{height:var(--hdr-h);gap:24px}.utp .logo{font-size:18px}.utp .logo .mk{width:30px;height:30px;border-radius:9px}.utp .nav a{font-size:14px;height:32px}.utp .hsearch{width:240px;height:38px}.utp .hsearch:focus-within{width:280px}.utp .iconbtn{width:36px;height:36px}.utp .login{height:36px}.utp .tmenu .pop{min-width:0;width:144px;padding:6px;border-radius:12px;transition:opacity .16s,transform .16s var(--ease-out)}.utp .tmenu .pop .hd{padding:4px 8px 3px;font-size:11px}.utp .tmenu .pop button{height:34px;padding:0 8px;gap:8px;font-size:13.5px;border-radius:8px}.utp .tmenu .pop button .i{width:16px;height:16px}.utp [data-fu].done{animation:none;opacity:1;transform:none}.utp .hero{padding:72px 0 36px}.utp .hero .eyebrow{margin-bottom:22px}.utp .h-title{font-size:clamp(48px,5.4vw,80px);line-height:1}.utp .h-sub{margin-top:24px}.utp .hero .mq-stage{margin-top:44px;gap:14px}.utp .hero .tile{width:100px;height:100px;border-radius:22px}.utp .hero .mq-group{gap:14px;padding-right:14px}.utp .hero .ask{margin-top:40px}.utp .card .cv{transition:transform .24s var(--ease-out),box-shadow .24s var(--ease-out)}.utp .card:hover .cv{transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--line2),0 14px 30px -22px #1213136b}.utp .cv .kb{transition:opacity .3s,scale .5s var(--ease-out)}.utp .card:hover .cv .kb{scale:1.03}.utp .cv .xbo{transition:scale .5s var(--ease-out)}.utp .card:hover .cv .xbo{scale:1.04}.utp .cv .shade{height:38%;background:linear-gradient(to top,rgba(8,10,18,.46),rgba(8,10,18,.12) 55%,transparent);transition:opacity .24s}.utp .cv .st{opacity:.72;transform:translateY(4px);transition:opacity .2s,transform .2s var(--ease-out);text-shadow:0 1px 6px rgba(0,0,0,.55)}.utp .card:hover .cv .st,.utp .card.playing .cv .st{opacity:1;transform:none}.utp .card .meta{padding-top:12px}.utp .rarr{width:44px;height:44px;top:calc(var(--cvh,140px)/2 - 22px);background:color-mix(in srgb,var(--card) 72%,transparent);backdrop-filter:blur(10px) saturate(1.3);-webkit-backdrop-filter:blur(10px) saturate(1.3);border-color:var(--line2);box-shadow:0 8px 20px -12px #00000059}.utp .rarr.off{opacity:.35;pointer-events:none}.utp .rarr:active{transform:scale(.94)}.utp .seg{position:relative;display:inline-flex;align-items:center;gap:2px;height:44px;padding:4px;border-radius:999px;background:var(--card);border:1px solid var(--line)}.utp .seg button{position:relative;z-index:1;height:34px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:600;color:var(--mfg);background:transparent;transition:color .2s}.utp .seg button.on{color:var(--star-fg);background:transparent}.utp .seg button:not(.on):hover{color:var(--fg)}.utp .seg .seg-ind{position:absolute;z-index:0;top:4px;left:0;height:34px;border-radius:999px;background:var(--star);box-shadow:inset 0 0 0 1px var(--star-line);transition:transform .32s var(--ease-out),width .32s var(--ease-out)}.utp .seg:not(.ready) button.on{background:var(--star)}.utp [data-fu].in .cells i.on,.utp [data-fu].in .cells i.wr{animation:utp-cell-in .5s var(--ease-out) both;animation-delay:calc(var(--j,0) * 45ms + .2s)}.utp [data-fu].in .cells i.wr{animation:utp-cell-in .5s var(--ease-out) both,utp-pulse 2.2s ease-in-out 1s infinite}@keyframes utp-cell-in{0%{transform:scaleY(.2);opacity:0}}.utp .faq summary{min-height:64px;padding:0}.utp .faq details::details-content{block-size:0;overflow:hidden;opacity:0;transition:block-size .28s ease,opacity .28s ease,content-visibility .28s allow-discrete}.utp .faq details[open]::details-content{block-size:auto;opacity:1}.utp .faq details p{margin:0 0 20px}.utp .faq summary:hover{color:var(--fg)}@media(max-width:900px){.utp .hdr .wrap{height:56px}.utp .promo .wrap{height:36px}.utp .hero{padding:40px 0 20px}.utp .h-title{font-size:clamp(36px,10.6vw,44px);line-height:1.05}.utp .hero .mq-stage{margin-top:28px;gap:10px}.utp .hero .tile{width:76px;height:76px;border-radius:18px}.utp .hero .mq-group{gap:10px;padding-right:10px}.utp .hero .ask{margin-top:28px}.utp .seg{height:40px}.utp .seg button{height:30px;padding:0 12px;font-size:13.5px}.utp .seg .seg-ind{height:30px}.utp .rarr{display:none}.utp .cv .st{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.utp .card:hover .cv .kb,.utp .card:hover .cv .xbo{scale:none}}.utp .sec-h .link{white-space:nowrap;flex:none}.utp .fside .hd button{font-size:12.5px;color:var(--mfg);font-weight:500}.utp .fg{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--line)}.utp .fg:last-child{border-bottom:0}.utp .fg h5{margin:0 0 8px;font-size:12px;font-weight:600;color:var(--faint);letter-spacing:.06em}.utp .fo small{margin-left:auto;font-size:12px;color:var(--faint);font-variant-numeric:tabular-nums}.utp .ctop h1{margin:0;display:flex;align-items:center;gap:12px;font:800 30px/1.1 var(--sans);letter-spacing:-.04em}.utp .ctop h1 .cnt{height:26px;padding:0 10px;border-radius:999px;background:var(--muted);font-size:13px;font-weight:600;letter-spacing:0;display:inline-flex;align-items:center;font-variant-numeric:tabular-nums}.utp .csrch .i{color:var(--mfg)}.utp .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px}.utp .grid.loading .cv:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);background-size:220% 100%;animation:skill-preview-loading-sweep .9s ease-in-out infinite}.utp .empty{grid-column:1/-1;text-align:center;padding:60px 0;color:var(--mfg)}.utp .empty img{width:120px;margin:0 auto 12px}.utp .crumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mfg);padding:22px 0 18px}.utp .crumb a:hover{color:var(--fg)}.utp .crumb .i{width:13px;height:13px;opacity:.6}.utp .crumb b{color:var(--fg);font-weight:500}.utp .stage{position:relative;aspect-ratio:16/10;border-radius:var(--rc);overflow:hidden;background:#0d1120;box-shadow:inset 0 0 0 1px var(--line)}.utp .stage .bgb{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background-size:cover;background-position:center;filter:blur(38px) saturate(1.2) brightness(.62);transform:scale(1.1);transition:background-image .3s}.utp .stage .song{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:auto 1fr;gap:34px;align-items:center;padding:0 44px;color:#fff}.utp .stage .song .art{width:min(34vw,260px);aspect-ratio:1;border-radius:20px;overflow:hidden;box-shadow:0 30px 60px -20px #0009,0 0 0 1px #ffffff1f}.utp .stage .song .art img{width:100%;height:100%;object-fit:cover;animation:kb 12s ease-in-out infinite alternate}.utp .stage .song small{font-size:12px;letter-spacing:.14em;color:var(--star);font-weight:600}.utp .stage .song h3{margin:6px 0 2px;font-size:28px;letter-spacing:-.03em;line-height:1.15}.utp .stage .song .ch{font-size:13.5px;opacity:.72}.utp .stage .song .ly{margin:18px 0 22px;font-size:14.5px;line-height:1.75;opacity:.9}.utp .stage .song .ly div{transition:opacity .2s,color .2s}.utp .stage .song .ly div.dim{opacity:.4}.utp .stage .song .ctl{display:flex;align-items:center;gap:14px}.utp .stage .song .ctl .pbtn{width:52px;height:52px}.utp .stage .song .ctl .pbtn .i{width:20px;height:20px}.utp .stage .song .tm{font-size:12.5px;opacity:.75;font-variant-numeric:tabular-nums;min-width:76px;text-align:right}.utp .stage .vert .info small{font-size:12px;letter-spacing:.14em;color:var(--star);font-weight:600}.utp .stage .tools span{height:30px;padding:0 10px;border-radius:9px;background:#ffffff29;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:12px;display:inline-flex;align-items:center;gap:6px}.utp .th{position:relative;border-radius:14px;overflow:hidden;background:var(--card);border:1px solid var(--line);text-align:left;transition:border-color .15s,transform .15s}.utp .th:hover{transform:translateY(-2px)}.utp .th.on{border-color:var(--red);box-shadow:0 0 0 1px var(--red)}.utp .th .im{aspect-ratio:16/10;overflow:hidden;position:relative}.utp .th .im img{width:100%;height:100%;object-fit:cover}.utp .th .l{padding:7px 9px;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.utp .panel{border-radius:var(--rc);background:var(--card);border:1px solid var(--line);padding:22px}.utp .runsp .row>span{color:var(--mfg)}.utp .runsp .ricon img{width:34px;height:34px;object-fit:contain}.utp .dpanel h1 .v{font-size:14px;font-weight:600;color:var(--mfg);letter-spacing:0;margin-left:8px;vertical-align:middle}.utp .dstats{display:flex;flex-wrap:wrap;align-items:center;gap:16px;font-size:14px;color:var(--mfg);margin:14px 0 0}.utp .dstats span{display:inline-flex;align-items:center;gap:5px}.utp .dstats b{color:var(--fg);font-weight:600}.utp .dstats .i{width:15px;height:15px}.utp .need{display:inline-flex;align-items:center;gap:6px;margin-top:14px;height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--star-line);background:var(--star-soft);font-size:12.5px;font-weight:600}.utp .need .i{width:14px;height:14px}.utp .price{margin:22px 0 14px;font:800 46px/1 var(--sans);letter-spacing:-.05em}.utp .price small{font-size:14px;font-weight:500;color:var(--mfg);letter-spacing:0;margin-left:10px}.utp .dbtns .btn{height:52px;font-size:15.5px}.utp .picked h6{margin:0 0 10px;font-size:12.5px;color:var(--faint);font-weight:500}.utp .picked div{display:flex;gap:8px;flex-wrap:wrap}.utp .trio>div{padding:0 30px 26px}.utp .trio h6{margin:0 0 16px;font-size:12px;letter-spacing:.16em;color:var(--faint);font-weight:600}.utp .trio ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.utp .trio li{display:flex;gap:10px;font-size:15px;line-height:1.55}.utp .trio li .i{margin-top:3px;width:17px;height:17px;color:var(--fg)}.utp .trio .no li .i{color:var(--faint)}.utp .box{border-radius:var(--rc);background:var(--card);border:1px solid var(--line);padding:28px 30px}.utp .box>h6,.utp .boxh{margin:0 0 18px;font-size:12px;letter-spacing:.16em;color:var(--faint);font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:12px}.utp .boxh .r{letter-spacing:0;font-size:13px;font-weight:500}.utp .s5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;counter-reset:s}.utp .s5 div{position:relative;padding:16px 16px 18px;border-radius:16px;background:var(--muted);font-size:13.5px;color:var(--mfg);line-height:1.5}.utp .s5 div i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--fg);color:var(--bg);font-style:normal;font-weight:700;font-size:13px;margin-bottom:12px}.utp .s5 div b{display:block;color:var(--fg);font-size:15.5px;margin-bottom:2px}.utp .s5 div:not(:last-child):after{content:"";position:absolute;right:-9px;top:30px;width:6px;height:6px;border-top:1.5px solid var(--faint);border-right:1.5px solid var(--faint);transform:rotate(45deg)}.utp .say{display:inline-flex;flex-direction:column;gap:4px;padding:12px 18px;border-radius:18px;background:var(--muted);border:1px solid var(--line)}.utp .say small{font-size:11px;letter-spacing:.16em;color:var(--faint);font-weight:600}.utp .say q{quotes:none;font-weight:600;font-size:15.5px}.utp .say-r .i{color:var(--fg)}.utp .lcard>div{padding:26px 30px}.utp .lcard ol{margin:0;padding:0;list-style:none;counter-reset:o;display:grid;gap:4px}.utp .tested{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.utp .tested .ok{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;background:var(--star-soft);box-shadow:inset 0 0 0 1px var(--star-line);font-weight:600;font-size:14px}.utp .chlog{margin-top:18px;display:grid;gap:0}.utp .chlog div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:14px 0;border-top:1px solid var(--line);font-size:14.5px}.utp .chlog b{font-variant-numeric:tabular-nums}.utp .chlog span{color:var(--mfg)}.utp .tr{border-radius:18px;border:1px solid var(--line);padding:16px;transition:border-color .15s,transform .15s}.utp .tr:hover{border-color:var(--line2);transform:translateY(-2px)}.utp .tr h5{margin:0 0 12px;font-size:12.5px;color:var(--faint);font-weight:600;letter-spacing:.08em}.utp .tr .s{display:flex;align-items:center;justify-content:space-between;gap:8px}.utp .tr .s b{font-size:16px;letter-spacing:-.02em}.utp .tr .s small{font-size:12.5px;color:var(--mfg)}.utp .tr .cells{grid-template-columns:repeat(12,1fr);margin:12px 0 10px}.utp .tr .cells i{height:18px;border-radius:4px}.utp .tr .pit{font-size:12.5px;color:var(--mfg);display:flex;justify-content:space-between;align-items:center}@media(max-width:900px){.utp .mfilters::-webkit-scrollbar{display:none}.utp .grid{grid-template-columns:1fr;gap:24px}.utp .stage{aspect-ratio:4/5}.utp .stage .song{grid-template-columns:1fr;padding:24px;gap:16px;align-content:center}.utp .stage .song .art{width:150px}.utp .stage .song h3{font-size:22px}.utp .stage .song .ly{margin:12px 0 16px;font-size:13.5px}.utp .thumbs::-webkit-scrollbar{display:none}.utp .price{font-size:38px}.utp .box{padding:22px 18px}.utp .s5{grid-template-columns:1fr}.utp .s5 div:not(:last-child):after{display:none}.utp .chlog div{grid-template-columns:1fr;gap:4px}}.utp .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px}.utp .price{margin:20px 0 14px}.utp .dbtns .btn.btn-main{height:56px;font-size:16.5px}.utp .dbtns .btn.btn-sub{height:48px;font-size:14.5px;color:var(--mfg)}.utp .stage{border-radius:24px}.utp .stage .song{padding:0 44px 64px}.utp .stage .pbar{position:absolute;left:16px;right:16px;bottom:16px;z-index:5;display:flex;align-items:center;gap:14px;height:56px;padding:0 16px 0 8px;border-radius:16px;background:#0a0c166b;backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);box-shadow:inset 0 0 0 1px #ffffff1f;color:#fff}.utp .stage .fs .i{width:15px;height:15px}.utp .stage:fullscreen{border-radius:0}.utp .th{border-radius:14px;height:88px;display:flex;flex-direction:column}.utp .th .l{padding:6px 9px;line-height:16px}.utp .th.on{border-color:var(--star-line);box-shadow:0 0 0 1px var(--star-line)}@media(max-width:1280px){.utp .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1180px){.utp .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.utp .grid{grid-template-columns:1fr;gap:24px}.utp .stage .song{padding:24px 24px 80px}.utp .mcta .btn-main{flex:1;height:52px}.utp .mcta .btn-sub{height:52px;padding:0 16px}}@keyframes utp-mcta-in{0%{transform:translateY(120%)}}.utp{position:relative;min-height:var(--dame-app-h,100vh);overflow-x:clip;isolation:isolate}.utp .hdr{top:0}.utp-main{min-height:60vh}.utp .chip{background:transparent;box-shadow:none}.utp-mock{position:fixed;left:10px;bottom:10px;z-index:60;font:600 10px/1 var(--sans);letter-spacing:.08em;padding:4px 6px;border-radius:6px;background:var(--muted);color:var(--mfg);opacity:.75;pointer-events:none}.utp-loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46vh;color:var(--mfg);font-size:14px;letter-spacing:.08em}.utp-loading .dot{width:10px;height:10px;border-radius:50%;background:var(--star);box-shadow:0 0 14px var(--star-soft);animation:utp-breathe 1.6s ease-in-out infinite}@keyframes utp-breathe{50%{opacity:.3;transform:scale(.8)}}.utp-gate{display:grid;justify-items:center;gap:14px;text-align:center;padding:88px 16px 120px}.utp-gate img{width:120px;height:120px;object-fit:contain}.utp-gate h1{font:900 clamp(26px,4vw,40px)/1.15 var(--sans);letter-spacing:-.03em}.utp-gate p{color:var(--mfg);max-width:30em}.utp-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:80;max-width:calc(100% - 32px);padding:12px 18px;border-radius:14px;background:var(--fg);color:var(--bg);font-size:13.5px;box-shadow:var(--pop)}.utp-toast:empty{display:none}.utp a[aria-disabled=true]{opacity:.55;cursor:default}.utp .fl-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:6px 0 22px}.utp .fl-head h1{font:900 clamp(30px,3.6vw,46px)/1.08 var(--sans);letter-spacing:-.04em;text-shadow:var(--tshadow)}.utp .fl-head p{color:var(--mfg);margin-top:8px;font-size:15px}.utp .fl-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:32px;align-items:start}.utp .fl-side{position:sticky;top:calc(var(--hdr-h) + 16px);display:grid;gap:14px}.utp .card2{background:var(--card);border:1px solid var(--line);border-radius:var(--rc);padding:22px}.utp .card2 h3{font-size:20px;letter-spacing:-.03em;margin:4px 0 10px}.utp .lbl{font:600 11.5px/1 var(--sans);letter-spacing:.14em;color:var(--mfg)}.utp .legend2{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--mfg)}.utp .legend2 span{display:inline-flex;align-items:center;gap:6px}.utp .legend2 i{width:9px;height:9px;border-radius:50%;background:var(--c,var(--line2));display:inline-block}.utp .note{display:flex;gap:12px;align-items:center;font-size:13px;color:var(--mfg);line-height:1.6}.utp .note img{width:52px;height:52px;object-fit:contain;flex:none}.utp .kv{display:grid;gap:10px;font-size:14px}.utp .kv>div{display:grid;grid-template-columns:72px 1fr;gap:10px}.utp .kv span{color:var(--mfg)}.utp .ministep{font-size:12.5px;color:var(--mfg)}.utp .err-line{color:var(--red);font-size:13px;margin-top:6px}.utp .units{display:grid;gap:14px}.utp .unit{background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden}.utp .unit-h{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;font-size:13px;color:var(--mfg);border-bottom:1px solid var(--line)}.utp .unit-h b{color:var(--fg);font-size:14.5px}.utp .chrow{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;gap:14px;align-items:center;width:100%;text-align:left;padding:14px 18px;border-top:1px solid var(--line);transition:background-color .15s}.utp .unit-h+.chrow{border-top:0}.utp .chrow:hover{background:var(--muted)}.utp .chrow.sel{background:var(--star-soft);box-shadow:inset 3px 0 0 var(--star-line)}.utp .chrow .no{font:700 22px/1 var(--sans);letter-spacing:-.05em;color:var(--mfg);font-variant-numeric:tabular-nums}.utp .chrow b{display:block;font-size:15.5px}.utp .chrow small{display:block;font-size:12.5px;color:var(--mfg);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.utp .chst{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--mfg);white-space:nowrap}.utp .chst i{width:8px;height:8px;border-radius:50%;background:var(--line2)}.utp .chst.writing i{background:var(--sky);animation:utp-breathe 2.4s ease-in-out infinite}.utp .chst.written i{background:var(--star);box-shadow:0 0 0 2px var(--star-soft)}.utp .chgo{font-size:13px;font-weight:600;color:var(--mfg);white-space:nowrap}.utp .chrow.sel .chgo{color:var(--fg)}.utp .fform{display:grid;gap:16px}.utp .ff{display:grid;gap:8px}.utp .ff .fl{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:14px}.utp .ff .fl b{font-weight:700}.utp .ff .fl span{font-size:12px;color:var(--mfg)}.utp .ff .fl em{font-style:normal;color:var(--red)}.utp .fin{width:100%;min-height:48px;padding:12px 14px;border-radius:14px;border:1px solid var(--line2);background:var(--bg);color:var(--fg);font:inherit;font-size:15px;line-height:1.6;transition:border-color .15s,box-shadow .15s;resize:vertical}.utp textarea.fin{min-height:92px}.utp .fin:focus{outline:0;border-color:var(--fg);box-shadow:0 0 0 3px var(--line)}.utp .ff.pre .fin{border-color:var(--star-line);background:color-mix(in srgb,var(--star-soft) 30%,var(--bg))}.utp .ff.bad .fin{border-color:var(--red)}.utp .ff .src{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--mfg);background:var(--star-soft);border-radius:999px;padding:2px 8px}.utp .ff .cnt2{font-size:11.5px;color:var(--faint);text-align:right}.utp .ff .cnt2.over{color:var(--red)}.utp .ff2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.utp .lockrow{display:grid;grid-template-columns:44px 1fr 18px;gap:10px;align-items:center;font-size:13.5px;padding:8px 0;border-top:1px solid var(--line)}.utp .lockrow:first-of-type{border-top:0}.utp .lockrow span:first-child{color:var(--mfg)}.utp .lockrow .i{width:15px;height:15px;color:var(--faint)}.utp .dock{position:sticky;bottom:12px;z-index:20;display:flex;align-items:center;gap:16px;margin-top:26px;padding:12px 12px 12px 22px;border-radius:20px;background:color-mix(in srgb,var(--card) 88%,transparent);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border:1px solid var(--line);box-shadow:var(--pop)}.utp .dock .dl{flex:1;min-width:0;font-size:13px;color:var(--mfg);line-height:1.55}.utp .dock .dl b{color:var(--fg);font-size:14.5px}.utp .dock .btn-red{height:52px;padding:0 30px;font-size:16px}.utp .dock .slink{font-size:13px;color:var(--mfg);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.utp .dock .slink:hover{color:var(--fg)}.utp .wait-write{display:grid;justify-items:center;gap:14px;text-align:center;padding:80px 16px}.utp .wait-write img{width:132px;height:132px;object-fit:contain;animation:utp-bob 2.2s ease-in-out infinite}@keyframes utp-bob{50%{transform:translateY(-8px)}}.utp .wait-write b{font-size:20px}.utp .wait-write p{color:var(--mfg);font-size:14px}.utp .wbar{width:min(420px,80vw);height:6px;border-radius:6px;background:var(--muted);overflow:hidden}.utp .wbar i{display:block;height:100%;background:var(--star);border-radius:6px;transition:width .6s var(--ease)}.utp .lyr{background:var(--card);border:1px solid var(--line);border-radius:var(--rc);overflow:hidden}.utp .lyr-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px 20px;border-bottom:1px solid var(--line)}.utp .lyr-h b{font-size:18px;letter-spacing:-.02em}.utp .lyr-h .r{margin-left:auto;font-size:12.5px;color:var(--mfg)}.utp .ai-tag{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;background:var(--muted);color:var(--mfg);font-size:11.5px;font-weight:600}.utp .sec-l b{color:var(--c,var(--fg));font-size:12.5px;letter-spacing:.06em}.utp .ln{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:5px 20px 5px 0;min-height:36px;cursor:text;transition:background-color .2s}.utp .ln:hover{background:var(--muted)}.utp .ln>i{font-style:normal;text-align:right;font-size:12px;color:var(--faint);font-variant-numeric:tabular-nums}.utp .ln>span{font-size:15.5px;line-height:1.55}.utp .ln em{font-style:normal;font-size:11.5px;font-weight:600;border-radius:6px;padding:2px 7px;white-space:nowrap}.utp .ln.error{background:color-mix(in srgb,var(--red) 10%,transparent)}.utp .ln.error>span{text-decoration:line-through;text-decoration-color:var(--red);text-decoration-thickness:1.5px}.utp .ln.error em{background:var(--red);color:#fff}.utp .ln.warn em{background:var(--muted);color:var(--mfg)}.utp .ln.fixed{background:var(--star-soft)}.utp .ln.fixed em{background:var(--star);color:var(--star-fg)}@keyframes utp-lnflash{0%,40%{box-shadow:inset 3px 0 0 var(--sky);background:var(--sky-soft)}}.utp .ln input{width:100%;font:inherit;font-size:15.5px;padding:6px 10px;border-radius:10px;border:1px solid var(--fg);background:var(--bg);color:var(--fg)}.utp .ck{display:grid;gap:12px}.utp .ck-h span{font-size:12.5px;color:var(--mfg)}.utp .iss .fix{font-size:14.5px;font-weight:600;padding:8px 10px;border-radius:10px;background:var(--star-soft)}.utp .okchips{display:flex;flex-wrap:wrap;gap:6px}.utp .score{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.utp .score b{font:800 54px/1 var(--sans);letter-spacing:-.05em}.utp .score span{color:var(--mfg);font-size:13px}.utp .place{display:grid;gap:10px;margin-top:16px}.utp .mine{display:grid;gap:10px}.utp .mrow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:16px 20px;background:var(--card);border:1px solid var(--line);border-radius:18px;transition:border-color .15s,transform .15s var(--ease)}.utp .mrow:hover{border-color:var(--line2);transform:translateY(-1px)}.utp .mrow b{font-size:16px}.utp .mrow small{display:block;color:var(--mfg);font-size:12.5px;margin-top:3px}.utp .pill{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;font-size:12.5px;background:var(--muted);color:var(--mfg);white-space:nowrap}.utp .pill.ok{background:var(--star-soft);color:var(--fg)}.utp .pill.bad{background:color-mix(in srgb,var(--red) 12%,transparent);color:var(--red)}.utp .pill.run{background:var(--sky-soft);color:var(--sky)}@media(max-width:1000px){.utp .fl-grid{grid-template-columns:minmax(0,1fr)}.utp .fl-side{position:static}}@media(max-width:600px){.utp .ff2{grid-template-columns:1fr}.utp .chrow{grid-template-columns:34px minmax(0,1fr) auto;padding:12px 14px}.utp .chrow .chgo{display:none}.utp .dock{flex-wrap:wrap;padding:12px;bottom:8px}.utp .dock .dl{flex-basis:100%}.utp .dock .btn-red{flex:1}.utp .mrow{grid-template-columns:minmax(0,1fr) auto}.utp .mrow>.pill:last-child{display:none}.utp .ln{grid-template-columns:34px minmax(0,1fr)}.utp .ln em{grid-column:2;justify-self:start}}@media(max-width:768px){.utp .mnav a,.utp .chip,.utp .chip.sm,.utp .btn.sm,.utp .iconbtn,.utp .tmenu .pop button{min-height:44px}.utp .iconbtn{min-width:44px}.utp .promo .x{min-width:44px;min-height:44px;display:inline-grid;place-items:center}.utp .logo{min-height:44px}.utp .crumb{padding:12px 0 8px;flex-wrap:wrap;row-gap:0}.utp .crumb a,.utp.pg-column .breadcrumb a{display:inline-flex;align-items:center;min-height:44px}.utp .foot a{display:flex;align-items:center;min-height:44px;padding:0}.utp .link{min-height:44px}.utp .slink{display:inline-flex;align-items:center;min-height:44px}.utp .pbtn,.utp .cv .pbtn{width:44px;height:44px}.utp .ask .btn{height:44px}.utp .reel .cta{min-height:44px}}@media(prefers-reduced-motion:reduce){.utp .wait-write img,.utp .utp-loading .dot,.utp .chst.writing i{animation:none}}.utp .av-ini{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--sky-soft);color:var(--sky);font-size:11px;font-weight:700;border:2px solid var(--card);flex:none}.utp .progress-bottom .av-ini{width:28px;height:28px;margin-right:-18px}.utp .arena-avatars .av-ini{margin-left:-6px;animation:utp-avatar-turn 3.6s ease-in-out infinite;animation-delay:calc(var(--turn)*1.2s)}@media(prefers-reduced-motion:reduce){.utp .arena-avatars .av-ini{animation:none}}.utp .reel .pvv{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;background:#0d1120}.utp .reel .pvp{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ffffff29;flex:none}.utp .reel .pvp .i{width:15px;height:15px}.utp .reel .end .cta{color:#fff;text-align:left;font-size:13px;opacity:.9}.utp .reel .end .cta b{color:var(--star)}.utp .reel .end .oth{display:grid;grid-template-columns:1fr 1fr;gap:8px}.utp .reel .end .oth button{display:grid;gap:4px;font-size:11px;text-align:left;color:#fff}.utp .reel .end .oth img{aspect-ratio:9/16;object-fit:cover;border-radius:8px}.utp .wide{width:100%}.utp .link.sm{font-size:12.5px}.utp .rulel{display:inline;font-size:12.5px;color:var(--mfg)}.utp .rulel .link{font-weight:500;color:var(--mfg);text-decoration:underline;text-underline-offset:3px}.utp .rulel-t{display:block;margin-top:6px;padding:10px 12px;border-radius:12px;background:var(--muted);color:var(--fg);font-size:12.5px;line-height:1.6}.utp .payline{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:13px;color:var(--fg)}.utp .payline .i{width:15px;height:15px;color:var(--star-line)}.utp .will{color:var(--fg);font-weight:600}.utp .pbk{display:grid;gap:2px;margin-top:4px;max-width:320px;font-variant-numeric:tabular-nums}.utp .pbk-row{display:flex;justify-content:space-between;gap:16px}.utp .dl .pbk-row b{font-size:13px;font-weight:600;color:var(--fg)}.utp .pbk-sum{margin-top:2px;padding-top:4px;border-top:1px dashed var(--line);color:var(--fg);font-weight:600}.utp .dl .pbk-sum b{font-size:14.5px}.utp .pbk-left{display:block;margin-top:2px;font-size:12px;color:var(--mfg)}.utp .pbk-chg{display:block;margin-top:2px;color:var(--red,var(--fg))}.utp .bdg.off{height:18px;padding:0 6px;font-size:10.5px;margin-left:6px;background:var(--muted);color:var(--mfg);vertical-align:middle}.utp .relay .hand{font:600 15px/1.7 var(--serif);margin:8px 0 4px}.utp .relay .sub,.utp .relay b{display:block;margin-top:6px}.utp .sub{font-size:12.5px;color:var(--mfg);line-height:1.6}.utp .sub.center{text-align:center}.utp .hdr{padding-top:env(safe-area-inset-top,0px)}.utp .hacct{flex:none;display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;overflow:hidden;background:var(--muted);box-shadow:0 0 0 1px var(--line2);font-weight:700;font-size:14px;color:var(--fg)}.utp .hacct img{width:100%;height:100%;object-fit:cover}.utp .hacct svg{width:20px;height:20px;color:var(--mfg)}.utp .hacct-in{flex:none;display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line2);font-size:14px;font-weight:600;white-space:nowrap;color:var(--fg)}.utp .hacct-in:hover{border-color:var(--fg)}@media(max-width:900px){.utp .hdr .logo{white-space:nowrap}.utp .mnav{max-width:100%;min-width:0;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent)}}@media(max-width:400px){.utp .hdr .logo small{display:none}}@media(max-width:768px){.utp .hacct{width:44px;height:44px}.utp .hacct-in{min-height:44px}}.utp:has(>.utp-main :is(.ust-skel,.loadline,.utp-loading))>.foot{display:none}@layer theme,base,components,utilities;@layer base{#dame-app-root *,#dame-app-root :before,#dame-app-root :after,#dame-app-root ::backdrop{box-sizing:border-box;margin:0;padding:0;border:0 solid}#dame-app-root :is(h1,h2,h3,h4,h5,h6){font-size:inherit;font-weight:inherit}#dame-app-root a{color:inherit;text-decoration:inherit}#dame-app-root :is(b,strong){font-weight:bolder}#dame-app-root small{font-size:80%}#dame-app-root :is(ol,ul,menu){list-style:none}#dame-app-root :is(img,svg,video,canvas,audio,iframe){display:block;vertical-align:middle}#dame-app-root :is(img,video){max-width:100%;height:auto}#dame-app-root :is(button,input,select,textarea){font:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}#dame-app-root button{-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer}#dame-app-root ::placeholder{opacity:1;color:color-mix(in oklab,currentcolor 50%,transparent)}#dame-app-root textarea{resize:vertical}}:where(#dame-app-root) :is(p,h1,h2,h3,h4,figure,blockquote,dl,dd,ul,ol):is(p,h1,h2,h3,h4,figure,blockquote,dl,dd,ul,ol){margin:revert-layer}:where(#dame-app-root) :is(ul,ol):is(ul,ol){padding:revert-layer}:where(#dame-app-root) :is(img,svg):is(img,svg){display:revert-layer;max-width:revert-layer}:where(#dame-app-root) :is(button,input,textarea,select):is(button,input,textarea,select){font:revert-layer;color:revert-layer}:where(#dame-app-root) button:is(button){background:revert-layer;border:revert-layer;padding:revert-layer}:where(#dame-app-root) a:is(a){color:revert-layer}#dame-app-root :focus-visible{outline-color:#8fa0cd}.utp .stack{flex-direction:row}.utp .chip,.utp .chip:hover,.utp .chip[aria-pressed=true]{color:inherit}.utp .chip[aria-pressed=true]{background:transparent;border-color:var(--line2)}.utp .flip>span.up{transition:transform .5s var(--ease),opacity .2s}@media(max-width:900px){.utp .promo .wrap .go{display:inline-flex;flex:none}}@media(max-width:480px){.utp .promo .wrap .txt{display:block}}.utp .ust p{text-wrap:balance}