.note-photo-strip{width:min(100%,560px);max-width:100%;margin:0 0 30px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-behavior:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;touch-action:pan-y;user-select:none}.note-photo-strip::-webkit-scrollbar{display:none}.note-photo-strip:active,.note-photo-strip.is-dragging{cursor:grabbing}.note-photo-track{display:flex;width:max-content;gap:8px;will-change:transform}.note-photo-track img{width:72px;height:72px;flex:0 0 auto;object-fit:cover;pointer-events:none;user-select:none}.survey-result{display:grid;width:min(100%,560px);max-width:100%;gap:38px;overflow-x:hidden}.survey-overview{display:grid;gap:6px;margin-bottom:2px}.survey-overview h2{margin:0;color:#1f2937;font-size:clamp(16px,2vw,22px);font-weight:600;line-height:1.28}.survey-overview p{margin:0;color:#4b5563;font-size:12px;font-weight:500;line-height:1.55}.survey-overview strong{display:block;margin-top:10px;color:#111;font-size:13px;font-weight:600;line-height:1.55}.survey-question-card{scroll-margin-top:120px;padding:8px 0 16px}.survey-question-head{display:grid;gap:5px;margin-bottom:16px}.survey-question-head p{margin:0;color:#64748b;font-size:11px;font-weight:600;line-height:1.35}.survey-question-head h2{margin:0;color:#1f2937;font-size:15px;font-weight:500;line-height:1.28}.survey-question-head em{width:fit-content;margin:3px 0 0;padding:3px 7px;border-radius:4px;background:#eef2f7;color:#475569;font-size:11px;font-style:normal;font-weight:500;line-height:1.35}.survey-choice-layout{display:grid;grid-template-columns:minmax(92px,112px) minmax(0,1fr);gap:18px;align-items:center;max-width:100%;overflow:hidden}.survey-donut-wrap{display:grid;place-items:center}.survey-donut{position:relative;display:grid;width:104px;height:104px;place-items:center;border-radius:999px;background:var(--chart)}.survey-bars{display:grid;min-width:0;max-width:100%;gap:12px}.survey-bars-standalone{max-width:100%}.survey-bar-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:6px;color:#1f2937;font-size:12px;font-weight:500}.survey-bar-top span{display:inline-flex;min-width:0;align-items:center;gap:8px;line-height:1.35;overflow-wrap:anywhere}.survey-bar-top i{width:10px;height:10px;flex:0 0 auto;border-radius:4px;background:var(--dot)}.survey-bar-top strong{flex:0 0 auto;color:#475569;font-size:11px;font-weight:600;white-space:nowrap}.survey-track{height:6px;overflow:hidden;max-width:100%;border-radius:4px;background:#eef2f7}.survey-fill{width:var(--width);height:100%;border-radius:4px;background:var(--fill)}.survey-vertical-chart{display:grid;grid-template-columns:repeat(auto-fit,minmax(54px,1fr));align-items:end;gap:12px;min-height:178px;max-width:100%;overflow:hidden;padding-top:4px}.survey-vertical-item{display:grid;min-width:0;justify-items:center;gap:7px;color:#475569;font-size:10px;font-weight:500;line-height:1.3;text-align:center}.survey-vertical-value{color:#334155;font-size:10px;font-weight:600;white-space:nowrap}.survey-vertical-column{display:flex;width:100%;max-width:44px;height:122px;align-items:end;justify-content:center;background:#eef2f7}.survey-vertical-fill{width:100%;height:var(--height);border-radius:4px 4px 0 0;background:var(--fill)}.survey-vertical-item span{overflow-wrap:anywhere}.survey-line-chart{display:grid;max-width:100%;overflow:hidden;gap:10px}.survey-line-chart svg{width:100%;height:150px;overflow:visible}.survey-line-chart polyline{fill:none;stroke:#111;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.survey-line-chart circle{fill:var(--point);stroke:#fff;stroke-width:2}.survey-line-labels{display:grid;grid-template-columns:repeat(auto-fit,minmax(54px,1fr));gap:8px;color:#475569;font-size:10px;font-weight:500;line-height:1.35;text-align:center}.survey-text-grid{display:grid;gap:10px}.survey-text-grid p{margin:0;color:#334155;font-size:12px;font-weight:500;line-height:1.58}.survey-number-card{display:flex;align-items:baseline;gap:12px;color:#475569;font-size:12px;font-weight:600}.survey-number-card strong{color:#111;font-size:24px;font-weight:700;line-height:1}.survey-empty{margin:0;color:#64748b;font-size:12px;font-weight:600;line-height:1.5}.survey-recommendations{display:grid;gap:12px;padding-top:8px}.survey-recommendations h2{margin:0;color:#1f2937;font-size:15px;font-weight:600;line-height:1.3}.survey-recommendations div{display:grid;gap:9px}.survey-recommendations p{margin:0;color:#334155;font-size:12px;font-weight:500;line-height:1.55}@media(min-width:768px){.note-photo-track img{width:78px;height:78px}}@media(max-width:640px){.survey-choice-layout{grid-template-columns:1fr}.survey-bar-top{display:grid}.survey-bar-top strong{white-space:normal}}