.compact-ui { --ink:#203c2c; --muted:#465e3e; --line:#cbd5bf; --accent:#557240; }
.compact-ui .hero h1 em,.compact-ui h2 em,.compact-ui .welcome-title em { color:#55723f; }
.compact-ui .brand-name-expanded,.compact-ui .footer-brand-label { color:#426137; }
.compact-ui .intro-strip { background:#e5ebda; border-color:#c2d0b5; }
.compact-ui .intro-strip .wrap>span { color:#34532d; font-weight:600; }
.compact-ui .intro-strip p { color:#48623e; }
.compact-ui .intro-strip .wrap { gap:24px; }
.compact-ui .community-section { background:#e4ecd8; border-color:#bdcdae; }
.compact-ui .community-intro { max-width:440px; }
.compact-ui .community-intro>p { color:#405b36; font-size:calc(14px * var(--type-scale,1)); line-height:1.8; }
.compact-ui .community-intro-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px 24px; }
.compact-ui .my-reflections-link { color:#49653c; }
.compact-ui .community-toolbar { align-items:flex-start; gap:18px; }
.compact-ui .community-filters { flex:1; min-width:0; }
.compact-ui .wall-refresh { display:inline-flex; align-items:center; justify-content:center; gap:8px; width:auto; min-width:124px; height:auto; min-height:44px; padding:9px 13px; margin-top:0; border-radius:7px; background:#f8faf2; border-color:#aec39a; color:#36552d; }
.compact-ui .wall-refresh svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; flex:none; }
.compact-ui .wall-refresh .refresh-label { font-size:calc(12px * var(--type-scale,1)); line-height:1.4; animation:none; }
.compact-ui .wall-refresh.is-loading svg { animation:refresh-turn 1.2s linear infinite; }
.compact-ui .wall-refresh:disabled { cursor:wait; opacity:.7; }
.compact-ui .community-count { margin:14px 0 19px; color:#456138; }
.compact-ui .wall-filter[aria-pressed=false] { color:#405b34; border-color:#c1ceb3; }
.compact-ui .wall-filter[aria-pressed=true] { background:#2f512b; border-color:#2f512b; }
.compact-ui .community-bottom-note { color:#405d35; line-height:1.7; align-items:flex-start; max-width:80ch; }
.compact-ui .community-bottom-note>span { color:#638047; }
.compact-ui .tools-intro>p:not(.eyebrow),.compact-ui .tool-row-text>span,.compact-ui .side-note { color:#4a613f; }
.compact-ui .reflection-fields label>span,.compact-ui .tool-fields label>span,.compact-ui .reflection-footnote,.compact-ui .share-consent small { color:#49643f; }
.compact-ui .map-viewport { border-color:#bdcfb0; }
.compact-ui .dialog-header { gap:13px; }
.compact-ui .dialog-back { display:inline-flex; align-items:center; gap:7px; padding:8px 11px; min-height:40px; border:1px solid #b9caae; background:#f7f9ef; border-radius:5px; color:#36562e; font-size:calc(12px * var(--type-scale,1)); flex:none; }
.compact-ui .dialog-back svg { width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:1.5; }
.compact-ui #dialog-location { flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.compact-ui .about-source-link { margin-bottom:10px; color:#3e6132; }
.compact-ui .original-reflection { border-top:1px solid #d5dfc7; margin-top:17px; padding-top:12px; }
.compact-ui .original-reflection summary { color:#46613b; font-size:calc(12px * var(--type-scale,1)); cursor:pointer; }
.compact-ui .original-reflection .shared-answer { margin-top:15px; }
.compact-ui .original-reflection .shared-response { font-family:var(--sans); font-size:calc(14px * var(--type-scale,1)); }
@media(max-width:600px) {
  .compact-ui .community-toolbar { flex-wrap:wrap; }
  .compact-ui .community-filters { flex-basis:100%; }
  .compact-ui .wall-refresh { margin-left:auto; }
  .compact-ui .dialog-header { padding-inline:13px; gap:9px; }
  .compact-ui .dialog-back { padding-inline:9px; }
  .compact-ui .intro-strip .wrap { display:block; }
}
@media(prefers-reduced-motion:reduce) { .compact-ui .wall-refresh.is-loading svg { animation:none; } }