/* 広場の投稿に短い動画（CMVID1021）。色は css/cm-posts.css の --ps-* に合わせる */
.cmvid{margin:8px 12px 4px;border-radius:14px;overflow:hidden;background:#140c1f;position:relative}
.ps-card.is-solo .cmvid{margin-left:0;margin-right:0}
.cmvid__v{display:block;width:100%;max-height:70vh;background:#000;object-fit:contain}
.cmvid__bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;background:#fff5fa;color:#6b5f7d;font-size:13px;font-weight:700}
.cmvid__bar button{min-height:36px;padding:0 12px;border:1px solid #f2dcea;border-radius:10px;background:#fff;color:#c0418a;font-size:12.5px;font-weight:800;cursor:pointer}
.cmvid__st{margin:0;padding:8px 10px;background:#fff7e6;color:#7a5410;font-size:12.5px;line-height:1.6}
.cmvid__rp{display:none;margin:0;padding:8px 10px;background:#f3eefa;color:#6b5f7d;font-size:12.5px}
.cmvid.is-reported .cmvid__v{filter:blur(18px) grayscale(1);pointer-events:none}
.cmvid.is-reported .cmvid__rp{display:block}
.cmvid.is-reported [data-cmvid-rep]{display:none}

.cmvid-add{display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:0 14px 0 10px;border-radius:14px;background:#f3eefa;color:#8b6cc1;font-size:14.5px;font-weight:900;cursor:pointer}
.cmvid-add i{font-style:normal;font-size:22px;line-height:1}
.cmvid-add span{line-height:1.25}
.cmvid-add small{display:block;font-size:11px;font-weight:700;color:#9a8fab}
.cmvid-add.is-off{opacity:.4;pointer-events:none}
.ps-comp__ft{flex-wrap:wrap}

.cmvid-comp{margin:10px 0 0}
.cmvid-comp__pv{display:flex;align-items:center;gap:10px;margin:0 0 8px}
.cmvid-pv{position:relative;width:120px;height:120px;flex:0 0 120px;border-radius:12px;overflow:hidden;background:#140c1f;display:flex;align-items:center;justify-content:center}
.cmvid-pv img{width:100%;height:100%;object-fit:cover}
.cmvid-pv__ph{font-style:normal;font-size:36px}
.cmvid-pv__t{position:absolute;left:6px;bottom:6px;padding:1px 6px;border-radius:8px;background:rgba(0,0,0,.6);color:#fff;font-size:11.5px;font-style:normal;font-weight:800}
.cmvid-pv__bar{position:absolute;left:0;right:0;bottom:0;height:5px;background:rgba(255,255,255,.35)}
.cmvid-pv__bar em{display:block;height:100%;background:#d65c9a;transition:width .2s}
.cmvid-pv button{position:absolute;top:4px;right:4px;width:32px;height:32px;border:0;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;font-size:18px;line-height:1;cursor:pointer}
.cmvid-pv.is-ng{outline:3px solid #d63638}
.cmvid-pv__s{font-size:12.5px;color:#6b5f7d;line-height:1.6}
.cmvid-comp__q{margin:0 0 8px;font-size:12.5px;color:#6b5f7d;line-height:1.7}
.cmvid-comp__q b{color:#c0418a}
.cmvid-comp__q .is-bad{color:#d63638;font-weight:800}
.cmvid-comp__warn{margin:0;padding:10px 12px;border-radius:12px;background:#f3eefa;border:1px solid #e1d6f2;color:#4b3a6b;font-size:13px;line-height:1.7}
.cmvid-comp__warn b{display:block;color:#6b4aa8}
.cmvid-comp__warn b::before{content:"🎬 "}
.cmvid-link{border:0;background:none;padding:4px 2px;color:#8b6cc1;font-weight:800;font-size:12.5px;text-decoration:underline;cursor:pointer}

.cmvid-ov{position:fixed;inset:0;z-index:100001;background:rgba(20,12,31,.55);display:flex;align-items:flex-end;justify-content:center}
.cmvid-sh{width:100%;max-width:520px;max-height:85vh;overflow:auto;background:#fff;border-radius:18px 18px 0 0;padding:14px 16px calc(16px + env(safe-area-inset-bottom,0px));color:#3a2a55}
.cmvid-sh__hd{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px;font-size:16px}
.cmvid-sh__hd button{width:44px;height:44px;border:0;background:none;font-size:22px;cursor:pointer;color:#6b5f7d}
.cmvid-sh__q{margin:0 0 10px;font-size:13px;color:#6b5f7d;line-height:1.7}
.cmvid-sh__q b{color:#c0418a}
.cmvid-sh__e{color:#9a8fab;font-size:13px}
.cmvid-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #f2dcea}
.cmvid-row img,.cmvid-row>i{width:56px;height:56px;border-radius:10px;object-fit:cover;background:#140c1f;flex:0 0 56px;display:flex;align-items:center;justify-content:center;font-style:normal}
.cmvid-row span{flex:1;font-size:13px;line-height:1.5}
.cmvid-row small{display:block;color:#9a5d00}
.cmvid-row button{min-height:40px;padding:0 14px;border:1px solid #f5c2c7;border-radius:10px;background:#fff;color:#d63638;font-weight:800;cursor:pointer}
.cmvid-r{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px;border-top:1px solid #f2dcea}
.cmvid-go{display:block;width:100%;min-height:48px;margin:12px 0 0;border:0;border-radius:14px;background:#d65c9a;color:#fff;font-size:15px;font-weight:900;cursor:pointer}
.cmvid-toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:100002;transform:translate(-50%,20px);max-width:calc(100% - 32px);padding:10px 16px;border-radius:12px;background:#3a2a55;color:#fff;font-size:13.5px;line-height:1.6;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.cmvid-toast.is-on{opacity:1;transform:translate(-50%,0)}
.cmvid-toast.is-bad{background:#b42318}