.friend-updates{padding:1rem;border:1px solid rgba(255,255,255,.56);border-radius:1rem;background:#fffffff0;box-shadow:0 1.2rem 3rem #0f172a1a;backdrop-filter:blur(14px) saturate(1.04)}.dark .friend-updates{border-color:#ffffff1a;background:#18161ded;box-shadow:none}.friend-updates-actions{display:inline-flex;flex:0 0 auto;align-items:center;gap:.5rem}.friend-updates-status,.friend-updates-refresh{flex:0 0 auto;border:1px solid color-mix(in srgb,var(--primary) 22%,transparent);border-radius:999px;background:color-mix(in srgb,var(--primary) 9%,white 91%);color:color-mix(in srgb,var(--primary) 72%,rgba(0,0,0,.72));font-size:.78rem;font-weight:700;line-height:1;padding:.45rem .7rem;white-space:nowrap}.friend-updates-refresh{cursor:pointer;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}.friend-updates-refresh:hover:not(:disabled){transform:translateY(-1px);background:color-mix(in srgb,var(--primary) 15%,white 85%);border-color:color-mix(in srgb,var(--primary) 36%,transparent)}.friend-updates-refresh:disabled{cursor:wait;opacity:.72}.dark .friend-updates-status,.dark .friend-updates-refresh{background:color-mix(in srgb,var(--primary) 18%,rgba(24,22,29,.82));color:color-mix(in srgb,var(--primary) 58%,white 42%)}.friend-updates-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.friend-update{min-width:0}.friend-update-card{position:relative;display:grid;grid-template-columns:minmax(6.25rem,34%) minmax(0,1fr);gap:1rem;min-height:11.5rem;padding:.75rem;border-radius:.75rem;overflow:hidden;background:linear-gradient(135deg,#fffffff7,#ffffffe6),var(--friend-update-image, none);background-size:cover;background-position:center;border:1px solid rgba(0,0,0,.06);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.friend-update-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fffffff0,#ffffffdb),var(--friend-update-image, none);background-size:cover;background-position:center;filter:blur(18px) saturate(1.18);transform:scale(1.12);opacity:.16;pointer-events:none}.dark .friend-update-card{background:linear-gradient(135deg,#1b181ff5,#1b181fe6),var(--friend-update-image, none);border-color:#ffffff14}.dark .friend-update-card:before{background:linear-gradient(135deg,#1b181ff0,#1b181fdb),var(--friend-update-image, none);opacity:.14}.friend-update-card:hover{transform:translateY(-2px);box-shadow:0 1rem 2.5rem #0000001a;border-color:color-mix(in srgb,var(--primary) 30%,transparent)}.friend-update-media,.friend-update-body{position:relative;z-index:1}.friend-update-media{display:block;align-self:stretch;min-height:100%;border-radius:.55rem;overflow:hidden;background:color-mix(in srgb,var(--primary) 12%,var(--btn-regular-bg));box-shadow:inset 0 0 0 1px #ffffff57}.friend-update-media img{display:block;width:100%;height:100%;min-height:10rem;object-fit:cover}.friend-update-body{display:flex;flex-direction:column;min-width:0;padding:.35rem .25rem .35rem 0}.friend-update-date{margin-bottom:.6rem;font-size:.75rem;font-weight:700;color:var(--primary);opacity:.78}.friend-update-card h3{display:-webkit-box;margin:0 0 .7rem;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#000000c7;font-size:1.05rem;font-weight:800;line-height:1.35}.dark .friend-update-card h3{color:#ffffffdb}.friend-update-card p{display:-webkit-box;margin:0;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#0009;font-size:.88rem;line-height:1.65}.dark .friend-update-card p{color:#ffffff9e}.friend-update-author{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;text-decoration:none;min-width:0}.friend-update-author img{width:2.65rem;height:2.65rem;flex:0 0 auto;border-radius:999px;object-fit:cover;border:2px solid color-mix(in srgb,var(--primary) 55%,transparent);background:var(--btn-regular-bg)}.friend-update-author span{display:block;min-width:0}.friend-update-author strong,.friend-update-author em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-update-author strong{color:#000000d1;font-size:.96rem;line-height:1.25}.dark .friend-update-author strong{color:#ffffffdb}.friend-update-author em{margin-top:.18rem;color:#00000080;font-size:.78rem;font-style:normal}.dark .friend-update-author em{color:#ffffff85}@media(max-width:900px){.friend-updates-grid{grid-template-columns:1fr}}@media(max-width:640px){.friend-updates{padding:.75rem}.friend-update-card{grid-template-columns:5.25rem minmax(0,1fr);min-height:auto}.friend-update-media img{min-height:8rem}}