.feedback-wrap{width:100%;display:flex;justify-content:center;padding:40px 16px}.feedback-card{width:100%;max-width:760px;background:#fff;border-radius:18px;padding:28px 26px;box-shadow:0 8px 30px #00000014;border:1px solid rgba(0,0,0,.06)}.feedback-title{font-size:22px;font-weight:700;margin:0 0 6px;color:#0f172a}.feedback-subtitle{margin:0 0 18px;color:#64748b;font-size:14px}.faces{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:10px}.face-item{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:14px 10px;text-align:center;transition:all .18s ease}.face-item:hover{transform:translateY(-2px);border-color:#cbd5e1;box-shadow:0 6px 14px #00000014}.face-item input{position:absolute;opacity:0;pointer-events:none}.face-item .emoji{font-size:28px;display:block;margin-bottom:8px}.face-item .face-label{font-size:12px;color:#475569;font-weight:600}.face-item.active{background:#eff6ff;border-color:#3b82f6;box-shadow:0 10px 24px #3b82f62e}.face-item.active .face-label{color:#1d4ed8}.feedback-btn{margin-top:22px;width:100%;border:none;border-radius:12px;padding:12px 16px;font-weight:700;background:#2563eb;color:#fff;cursor:pointer;transition:all .18s ease}.feedback-btn:hover{background:#1d4ed8}.feedback-btn:disabled{background:#cbd5e1;cursor:not-allowed}.feedback-comment{margin-top:18px}.feedback-label{display:block;font-weight:700;font-size:13px;color:#0f172a;margin-bottom:8px}.feedback-textarea{width:100%;border:1px solid #e2e8f0;background:#fff;border-radius:12px;padding:12px;font-size:14px;outline:none;resize:vertical}.feedback-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61f}@media(max-width:640px){.faces{grid-template-columns:repeat(3,1fr)}}