.survey-widget { max-width: 520px; margin: 0 auto; }
.survey-widget .survey-question { font-size: 1.15rem; font-weight: 700; margin-bottom: 1rem; }
.survey-widget .survey-option { display: flex; align-items: center; gap: .5rem; padding: .55rem .75rem; margin-bottom: .5rem; border: 1px solid #e5e7eb; border-radius: 10px; transition: border-color .15s, background-color .15s; cursor: pointer; }
.survey-widget .survey-option:hover { border-color: #16acb7; background-color: #f4fdfd; }
.survey-widget .survey-option label { margin: 0; cursor: pointer; flex: 1; }
.survey-widget [data-survey-submit] { margin-top: .5rem; border-radius: 10px; }
.survey-widget .survey-results .survey-result-row { margin-bottom: .75rem; }
.survey-widget .survey-results .survey-result-label { display: flex; justify-content: space-between; font-size: .9rem; margin-bottom: .3rem; }
.survey-widget .survey-results .survey-result-bar-bg { background: #eef2f2; border-radius: 8px; height: 10px; overflow: hidden; }
.survey-widget .survey-results .survey-result-bar-fill { background: linear-gradient(90deg,#16ACB7,#0091A5); height: 100%; border-radius: 8px; transition: width .5s ease; }
.survey-widget .survey-results .survey-result-you { color: #16acb7; font-weight: 700; }
.survey-widget .survey-results .survey-total { margin-top: .5rem; font-size: .8rem; color: #888; text-align: center; }