.spark-community { --sc-bg:var(--spark-canvas,#f8f4ec); --sc-surface:var(--spark-surface,#fff); --sc-ink:var(--spark-ink,#302637); --sc-muted:var(--spark-muted,#70594c); --sc-line:var(--spark-line,#dfbea0); --sc-accent:var(--spark-action,#d84d2f); --sc-soft:var(--spark-selected,#ffe0c2); color:var(--sc-ink); background:var(--sc-bg); padding:28px; border-radius:22px; max-width:1200px; margin:0 auto; font-size:14px; line-height:1.5; }
.spark-community * { box-sizing:border-box; }
.spark-community button,.spark-community input,.spark-community textarea,.spark-community select { font:inherit; }
.spark-community button { cursor:pointer; }
.spark-community button:disabled { opacity:.5; cursor:default; }
.spark-community :focus-visible { outline:3px solid var(--sc-accent); outline-offset:3px; }
.spark-community h1 { font-size:32px; letter-spacing:-1px; line-height:1.2; margin:6px 0 10px; }
.spark-community h2 { font-size:18px; line-height:1.35; margin:8px 0 12px; }
.spark-community p { margin:0; }
.sc-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:22px; }
.sc-heading p,.sc-muted { color:var(--sc-muted); font-size:12px; line-height:1.6; }
.sc-eyebrow { display:block; font-size:10px; letter-spacing:.14em; font-weight:800; color:var(--sc-muted); }
.spark-community .sc-button { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:40px; padding:9px 15px; border:1px solid var(--sc-line); border-radius:999px; background:var(--sc-surface); color:var(--sc-ink); font-size:12px; font-weight:650; }
.spark-community .sc-button:hover:not(:disabled) { background:var(--sc-soft); }
.spark-community .sc-primary { background:var(--spark-action,#d84d2f); color:var(--spark-action-ink,#17191b); border-color:transparent; }
.spark-community .sc-primary:hover:not(:disabled) { background:color-mix(in srgb,var(--spark-action,#d84d2f) 85%,var(--sc-ink)); }
.sc-shortcuts { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 24px; }
.sc-shortcuts details { position:relative; }
.sc-shortcuts summary { padding:10px 14px; cursor:pointer; font-size:12px; }
.sc-shortcuts details > div { position:absolute; z-index:5; right:0; top:100%; display:grid; gap:6px; min-width:200px; padding:12px; border:1px solid var(--sc-line); border-radius:16px; background:var(--sc-surface); box-shadow:0 8px 24px #14282418; }
.sc-columns { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:24px; align-items:start; }
.sc-columns main,.sc-columns aside { min-width:0; }
.sc-panel { padding:22px; border:1px solid var(--sc-line); border-radius:20px; background:var(--sc-surface); margin-bottom:16px; }
.sc-person { display:flex; align-items:center; gap:12px; }
.sc-avatar { width:38px; height:38px; flex-shrink:0; display:grid; place-items:center; border-radius:50%; background:var(--sc-soft); color:var(--sc-ink); font-size:12px; font-weight:700; }
.sc-compose-open { flex:1; min-width:0; padding:13px 15px; border:0; border-radius:30px; background:var(--sc-bg); color:var(--sc-muted); text-align:left; }
.sc-composer-footer { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:16px; padding-top:14px; border-top:1px solid var(--sc-line); font-size:12px; color:var(--sc-muted); }
.sc-composer fieldset { border:0; padding:18px 0 0; margin:0; min-width:0; display:grid; gap:14px; }
.sc-composer legend { padding-top:16px; font-weight:700; }
.spark-community label { display:flex; flex-direction:column; gap:6px; font-size:12px; }
.spark-community input:not([type=checkbox]),.spark-community select,.spark-community textarea { width:100%; min-width:0; padding:10px 12px; border:1px solid var(--sc-line); border-radius:10px; background:var(--sc-surface); color:var(--sc-ink); min-height:44px; }
.spark-community textarea { min-height:88px; resize:vertical; }
.spark-community .sc-check { flex-direction:row; align-items:center; }
.sc-check input { width:18px; height:18px; }
.sc-actions { display:flex; gap:8px; justify-content:flex-end; }
.sc-feed-controls { display:flex; justify-content:space-between; gap:10px; align-items:center; margin:22px 0 16px; flex-wrap:wrap; }
.sc-filters { display:flex; gap:6px; flex-wrap:wrap; }
.spark-community .sc-filters .sc-button { border-color:transparent; background:transparent; }
.spark-community .sc-button[aria-pressed=true] { background:var(--sc-soft); border-color:var(--sc-accent); }
.sc-post-heading { display:flex; align-items:center; gap:10px; margin-bottom:16px; }
.sc-post-heading strong { font-size:13px; }
.sc-post-heading small { display:block; font-size:11px; color:var(--sc-muted); }
.sc-remove { border:0; background:transparent; color:var(--sc-muted); padding:7px; font-size:11px!important; }
.sc-post-heading > .sc-remove { margin-left:auto; }
.sc-post-copy,.sc-reply p { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.7; }
.sc-win-art { margin-top:16px; padding:20px; border-radius:14px; background:linear-gradient(125deg,var(--sc-soft),color-mix(in srgb,var(--sc-surface) 88%,var(--sc-accent))); }
.sc-shared-totals { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:14px; }
.sc-shared-totals strong { display:block; font-size:24px; overflow-wrap:anywhere; }
.sc-shared-totals span { font-size:11px; }
.sc-reactions { display:flex; flex-wrap:wrap; gap:7px; margin-top:18px; }
.sc-reactions .sc-button { min-height:34px; padding:5px 10px; }
.sc-reply-toggle { display:block; margin:14px 0 0 auto; padding:8px 0; border:0; background:transparent; color:var(--sc-muted); font-size:12px!important; }
.sc-reply { margin:12px 0; background:var(--sc-bg); padding:12px; border-radius:12px; font-size:12px; }
.sc-reply small { display:block; color:var(--sc-muted); font-size:10px; margin:2px 0 7px; }
.sc-replies form { display:grid; gap:10px; margin-top:12px; }
.sc-replies form > button { justify-self:end; }
.sc-full { width:100%; margin-top:16px; }
.sc-momentum { background:linear-gradient(140deg,var(--sc-soft),var(--sc-surface) 70%,color-mix(in srgb,var(--sc-surface) 90%,var(--sc-accent))); }
.sc-momentum .daily-actions-chart { margin:12px 0; padding:0; border:0; border-radius:0; box-shadow:none; background:transparent; }
.sc-momentum .daily-actions-chart::before { display:none; }
.sc-momentum .daily-actions-chart-heading { gap:12px; }
.sc-momentum .daily-actions-chart-heading h3,.sc-momentum .daily-actions-chart-eyebrow { display:none; }
.sc-momentum .daily-actions-chart-heading select { width:100%; }
.sc-momentum .daily-actions-chart-heading label { width:100%; }
.sc-momentum .daily-actions-chart-totals { gap:10px; margin:16px 0; }
.sc-momentum .daily-actions-chart-totals > div { padding:0; border:0; background:transparent; }
.sc-momentum .daily-actions-chart-totals strong { font-size:23px; }
.spark-community .daily-actions-chart-bar { background:linear-gradient(180deg,color-mix(in srgb,var(--sc-accent) 45%,var(--sc-surface)),color-mix(in srgb,var(--sc-accent) 65%,var(--sc-surface))); }
.spark-community .daily-actions-chart-day[data-selected] .daily-actions-chart-bar { background:linear-gradient(180deg,color-mix(in srgb,var(--sc-accent) 80%,var(--sc-surface)),var(--sc-accent)); box-shadow:none; }
.sc-momentum .daily-actions-chart-track { height:84px; }
.sc-momentum .daily-actions-chart-help { font-size:10px; }
.sc-momentum > .sc-muted { margin-top:12px; }
.sc-aside-note { padding:10px 14px; font-size:17px; font-weight:600; line-height:1.7; }
.sc-tracker { margin-bottom:24px; padding:20px; border:1px solid var(--sc-line); border-radius:20px; background:var(--sc-surface); }
.sc-tracker > button { margin-bottom:16px; }
.sc-empty { padding:35px 24px; text-align:center; }
.sc-empty > span { font-size:32px; color:var(--sc-accent); }
.sc-empty p { color:var(--sc-muted); margin-bottom:20px; }
.sc-error { padding:12px; margin:12px 0!important; background:color-mix(in srgb,var(--sc-surface) 90%,#c85644); border-radius:10px; }
.sc-notice { padding:10px 0; color:var(--sc-accent); }
.sc-load { margin:10px auto; display:flex!important; }
@media(max-width:1000px) { .sc-columns { grid-template-columns:minmax(0,1fr) 260px; gap:16px; } .spark-community { padding:20px; } .sc-panel { padding:18px; } }
@media(max-width:760px) { .sc-columns { display:flex; flex-direction:column; } .sc-columns main,.sc-columns aside { width:100%; } .sc-columns aside { order:-1; } .sc-columns aside > :not(.sc-momentum) { display:none; } .sc-momentum .daily-actions-chart { display:none; } .sc-momentum h2 { margin-bottom:0; } .sc-heading { align-items:start; flex-direction:column; gap:14px; } .spark-community h1 { font-size:27px; } }
@media(max-width:460px) { .spark-community { padding:14px; border-radius:0; } .sc-panel { padding:16px; } .sc-composer-footer { flex-wrap:wrap; } .sc-post-heading { flex-wrap:wrap; } .sc-shared-totals { grid-template-columns:repeat(2,minmax(0,1fr)); } .spark-community button { min-height:44px; } .spark-community input,.spark-community textarea { font-size:16px; } }

.spark-community .daily-actions-chart::before { background:radial-gradient(ellipse at 24% 28%,color-mix(in srgb,var(--sc-accent) 18%,transparent),transparent 45%),radial-gradient(ellipse at 78% 65%,color-mix(in srgb,var(--spark-selected,#ffe0c2) 70%,transparent),transparent 45%); }

.spark-call-reminder { position:fixed; z-index:90; bottom:18px; right:18px; max-width:440px; width:calc(100vw - 36px); color:var(--spark-ink,#202326); font-size:13px; line-height:1.5; }
.spark-call-reminder button { font:inherit; min-height:40px; padding:8px 13px; border:1px solid var(--spark-line,#ddd6ca); border-radius:12px; background:var(--spark-surface,#fffefa); color:var(--spark-ink,#202326); cursor:pointer; }
.spark-call-reminder button:disabled { opacity:.55; cursor:default; }
.spark-call-reminder .scr-launcher { display:block; margin-left:auto; border-radius:999px; box-shadow:0 4px 18px #15121e18; }
.scr-active { display:flex; gap:12px; align-items:center; padding:16px; border:2px solid var(--spark-action,#ee6039); border-radius:17px; background:var(--spark-surface,#fffefa); box-shadow:0 8px 30px #15121e22; }
.scr-active > span { font-size:24px; color:var(--spark-action,#ee6039); }
.scr-active strong { font-size:15px; }
.scr-active p { margin:4px 0; }
.scr-active small { color:var(--spark-muted,#59616b); }
.scr-settings { position:absolute; bottom:calc(100% + 10px); right:0; width:100%; max-height:calc(100dvh - 180px); overflow:auto; padding:20px; border:1px solid var(--spark-line,#ddd6ca); border-radius:18px; background:var(--spark-surface,#fffefa); box-shadow:0 12px 40px #15121e33; }
.scr-settings header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.scr-settings h2 { margin:0; font-size:18px; }
.scr-settings p { margin:12px 0; }
.scr-settings fieldset { border:0; padding:8px 0; margin:0; }
.scr-settings legend { font-weight:700; margin-bottom:8px; }
.scr-settings label { display:flex; align-items:center; gap:10px; min-height:34px; }
.scr-settings input { width:18px; height:18px; }
.scr-settings label small { margin-left:auto; color:var(--spark-muted,#59616b); }
.scr-muted { color:var(--spark-muted,#59616b); font-size:11px; }
.scr-actions { display:flex; gap:8px; flex-wrap:wrap; margin:12px 0; }
.scr-actions button:first-child { background:var(--spark-action,#ee6039); color:var(--spark-action-ink,#17191b); border-color:transparent; }
@media(max-width:600px) { .spark-call-reminder { bottom:78px; right:10px; width:calc(100vw - 20px); } .scr-active { padding:12px; gap:8px; } .scr-active > span { display:none; } .scr-settings { max-height:calc(100dvh - 245px); } }