MichaelDi 8000 mmitt · Oct 8, 2026 · Oct 9, 2026 · Oct 9, 2026 · Oct 9, 2026 · Oct 9, 2026
diff --git a/assets/css/app.css b/assets/css/app.css
@@ -3223,6 +3223,72 @@ body .cal-toolbar {
 
 body .cal-scope { margin-bottom: 16px; }
 
+/* One quiet line under the chips saying what the Nearby scope is showing
+   and where to go for more. Only Nearby needs it: RSVPs and Groups are
+   self-explanatory from the chip alone. */
+body .cal-scope-note {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  gap: 4px 8px;
+  margin: -6px 0 16px;
+  color: var(--muted);
+  font-size: 13px;
+  line-height: 1.5;
+}
+
+body .cal-scope-note strong { color: var(--text); font-weight: 600; }
+
+body .cal-scope-note-link {
+  display: inline-flex;
+  align-items: center;
+  gap: 3px;
+  color: var(--accent-ink);
+  font-weight: 600;
+  text-decoration: none;
+  transition: opacity 120ms ease;
+}
+
+body .cal-scope-note-link:hover { opacity: 0.75; }
+
+body .cal-scope-note-link:focus-visible {
+  outline: 2px solid var(--accent);
+  outline-offset: 2px;
+  border-radius: var(--radius-sm);
+}
+
+/* Placeholder rows while the Nearby search is out: the agenda's own
+   shape, so nothing moves when the real rows replace them. Held back by
+   the same delay the card skeletons use, so a fast search never flashes. */
+body .cal-agenda-skeleton { animation: skeleton-in 120ms ease 250ms both; }
+body .cal-agenda-entry.is-skeleton {
+  display: grid;
+  grid-template-columns: 128px minmax(0, 1fr) auto;
+  gap: 16px;
+  align-items: center;
+  padding: 12px 20px 12px 16px;
+  pointer-events: none;
+}
+
+body .cal-agenda-entry.is-skeleton .cal-agenda-body {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+body .cal-agenda-skeleton .skel-weekday { width: 28px; }
+body .cal-agenda-skeleton .skel-daynum { width: 36px; height: 24px; margin-top: 6px; }
+body .cal-agenda-skeleton .skel-clock { width: 64px; }
+body .cal-agenda-skeleton .skel-place { width: 46%; }
+body .cal-agenda-skeleton .skel-wide { width: 72%; }
+body .cal-agenda-skeleton .skel-mid { width: 54%; }
+body .cal-agenda-skeleton .skel-narrow { width: 63%; }
+
+@media (prefers-reduced-motion: reduce) {
+  body .cal-agenda-skeleton { animation: none; }
+  body .cal-scope-note-link { transition: none; }
+}
+
 body .cal-nav { display: flex; gap: 4px; }
 
 body .cal-nav-btn {
@@ -8001,3 +8067,115 @@ body .photo-delete-preview figcaption { overflow-wrap: anywhere; }
   body .huddl-create-actions > :first-child { grid-column: 1 / -1; }
   body .huddl-create-actions > * { min-height: 44px; justify-content: center; }
 }
+
+/* Profile → Agenda: which filter the agenda opens on. Two cards, side by
+   side on wide screens and stacked on phones. The visible radio dot is
+   decorative; the real input is visually hidden but focusable. */
+body .agenda-landing-choices {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 12px;
+  min-width: 0;
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+
+body .agenda-landing-choices legend {
+  margin-bottom: 8px;
+  padding: 0;
+  grid-column: 1 / -1;
+}
+
+@media (max-width: 760px) {
+  body .agenda-landing-choices { grid-template-columns: 1fr; }
+}
+
+body .agenda-landing-option {
+  position: relative;
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+  padding: 14px;
+  border: 1px solid var(--line);
+  border-radius: var(--radius-sm);
+  background: var(--panel-2);
+  cursor: pointer;
+  transition: border-color 120ms ease, background 120ms ease, transform 120ms ease;
+}
+
+body .agenda-landing-option:hover {
+  border-color: var(--line-strong);
+  transform: translateY(-1px);
+}
+
+body .agenda-landing-option.is-active {
+  border-color: var(--accent);
+  background: var(--accent-soft);
+}
+
+body .agenda-landing-option:has(.choice-control-input:focus-visible) {
+  border-color: var(--accent);
+  outline: 2px solid var(--accent);
+  outline-offset: 3px;
+}
+
+body .agenda-landing-icon {
+  flex: 0 0 auto;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 36px;
+  height: 36px;
+  border: 1px solid var(--line);
+  border-radius: var(--radius-sm);
+  background: var(--panel);
+  color: var(--muted);
+  transition: border-color 120ms ease, color 120ms ease;
+}
+
+body .agenda-landing-option.is-active .agenda-landing-icon {
+  border-color: var(--accent);
+  color: var(--accent-ink);
+}
+
+body .agenda-landing-copy {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+}
+
+body .agenda-landing-title { font-size: 14px; font-weight: 700; color: var(--text); }
+body .agenda-landing-desc { font-size: 12px; line-height: 1.45; color: var(--muted); }
+
+body .agenda-landing-radio {
+  flex: 0 0 auto;
+  width: 18px;
+  height: 18px;
+  margin-top: 1px;
+  margin-left: auto;
+  border: 2px solid var(--line-strong);
+  border-radius: 50%;
+  background: var(--panel);
+  transition: border-color 120ms ease, box-shadow 120ms ease, backgro
7AAD
und 120ms ease;
+}
+
+body .agenda-landing-option.is-active .agenda-landing-radio {
+  border-color: var(--accent);
+  box-shadow: inset 0 0 0 4px var(--panel);
+  background: var(--accent);
+}
+
+body .agenda-landing-saved {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  color: var(--accent-ink);
+  font-weight: 600;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  body .agenda-landing-option { transition: none; }
+  body .agenda-landing-option:hover { transform: none; }
+}