.cpf .stage{position:relative;height:clamp(500px,46vw,580px);perspective:1400px;display:flex;align-items:center;justify-content:center}.cpf .stage:before{content:"";position:absolute;width:90%;max-width:620px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.32),rgba(37,99,235,0) 66%)}.cpf .rig{position:relative;width:290px;aspect-ratio:9/19;transform-style:preserve-3d;animation:cpf-film 14s cubic-bezier(.65,0,.35,1) infinite;will-change:transform}.cpf .layer{position:absolute;inset:0;border-radius:46px;background:linear-gradient(90deg,#0b1736,#2a4a8c 12%,#16295a 50%,#2a4a8c 88%,#0b1736)}.cpf .layer .b{position:absolute;width:5px;border-radius:3px;background:linear-gradient(90deg,#132654,#4a73c4)}.cpf .layer .action{left:-3px;top:104px;height:26px}.cpf .layer .vu{left:-3px;top:150px;height:46px}.cpf .layer .vd{left:-3px;top:206px;height:46px}.cpf .layer .pw{right:-3px;top:170px;height:72px}.cpf .backplate{transform:translateZ(-12px) rotateY(180deg);background:#0b1736}.cpf .backplate,.cpf .front{position:absolute;inset:0;border-radius:46px}.cpf .front{transform:translateZ(12.5px);background:#030a1c;padding:10px;box-shadow:inset 0 0 0 1.5px rgba(141,194,255,.22)}.cpf .cshadow{position:absolute;inset:6% 4%;border-radius:46px;transform:translateZ(-14px);box-shadow:0 60px 90px -30px rgba(10,40,120,.75),0 0 80px rgba(44,127,255,.18)}@keyframes cpf-film{0%{transform:rotateY(-26deg) rotateX(8deg) rotate(3deg) scale(.8)}8%{transform:rotateY(-10deg) rotateX(5deg) rotate(2deg) scale(.83)}26%{transform:rotateY(-6deg) rotateX(4deg) rotate(1deg) scale(.83)}38%{transform:rotateY(18deg) rotateX(22deg) rotate(-14deg) scale(.93) translateY(-4%)}52%{transform:rotateY(14deg) rotateX(18deg) rotate(-11deg) scale(.9) translateY(-3%)}64%{transform:rotateY(-16deg) rotateX(5deg) rotate(3deg) scale(.8)}82%{transform:rotateY(-28deg) rotateX(9deg) rotate(2deg) scale(.85)}to{transform:rotateY(-26deg) rotateX(8deg) rotate(3deg) scale(.8)}}.cpf .screen{position:relative;height:100%;border-radius:36px;overflow:hidden;display:flex;flex-direction:column;color:#e9eef9;font-family:Geist,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;background:radial-gradient(120% 60% at 100% 0,rgba(59,130,246,.22),transparent 60%),linear-gradient(180deg,#071330,#050d24)}.cpf .mono{font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.cpf .notch{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:84px;height:24px;border-radius:20px;background:#030a1c;z-index:3}.cpf .appbar{padding:42px 16px 10px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(141,194,255,.16)}.cpf .appbar b{font-weight:700;font-size:15px;letter-spacing:-.01em}.cpf .appbar span{font-size:8px;text-transform:uppercase;letter-spacing:.16em;color:#93a4c0;display:flex;align-items:center;gap:6px}.cpf .appbar span i{width:6px;height:6px;border-radius:50%;background:#37d7ff;box-shadow:0 0 8px #37d7ff}.cpf .feed{flex:1;padding:13px 11px 10px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;overflow:hidden;transition:filter .25s}.cpf .feed.whoosh{filter:blur(3px)}.cpf .cpf-in{opacity:0;transform:translateY(10px);transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1)}.cpf .cpf-in.show{opacity:1;transform:none}.cpf .query{display:flex;align-items:center;gap:10px;border:1px solid rgba(88,166,255,.35);background:rgba(37,99,235,.16);border-radius:14px;padding:8px 10px;font-size:11.5px;line-height:1.35;min-height:66px}.cpf .poster{width:34px;height:50px;border-radius:6px;flex:none;-o-object-fit:cover;object-fit:cover;background:linear-gradient(160deg,#c7a35a,#3a2a12 60%,#0b0f1e);box-shadow:0 0 0 1px hsla(0,0%,100%,.18),0 6px 14px -6px rgba(0,0,0,.7)}.cpf .caret{display:inline-block;width:1px;height:1em;background:#fff;vertical-align:-2px;margin-left:1px;animation:cpf-blink 1s steps(1) infinite}@keyframes cpf-blink{50%{opacity:0}}.cpf .engines{display:flex;flex-wrap:wrap;gap:5px}.cpf .eng{font-size:7.5px;letter-spacing:.08em;text-transform:uppercase;padding:4px 7px;border-radius:999px;border:1px solid rgba(141,194,255,.16);color:#93a4c0;display:flex;align-items:center;gap:4px;transition:color .3s,border-color .3s,background .3s}.cpf .eng i{width:5px;height:5px;border-radius:50%;background:hsla(0,0%,100%,.25);transition:background .3s,box-shadow .3s}.cpf .eng.live{color:#dbe9ff;border-color:rgba(88,166,255,.45);background:rgba(59,130,246,.12)}.cpf .eng.live i{background:#37d7ff;box-shadow:0 0 6px #37d7ff}.cpf .scorecard{border:1px solid rgba(141,194,255,.16);background:hsla(0,0%,100%,.05);border-radius:16px;padding:13px 12px;display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:center}.cpf .cring{--p:0;width:70px;height:70px;border-radius:50%;padding:7px;background:conic-gradient(#37b3ff 0deg,#1f6fff calc(var(--p) * 3.6deg),hsla(0,0%,100%,.1) calc(var(--p) * 3.6deg))}.cpf .cring>div{width:100%;height:100%;border-radius:50%;background:#07152f;display:flex;flex-direction:column;align-items:center;justify-content:center}.cpf .cring b{font-size:23px;font-weight:700;letter-spacing:-.05em;line-height:1}.cpf .cring small{font-size:8px;color:#93a4c0}.cpf .scorecard h4{margin:0;font-weight:500;font-size:7.5px;letter-spacing:.16em;text-transform:uppercase;color:#58a6ff}.cpf .scorecard p{margin:3px 0 0;font-size:13px;font-weight:600;letter-spacing:-.02em;line-height:1.15}.cpf .scorecard .sub{margin-top:4px;font-size:9px;font-weight:400;color:#93a4c0}.cpf .rows{display:flex;flex-direction:column;gap:7px;padding:2px}.cpf .row{display:grid;grid-template-columns:64px 1fr 24px;gap:7px;align-items:center;font-size:10px}.cpf .row>span:first-child{color:#cfd9ee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cpf .track{height:6px;border-radius:999px;background:hsla(0,0%,100%,.08);overflow:hidden}.cpf .track>div{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#3b82f6,#37d7ff);transition:width 1.1s cubic-bezier(.2,.8,.2,1)}.cpf .row .n{font-size:9px;text-align:right;color:#dbe9ff;font-variant-numeric:tabular-nums}.cpf .gap{border:1px solid rgba(255,77,109,.35);background:rgba(255,77,109,.07);border-radius:14px;padding:10px 11px;font-size:10px;line-height:1.4;transition:border-color .35s,background .35s,box-shadow .35s}.cpf .gap h5{margin:0 0 3px;font-weight:500;letter-spacing:.14em;color:#ff8da0;transition:color .35s}.cpf .gap .fix,.cpf .gap h5{font-size:7.5px;text-transform:uppercase}.cpf .gap .fix{display:inline-block;margin-top:7px;border-radius:999px;border:1px solid hsla(0,0%,100%,.4);padding:4px 10px;letter-spacing:.12em;transition:background .25s,border-color .25s,box-shadow .3s}.cpf .gap.done{border-color:rgba(55,215,255,.5);background:rgba(59,130,246,.12);box-shadow:0 0 0 3px rgba(59,130,246,.12)}.cpf .gap.done h5{color:#37d7ff}.cpf .gap.done .fix{background:#2563eb;border-color:#2563eb;box-shadow:0 0 16px rgba(59,130,246,.6)}.cpf .inputbar{margin:4px 11px 14px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(141,194,255,.16);background:hsla(0,0%,100%,.05);border-radius:999px;padding:8px 8px 8px 13px;font-size:10px;color:#93a4c0}.cpf .inputbar i{width:20px;height:20px;border-radius:50%;background:#2563eb;display:grid;place-items:center;font-style:normal;color:#fff;font-size:10px;box-shadow:0 0 10px rgba(59,130,246,.6)}.cpf .tap{position:absolute;width:30px;height:30px;border-radius:50%;background:rgba(59,130,246,.28);border:2px solid rgba(88,166,255,.75);opacity:0;transform:scale(.6);transition:opacity .25s,transform .25s;pointer-events:none;z-index:4}.cpf .tap.on{opacity:1;transform:scale(1)}.cpf .endcard{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;opacity:0;transition:opacity .5s;background:radial-gradient(80% 50% at 50% 40%,rgba(59,130,246,.45),transparent 70%),#050d24}.cpf .endcard.show{opacity:1}.cpf .endcard b{font-size:34px;font-weight:700;letter-spacing:-.03em}.cpf .endcard span{font-size:9px;text-transform:uppercase;letter-spacing:.2em;color:#9cc7ff}.cpf .chip{position:absolute;z-index:5;display:flex;align-items:center;gap:8px;white-space:nowrap;font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:13px;color:#e9eef9;border-radius:999px;padding:9px 14px 9px 10px;border:1px solid rgba(141,194,255,.3);background:linear-gradient(180deg,rgba(13,30,72,.75),rgba(5,13,34,.85));backdrop-filter:blur(14px);box-shadow:0 18px 40px -18px rgba(0,0,0,.6),0 0 30px rgba(44,127,255,.18),inset 0 1px 0 hsla(0,0%,100%,.14);opacity:0;transform:translateY(12px) scale(.94);transition:opacity .45s,transform .55s cubic-bezier(.2,.8,.2,1)}.cpf .chip.show{opacity:1;transform:none}.cpf .chip i{width:20px;height:20px;border-radius:50%;background:#2563eb;color:#fff;font-style:normal;font-size:11px;display:grid;place-items:center;box-shadow:0 0 10px rgba(59,130,246,.7)}.cpf .cf1{left:4%;top:20%}.cpf .cf2{right:2%;top:44%}.cpf .cf3{left:8%;top:70%}@media (max-width:860px){.cpf .chip{font-size:12px;padding:7px 12px 7px 8px}}@media (prefers-reduced-motion:reduce){.cpf .caret{animation:none}}.cpf .screen{line-height:1.25}.cpf .appbar,.cpf .cring b,.cpf .cring small,.cpf .eng,.cpf .fix,.cpf .gap h5,.cpf .inputbar,.cpf .row,.cpf .scorecard h4{line-height:1.1}.cpf .feed{gap:8px}.cpf .query{min-height:60px}.cpf .rows{gap:6px}.cpf .gap .fix{margin-top:6px}