.cpm{width:min(520px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 48px);padding:0;border:0;border-radius:8px;background:var(--paper);color:var(--ink);box-shadow:0 20px 50px rgba(20,14,10,.35);overflow:hidden}.cpm[open]{display:flex;flex-direction:column}.cpm::backdrop{background:rgba(26,22,19,.55)}.cpm-grab{display:none}.cpm-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:22px 24px 16px}.cpm-head h3{margin:0;font-family:var(--font-serif),Georgia,serif;font-size:21px;font-weight:500;letter-spacing:-.015em;line-height:1.25;color:var(--ink);text-wrap:pretty}.cpm-x{flex:none;width:28px;height:28px;display:grid;place-items:center;margin:-2px -4px 0 0;padding:0;border:0;border-radius:6px;background:none;color:var(--mute);cursor:pointer}.cpm-x:hover{color:var(--ink)}.cpm-who,.cpm-x:hover{background:var(--ivory)}.cpm-who{display:flex;align-items:center;gap:12px;padding:14px 24px;border-top:1px solid var(--rule-2);border-bottom:1px solid var(--rule-2)}.cpm-av{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--cream);border:1px solid var(--rule);font-family:var(--font-serif),Georgia,serif;font-size:14px;color:var(--brand-700);overflow:hidden}.cpm-av img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top}.cpm-who>div{min-width:0}.cpm-who b{display:block;font-family:var(--font-serif),Georgia,serif;font-size:15px;font-weight:500;color:var(--ink)}.cpm-who>div>span{display:block;font-size:12px;line-height:1.4;color:var(--mute)}.cpm-form{display:flex;flex-direction:column;min-height:0;flex:1}.cpm-body{display:grid;gap:14px;padding:22px 24px;overflow-y:auto;min-height:0;flex:1}.cpm-body label{display:block}.cpm-g2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.cpm-lbl{display:block;margin-bottom:6px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute-2)}.cpm-lbl em{margin-left:4px;font-style:normal;font-size:11px;letter-spacing:0;text-transform:none;color:var(--mute-2)}.cpm-in{display:block;width:100%;height:40px;padding:0 12px;border:1px solid var(--rule-3);border-radius:6px;background:var(--paper);font-family:inherit;font-size:13.5px;color:var(--ink-2)}.cpm-in::-moz-placeholder{color:var(--mute-2)}.cpm-in::placeholder{color:var(--mute-2)}.cpm-in:focus{outline:0;border-color:var(--brand-700);box-shadow:0 0 0 3px var(--brand-100)}.cpm-ta{height:120px;padding:11px 12px;line-height:1.5;resize:vertical}.cpm-cnt{display:block;margin-top:5px;font-size:11px;text-align:right;color:var(--mute-2);font-variant-numeric:tabular-nums}.cpm-lead{margin:0;font-size:14px;line-height:1.55;color:var(--ink-2)}.cpm-body .rx-alert{margin:0}.cpm-foot{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;border-top:1px solid var(--rule-2);background:var(--ivory)}.cpm-fine{margin:0;font-size:11.5px;line-height:1.5;color:var(--mute)}.cpm-foot .rx-btn{white-space:nowrap}.cpm-foot .rx-btn:disabled{opacity:.6}@media (max-width:640px){.cpm{width:100%;height:calc(100dvh - 52px);max-height:calc(100dvh - 52px);margin:auto 0 0;border-radius:16px 16px 0 0}.cpm-grab{display:block;flex:none;width:36px;height:4px;margin:8px auto 0;border-radius:2px;background:var(--rule-3)}.cpm-head{padding:14px 20px 12px}.cpm-head h3{font-size:20px}.cpm-x{width:44px;height:44px;margin:-8px -10px 0 0}.cpm-who{padding:12px 20px}.cpm-body{padding:16px 20px}.cpm-g2{grid-template-columns:1fr;gap:14px}.cpm-in{height:46px;font-size:16px}.cpm-ta{height:110px;font-size:16px}.cpm-foot{display:grid;justify-content:stretch;gap:10px;padding:12px 20px calc(14px + env(safe-area-inset-bottom))}.cpm-foot .rx-btn{width:100%;height:48px;font-size:15px;justify-content:center}}