.cwr-summary { margin-bottom: 20px; }
.cwr-average { font-size: 18px; margin-bottom: 10px; }
.cwr-bar { display: flex; align-items: center; margin: 5px 0; }
.cwr-progress { flex: 1; background: #eee; height: 8px; margin-left: 10px; border-radius: 4px; }
.cwr-progress span { display: block; height: 100%; background: #f4b400; border-radius: 4px; }
.cwr-list { margin-bottom: 20px; }
.cwr-review { border-bottom: 1px solid #ddd; padding: 10px 0; }
.cwr-button { background: #0073aa; color: #fff; padding: 10px 20px; border: none; cursor: pointer; }
.cwr-modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
.cwr-modal-content { background: #fff; padding: 20px; margin: 10% auto; width: 400px; border-radius: 8px; position: relative; }
.cwr-close { position: absolute; top: 10px; right: 15px; cursor: pointer; font-size: 20px; }
.cwr-stars { display: flex; justify-content: center; margin-bottom: 10px; }
.cwr-stars .star { font-size: 24px; cursor: pointer; color: #ccc; }
.cwr-stars .star.selected, .cwr-stars .star.hover { color: #f4b400; }