.feed-page{--feed-link-ink: color-mix(in srgb, var(--color-primary) 35%, var(--color-base-content));max-width:52rem;color:var(--color-base-content)}.feed-page [hidden],.profile-feed [hidden]{display:none!important}.feed-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}#main-content .feed-header h1{font-size:1.5rem!important;margin:0 0 4px}.feed-header p,.feed-status p,.feed-settings p{margin:0;line-height:1.5}.feed-feedback:not(:empty){margin-top:24px}.feed-around{margin:8px 0 4px}.feed-around .feed-notice{margin-bottom:12px}.feed-share-moments{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px 24px;padding:16px;border:1px solid var(--color-item-border);border-radius:12px;background:color-mix(in srgb,var(--color-primary) 6%,var(--color-base-100))}#main-content .feed-share-moments h2{margin:0 0 4px;font-size:1.1rem}.feed-share-copy p{margin:0;font-size:.9rem;line-height:1.5}.feed-share-list{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0;padding:0;list-style:none}.feed-share-list li{padding:2px 10px;border:1px solid var(--color-item-border);border-radius:999px;background:var(--color-base-100);font-size:.85rem;font-weight:600}.feed-share-action{display:flex;flex-direction:column;align-items:stretch;gap:8px}.feed-share-reward{display:flex;align-items:center;gap:8px;margin:0;font-size:.85rem}.feed-share-reward img{flex-shrink:0}@media(max-width:600px){.feed-share-moments{grid-template-columns:minmax(0,1fr)}}.feed-around-note{margin-top:12px}.feed-tools{display:flex;flex-wrap:wrap;gap:0 24px;margin-bottom:8px;border-bottom:1px solid var(--color-item-border)}.feed-tools>details[open]{flex-basis:100%;order:1}.feed-tools>details{min-width:0}.feed-status{padding:8px 0 16px}.feed-status>label{display:block;font-weight:600;margin-bottom:8px}.feed-status-controls{display:flex;gap:8px}.feed-status input[type=text]{flex:1;min-width:0}.feed-status p{font-size:.85rem;margin-top:8px;max-width:65ch}.feed-page input[type=text],.feed-controls select{min-height:44px;border:1px solid var(--color-item-border);border-radius:4px;padding:8px 12px;background:var(--color-base-100);color:var(--color-base-content);font:inherit;caret-color:var(--color-base-content)}.feed-page .btn-primary,.feed-page .btn-ghost,.feed-page summary,.profile-feed .feed-tab,.profile-feed .feed-more-btn,.profile-feed .feed-retry{min-height:44px}.feed-page :is(a,button,input,select,summary):focus-visible,.profile-feed :is(a,button):focus-visible{outline:2px solid var(--color-base-content);outline-offset:3px}.feed-sharing{margin:0}.feed-page summary{display:list-item;align-content:center;cursor:pointer;padding:10px 0;font-weight:600}.feed-tools summary{font-size:.9rem}.feed-settings{padding:8px 0 16px}.feed-settings h2{margin:0 0 8px;font-size:1.15rem}.feed-settings p{max-width:65ch;font-size:.85rem}.feed-settings p+p{margin-top:8px}.feed-sharing-choices{width:100%;table-layout:fixed;border-collapse:collapse;margin:16px 0;font-size:.85rem}.feed-sharing-choices caption{text-align:left;margin-bottom:8px;color:var(--color-base-content)}.feed-sharing-choices th,.feed-sharing-choices td{padding:0 8px;border-bottom:1px solid var(--color-item-border);vertical-align:middle;text-align:center}.feed-sharing-choices th:first-child{width:40%;padding-left:12px;text-align:left}.feed-sharing-choices thead th{padding-block:12px;background:color-mix(in srgb,var(--color-primary) 4%,var(--color-base-200));font-weight:600;line-height:1.3}.feed-sharing-choices tbody th{font-weight:600;line-height:1.4}.feed-sharing-choices tbody tr:focus-within{background:color-mix(in srgb,var(--color-primary) 6%,var(--color-base-100))}.feed-sharing-cell{display:flex;align-items:center;justify-content:center;min-height:48px;cursor:pointer}.feed-sharing-cell--unavailable{cursor:default}.feed-sharing-cell--unavailable input[type=checkbox]{display:none}.feed-settings-actions{margin-top:16px}.feed-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.feed-settings-grid label,.feed-conflict-review{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer}.feed-page input[type=checkbox]{accent-color:var(--color-primary);width:18px;height:18px;flex-shrink:0}.feed-conflict-review{margin-bottom:12px}.feed-current-settings,.feed-notice{padding:12px 16px;border:1px solid var(--color-item-border);border-radius:8px;background:color-mix(in srgb,var(--color-primary) 6%,var(--color-base-200));color:var(--color-base-content);line-height:1.5}.feed-current-settings{margin-top:16px}.feed-current-settings h2{font-size:1rem;margin:0 0 8px}.feed-current-settings ul{margin:0;padding-left:20px}.feed-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:8px 0}.feed-controls label{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600}.feed-controls select{max-width:14rem}.feed-page--enhanced .feed-apply{display:none}#feed-clear-filters{border-color:transparent}.feed-settings-grid{display:flex;flex-wrap:wrap;gap:4px 20px;margin-bottom:12px}.feed-timeline{display:flex;flex-direction:column}.feed-item{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:12px;padding:16px 0;color:var(--color-base-content)}.feed-item+.feed-item{border-top:1px solid var(--color-item-border)}.feed-item--around{margin-block:8px;padding-inline:12px;border-radius:12px;background:color-mix(in srgb,var(--color-primary) 6%,var(--color-base-100))}.feed-item+.feed-item--around,.feed-item--around+.feed-item{border-top-color:transparent}.feed-stamp{display:inline-flex;align-items:center;gap:6px;margin:0 0 6px;padding:2px 8px;border:1px solid color-mix(in srgb,var(--color-primary) 45%,var(--color-base-100));border-radius:4px;color:color-mix(in srgb,var(--color-primary) 55%,var(--color-base-content));font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;rotate:-2deg}.feed-stamp .sb-icon{width:1em;height:1em}.feed-item--moment{padding-block:16px}.feed-avatar{width:40px;height:40px;line-height:0}.feed-avatar img{max-width:40px;max-height:40px}.feed-body{min-width:0}.feed-text{line-height:1.5;overflow-wrap:anywhere;font-size:1rem}#content .feed-page :is(.feed-text a:not(.nameplate),.feed-also a:not(.nameplate),a.feed-preview,.btn-ghost){color:var(--feed-link-ink)}.profile-feed .feed-text a:link,.profile-feed .feed-text a:visited{color:var(--color-base-content)}.feed-text img{max-width:64px;max-height:64px;object-fit:contain;vertical-align:middle}.feed-preview{display:flex;align-items:center;gap:12px;width:fit-content;max-width:100%;padding:12px;margin-top:8px;border:1px solid var(--color-item-border);border-radius:8px;background:color-mix(in srgb,var(--color-primary) 4%,var(--color-base-200));text-decoration:none}.feed-preview:hover{border-color:var(--color-primary)}.feed-preview img{width:auto;height:auto;max-width:128px;max-height:160px;object-fit:contain}.feed-preview span{overflow-wrap:anywhere;font-weight:600;font-size:.85rem}.feed-preview--achievement img,.feed-preview--item img{max-width:64px;max-height:64px}.feed-also{margin:4px 0 0;padding:0;list-style:none;font-size:.9rem;line-height:1.5}.feed-also li{padding-left:12px;border-left:1px solid var(--color-item-border)}.feed-text p,.feed-text br+i{display:-webkit-box;margin:4px 0 0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;font-size:.9rem;font-style:normal;color:color-mix(in srgb,var(--color-base-content) 82%,var(--color-base-100))}.feed-text br:has(+i){display:none}.feed-look-strip{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0 4px;padding:0;list-style:none}.feed-look{display:block;padding:6px;border:1px solid var(--color-item-border);border-radius:4px;background:var(--color-base-100);line-height:0;rotate:-1.5deg;transition:rotate .2s ease-out,translate .2s ease-out,border-color .2s ease-out}.feed-look-strip li:nth-child(2n) .feed-look{rotate:1.25deg}.feed-look-strip li:nth-child(3n) .feed-look{rotate:-.5deg}.feed-look-strip .feed-look:is(:hover,:focus-visible){rotate:0deg;translate:0 -2px;border-color:var(--color-primary)}.feed-look img{height:132px;width:auto;border-radius:2px}@media(prefers-reduced-motion:reduce){.feed-look{transition:none}}.feed-also .feed-time{margin-left:4px}.feed-own-note{font-size:.85rem;color:color-mix(in srgb,var(--color-base-content) 80%,var(--color-base-100))}.feed-item-art{padding:8px;line-height:0}.feed-item-art img{max-width:64px;max-height:64px}.feed-meta{display:flex;align-items:center;flex-wrap:wrap;gap:0 12px;margin-top:4px;min-height:28px}.feed-time{font-size:.85rem;color:color-mix(in srgb,var(--color-base-content) 80%,var(--color-base-100));font-variant-numeric:tabular-nums}.feed-reactions reaction-bar{margin-top:0;padding-bottom:0;justify-content:flex-start;min-height:0}.feed-page .feed-reactions .reaction-add-btn{width:auto;height:44px;gap:6px;padding:4px 8px;border:0;border-radius:4px;background:transparent;box-shadow:none;color:var(--color-base-content);font-size:.85rem;opacity:1;transform:none;transition:background .15s ease}.feed-page .feed-reactions .reaction-add-btn:after{display:none}.feed-page .feed-reactions .reaction-add-btn:hover,.feed-page .feed-reactions .reaction-add-btn[aria-expanded=true]{background:color-mix(in srgb,var(--color-primary) 8%,var(--color-base-200))}.feed-page .feed-reactions .reaction-add-btn svg{width:16px;height:16px}.feed-page .reaction-add-label{display:inline}.feed-page .reaction-picker{box-shadow:none;max-width:min(320px,calc(100vw - 112px));min-width:min(200px,calc(100vw - 112px))}.feed-date-divider{position:relative;margin:32px 0 0;padding:8px 0;font-size:.85rem;font-weight:700;letter-spacing:.02em;color:var(--color-base-content)}.feed-date-divider:before{content:"";position:absolute;inset:auto 0 0;height:1px;background:var(--color-item-border)}.feed-date-divider span{position:relative;display:inline-block;padding:4px 12px;border:1px solid var(--color-item-border);border-radius:8px 8px 0 0;border-bottom-color:var(--color-content-area, var(--color-base-100));margin-bottom:-8px;background:color-mix(in srgb,var(--color-primary) 10%,var(--color-base-200))}.feed-date-divider:first-child{margin-top:8px}.feed-empty{padding:24px 0;max-width:55ch;line-height:1.5;color:var(--color-base-content)}.feed-load-more,.feed-ending{text-align:center;margin:0;padding:24px 0 8px}.feed-ending{font-size:.85rem}.feed-item--compact{gap:8px;padding-block:12px}.feed-item--compact:not(:has(>.feed-avatar)){display:block}.feed-item--compact .feed-text{font-size:.85rem}.feed-item--compact .feed-preview{padding:8px;gap:8px}.feed-item--compact .feed-preview img{max-width:80px;max-height:100px}.feed-item--compact .feed-preview--achievement img,.feed-item--compact .feed-preview--item img{max-width:64px;max-height:64px}.profile-feed-tabs{display:flex;gap:8px;margin-bottom:8px}.profile-feed .feed-tab{border:1px solid var(--color-item-border);border-radius:4px;background:var(--color-base-200);color:var(--color-base-content);padding:8px 12px;cursor:pointer}.profile-feed .feed-tab[aria-pressed=true]{border-color:var(--color-primary);font-weight:700;text-decoration:underline;text-underline-offset:4px}@media(max-width:600px){body:has(.feed-page) #postcards{max-width:calc(100vw - 75px)}body:not(.member-shell):has(.feed-page) #sidebar{display:none}body:not(.member-shell):has(.feed-page) #content{margin-left:0!important}body:not(.member-shell):has(.feed-page) #page{width:calc(100% - 40px)}.feed-header{gap:8px}.feed-status-controls{flex-wrap:wrap}.feed-status-controls input{flex-basis:100%}.feed-item{grid-template-columns:36px minmax(0,1fr);gap:8px 12px}.feed-avatar,.feed-avatar img{width:36px;max-width:36px;height:36px;max-height:36px}.feed-tools{gap:0 16px}.feed-sharing-choices th,.feed-sharing-choices td{padding-inline:4px}.feed-sharing-choices th:first-child{width:34%;padding-left:4px}.feed-sharing-choices thead th{font-size:.75rem;overflow-wrap:anywhere}.feed-controls label{min-width:100px}.feed-preview{padding:8px;gap:8px;flex-wrap:wrap}.feed-preview img{max-width:120px;max-height:160px}}.profile-feed .feed-item{grid-template-columns:40px minmax(0,1fr)}.feed-privacy{display:grid;gap:4px;border-bottom:1px solid var(--color-item-border)}.feed-privacy label{display:flex;align-items:center;gap:8px;min-height:44px;font-weight:600;cursor:pointer}.feed-privacy .feed-privacy-help{margin:-8px 0 4px 26px;font-size:.85rem;color:color-mix(in srgb,var(--color-base-content) 75%,var(--color-base-100))}.feed-privacy .btn-ghost{justify-self:start;margin-top:4px}
