/* A miniapp opens from its message, reviews the same profile, then returns. */
[data-journey-stage="1"] .pm-card{position:relative}
[data-journey-stage="1"] .pm-launch{display:block;width:100%;padding:0;background:transparent;border:0;border-radius:0;text-align:left;color:inherit;font:inherit;cursor:pointer}
[data-journey-stage="1"] .pm-card-title{display:block;font-size:16px;font-weight:500;line-height:1.5;margin:11px 13px 12px}
[data-journey-stage="1"] .pm-cover{position:relative;display:flex;flex-direction:column;gap:8px;box-sizing:border-box;min-height:170px;margin:0 9px;background:#f44800;color:white;border-radius:4px;padding:25px 22px}
[data-journey-stage="1"] .pm-cover strong{font-size:29px;line-height:1.25;font-weight:600}
[data-journey-stage="1"] .pm-cover>span{font-size:12px;color:#ffe6d6}
[data-journey-stage="1"] .pm-cover i{display:block;height:4px;width:60%;background:#ffffff40;margin-top:8px}
[data-journey-stage="1"] .pm-cover i+i{width:40%;margin-top:0}
[data-journey-stage="1"] .pm-cover>b{position:absolute;right:20px;bottom:20px;font-size:24px;font-weight:400}
[data-journey-stage="1"] .pm-source-hidden>.mc-link{opacity:.5}
[data-journey-stage="1"] .pm-card.is-demo-press .pm-launch{box-shadow:none}
.pm-panel{position:absolute;top:0;left:0;z-index:45;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;border-radius:18px;background:#fff;color:#282a2e;border:1px solid #e7e8ea;box-shadow:0 18px 55px #23303b24,0 2px 8px #23303b0a;transform-origin:0 0;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif}
.pm-panel[hidden]{display:none}
.pm-nav{display:flex;align-items:center;gap:10px;min-height:66px;padding:0 24px;border-bottom:1px solid #eee;flex-shrink:0}
.pm-nav>button{width:34px;height:38px;padding:0;border:0;background:none;color:#303136;font-size:32px;cursor:pointer;text-align:left}
.pm-nav>strong{font-size:14px;font-weight:500}.pm-nav-dots{margin-left:auto;letter-spacing:3px;font-size:16px}
.pm-panel form{display:flex;flex-direction:column;flex:1;min-height:0;margin:0}
.pm-page-scroll{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#d3d5da transparent}
.pm-page-hero{padding:26px 36px 28px;background:#f44800;color:#fff}
.pm-page-hero>span{font-size:13px;color:#ffddc9}.pm-page-hero h2{font-size:34px;font-weight:500;margin:10px 0 5px;line-height:1.2}.pm-page-hero p{font-size:15px;margin:0;color:#ffe6d6}
.pm-page-body{padding:24px 36px 30px;max-width:700px;margin:auto}
.pm-section-title{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;font-size:13px;color:#8a8e94;margin-bottom:16px;line-height:1.6}.pm-section-title>span{color:#555b64}
.pm-primary-fields{display:grid;gap:18px}
.pm-panel label{display:flex;flex-direction:column;gap:7px;font-size:13px;line-height:1.5;color:#8b8e93}
.pm-panel input,.pm-panel textarea,.pm-panel select{width:100%;min-width:0;box-sizing:border-box;margin:0;padding:7px 0;border:0;border-bottom:1px solid #e7e8eb;border-radius:0;background:#fff;color:#2c3036;font:inherit;font-size:16px;line-height:1.5;min-height:36px}
.pm-panel input:focus-visible,.pm-panel textarea:focus-visible,.pm-panel select:focus-visible{outline:none;border-color:#007cf3;box-shadow:0 1px #007cf3}
.pm-more{margin-top:25px;border-top:1px solid #eee}.pm-more summary{display:flex;align-items:center;justify-content:space-between;padding:17px 0;color:#797e85;font-size:13px;cursor:pointer;list-style:none}.pm-more summary::-webkit-details-marker{display:none}.pm-more summary>span{font-size:20px}.pm-more[open] summary>span{transform:rotate(45deg)}
.pm-detail-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;padding:5px 0 20px}
.pm-page-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 28px;border-top:1px solid #eee;background:#fff;flex-shrink:0}
.pm-page-footer>span{font-size:12px;line-height:1.5;color:#91959a}
.pm-page-footer .mc-save{margin:0;padding:9px 18px;font-size:14px;min-height:36px;gap:8px;white-space:nowrap}
.pm-panel.is-demo-press .mc-save{background:#0068d2;box-shadow:none}
.pm-cursor{position:absolute;z-index:50;width:24px;height:28px;pointer-events:none;transform-origin:3px 2px;filter:drop-shadow(0 2px 2px #0002);animation:none}
.pm-cursor[hidden]{display:none!important}.pm-cursor svg{width:24px;height:28px}
.pm-panel.is-demo-target .pm-cursor,.pm-card.is-demo-target .pm-cursor{animation:mc-precise-tap 2.9s cubic-bezier(.2,.7,.25,1) both}
.pm-panel.pm-entering .pm-page-body{animation:pm-content-in .5s .18s both}
.pm-panel.pm-leaving .pm-page-body,.pm-panel.pm-leaving .pm-page-footer{opacity:1;transition:none}
.pm-panel button:focus-visible,.pm-panel summary:focus-visible,.pm-launch:focus-visible{outline:2px solid #855f30;outline-offset:-3px}
@keyframes pm-content-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:600px){.pm-nav{padding:0 16px;min-height:56px}.pm-page-hero{padding:23px 24px}.pm-page-body{padding:22px 24px}.pm-page-footer{padding:13px 18px}.pm-page-footer>span{max-width:110px}.pm-page-hero h2{font-size:30px}.pm-detail-fields{gap:15px}}
@media(prefers-reduced-motion:reduce){.pm-cursor{display:none!important}.pm-panel.pm-entering .pm-page-body{animation:none}.pm-panel.pm-leaving .pm-page-body,.pm-panel.pm-leaving .pm-page-footer{transition:none}}

/* A bounded miniapp window keeps the conversation recognizable behind it. */
.pm-backdrop{position:absolute;top:0;left:0;right:0;z-index:44;border-radius:29px;background:#f8fafc66}
.pm-backdrop[hidden]{display:none}
.pm-panel .pm-nav{min-height:54px;padding:0 18px;gap:8px;background:#fff}
.pm-nav>small{font-size:11px;color:#9b9fa6;padding-left:6px;border-left:1px solid #e8e9ec;margin-left:3px}
.pm-nav>button{margin-left:auto;width:29px;height:29px;border-radius:50%;background:#f4f5f7;text-align:center;font-size:21px;font-weight:300;line-height:1;color:#666d76}
.pm-panel .pm-page-hero{margin:12px 14px 0;padding:19px 22px;border-radius:8px;background:#f44800}
.pm-panel .pm-page-hero>span{font-size:12px}.pm-panel .pm-page-hero h2{font-size:27px;margin:7px 0 4px}.pm-panel .pm-page-hero p{font-size:13px}
.pm-panel .pm-page-body{padding:20px 24px 14px}
.pm-section-title{display:block;margin-bottom:16px;font-size:12px}.pm-section-title>span{display:block;color:#454c57;font-size:14px;margin-top:4px}
.pm-primary-fields{gap:14px}
.pm-panel textarea{resize:none;overflow-y:auto;min-height:54px}
.pm-panel textarea:focus-visible{outline:none;border-color:#007cf3;box-shadow:0 1px #007cf3}
.pm-more{margin-top:17px}.pm-more summary{padding:15px 0;font-size:12px}
.pm-panel .pm-page-footer{padding:14px 20px}.pm-page-footer>span{font-size:11px;max-width:128px}.pm-page-footer .mc-save{font-size:12px;min-height:32px;padding:7px 15px}
.pm-panel.pm-entering .pm-page-body,.pm-panel.pm-entering .pm-page-footer{animation:pm-content-in .3s .15s both}
@media(max-width:600px){.pm-panel .pm-page-body{padding:18px 20px 10px}.pm-panel .pm-page-hero{margin:10px 10px 0;padding:16px 18px}.pm-panel .pm-page-footer{padding:12px 16px}.pm-detail-fields{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.pm-panel.pm-entering .pm-page-body,.pm-panel.pm-entering .pm-page-footer{animation:none}}

/* Native miniapp chrome and grouped form rows; compositor-only opening. */
.pm-panel{box-shadow:0 12px 36px #23303b20;isolation:isolate}
.pm-panel.pm-entering,.pm-panel.pm-leaving{will-change:transform,opacity}
.pm-panel .pm-nav{position:relative;justify-content:center;min-height:54px;padding:0 14px;background:#fff}
.pm-nav>.mc-app-icon{position:absolute;left:16px;width:24px;height:24px}
.pm-nav>strong{font-size:15px;font-weight:600}
.pm-capsule{position:absolute;right:12px;display:flex;align-items:center;height:28px;border:1px solid #dedfe3;border-radius:16px;background:#fff}
.pm-capsule>span{font-size:13px;letter-spacing:1px;padding:0 10px;border-right:1px solid #e3e4e7;line-height:14px}
.pm-capsule>button{display:grid;place-items:center;width:32px;height:27px;background:none;border:0;padding:0;cursor:pointer}
.pm-capsule i{display:block;box-sizing:border-box;width:15px;height:15px;border:2px solid #373b41;border-radius:50%;position:relative}
.pm-capsule i:after{content:'';position:absolute;inset:3px;background:#373b41;border-radius:50%}
.pm-page-scroll{background:#f5f6f8}
.pm-panel .pm-page-hero{margin:0;padding:22px 24px;border-radius:0;background:#ff8a00}
.pm-panel .pm-page-body{padding:18px 14px 24px}
.pm-section-title{padding:0 7px;font-size:12px;margin-bottom:15px}
.pm-form-group{margin:0 0 16px;border-radius:12px;background:#fff;overflow:hidden;border:1px solid #eeeff2}
.pm-form-group h3{font-size:14px;font-weight:600;margin:0;padding:16px 16px 10px;color:#30353b}
.pm-form-group label{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;margin:0 16px;padding:11px 0;border-bottom:1px solid #f0f1f4;font-size:13px;line-height:1.5;color:#80868e}
.pm-form-group label:last-child{border-bottom:0}
.pm-form-group input,.pm-form-group select,.pm-form-group textarea{padding:3px 0;min-height:29px;border:0;background:transparent;text-align:right;font-size:14px;line-height:1.6;box-shadow:none;color:#333940}
.pm-form-group textarea{min-height:52px;height:auto;resize:none}
.pm-form-group input:focus-visible,.pm-form-group select:focus-visible,.pm-form-group textarea:focus-visible{border:0;box-shadow:0 1px #007cf3}
.pm-panel .pm-page-footer{background:#fff;padding:14px 18px;border-top:1px solid #eee}
.pm-panel.pm-entering .pm-page-body,.pm-panel.pm-entering .pm-page-footer{animation:pm-details-fade .25s .12s both}
@keyframes pm-details-fade{from{opacity:0}to{opacity:1}}
.pm-panel.pm-reviewing .pm-cursor{animation:none;will-change:transform}
.pm-wheel{display:none;position:absolute;left:25px;top:-18px;box-sizing:border-box;width:13px;height:21px;border:1px solid #87929e;border-radius:7px;background:#fff}
.pm-wheel:after{content:'';position:absolute;left:5px;top:4px;width:1px;height:5px;background:#506070}
.pm-wheel-active.pm-reviewing .pm-wheel{display:block}
.pm-wheel-active .pm-wheel:after{animation:pm-wheel-turn .7s ease-in-out infinite}
@keyframes pm-wheel-turn{from{transform:translateY(0);opacity:1}to{transform:translateY(6px);opacity:.2}}
.is-paused .pm-panel *{animation-play-state:paused!important}
@media(max-width:600px){.pm-panel .pm-page-hero{padding:19px 20px}.pm-panel .pm-page-body{padding:16px 10px 20px}.pm-form-group label{margin:0 13px;grid-template-columns:68px minmax(0,1fr);gap:8px}.pm-nav>strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.pm-panel.pm-entering .pm-page-body,.pm-panel.pm-entering .pm-page-footer{animation:none}.pm-wheel{display:none}}

/* Reference banner: original mascot bitmap, native interactive controls. */
.pm-panel .pm-banner-nav{position:absolute;inset:0 0 auto;height:80px;z-index:4;background:#ff8a00;pointer-events:none}
.pm-panel .pm-banner-nav button{display:grid;place-items:center;padding:0;color:#20201e;cursor:pointer;pointer-events:auto;box-shadow:none}
.pm-panel .pm-banner-back{position:absolute;left:6.23%;top:22px;width:46px;height:46px;border-radius:50%;border:1px solid white;background:#ffead9}
.pm-panel .pm-banner-back svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.pm-panel .pm-banner-capsule{position:absolute;right:2%;top:28px;display:flex;align-items:center;width:120px;height:33px;border-radius:22px;background:#ffd3a7;overflow:hidden}
.pm-panel .pm-banner-capsule>span,.pm-panel .pm-banner-capsule>button{flex:1;height:19px;min-width:0;border:0;border-radius:0;background:none}
.pm-panel .pm-banner-capsule>button{border-left:1px solid #e5b88f}
.pm-panel .pm-banner-dots{display:flex;justify-content:center;align-items:center;gap:2px}
.pm-panel .pm-banner-dots i{width:4px;height:4px;background:#20201e;border-radius:50%}
.pm-panel .pm-banner-dots i:nth-child(2){width:6px;height:6px}
.pm-panel .pm-banner-minus{width:14px;height:3px;border-radius:2px;background:#20201e}
.pm-panel .pm-banner-close{display:grid;place-items:center;width:17px;height:17px;border:2px solid #20201e;border-radius:50%}
.pm-panel .pm-banner-close:after{content:"";width:6px;height:6px;background:#20201e;border-radius:50%}
.pm-panel .pm-banner-nav button:focus-visible{outline:2px solid #855f30;outline-offset:3px}
.pm-panel .pm-page-scroll{background:#fcfcfc;scroll-padding-top:16px}
.pm-panel .pm-reference-banner{position:relative;width:100%;aspect-ratio:834/466;flex-shrink:0;background:#ff8a00;overflow:hidden;isolation:isolate}
.pm-panel .pm-banner-bubble{position:absolute;z-index:1;top:48.5%;right:15.4%;padding:9px 12px;background:#fff9f4;border:1px solid white;border-radius:22px 22px 22px 5px;color:#20201e;font-size:14px;font-weight:650;line-height:1.35;white-space:nowrap}
.pm-panel .pm-banner-curve{position:absolute;top:78.8%;left:-25%;width:150%;height:65%;border-radius:50% 50% 0 0;background:#fcfcfc}
.pm-panel .pm-banner-avatar{position:absolute;z-index:2;top:62.23%;left:39.568%;width:19.904%;aspect-ratio:1;overflow:hidden;border-radius:50%;background:white;box-shadow:0 10px 20px #ffbb1410}
.pm-panel .pm-banner-avatar img{display:block;position:absolute;width:502.4096%;max-width:none;height:auto;left:-198.7952%;top:-174.6988%;margin:0;object-fit:initial;image-rendering:auto}
.pm-panel .pm-profile-heading{text-align:center;padding:2px 18px 0;background:#fcfcfc}
.pm-panel .pm-profile-heading h2{margin:0;color:#1d1d1f;font-size:23px;line-height:1.4;font-weight:700;letter-spacing:0}
.pm-panel .pm-profile-heading p{display:flex;justify-content:center;align-items:center;gap:8px;margin:7px 0 0;color:#858a94;font-size:13px;line-height:1.5}
.pm-panel .pm-name-divider{color:#b6b9bf}
.pm-panel .pm-page-body{padding-top:20px;background:#fcfcfc}
@media(max-width:480px){.pm-panel .pm-banner-bubble{right:10%;font-size:13px;padding:7px 10px}.pm-panel .pm-banner-back{width:40px;height:40px;top:18px}.pm-panel .pm-banner-capsule{top:22px}.pm-panel .pm-banner-nav{height:66px}}

/* The banner controls belong to the scrolling page, not to an overlay. */
.pm-panel .pm-banner-nav{background:transparent}
.pm-panel:focus{outline:none}
.pm-panel button:focus:not(:focus-visible),.pm-launch:focus:not(:focus-visible){outline:none}
[data-journey-stage="1"] .pm-card>.mc-link{transition:opacity .2s ease}
.pm-panel.pm-leaving{transform-origin:50% 50%;pointer-events:none}
.pm-backdrop{opacity:1;transition:opacity .24s ease}
.pm-backdrop.pm-backdrop-leaving{opacity:0}
@media(prefers-reduced-motion:reduce){[data-journey-stage="1"] .pm-card>.mc-link,.pm-backdrop{transition:none}}

/* A small, tactile press. Native and guided clicks share one surface. */
[data-journey-stage="1"] .pm-card>.mc-link{transform-origin:50% 50%;transition:transform .18s cubic-bezier(.2,.75,.25,1),box-shadow .18s ease,opacity .2s ease;box-shadow:0 0 0 1px #e7e8eb,0 5px 14px #242b3307}
[data-journey-stage="1"] .pm-card.is-demo-press>.mc-link,[data-journey-stage="1"] .pm-card>.mc-link:has(.pm-launch:active){transform:scale(.986);box-shadow:0 0 0 1px #e7e8eb,0 1px 4px #242b330a}
.pm-panel .mc-save{transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease;box-shadow:0 3px 8px #007cf312}
.pm-panel.is-demo-press .mc-save,.pm-panel .mc-save:active{transform:translateY(1px) scale(.97);box-shadow:0 1px 3px #007cf310;background:#076ed0}
.pm-panel .pm-banner-nav button{transition:transform .16s ease,opacity .16s ease}
.pm-panel .pm-banner-nav button:active{transform:scale(.94);opacity:.8}
/* The preview is a prefilled record, with one clear opening affordance. */
[data-journey-stage="1"] .pm-cover{gap:0;min-height:180px;margin:0 10px 2px;padding:18px 20px;background:#ff8a00;color:#302418;border-radius:8px;overflow:hidden}
[data-journey-stage="1"] .pm-cover .pm-cover-top{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:12px;line-height:1.4;color:#57351d}
[data-journey-stage="1"] .pm-cover-state{padding:3px 7px;border-radius:10px;background:#ffffffb3;color:#57351d;font-size:10px}
[data-journey-stage="1"] .pm-cover strong{margin:17px 0 6px;font-size:30px;line-height:1.1;letter-spacing:.01em;font-weight:600;color:#fffdf8}
[data-journey-stage="1"] .pm-cover .pm-cover-details{color:#fff9ef;font-size:12px;line-height:1.6}
[data-journey-stage="1"] .pm-cover .pm-cover-open{display:flex;align-items:center;justify-content:space-between;margin:17px -20px -18px;padding:10px 20px;background:#fff4e1;color:#735332;font-size:12px;line-height:1.5}
[data-journey-stage="1"] .pm-cover-open b{display:grid;place-items:center;position:static;font-size:20px;line-height:1;font-weight:400;color:#9b632d}
/* Legacy cursors defaulted to display:none outside their tapping phase. */
.pm-panel .pm-cursor:not([hidden]){display:block;opacity:1}
.pm-panel.pm-reviewing .pm-cursor,.pm-panel.is-demo-target .pm-cursor{animation:none}
.pm-panel.pm-reviewing .pm-cursor{filter:drop-shadow(0 2px 2px #0003)}
.pm-panel .pm-wheel{left:23px;top:1px;border-color:#a5a9ad;background:#fffc;width:12px;height:19px}
.pm-panel .pm-wheel:after{left:4px;background:#525b65}
.pm-panel .pm-page-footer{padding:15px 18px 17px}
.pm-panel .pm-form-group{box-shadow:0 2px 6px #20212402}
@media(prefers-reduced-motion:reduce){[data-journey-stage="1"] .pm-card>.mc-link,.pm-panel .mc-save,.pm-panel .pm-banner-nav button{transition:none}.pm-panel .pm-cursor:not([hidden]){display:none!important}}