@layer components{.announcement{display:grid;grid-template-columns:3px 1fr;gap:var(--space-md);align-items:stretch;padding:var(--space-md) var(--space-lg) var(--space-md) var(--space-sm);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:transform var(--motion-fast) var(--easing-standard),box-shadow var(--motion-fast) var(--easing-standard),border-color var(--motion-fast) var(--easing-standard)}@media(hover:hover)and (pointer:fine){.announcement:hover{transform:translateY(-1px);border-color:var(--color-border-strong);box-shadow:0 4px 14px -8px #0a17212e}}.announcement__rail{background:var(--cem-gold);border-radius:var(--radius-sm);align-self:stretch}.announcement[data-variant=read] .announcement__rail{background:var(--color-border)}.announcement[data-variant=read]{background:var(--color-bg)}.announcement[data-variant=read] .announcement__title,.announcement[data-variant=read] .announcement__detail{color:var(--color-text-muted)}.announcement__body{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.announcement__time{font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);letter-spacing:.14em;text-transform:uppercase;color:var(--cem-gold);font-variant-numeric:tabular-nums lining-nums}.announcement__title{margin:0;font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);line-height:var(--line-height-snug);letter-spacing:-.005em;color:var(--color-text)}.announcement__detail{margin:var(--space-xxs) 0 0;font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text);white-space:pre-line;overflow-wrap:anywhere}.announcement .audience-chips{margin-top:var(--space-xxs)}.announcement[data-personal]{background:color-mix(in srgb,var(--cem-gold) 8%,var(--color-bg-elevated));border-color:color-mix(in srgb,var(--cem-gold) 30%,var(--color-border))}.announcement[data-personal] .announcement__rail{background:var(--cem-gold)}}@layer components{.filters{margin-bottom:var(--space-lg);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md)}.filters__summary{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);color:var(--color-text);cursor:pointer;list-style:none}.filters__summary::-webkit-details-marker{display:none}.filters__summary:hover{color:var(--color-text)}.filters__summary-active{font-weight:var(--font-weight-regular);color:var(--color-text-muted)}.filters__summary-chevron{margin-left:auto;width:.5rem;height:.5rem;border-right:2px solid var(--color-text-muted);border-bottom:2px solid var(--color-text-muted);transform:translateY(-2px) rotate(45deg);transition:transform var(--motion-fast) var(--easing-standard)}.filters[open] .filters__summary-chevron{transform:translateY(2px) rotate(-135deg)}.filters__body{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-md);padding:0 var(--space-md) var(--space-md)}.filters:not([open]) .filters__body{display:none}.filters__hint{flex-basis:100%;margin:0;font-size:var(--font-size-small);line-height:var(--line-height-body);color:var(--color-text-muted)}.filters__axes{display:flex;flex-wrap:wrap;gap:var(--space-md);flex:1;transition:opacity var(--motion-fast) var(--easing-standard)}.filters__axes[data-inert]{opacity:.5}.filters__field{display:flex;flex-direction:column;gap:var(--space-xxs);min-width:12rem}.filters__label{font-size:var(--font-size-small);font-weight:var(--font-weight-bold);color:var(--color-text-muted)}.filters__select-wrap{position:relative}.filters__select-wrap:after{content:"";position:absolute;right:var(--space-md);top:50%;width:.5rem;height:.5rem;border-right:2px solid var(--color-text-muted);border-bottom:2px solid var(--color-text-muted);transform:translateY(-65%) rotate(45deg);pointer-events:none}.filters__select{width:100%;padding:var(--space-xs) var(--space-xl) var(--space-xs) var(--space-md);font:inherit;font-size:var(--font-size-body);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;appearance:none;transition:border-color var(--motion-fast)}.filters__select:hover:not(:disabled){border-color:var(--color-border-strong)}.filters__select:disabled{cursor:default}.filters__showall{display:inline-flex;align-items:center;gap:var(--space-xs);padding-bottom:var(--space-xs);cursor:pointer}.filters__showall-label{font-size:var(--font-size-small);font-weight:var(--font-weight-bold);color:var(--color-text)}}@layer components{.feed__top-sentinel{height:0;scroll-margin-top:var(--header-height)}.feed__list{display:flex;flex-direction:column;gap:var(--space-md);list-style:none;margin:0;padding:0}.feed__new-pill{position:fixed;top:calc(var(--header-height) + var(--space-sm));left:50%;transform:translate(-50%);z-index:40;display:inline-flex;align-items:center;gap:var(--space-xxs);padding:var(--space-xs) var(--space-md);background:var(--cem-gold);color:var(--cem-charcoal);border:0;border-radius:var(--radius-pill);font:inherit;font-size:var(--font-size-small);font-weight:var(--font-weight-bold);cursor:pointer;box-shadow:0 4px 16px -4px #0a172173;animation:feed-pill-in .24s var(--easing-standard)}.feed__new-pill:hover{filter:brightness(1.06)}@keyframes feed-pill-in{0%{opacity:0;transform:translate(-50%,-.5rem)}to{opacity:1;transform:translate(-50%)}}.feed__item{margin:0}.feed__item[data-new=true]{border-radius:var(--radius-md);animation:feed-arrive 2.2s var(--easing-standard)}@keyframes feed-arrive{0%,16%{box-shadow:0 0 0 2px var(--cem-gold),0 0 22px -2px color-mix(in oklab,var(--cem-gold) 55%,transparent)}40%{box-shadow:0 0 0 1px color-mix(in oklab,var(--cem-gold) 35%,transparent),0 0 10px -3px color-mix(in oklab,var(--cem-gold) 18%,transparent)}62%{box-shadow:0 0 0 2px var(--cem-gold),0 0 22px -2px color-mix(in oklab,var(--cem-gold) 55%,transparent)}to{box-shadow:0 0 0 0 transparent}}.feed__empty,.feed__notice{text-align:center;color:var(--color-text-muted);padding-block:var(--space-xl)}.feed__offline{margin:0 0 var(--space-md);padding:var(--space-sm) var(--space-md);background:color-mix(in oklab,var(--cem-gold) 12%,transparent);border-radius:var(--radius-sm);font-size:var(--font-size-small);color:var(--color-text-muted);text-align:center}.feed__syncing{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);margin:0 0 var(--space-md);padding:var(--space-sm) var(--space-md);background:color-mix(in oklab,var(--cem-gold) 12%,transparent);border-radius:var(--radius-sm);font-size:var(--font-size-small);color:var(--color-text-muted)}.feed__syncing-dot{width:.8em;height:.8em;flex-shrink:0;border:2px solid color-mix(in oklab,var(--cem-gold) 35%,transparent);border-top-color:var(--cem-gold);border-radius:var(--radius-pill);animation:feed-sync-spin .7s linear infinite}@keyframes feed-sync-spin{to{transform:rotate(360deg)}}.feed__skeleton{display:flex;flex-direction:column;gap:var(--space-md)}.feed__skeleton-card{height:6.5rem;border-radius:var(--radius-md);background:var(--color-bg-elevated);border:1px solid var(--color-border);position:relative;overflow:hidden}.feed__skeleton-card:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--color-text) 6%,transparent),transparent);animation:feed-shimmer 1.4s ease-in-out infinite}@keyframes feed-shimmer{to{transform:translate(100%)}}}