.pr-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;box-shadow:0 2px 10px rgba(0,0,0,.04);font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif;color:#111}
.pr-title{margin:0 0 12px;font-size:20px;font-weight:700}
.pr-summary{display:flex;gap:24px;align-items:flex-start}
.pr-score{min-width:200px;display:flex;flex-direction:column;align-items:center;gap:6px}
.pr-score-value{font-size:40px;font-weight:800;color:#f59e0b;line-height:1}
.pr-score-value span{font-size:16px;color:#6b7280;margin-left:4px}
.pr-score-stars{display:flex;gap:4px}
.pr-score-meta{font-size:14px;color:#6b7280}
.pr-distribution{flex:1;display:flex;flex-direction:column;gap:8px}
.pr-row{display:grid;grid-template-columns:24px 1fr 60px;align-items:center;gap:8px}
.pr-row-label{font-size:14px;color:#374151}
.pr-bar{background:#f3f4f6;border-radius:999px;overflow:hidden;height:8px}
.pr-bar span{display:block;height:100%;background:#60a5fa}
.pr-row-pct{font-size:14px;color:#6b7280;text-align:right}
.pr-actions{display:flex;gap:12px;margin-top:16px}
.pr-actions button{padding:10px 14px;border-radius:8px;border:1px solid #e5e7eb;background:#f9fafb;color:#111;cursor:pointer}
.pr-actions .pr-write{background:#2563eb;color:#fff;border-color:#2563eb}
.pr-list{margin-top:16px;display:flex;flex-direction:column;gap:16px}
.pr-item{padding:16px 0;border-top:1px solid #f1f5f9}
.pr-item-head{display:flex;gap:8px;align-items:center}
.pr-item-author{font-weight:700}
.pr-item-time{font-size:12px;color:#6b7280}
.pr-item-stars{display:flex;gap:4px;margin:6px 0}
.pr-item-content{font-size:15px;color:#111}
.pr-star{width:20px;height:20px;display:inline-block;background:linear-gradient(0deg,#f59e0b,#f59e0b);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);opacity:.25}
.pr-star.on{opacity:1}
.pr-star.half{background:linear-gradient(90deg,#f59e0b 50%,#e5e7eb 50%)}
.pr-star-input{display:flex;gap:6px}
.pr-star-input .pr-star{width: 34px;height: 34px;opacity:.3;border:none;background:linear-gradient(0deg,#f59e0b,#f59e0b)}
.pr-star-input .pr-star.on{opacity:1}
.pr-modal{position:fixed;inset:0;background:rgba(0,0,0,.4);display:none;align-items:center;justify-content:center;z-index:40}
.pr-modal[aria-hidden="false"]{display:flex}
.pr-modal-body{background:#fff;border-radius:12px;max-width:560px;width:92vw;padding:20px;position:relative}
.pr-modal-close{position:absolute;right:12px;top:8px;border:none;font-size:24px;cursor:pointer}
.pr-modal-title{margin:0 0 12px;font-size:18px;font-weight:700}
.pr-field{margin-bottom:12px}
.pr-field label{display:block;font-size:14px;color:#374151;margin-bottom:6px}
.pr-field input,.pr-field textarea{width:100%;border:1px solid #e5e7eb;border-radius:8px;padding:10px;font-size:14px}
.pr-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pr-submit{background:#2563eb;color:#fff;border:none;border-radius:8px;padding:10px 14px;cursor:pointer}
.pr-form-notice{margin-top:8px;font-size:14px;color:#065f46}
.pr-show-all .pr-list{max-height:none}