.ps-scene{position:relative;isolation:isolate;width:100%;height:230px;overflow:hidden;border-radius:inherit;background:radial-gradient(ellipse at 80% 15%,#fff9,transparent 65%),linear-gradient(145deg,#f3f8fb,#e6f1f8);color:#003d66;font-family:inherit;font-size:12px;line-height:1.35;pointer-events:none;container-type:inline-size}.ps-scene *,.ps-scene :after,.ps-scene :before{box-sizing:border-box}.ps-scene svg{display:block}.ps-ridge{position:absolute;bottom:-5px;width:100%;height:95px;opacity:.07;z-index:-1}.ps-glass{background:rgb(255 255 255/88%);border:1px solid rgb(0 61 102/10%);border-radius:15px;box-shadow:0 8px 24px rgb(0 61 102/6%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.ps-icon{width:18px;height:18px;flex-shrink:0}.ps-scene [data-visible]{transition:opacity .45s ease,transform .65s cubic-bezier(.22,1,.36,1)}.ps-scene [data-visible=false]{opacity:0;transform:translateY(9px)}.ps-scene [data-visible=true]{opacity:1;transform:translateY(0)}.ps-marketing{position:relative;width:min(82%,330px);height:200px;margin:16px auto 0}.ps-search{display:flex;align-items:center;gap:9px;height:35px;padding:0 12px;font-size:11px;white-space:nowrap}.ps-search .ps-icon{width:15px}.ps-caret{height:13px;width:1px;background:#003d66;margin-left:-7px}.ps-results{position:relative;margin-top:9px;height:120px}.ps-result{position:absolute;top:0;width:100%;height:28px;display:flex;align-items:center;gap:10px;padding:0 8px;border-radius:8px;transition:transform .85s cubic-bezier(.22,1,.36,1)}.ps-rank{width:20px;height:20px;display:grid;place-items:center;border-radius:6px;background:#e6edf1;font-size:10px;font-weight:700}.ps-result-own{background:#d9edf8;border:1px solid rgb(59 166 217/25%);z-index:1;font-size:11px}.ps-result-own .ps-rank{background:#c4e3f3}.ps-result-own .ps-rank[data-won=true]{background:#d8eee2;color:#185e3f}.ps-result-dot{width:5px;height:5px;margin-left:auto;border-radius:50%;background:#3ba6d9}.ps-placeholder{display:grid;gap:4px;width:58%}.ps-placeholder i{width:100%;height:4px;background:#c4d2dc;border-radius:5px}.ps-placeholder i+i{width:65%;height:3px;background:#d5e0e7}.ps-notice{position:absolute;right:-12px;bottom:0;display:flex;align-items:center;gap:9px;padding:9px 12px;min-width:188px;border-radius:14px}.ps-notice strong{display:block;font-size:11px}.ps-notice small{display:block;color:#486479;font-size:10px;margin-top:1px}.ps-mail{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#e6f1f8}.ps-success{color:#185e3f;background:#e0f1e8;border-radius:50%;display:grid;place-items:center;width:18px;height:18px;flex-shrink:0}.ps-success .ps-icon{width:12px;height:12px}.ps-notice>.ps-success{margin-left:auto}.ps-web{position:relative;width:min(86%,340px);margin:22px auto 0;height:188px}.ps-browser{position:absolute;inset:0 22px 0 0;overflow:hidden}.ps-browser-bar{height:30px;border-bottom:1px solid rgb(0 61 102/10%);display:flex;align-items:center;gap:13px;padding:0 11px}.ps-dots{display:flex;gap:4px}.ps-dots i{width:5px;height:5px;border-radius:50%;background:#a5bfce}.ps-url{text-align:center;font-size:9px;background:#f3f8fb;border-radius:8px;padding:2px 12px;width:65%}.ps-page{height:158px}.ps-page,.ps-page-hero{position:relative;padding:12px}.ps-page-hero{overflow:hidden;height:61px;background:#e6f1f8;border-radius:8px}.ps-page-hero span{position:relative;z-index:1;font-size:11px;font-weight:650}.ps-page-hero svg{position:absolute;right:0;bottom:0;width:70%;height:45px;color:#3ba6d9;opacity:.45}.ps-page-lines{display:grid;gap:5px;margin:10px 0;width:60%}.ps-page-lines i{height:4px;background:#a7bdcc;border-radius:4px}.ps-page-lines i+i{width:76%;background:#c6d6e1}.ps-scene .ps-build{transition-delay:var(--ps-delay,0s)}.ps-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:112px;height:25px;border-radius:7px;background:#003d66;color:#fff;font-size:9px}.ps-button[data-sent=true]{background:#185e3f}.ps-button .ps-icon{width:12px;height:12px}.ps-skeleton{position:absolute;inset:12px;display:grid;gap:9px;grid-template-rows:61px 10px 25px}.ps-skeleton i{border-radius:8px;background:#e6eef4}.ps-skeleton i:last-child{width:42%}.ps-speed{position:absolute;right:-7px;top:64px;width:82px;padding:5px 5px 10px;text-align:center}.ps-speed>span{font-size:10px;font-weight:600}.ps-meter{position:relative;height:68px;display:grid;place-items:center}.ps-meter svg{position:absolute;inset:0;width:100%;height:100%}.ps-meter path{transform-origin:40px 40px;transition:opacity .15s}.ps-meter strong{font-size:21px;font-variant-numeric:tabular-nums}.ps-scene .ps-pointer{position:absolute;left:94px;top:112px;width:21px;height:25px;transform:translate(60px,22px);transition:transform .85s ease,opacity .3s}.ps-scene .ps-pointer[data-arrived=true]{transform:translate(0)}.ps-click{position:absolute;right:8px;top:4px;width:16px;height:16px;border:1px solid #3ba6d9;border-radius:50%;opacity:0;transform:scale(.3)}.ps-click[data-clicked=true]{animation:ps-click .7s ease-out both}@keyframes ps-click{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(2.8)}}.ps-ki{width:min(94%,390px);margin:30px auto 0}.ps-flow,.ps-ki{position:relative}.ps-flow{height:150px}.ps-wires{position:absolute;inset:0;width:100%;height:100%;color:#83b7d2}.ps-incoming{position:absolute;left:0;top:49px;width:26%;height:52px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;border-radius:12px}.ps-incoming strong{font-size:9px;font-weight:600}.ps-node{position:absolute;left:40%;top:49px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;background:#e5f2fa;transition:transform .5s ease}.ps-node strong{font-size:9px}.ps-node .ps-icon{width:23px;height:23px}.ps-node[data-active=true]{transform:scale(1.12)}.ps-output-row{position:absolute;left:62%;right:0;top:calc(7px + var(--ps-output) * 50px);height:36px}.ps-output{position:absolute;inset:0;display:flex;align-items:center;gap:5px;padding:5px 7px;border-radius:10px;font-size:9px;line-height:1.3}.ps-packet{position:absolute;width:5px;height:5px;border-radius:50%;background:#3ba6d9;opacity:0}.ps-packet-in{top:73px;left:26%}.ps-packet-in[data-flow=true]{animation:ps-flow-in .8s ease both}.ps-packet-out{top:16px;left:-20px}.ps-packet-out[data-flow=true]{animation:ps-flow-out .5s ease both}@keyframes ps-flow-in{0%{opacity:0;transform:translateX(0)}20%,80%{opacity:1}to{opacity:0;transform:translateX(50px)}}@keyframes ps-flow-out{0%{opacity:0;transform:translateX(0)}20%,80%{opacity:1}to{opacity:0;transform:translateX(24px)}}.ps-confirmation{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:6px;font-size:11px;font-weight:600}.ps-confirmation .ps-icon{color:#185e3f;width:15px;height:15px}.ps-scene[data-running=false] *,.ps-scene[data-running=false] :after{animation-play-state:paused!important;transition-duration:0s!important;transition-delay:0s!important}.ps-scene[data-running=false] .ps-click,.ps-scene[data-running=false] .ps-packet{opacity:0!important}@container (max-width: 300px){.ps-marketing{width:88%}.ps-incoming strong,.ps-output{font-size:8px}.ps-output{padding:4px;gap:3px}.ps-node{width:44px}}@media (max-width:760px){.ps-scene{height:200px}.ps-marketing{margin-top:9px;height:183px}.ps-notice{padding:5px 10px}.ps-web{margin-top:9px;height:182px}.ps-ki{margin-top:15px}}@media (prefers-reduced-motion:reduce){.ps-scene *,.ps-scene :after{animation:none!important;transition:none!important}.ps-click,.ps-packet{opacity:0!important}}