.feedback-toolbar { display:flex; align-items:flex-end; flex-wrap:wrap; gap:14px; padding:20px 24px; background:#fff; border-radius:22px; box-shadow:0 1px 2px #0000000a; }
.feedback-toolbar label { display:flex; flex-direction:column; gap:6px; font-size:12px; font-weight:500; color:#666; min-width:0; }
.feedback-toolbar input, .feedback-toolbar select { height:40px; border:2px solid #E2E2E2; border-radius:12px; background:#fff; padding:8px 12px; font-size:13px; color:#111; max-width:100%; }
.feedback-toolbar input { width:145px; }
.feedback-toolbar input:focus-visible, .feedback-toolbar select:focus-visible { outline:none; border-color:#111; }
.feedback-results { display:flex; flex-direction:column; gap:20px; }
.feedback-stats { display:grid; grid-template-columns:1fr 1fr 1.4fr; gap:12px; }
.feedback-stat { padding:22px; border-radius:18px; display:flex; flex-direction:column; gap:10px; background:#fff; box-shadow:0 1px 2px #0000000a; }
.feedback-stat > span { font-size:13px; color:#666; }
.feedback-stat strong { font-size:36px; line-height:1.15; letter-spacing:-.03em; }
.feedback-stat:last-child strong { font-size:22px; }
.feedback-stat small { font-size:12px; color:#777; }
.feedback-columns { display:grid; grid-template-columns:minmax(260px,.9fr) minmax(0,1.3fr); gap:16px; align-items:start; }
.feedback-panel { background:#fff; border-radius:22px; padding:28px; box-shadow:0 1px 2px #0000000a; min-width:0; }
.feedback-panel h2 { font-size:18px; line-height:1.3; letter-spacing:-.02em; margin-bottom:8px; }
.feedback-help { font-size:13px; line-height:1.6; color:#777; }
.feedback-reason { padding:12px 0; }
.feedback-reason > div { display:flex; justify-content:space-between; gap:16px; font-size:13px; margin-bottom:8px; }
.feedback-reason b { white-space:nowrap; }
.feedback-reason meter { width:100%; height:10px; display:block; border:0; border-radius:6px; background:#EEE; }
.feedback-reason meter::-webkit-meter-bar { background:#EEE; border:0; height:10px; border-radius:6px; }
.feedback-reason meter::-webkit-meter-optimum-value { background:#D9A441; border-radius:6px; }
.feedback-reason meter::-moz-meter-bar { background:#D9A441; }
.feedback-response { padding:18px 0; border-top:1px solid #EEE; margin-top:12px; }
.feedback-response h3 { font-size:14px; margin-bottom:6px; }
.feedback-meta { font-size:12px; color:#777; display:flex; flex-wrap:wrap; gap:8px 12px; margin-bottom:10px; }
.feedback-comment { font-size:14px; line-height:1.55; white-space:pre-wrap; overflow-wrap:anywhere; }
.feedback-response > .feedback-help { color:#999; }
.feedback-empty { padding:20px 0; font-size:13px; color:#777; }
.feedback-notice { padding:12px 16px; background:#fff; border:2px solid #E2E2E2; border-radius:14px; font-size:13px; color:#555; }
@media (max-width:1100px) { .feedback-columns { grid-template-columns:1fr; } .feedback-stats { grid-template-columns:1fr 1fr; } .feedback-stat:last-child { grid-column:1 / -1; } }
@media (max-width:600px) { .feedback-toolbar { align-items:stretch; } .feedback-toolbar label, .feedback-toolbar input { width:100%; } .feedback-stats { grid-template-columns:1fr; } .feedback-panel { padding:22px; } }