.feed-page{width:100%;max-width:1440px;margin:0 auto;padding:28px 46px 56px;box-sizing:border-box}.feed-chips{display:flex;gap:20px;overflow-x:auto;padding-bottom:8px;margin-bottom:28px;scrollbar-width:thin;scroll-snap-type:x proximity}.feed-chips::-webkit-scrollbar{height:6px}.feed-chips::-webkit-scrollbar-thumb{background:rgba(15,23,42,.12);border-radius:999px}.feed-chip{flex:0 0 auto;width:187px;height:181px;border:0;border-radius:20px;padding:0;cursor:pointer;overflow:hidden;background:none;scroll-snap-align:start;box-shadow:0 8px 20px rgba(15,23,42,.06);transition:transform .16s ease,box-shadow .16s ease}.feed-chip:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(15,23,42,.12)}.feed-chip--active{outline:3px solid var(--oxly-teal,#47b8a4);outline-offset:-3px}.feed-chip img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.feed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 24px}@media (max-width:1080px){.feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.feed-page{padding:20px 18px 40px}.feed-grid{grid-template-columns:minmax(0,1fr)}}.feed-cell{min-width:0;display:flex;flex-direction:column}.feed-cell--open{grid-column:span 2;display:block;position:relative}.feed-cell--open>.feed-card{width:calc(50% - 12px)}.feed-cell--open>.feed-comments{position:absolute;top:0;right:0;bottom:0;width:calc(50% - 12px)}@media (max-width:720px){.feed-cell--open{grid-column:auto;display:flex;flex-direction:column;gap:16px}.feed-cell--open>.feed-card{width:100%}.feed-cell--open>.feed-comments{position:static;width:100%;height:380px}}.feed-comments{display:flex;flex-direction:column;min-height:0;background:#ffffff;border:1px solid rgba(15,23,42,.08);border-radius:18px;box-shadow:0 12px 32px rgba(15,23,42,.08);overflow:hidden;animation:feed-comments-in .22s cubic-bezier(.22,1,.36,1)}@media (max-width:720px){.feed-comments{min-height:360px}}@keyframes feed-comments-in{0%{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}.feed-comments__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid rgba(15,23,42,.07)}.feed-comments__heading{margin:0;font-family:var(--oxly-font-sans);font-size:15px;font-weight:700;color:#101014}.feed-comments__sub{margin:2px 0 0;font-size:12px;color:#6b7280}.feed-comments__close{display:inline-grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:#f3f4f6;color:#374151;cursor:pointer;transition:background .14s ease}.feed-comments__close:hover{background:#e5e7eb}.feed-comments__list{flex:1 1 auto;min-height:0;overflow-y:auto;padding:14px 18px;display:flex;flex-direction:column;gap:16px}.feed-comments__state{margin:auto;padding:24px 8px;text-align:center}.feed-comments__state--muted{color:#9aa1ac;font-size:13px}.feed-comments__spinner{display:inline-block;width:26px;height:26px;border-radius:50%;border:3px solid rgba(15,23,42,.12);border-top:3px solid var(--oxly-teal,#47b8a4);animation:feed-spin .8s linear infinite}.feed-comment{display:flex;gap:10px}.feed-comment__avatar{flex:0 0 34px;width:34px;height:34px;border-radius:50%;-o-object-fit:cover;object-fit:cover;display:grid;place-items:center;background:#e8eef0}.feed-comment__avatar--fallback{font-size:12px;font-weight:700;color:#1c6b5e}.feed-comment__body{min-width:0}.feed-comment__meta{margin:0;display:flex;align-items:baseline;gap:8px}.feed-comment__name{font-size:13px;font-weight:700;color:#1b1b1f}.feed-comment__time{font-size:11px;color:#9aa1ac}.feed-comment__text{margin:3px 0 0;font-size:14px;line-height:1.45;color:#2b2b2f;overflow-wrap:anywhere}.feed-comments__composer{border-top:1px solid rgba(15,23,42,.07);padding:12px 14px}.feed-comments__post-error{margin:0 0 8px;font-size:12px;color:#d92d20}.feed-comments__composer-row{display:flex;align-items:center;gap:8px}.feed-comments__input{flex:1 1 auto;min-width:0;height:40px;padding:0 14px;border:1px solid rgba(15,23,42,.14);border-radius:999px;font-size:14px;color:#101014;outline:none;transition:border-color .14s ease}.feed-comments__input:focus{border-color:var(--oxly-teal,#47b8a4)}.feed-comments__send{flex:0 0 auto;display:inline-grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:var(--oxly-teal,#47b8a4);color:#ffffff;cursor:pointer;transition:background .14s ease,opacity .14s ease}.feed-comments__send:hover:not(:disabled){background:#3aa392}.feed-comments__send:disabled{opacity:.45;cursor:default}.feed-card{display:flex;flex-direction:column;gap:12px;min-width:0}.feed-card__author{display:flex;align-items:center;gap:16px;min-width:0}.feed-card__avatar{width:46px;height:46px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0;background:#eef2f1}.feed-card__avatar--fallback{display:grid;place-items:center;font-family:var(--oxly-font-sans);font-weight:700;font-size:15px;color:#07312a;background:linear-gradient(145deg,#5eead4,#2dd4bf 55%,#14b8a6)}.feed-card__author-text{min-width:0}.feed-card__name{font-family:var(--oxly-font-sans);font-size:15px;font-weight:600;color:#0d0d0f;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px}.feed-card__meta-item{display:inline-flex;align-items:center;gap:6px;font-family:var(--oxly-font-sans);font-size:12px;color:#1e1e22;white-space:nowrap}.feed-card__meta-item svg{color:#6b7280;flex-shrink:0}.feed-card__photo{display:block;aspect-ratio:436/478;border-radius:18px;overflow:hidden;background:#f1f3f5}.feed-card__photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .26s ease}.feed-card__photo:hover img{transform:scale(1.03)}.feed-card__actions{display:flex;align-items:center;gap:16px}.feed-card__action{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:0;cursor:pointer;color:#757575;text-decoration:none;transition:color .14s ease,transform .14s ease}.feed-card__action span{font-family:var(--oxly-font-sans);font-size:10px;font-weight:600;color:#2b2b2f}.feed-card__action:hover{color:var(--oxly-teal,#47b8a4)}.feed-card__action:active{transform:scale(.94)}.feed-card__action.is-active,.feed-card__action.is-active span{color:var(--oxly-teal,#47b8a4)}.feed-card__book{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 26px;border-radius:10px;background:#ff5e5b;color:#fefeff;font-family:var(--oxly-font-sans);font-size:15px;font-weight:700;text-decoration:none;white-space:nowrap;box-shadow:0 8px 18px rgba(255,94,91,.32);transition:filter .16s ease,transform .16s ease}.feed-card__book:hover{filter:brightness(1.04);transform:translateY(-1px)}.feed-card__service{margin:0;font-family:var(--oxly-font-sans);font-size:15px;line-height:1.4;font-weight:600;color:#1b1b1f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-card__service+.feed-card__description{margin-top:-4px}.feed-card__description{margin:0;font-family:var(--oxly-font-sans);font-size:15px;line-height:1.45;color:#1b1b1f;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.feed-card--skeleton{height:460px;border-radius:18px;background:linear-gradient(100deg,#f1f3f5 30%,#e9edf0 50%,#f1f3f5 70%);background-size:200% 100%;animation:feed-shimmer 1.3s ease-in-out infinite}@keyframes feed-shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}@media (prefers-reduced-motion:reduce){.feed-card--skeleton{animation:none}}.feed-state{display:grid;gap:10px;justify-items:center;text-align:center;padding:72px 24px;color:#4b5563}.feed-state__title{margin:0;font-family:var(--oxly-font-sans);font-size:18px;font-weight:700;color:#0d0d0f}.feed-state__body{margin:0;font-size:14px}.feed-state__retry{margin-top:8px;border:0;border-radius:10px;padding:10px 22px;background:var(--oxly-teal,#47b8a4);color:#06312a;font-weight:700;cursor:pointer}.feed-sentinel{width:100%;height:1px}.feed-more{display:flex;justify-content:center;align-items:center;gap:10px;padding:28px;color:#6b7280;font-family:var(--oxly-font-sans);font-size:14px}.feed-more__spinner{width:18px;height:18px;border:2px solid rgba(71,184,164,.3);border-top:2px solid var(--oxly-teal,#47b8a4);border-radius:50%;animation:feed-spin .8s linear infinite}@keyframes feed-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.feed-more__spinner{animation:none}}