html body #app.sentiment-mode #discovery-tray{left:12px!important;right:auto!important;top:auto!important;bottom:32px!important;width:390px!important;max-width:calc(100% - 24px)!important;max-height:calc(100% - 120px)!important;overflow:auto!important}
html body #app.sentiment-mode #map{right:0!important}
html body #app.sentiment-mode .mapboxgl-marker{visibility:hidden!important;pointer-events:none!important}
html body #app.sentiment-mode :is(aside,.hud-bottom,.hud-search,.map-control-dock,.ward-tour-resume){display:none!important}
html body #app.sentiment-mode .map-step{padding:14px!important;background:#fffaf0;color:#254b40;border-radius:18px}
html body #app.sentiment-mode .map-step-options{display:none}
html body #app.sentiment-mode .map-step h2{font-size:19px;margin:0 0 10px}
#community-sentiment{font:14px/1.4 system-ui;color:#254b40}
#community-sentiment h3{font-size:21px;line-height:1.25;margin:16px 0 4px}
#community-sentiment .sentiment-label{display:block;font-weight:650;margin:12px 0 6px}
#community-sentiment select{box-sizing:border-box;width:100%;min-height:44px;border:1px solid #acbdb0;border-radius:10px;padding:8px;background:#f6f4e8;color:#254b40;font:inherit}
html body #app #community-sentiment button{min-height:44px;padding:9px!important;border:1px solid #b5c4b5;border-radius:11px;background:#f5f4e9;color:#254b40;font:600 14px/1.3 system-ui;cursor:pointer;white-space:normal}
html body #app #community-sentiment button[aria-pressed=true]{background:#d4e5d0;border-color:#48765f;box-shadow:inset 0 0 0 1px #48765f}
html body #app #community-sentiment button:disabled{opacity:.55;cursor:default}
#community-sentiment :focus-visible{outline:3px solid #a77829;outline-offset:2px}
.sentiment-tabs,.sentiment-actions,.sentiment-footer{display:flex;gap:8px;margin-top:12px}
.sentiment-tabs button,.sentiment-actions button{flex:1}
.sentiment-options{display:grid;grid-template-columns:repeat(var(--choices),minmax(0,1fr));gap:5px;margin:14px 0}
html body #app #community-sentiment .sentiment-options button{padding:10px 2px!important;display:flex;flex-direction:column;align-items:center;gap:8px;justify-content:flex-start}
.sentiment-options button>span{font-size:31px;line-height:1.2}.sentiment-options small{font-size:12px;line-height:1.2;overflow-wrap:anywhere}
html body #app #community-sentiment .sentiment-note,html body #app #community-sentiment .sentiment-period{font-size:13px!important;color:#59695c;line-height:1.45;margin:6px 0}
.sentiment-regions{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.sentiment-regions button{flex:1;min-width:54px}
.sentiment-chart{display:grid;gap:7px}.sentiment-bar{display:grid;grid-template-columns:1fr auto;text-align:left;gap:6px}
.sentiment-bar small{font-weight:400}.sentiment-bar i{grid-column:1/-1;display:block;height:6px;border-radius:5px;background:linear-gradient(to right,var(--answer-color) var(--share),#dfe4d8 var(--share))}
.sentiment-count{font-weight:600}.sentiment-empty{padding:14px;background:#eeefe3;border-radius:12px}
.sentiment-legend{margin:14px 0;font-size:13px}.sentiment-legend>span{display:flex;gap:10px;align-items:center;margin-top:6px}.sentiment-legend i{flex:1;height:8px;border-radius:5px;background:linear-gradient(90deg,#e0e5db,var(--answer-color))}
.sentiment-status{min-height:1em;font-weight:600}.sentiment-footer{justify-content:space-between}
@media(max-width:700px){html body #app.sentiment-mode #discovery-tray{left:10px!important;right:10px!important;width:auto!important;bottom:calc(26px + env(safe-area-inset-bottom,0px))!important;max-height:48%!important;max-width:none!important}.sentiment-mode .map-step-back{margin:0 0 3px!important;min-height:36px!important}}
