.grm{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}
.grm[hidden]{display:none}
.grm-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55)}
.grm-box{position:relative;display:flex;flex-direction:column;width:min(680px,100%);max-height:min(84vh,760px);
  background:#fff;border-radius:16px;box-shadow:0 24px 60px rgba(15,23,42,.28);overflow:hidden}
.grm-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;
  padding:20px 22px 16px;border-bottom:1px solid #e8ebef}
.grm-head h2{margin:0;font-size:19px;font-weight:700}
.grm-meta{margin:4px 0 0;font-size:13px;color:#6b7280}
.grm-close{border:0;background:#f2f4f7;width:34px;height:34px;border-radius:50%;font-size:22px;line-height:1;
  color:#475467;cursor:pointer;flex:0 0 34px}
.grm-close:hover{background:#e6e9ee}
.grm-body{overflow-y:auto;padding:6px 22px 4px}
.grm-state{padding:28px 0;text-align:center;color:#6b7280;font-size:14px}
.grm-item{display:flex;gap:13px;padding:17px 0;border-bottom:1px solid #f0f2f5}
.grm-item:last-child{border-bottom:0}
.grm-av{width:40px;height:40px;border-radius:50%;flex:0 0 40px;object-fit:cover;background:#e8ebef}
.grm-av-x{display:flex;align-items:center;justify-content:center;font-weight:700;color:#475467;font-size:16px}
.grm-who{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.grm-who b{font-size:14.5px}
.grm-who small{color:#8a93a0;font-size:12.5px}
.grm-stars{margin:3px 0 6px;display:flex;gap:1px}
.grm-item p{margin:0;font-size:14px;line-height:1.6;color:#374151}
.grm-foot{padding:14px 22px;border-top:1px solid #e8ebef;text-align:right}
.grm-foot a{font-size:13.5px;font-weight:600;color:#1a73e8;text-decoration:none}
.grm-foot a:hover{text-decoration:underline}
@media(max-width:560px){.grm{padding:0}.grm-box{width:100%;max-height:100vh;border-radius:0}}