.pipw-overlay{position:fixed;inset:0;z-index:1250;display:flex;flex-direction:column;padding:1rem;overflow-y:auto;background:color-mix(in srgb,var(--cp-base) 70%,transparent);-webkit-backdrop-filter:blur(6px) saturate(1.1);backdrop-filter:blur(6px) saturate(1.1);animation:pipw-fade-in .3s ease-out both}.pipw-overlay>.pipw{margin:auto}.pipw{position:relative;overflow:hidden;color:var(--cp-text-1);background:var(--cp-surface);text-align:left}.pipw--overlay{width:min(30rem,100%);border-radius:1.75rem;box-shadow:0 32px 90px -28px rgb(0 0 0/.45),0 0 0 1px var(--cp-border);animation:pipw-pop-in .5s cubic-bezier(.2,1.3,.35,1) both}.pipw--card{display:grid;grid-template-columns:minmax(10rem,13rem) minmax(0,1fr);border:1px solid var(--cp-border);border-radius:var(--cp-radius-2xl,24px);animation:pipw-rise .4s cubic-bezier(.2,.8,.3,1) both}.pipw--plain{border:0;background:transparent}.pipw--plain .pipw__stage{border-radius:1.25rem}.pipw__stage{position:relative;display:grid;place-items:center;min-height:12.5rem;padding:.75rem .75rem .85rem;overflow:hidden;background:radial-gradient(120% 90% at 50% 110%,color-mix(in srgb,var(--cp-coral-subtle) 85%,var(--cp-surface)) 0,transparent 60%),linear-gradient(180deg,color-mix(in srgb,var(--cp-blue) 34%,var(--cp-surface)) 0,color-mix(in srgb,var(--cp-blue) 12%,var(--cp-surface)) 100%)}.pipw--card .pipw__stage{min-height:100%}.pipw__cloud{position:absolute;height:1.15rem;width:4.4rem;border-radius:999px;background:color-mix(in srgb,var(--cp-surface) 82%,transparent);animation:pipw-drift 11s linear infinite}.pipw__cloud:before{content:"";position:absolute;left:22%;bottom:45%;width:1.9rem;height:1.9rem;border-radius:50%;background:inherit}.dark .pipw__cloud{background:rgb(255 255 255/.13)}.pipw__cloud--a{top:16%;left:8%;animation-delay:-3s}.pipw__cloud--b{top:40%;left:62%;width:3.2rem;height:.9rem;animation-duration:15s;animation-delay:-9s;opacity:.8}.pipw__cloud--c{top:70%;left:30%;width:5.4rem;animation-duration:13s;animation-delay:-6s;opacity:.65}.pipw__spark{position:absolute;width:.5rem;height:.5rem;border-radius:50%;background:var(--cp-yellow);animation:pipw-twinkle 2.6s ease-in-out infinite}.pipw__spark--a{top:14%;right:14%}.pipw__spark--b{top:58%;left:10%;width:.4rem;height:.4rem;background:var(--cp-coral);animation-delay:-.9s}.pipw__spark--c{bottom:18%;right:22%;width:.35rem;height:.35rem;background:var(--cp-magenta);animation-delay:-1.7s}.pipw__burst,.pipw__burst:after{position:absolute;top:44%;left:50%;width:11rem;height:11rem;margin:-5.5rem 0 0 -5.5rem;border:3px solid var(--cp-yellow);border-radius:50%;pointer-events:none;animation:pipw-burst .85s cubic-bezier(.2,.7,.3,1) both}.pipw__burst:after{content:"";top:50%;left:50%;border-color:var(--cp-coral);animation-delay:.12s}.pipw-tap{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.pipw-tap__button{position:relative;display:grid;place-items:center;padding:.2rem;border:0;border-radius:999px;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .15s ease-out}.pipw-tap__button:hover{transform:translateY(-2px)}.pipw-tap__button:active{transform:scale(.96)}.pipw-tap__button:focus-visible{outline:2px solid var(--cp-ring);outline-offset:2px}.pipw-tap__button .pip{position:relative}.pipw-tap__shadow{position:absolute;bottom:9%;left:50%;width:46%;height:8%;border-radius:50%;background:rgb(25 25 25/.14);filter:blur(2px);transform:translateX(-50%);animation:pipw-shadow .9s ease-in-out infinite}.pipw-tap__hint{margin:-.3rem 0 0;padding:.18rem .65rem;border-radius:999px;background:color-mix(in srgb,var(--cp-surface) 78%,transparent);color:var(--cp-text-2);font-size:.75rem;line-height:1.2rem;white-space:nowrap}.pipw-tap__lesson{color:var(--cp-magenta-deep);font-weight:600;animation:pipw-pop-in .45s cubic-bezier(.2,1.4,.35,1) both;display:inline-block}.pipw__content{min-width:0;padding:1.35rem 1.5rem 1.5rem}.pipw--card .pipw__content{padding:1.35rem 1.5rem}.pipw__title{margin:0;font-size:clamp(1.2rem,1.05rem + .55vw,1.45rem);font-weight:500;line-height:1.2;letter-spacing:-.02em;text-wrap:balance}.pipw.is-done .pipw__title{font-size:clamp(1.75rem,1.5rem + 1vw,2.25rem);animation:pipw-pop-in .5s cubic-bezier(.2,1.4,.35,1) both}.pipw__estimate{display:flex;align-items:center;gap:.5rem;margin:.35rem 0 1rem;color:var(--cp-text-2);font-size:.9rem;line-height:1.4}.pipw__estimate.is-slow{color:var(--cp-gold-ink,#6f5409)}.pipw__estimate.is-slow:before{content:"";flex:none;width:.5rem;height:.5rem;border-radius:50%;background:var(--cp-yellow);animation:pipw-twinkle 1.6s ease-in-out infinite}.pipw__bar{position:relative;height:.75rem;overflow:hidden;border-radius:999px;background:var(--cp-surface-3)}.pipw__bar-fill{position:relative;display:block;height:100%;min-width:.75rem;border-radius:inherit;background-image:linear-gradient(45deg,rgb(255 255 255/.3) 25%,transparent 25%,transparent 50%,rgb(255 255 255/.3) 50%,rgb(255 255 255/.3) 75%,transparent 75%,transparent),linear-gradient(90deg,var(--cp-coral),var(--cp-magenta));background-size:1.6rem 1.6rem,100% 100%;transition:width .5s cubic-bezier(.2,.7,.3,1);animation:pipw-ribs .9s linear infinite}.pipw.is-done .pipw__bar-fill{transition-duration:.35s;transition-timing-function:cubic-bezier(.3,0,.2,1)}.pipw.is-done .pipw__bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgb(255 255 255/.75) 50%,transparent 80%);animation:pipw-shine .8s ease-out .25s both}.pipw__steps{display:grid;gap:.55rem;margin:1.1rem 0 0;padding:0;list-style:none}.pipw__step{display:flex;align-items:flex-start;gap:.65rem;color:var(--cp-text-2);font-size:.9375rem;line-height:1.35}.pipw__step-mark{display:grid;place-items:center;flex:none;width:1.25rem;height:1.25rem;margin-top:.05rem;border:2px solid var(--cp-border);border-radius:50%;color:#ffffff}.pipw__step.is-next{color:var(--cp-text-3)}.pipw__step.is-active{color:var(--cp-text-1);font-weight:500}.pipw__step.is-active .pipw__step-mark{border-color:var(--cp-coral-subtle);border-top-color:var(--cp-coral);animation:pipw-spin .8s linear infinite}.pipw__step.is-done .pipw__step-mark{border-color:var(--cp-coral);background:var(--cp-coral);animation:pipw-tick .4s cubic-bezier(.2,1.5,.4,1) both}.pipw-tidbit{position:relative;min-height:6rem;margin-top:1.1rem;padding:.8rem 1rem .95rem;overflow:hidden;border-radius:1rem;background:var(--cp-surface-2)}.pipw-tidbit__body{animation:pipw-tidbit-in .45s cubic-bezier(.2,.8,.3,1) both}.pipw-tidbit__chip{display:inline-block;padding:.12rem .55rem;border-radius:999px;background:var(--cp-coral-subtle);color:var(--cp-magenta-deep);font-size:.6875rem;font-weight:600;letter-spacing:.08em;line-height:1.25rem;text-transform:uppercase}.pipw-tidbit__chip.is-tip{background:color-mix(in srgb,var(--cp-blue) 38%,var(--cp-surface));color:var(--cp-text-1)}.pipw-tidbit__text{margin:.5rem 0 0;color:var(--cp-text-1);font-size:.9rem;line-height:1.45}.pipw-tidbit__controls{position:absolute;top:.65rem;right:.65rem;display:flex;gap:.3rem}.pipw-tidbit__control{display:inline-grid;place-items:center;min-width:1.6rem;height:1.6rem;padding:0 .45rem;border:1px solid var(--cp-border);border-radius:999px;background:var(--cp-surface);color:var(--cp-text-2);font:inherit;font-size:.75rem;cursor:pointer}.pipw-tidbit__control:hover{color:var(--cp-text-1);border-color:var(--cp-border-2)}.pipw-tidbit__control:focus-visible{outline:2px solid var(--cp-ring);outline-offset:2px}.pipw-tidbit__timer{position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--cp-coral);opacity:.55;transform-origin:left;animation:pipw-timer linear both}.pipw-tidbit.is-paused .pipw-tidbit__timer{opacity:0}@media (max-width:40rem){.pipw--card{grid-template-columns:minmax(0,1fr)}.pipw--card .pipw__stage{min-height:11.5rem}.pipw--card .pipw__content,.pipw__content{padding:1.15rem 1.15rem 1.25rem}}.pipw-strip{display:flex;align-items:center;gap:.85rem;max-width:26rem;animation:pipw-reveal .35s ease-out .3s both}.pipw-strip .pip{flex:none}.pipw-strip__body{flex:1;min-width:0}.pipw-strip__label{margin:0;color:var(--cp-text-2);font-size:.75rem;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.pipw-strip__lines{position:relative;display:block;height:1.4rem;margin:.15rem 0 .45rem;overflow:hidden;color:var(--cp-text-1);font-size:.9375rem;line-height:1.4rem}.pipw-strip__line{position:absolute;inset:0;overflow:hidden;opacity:0;text-overflow:ellipsis;white-space:nowrap;animation:pipw-line 8.8s ease-in-out infinite both;animation-delay:calc(var(--i, 0) * 2.2s + .3s)}.pipw-strip__line:first-child{opacity:1}.pipw-strip__bar{display:block;height:.4rem;overflow:hidden;border-radius:999px;background:var(--cp-surface-3)}.pipw-strip__bar>span{display:block;width:62%;height:100%;border-radius:inherit;background-image:linear-gradient(45deg,rgb(255 255 255/.3) 25%,transparent 25%,transparent 50%,rgb(255 255 255/.3) 50%,rgb(255 255 255/.3) 75%,transparent 75%,transparent),linear-gradient(90deg,var(--cp-coral),var(--cp-magenta));background-size:1rem 1rem,100% 100%;animation:pipw-strip-grow 9s cubic-bezier(.12,.7,.25,1) .3s both,pipw-ribs-sm .8s linear infinite}@keyframes pipw-fade-in{0%{opacity:0}}@keyframes pipw-reveal{0%{opacity:0;transform:translateY(4px)}}@keyframes pipw-pop-in{0%{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}@keyframes pipw-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes pipw-drift{0%{transform:translateX(18rem)}to{transform:translateX(-18rem)}}@keyframes pipw-twinkle{0%,to{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}@keyframes pipw-burst{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.35)}}@keyframes pipw-shadow{0%,to{transform:translateX(-50%) scaleX(1);opacity:1}50%{transform:translateX(-50%) scaleX(.85);opacity:.7}}@keyframes pipw-ribs{0%{background-position:0 0,0 0}to{background-position:-1.6rem 0,0 0}}@keyframes pipw-ribs-sm{0%{background-position:0 0,0 0}to{background-position:-1rem 0,0 0}}@keyframes pipw-shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes pipw-spin{to{transform:rotate(1turn)}}@keyframes pipw-tick{0%{transform:scale(.4)}to{transform:scale(1)}}@keyframes pipw-tidbit-in{0%{opacity:0;transform:translateY(6px)}}@keyframes pipw-timer{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pipw-line{0%{opacity:0;transform:translateY(.6rem)}22%,4%{opacity:1;transform:none}26%,to{opacity:0;transform:translateY(-.6rem)}}@keyframes pipw-strip-grow{0%{width:6%}to{width:88%}}.dark .pipw-tap__shadow{background:rgb(0 0 0/.35)}