.pm-screen{max-width:1000px;margin:20px auto 50px;padding:clamp(25px,5vw,55px);border-radius:28px;background:radial-gradient(ellipse at 50% 0,#7342a1,#392150 65%,#27203d);color:#fff8ff;box-shadow:0 22px 65px #35164c29;text-align:center}.pm-screen h1{font-size:clamp(30px,4.5vw,49px);line-height:1.15;color:#fff;margin:20px 0}.pm-kicker{font-size:11px;font-weight:900;letter-spacing:2px;color:#ffdfa2}.pm-screen p{color:#e0cdeb;line-height:1.7;max-width:650px;margin:18px auto}.pm-screen .pm-intro{font-size:20px;color:#ffe1a6;font-weight:800}.pm-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:35px 0}.pm-card{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:32px 24px;border:1px solid #e4c9ef;border-radius:22px;background:#fffaf3;color:#5c3976;font:inherit;box-shadow:0 7px 0 #1c10344d;min-height:285px}.pm-card:hover{background:#fff2d9;border-color:#ffdc93;transform:translateY(-3px)}.pm-card .pm-card-title{font-size:26px;font-weight:900;color:#3a1c56}.pm-card>span:not(.pm-card-title):not(.pm-icon){font-size:15px;line-height:1.65}.pm-card strong{margin-top:auto;color:#6b2fa4;font-size:15px}.pm-card.pm-friends{background:#f1e7ff}.pm-icon{display:grid;place-items:center;width:65px;height:65px;border-radius:19px;background:#eee0fc;color:#773ab0}.pm-friends .pm-icon{background:#ffe5af;color:#82512c}.pm-icon svg{width:39px;height:39px}.pm-screen label{display:block;text-align:left;max-width:450px;margin:22px auto;font-size:15px;color:#f1e2fa}.pm-screen input{display:block;width:100%;font:inherit;margin-top:10px;padding:13px;border:1px solid #d0b6e3;border-radius:12px;background:#fffaf3;color:#39234e;min-height:48px}.pm-screen .primary{background:#ffdfa2;color:#43254d;border:0;min-height:50px;padding:14px 25px}.pm-screen .pm-back{display:inline-block;border:0;background:transparent;color:#e6caef;min-height:44px;padding:13px;font:inherit;text-decoration:underline;text-underline-offset:4px}.pm-dialog{padding:0;border:0;border-radius:28px;width:min(1000px,calc(100vw - 30px));max-height:calc(100dvh - 30px);background:transparent}.pm-dialog .pm-screen{margin:0}.pm-dialog::backdrop{background:#1d0b36d9;backdrop-filter:blur(8px)}.pm-challenge-bar{display:grid;grid-template-columns:1fr auto;gap:8px 16px;padding:18px 22px;margin:10px auto 25px;border:1px solid #d6b5e7;border-radius:16px;background:#f6edff;color:#4b2865;max-width:1100px;font-size:13px}.pm-challenge-bar strong,.pm-challenge-bar>span{grid-column:1/-1;line-height:1.6}.pm-challenge-bar label{font-size:11px;line-height:1.6}.pm-challenge-bar input{display:block;width:100%;font:inherit;font-size:12px;padding:9px;border-radius:8px;border:1px solid #d7bee8;background:white;color:#4b2865}.pm-challenge-bar button{align-self:end;min-height:42px;background:#e9d7fc;color:#4b2865;font:inherit}.pm-screen :focus-visible,.pm-challenge-bar :focus-visible{outline:3px solid #e2ac43;outline-offset:5px}
@media(max-width:620px){.pm-screen{padding:28px 19px;border-radius:21px}.pm-cards{grid-template-columns:1fr;gap:18px;margin:25px 0}.pm-card{min-height:0;padding:25px 20px;gap:12px}.pm-card .pm-card-title{font-size:24px}.pm-icon{width:54px;height:54px;border-radius:15px}.pm-icon svg{width:32px;height:32px}.pm-challenge-bar{grid-template-columns:1fr;padding:16px}.pm-challenge-bar button{justify-self:start}.pm-dialog{max-height:calc(100dvh - 16px);width:calc(100vw - 16px)}}
@media(prefers-reduced-motion:reduce){.pm-card:hover{transform:none}}body.fq-reduce-motion .pm-card:hover{transform:none}body.fq-high-contrast .pm-screen,html.fq-high-contrast .pm-screen{background:#160c24;border:2px solid white}body.fq-large-text .pm-card>span,html.fq-large-text .pm-card>span{font-size:18px}