.feed-page{max-width:640px}.feed-header{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px}.feed-header h1{font-size:1.25rem;margin:0;flex:1}.feed-controls{display:flex;gap:8px;flex-wrap:wrap}.feed-controls select{padding:4px 8px;border-radius:var(--radius-sm, 4px);border:1px solid var(--color-item-border);background:var(--color-base-100);color:var(--color-base-content);font-size:.8rem}.feed-controls button{padding:4px 12px;border-radius:var(--radius-sm, 4px);border:1px solid var(--color-item-border);background:var(--color-base-100);color:var(--color-base-content);font-size:.8rem;cursor:pointer}.feed-controls button:hover{background:var(--color-base-200)}.feed-controls a.feed-friends-link,.feed-controls a.feed-friends-link:link,.feed-controls a.feed-friends-link:visited{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-sm, 4px);border:1px solid var(--color-item-border);background:var(--color-base-100);color:var(--color-base-content);font-size:.8rem;text-decoration:none}.feed-controls a.feed-friends-link:hover{background:color-mix(in oklch,var(--color-primary) 8%,var(--color-base-200))}.feed-controls button:focus-visible{outline:2px solid color-mix(in oklch,var(--color-primary) 35%,transparent);outline-offset:2px}.feed-status{display:flex;gap:8px;margin-bottom:16px;padding:10px 12px;background:var(--color-base-200);border-radius:var(--radius-md, 8px);border:1px solid var(--color-item-border)}.feed-status input{flex:1;padding:6px 10px;border:1px solid var(--color-item-border);border-radius:var(--radius-sm, 4px);background:var(--color-base-100);color:var(--color-base-content);font-size:.85rem}.feed-status input:focus{outline:2px solid color-mix(in oklch,var(--color-primary) 25%,transparent);outline-offset:-1px;border-color:var(--color-primary)}.feed-status button{padding:6px 14px;border:none;border-radius:var(--radius-sm, 4px);background:var(--color-primary);color:var(--color-primary-content);font-size:.8rem;font-weight:700;cursor:pointer;white-space:nowrap}.feed-status button:hover{opacity:.85}.feed-timeline{display:flex;flex-direction:column}.feed-item{display:grid;grid-template-columns:44px 1fr auto;gap:8px;padding:10px 0;border-bottom:1px solid color-mix(in oklch,var(--color-primary) 12%,var(--color-base-200));align-items:start}.feed-item:last-child{border-bottom:none}.feed-avatar{width:44px;height:44px;flex-shrink:0;line-height:0}.feed-body{min-width:0}.feed-text{font-size:.85rem;line-height:1.4;word-break:break-word}.feed-text a{color:var(--color-primary)}.feed-text img{width:20px;height:20px;object-fit:contain;vertical-align:middle}.feed-time{font-size:.75rem;color:color-mix(in oklch,var(--color-primary) 15%,color-mix(in oklch,var(--color-base-content) 55%,var(--color-base-200)));white-space:nowrap;padding-top:2px}.feed-reactions{grid-column:2 / -1}.feed-reactions reaction-bar{margin-top:2px;padding-bottom:0;justify-content:flex-start}.feed-count{display:inline-flex;align-items:center;justify-content:center;padding:1px 6px;border-radius:999px;background:var(--color-primary, #6366f1);color:var(--color-primary-content, #fff);font-size:.75rem;font-weight:600;margin-left:4px;vertical-align:middle}.feed-load-more{text-align:center;padding:16px 0}.feed-load-more button{padding:8px 24px;border:1px solid var(--color-item-border);border-radius:var(--radius-sm, 4px);background:var(--color-base-100);color:var(--color-base-content);cursor:pointer;font-size:.85rem}.feed-load-more button:hover{background:color-mix(in oklch,var(--color-primary) 8%,var(--color-base-200))}.feed-load-more button:focus-visible{outline:2px solid color-mix(in oklch,var(--color-primary) 35%,transparent);outline-offset:2px}.feed-load-more button:disabled{opacity:.5;cursor:not-allowed}.feed-empty{text-align:center;padding:40px 20px;color:color-mix(in oklch,var(--color-primary) 18%,var(--color-base-content));font-size:.9rem}.feed-date-divider{margin:26px 0 6px}.feed-date-divider:first-child{margin-top:2px}.feed-date-divider span{display:inline-block;padding:3px 12px;border-radius:var(--radius-full, 9999px);background:color-mix(in oklch,var(--color-primary) 14%,var(--color-base-200));color:color-mix(in oklch,var(--color-primary) 80%,var(--color-base-content));font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.feed-date-divider--today span{background:var(--color-primary);color:var(--color-primary-content)}.feed-category-marker{display:inline-block;margin-right:4px;font-size:.65rem;color:color-mix(in oklch,var(--color-primary) 25%,var(--color-base-content));vertical-align:middle;line-height:1;-webkit-user-select:none;user-select:none}.feed-group-thumbs{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.feed-group-thumb{display:inline-flex;align-items:center}.feed-group-thumb img{width:32px;height:32px;object-fit:contain}.feed-settings{padding:12px;margin-bottom:16px;background:color-mix(in oklch,var(--color-primary) 6%,var(--color-base-200));border-radius:var(--radius-md, 8px);border:1px solid var(--color-item-border)}.feed-settings h3{font-size:.85rem;margin:0 0 8px}.feed-settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:4px}.feed-settings label{display:flex;align-items:center;gap:6px;font-size:.8rem;cursor:pointer}.feed-settings label input{accent-color:var(--color-primary, #6366f1)}.feed-skeleton{display:grid;grid-template-columns:36px 1fr 60px;gap:8px;padding:10px 0;border-bottom:1px solid color-mix(in oklch,var(--color-primary) 12%,var(--color-base-200))}.feed-skeleton>*{background:color-mix(in oklch,var(--color-primary) 8%,var(--color-base-200));border-radius:var(--radius-sm, 4px);animation:skeleton-pulse 1.5s ease infinite}.feed-skeleton>:first-child{width:36px;height:36px;border-radius:50%}.feed-skeleton>:nth-child(2){height:16px;margin-top:4px}.feed-skeleton>:nth-child(3){height:12px;margin-top:6px}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.7}}@media(prefers-reduced-motion:reduce){.feed-skeleton>*{animation:none}}