.social-app{min-height:100vh;color:var(--ink);background:#f6f3ee}.social-topbar{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border-bottom:1px solid #e6e4df;grid-template-columns:1fr auto 1fr;align-items:center;height:74px;padding:0 32px;display:grid;position:sticky;top:0}.social-topbar nav{gap:34px;height:100%;display:flex}.social-topbar nav a{color:#747b8b;align-items:center;font-size:14px;font-weight:650;display:flex;position:relative}.social-topbar nav a.active{color:var(--navy)}.social-topbar nav a.active:after{content:"";background:var(--amber);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:0;right:0}.social-actions{justify-self:end;align-items:center;gap:10px;display:flex}.social-actions button{width:35px;height:35px;color:var(--navy);cursor:pointer;background:#f0f1f5;border:0;border-radius:50%}.social-actions>span{width:36px;height:36px;color:var(--navy);background:#d9e1f5;border-radius:50%;place-items:center;font-size:14px;font-weight:750;display:grid}.social-layout{grid-template-columns:220px minmax(480px,650px) 250px;justify-content:center;gap:42px;padding:42px 26px 80px;display:grid}.me-card{border-bottom:1px solid #dfddd8;align-items:center;gap:11px;padding:3px 9px 24px;display:flex}.me-card>span,.quick-compose>span,.comment-form>span{width:38px;height:38px;color:var(--navy);background:#d9e1f5;border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:750;display:grid}.me-card div{flex-direction:column;display:flex}.me-card strong{color:var(--navy);font-size:14px}.me-card small{color:#9296a1;margin-top:3px;font-size:14px}.social-links{gap:5px;margin-top:18px;display:grid}.social-links a{color:#626b7b;border-radius:11px;align-items:center;gap:11px;padding:8px 10px;font-size:14px;font-weight:650;transition:background .18s,color .18s;display:flex}.social-links a>span{color:#687aa5;background:#edf0f6;border-radius:9px;flex:none;place-items:center;width:31px;height:31px;display:grid}.social-links a>span svg{stroke-width:1.9px;width:16px;height:16px}.social-links a:nth-child(2)>span{color:#a86447;background:#f7e8df}.social-links a:nth-child(3)>span{color:#7765a1;background:#ebe8f6}.social-links a:nth-child(4)>span{color:#a05e76;background:#f5e5eb}.social-links a:nth-child(5)>span{color:#a56e30;background:#f8ebd6}.social-links a:nth-child(6)>span{color:#526fab;background:#e7ebf5}.social-links a:nth-child(7)>span{color:#536b8c;background:#e9edf4}.social-links a:hover{color:var(--navy);background:#ffffffa6}.social-links a.active{color:var(--navy);background:#e4e9f5}.social-links a.active>span{color:var(--blue);background:#d4def5}.privacy-note{background:#ffffff73;border:1px solid #e0ded9;border-radius:13px;gap:10px;margin-top:32px;padding:15px;display:flex}.privacy-note>b{width:24px;height:24px;color:var(--blue);background:#e7ebf5;border-radius:50%;flex:none;place-items:center;font-size:14px;display:grid}.privacy-note p{flex-direction:column;margin:0;display:flex}.privacy-note strong{color:var(--navy);font-size:14px}.privacy-note small{color:#898f9c;margin-top:4px;font-size:14px;line-height:1.5}.feed-intro{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.feed-intro>div:first-child>span,.groups-heading>span,.birthday-card>span{color:var(--blue);letter-spacing:.18em;font-size:14px;font-weight:750}.feed-intro h1{color:var(--navy);letter-spacing:-.04em;margin:8px 0 0;font-size:29px}.home-today{justify-items:end;gap:7px;margin-bottom:2px;display:grid}.home-today>p{color:#9297a2;margin:0;font-size:14px}.home-weather{color:var(--navy);align-items:center;gap:8px;display:flex}.home-weather>svg{color:#d18842;stroke-width:1.7px;width:24px;height:24px}.home-weather>span{align-items:baseline;gap:6px;display:flex}.home-weather strong{letter-spacing:-.03em;font-size:16px}.home-weather small{color:#777f8d;font-size:14px}.quick-compose{background:#fff;border:1px solid #e3e2de;border-radius:15px;align-items:center;gap:12px;padding:15px;display:flex;box-shadow:0 9px 30px #202a440f}.quick-compose p{color:#a0a4ae;flex:1;font:400 14px Georgia,serif}.quick-compose b{width:31px;height:31px;color:var(--blue);background:#e7ebf5;border-radius:9px;place-items:center;display:grid}.feed-filter{justify-content:space-between;align-items:center;margin:26px 2px 12px;display:flex}.feed-filter>span{color:#989ca6;letter-spacing:.16em;font-size:14px;font-weight:750}.feed-filter>p{color:#7b8290;margin:0;font-size:14px}.feed-filter>p strong{color:var(--navy)}.feed-post{background:#fff;border:1px solid #e4e2de;border-radius:17px;margin-bottom:15px;padding:20px;box-shadow:0 8px 28px #202a440d}.feed-post-head{align-items:center;gap:10px;display:flex}.feed-avatar{width:36px;height:36px;color:var(--navy);background:#f4d7c7;border-radius:50%;place-items:center;font-size:14px;font-weight:750;display:grid}.avatar-SK{background:#d9e1f5}.avatar-DR{background:#e8d9f5}.avatar-JR{background:#f3d7b3}.feed-post-head>div{flex-direction:column;flex:1;display:flex}.feed-post-head strong{color:var(--navy);font-size:14px}.feed-post-head small{color:#969aa5;margin-top:3px;font-size:14px}.feed-post-head small b{color:var(--blue);font-weight:650}.feed-post-head>button{color:#a3a6ae;background:0 0;border:0}.feed-post-copy{color:#414858;margin:17px 0;font-size:14px;line-height:1.65}.feed-photo{object-fit:cover;border-radius:12px;width:100%;max-height:430px;display:block}.feed-scene{border-radius:12px;height:285px;position:relative;overflow:hidden}.lake-scene{background:linear-gradient(#9cbfea 0 58%,#d5d4aa 58%)}.scene-sun{background:#ffe2a0;border-radius:50%;width:52px;height:52px;position:absolute;top:40px;right:70px;box-shadow:0 0 30px #fff0bb}.scene-hill{background:#7789a7;border-radius:50% 50% 0 0;width:120%;height:150px;position:absolute;bottom:-75px;left:-10%}.scene-hill.one{background:#9ca779;bottom:-46px;left:24%}.scene-hill.two{background:#596b87}.table-scene{background:#d69a61}.table-top{background:#ae6e3d;width:120%;height:150px;position:absolute;bottom:-20px;left:-10%;transform:perspective(300px)rotateX(20deg)}.plate{background:#f9f2e7;border:5px solid #d8c7ae;border-radius:50%;width:75px;height:44px;position:absolute;bottom:58px}.p1{left:50px}.p2{left:230px}.p3{right:45px}.candle{background:#f9e6b5;width:8px;height:80px;position:absolute;top:82px;left:50%;box-shadow:0 -8px 18px 6px #f6bd57}.response-count{color:#8a909c;justify-content:space-between;padding:12px 2px 8px;font-size:14px;display:flex}.feed-buttons{border-top:1px solid #ecebed;border-bottom:1px solid #ecebed;grid-template-columns:repeat(3,1fr);display:grid}.feed-buttons button{color:#747b8a;cursor:pointer;background:0 0;border:0;padding:11px;font-size:14px;font-weight:650}.feed-buttons button:hover{background:#f7f8fa}.comment-list{gap:8px;padding:12px 2px 0;display:grid}.comment-list>div{align-items:flex-start;gap:9px;display:flex}.comment-list span{width:25px;height:25px;color:var(--navy);background:#e5e8f1;border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:750;display:grid}.comment-list p{color:#515868;background:#f2f3f6;border-radius:10px;margin:0;padding:8px 10px;font-size:14px}.comment-form{align-items:center;gap:8px;margin-top:12px;display:flex}.comment-form>span{width:27px;height:27px;font-size:14px}.comment-form input{border:1px solid #e1e3e9;border-radius:10px;outline:0;flex:1;padding:9px 11px;font-size:14px}.comment-form button{background:var(--navy);color:#fff;border:0;border-radius:9px;padding:9px 12px;font-size:14px;font-weight:700}.caught-up{text-align:center;padding:50px 20px}.caught-up>span{width:35px;height:35px;color:var(--blue);background:#e7ebf5;border-radius:50%;place-items:center;margin:auto;display:grid}.caught-up h2{color:var(--navy);margin:14px 0 5px;font:400 21px Georgia,serif}.caught-up p{color:#9297a2;font-size:14px}.groups-heading{justify-content:space-between;align-items:center;margin:2px 0 12px;display:flex}.groups-heading button{color:var(--navy);background:#e7ebf5;border:0;border-radius:8px;padding:7px 9px;font-size:14px;font-weight:700}.group-list{background:#fff;border:1px solid #e3e2de;border-radius:15px;padding:7px}.group-list>button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;width:100%;padding:10px 9px;display:flex}.group-list>button.active{background:#f0f3f9}.group-list>button>span{background:var(--navy);color:#fff;border-radius:10px;place-items:center;width:32px;height:32px;font-size:14px;font-weight:750;display:grid}.group-list>button:nth-child(2)>span{background:var(--blue)}.group-list>button:nth-child(3)>span{background:#8d75ad}.group-list>button:nth-child(4)>span{background:#bd7784}.group-list p{flex-direction:column;flex:1;margin:0;display:flex}.group-list strong{color:var(--navy);font-size:14px}.group-list small{color:#989da8;margin-top:3px;font-size:14px}.group-list b{color:#a0a4ae}.birthday-card{text-align:center;color:#fff;background:#202a44;border-radius:16px;margin-top:18px;padding:20px}.birthday-card>span{color:var(--periwinkle)}.birthday-card>div{margin:18px 0 8px;font-size:25px}.birthday-card h3{margin:0;font:400 18px Georgia,serif}.birthday-card p{color:#b9c0d0;margin:5px 0 16px;font-size:14px}.birthday-card button{color:#fff;background:0 0;border:1px solid #59627a;border-radius:8px;width:100%;padding:9px;font-size:14px}.no-ads{text-align:center;color:#a0a2a8;letter-spacing:.1em;margin-top:18px;font-size:14px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#151d3294;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.invite-modal{background:#fff;border-radius:20px;width:min(450px,100%);padding:36px;position:relative;box-shadow:0 30px 90px #00000040}.modal-close{color:#687083;background:#f1f2f5;border:0;border-radius:50%;width:32px;height:32px;font-size:20px;position:absolute;top:17px;right:17px}.modal-kicker{color:var(--blue);letter-spacing:.18em;font-size:14px;font-weight:750}.invite-modal h2{color:var(--navy);letter-spacing:-.04em;margin:12px 0 8px;font-size:29px}.invite-modal>p,.invite-success p{color:#7e8594;font-size:14px;line-height:1.6}.invite-modal form{gap:8px;margin-top:22px;display:grid}.invite-modal label{color:var(--navy);margin-top:6px;font-size:14px;font-weight:700}.invite-modal input,.invite-modal select{width:100%;color:var(--ink);background:#fff;border:1px solid #dfe2e9;border-radius:10px;outline:0;padding:13px}.invite-modal form>button,.invite-success>button{background:var(--navy);color:#fff;border:0;border-radius:10px;margin-top:12px;padding:13px;font-size:14px;font-weight:700}.invite-success{text-align:center}.invite-success>span{width:55px;height:55px;color:var(--blue);background:#e7ebf5;border-radius:50%;place-items:center;margin:auto;font-size:20px;display:grid}.feed-post-head>.post-action-wrap{flex:none;display:block;position:relative}.post-action-wrap>button{color:#8d93a0;letter-spacing:.08em;cursor:pointer;background:0 0;border:0;border-radius:9px;width:34px;height:34px;font-size:15px}.post-action-wrap>button:hover,.post-action-wrap>button[aria-expanded=true]{color:var(--navy);background:#f0f2f6}.post-management-menu{z-index:12;background:#fff;border:1px solid #e0e2e8;border-radius:11px;width:150px;padding:6px;display:grid;position:absolute;top:38px;right:0;box-shadow:0 15px 38px #202a4429}.post-management-menu button{color:var(--navy);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:10px 11px;font-size:14px;font-weight:700}.post-management-menu button:hover{background:#f3f4f7}.post-management-menu button.danger{color:#ad455d}.response-count{font-size:14px;font-weight:650}.feed-buttons button{font-size:14px}.post-management-modal,.post-delete-modal{background:#fff;border-radius:20px;width:min(520px,100%);padding:38px;position:relative;box-shadow:0 30px 90px #00000040}.post-management-modal{gap:10px;display:grid}.post-management-modal h2,.post-delete-modal h2{color:var(--navy);letter-spacing:-.035em;margin:6px 0;font-size:28px}.post-management-modal>p{color:#7d8492;margin:0 0 8px;font-size:14px;line-height:1.5}.post-management-modal label{color:var(--navy);font-size:14px;font-weight:750}.post-management-modal textarea{color:#3f4757;min-height:150px;font:inherit;resize:vertical;border:1px solid #dce0e7;border-radius:11px;outline:0;padding:14px;line-height:1.55}.post-management-modal textarea:focus{border-color:#718bc3;box-shadow:0 0 0 3px #5572ad1f}.post-modal-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:4px;display:grid}.post-modal-actions button,.post-delete-modal>div button{color:var(--navy);cursor:pointer;background:#fff;border:1px solid #dce0e7;border-radius:9px;padding:12px;font-size:14px;font-weight:750}.post-modal-actions button:last-child{border-color:var(--navy);background:var(--navy);color:#fff}.post-modal-actions button:disabled{opacity:.45;cursor:not-allowed}.post-management-modal>small{color:#9196a1;text-align:center;font-size:14px}.post-delete-modal{text-align:center}.post-delete-modal>span{color:#ad455d;background:#f8e3e8;border-radius:50%;place-items:center;width:48px;height:48px;margin:auto;font-size:22px;font-weight:800;display:grid}.post-delete-modal>p{color:#5e6674;text-align:left;background:#f5f5f3;border-radius:10px;max-height:100px;margin:14px 0;padding:12px;font-size:14px;line-height:1.5;overflow:hidden}.post-delete-modal>strong{color:#ad455d;font-size:14px;display:block}.post-delete-modal>div{grid-template-columns:1fr 1fr;gap:9px;margin-top:20px;display:grid}.post-delete-modal>div button:last-child{color:#fff;background:#ad455d;border-color:#ad455d}@media (max-width:1100px){.social-layout{grid-template-columns:190px minmax(460px,650px)}.groups-column{display:none}}@media (max-width:760px){.social-topbar{grid-template-columns:1fr auto;padding:0 17px}.social-topbar nav{display:none}.social-layout{padding:28px 15px 60px;display:block}.social-sidebar{display:none}.feed-column{max-width:650px;margin:auto}.social-actions>button[aria-label=Search]{display:none}}@media (max-width:520px){.social-topbar .brand>span:last-child{display:none}.feed-intro{flex-direction:column;align-items:flex-start;gap:14px}.feed-intro h1{font-size:25px}.home-today{justify-items:start}.feed-post{padding:15px}.feed-scene{height:230px}.p2{left:42%}.feed-buttons button,.quick-compose p{font-size:14px}}.response-count>span:first-child{align-items:center;gap:5px;display:flex}.response-count>span:first-child svg{width:14px;height:14px;color:var(--blue)}.feed-buttons button{justify-content:center;align-items:center;gap:6px;display:flex}.feed-buttons button svg{width:15px;height:15px}.feed-buttons button.liked{color:var(--blue)}.feed-loading{text-align:center;color:#737b89;padding:40px;font-size:14px}.feed-avatar-image{object-fit:cover;border-radius:50%;flex:none;width:36px;height:36px}.feed-author-link{color:var(--navy);font-size:14px;font-weight:800}.feed-post-details{flex-wrap:wrap;gap:8px;margin:-7px 0 14px;display:flex}.feed-post-details span{color:#697386;background:#f1f3f7;border-radius:999px;padding:5px 8px;font-size:14px}.feed-media-grid{border-radius:12px;gap:5px;display:grid;overflow:hidden}.feed-media-grid.count-2,.feed-media-grid.count-3,.feed-media-grid.count-4{grid-template-columns:1fr 1fr}.feed-media-grid.count-3>:first-child{grid-row:span 2}.feed-media-grid .feed-photo,.feed-media-grid .feed-video{border-radius:0;height:100%;min-height:210px}.reaction-control{display:grid;position:relative}.reaction-picker{z-index:15;background:#fff;border:1px solid #e0e3ea;border-radius:999px;gap:3px;padding:6px;display:none;position:absolute;bottom:45px;left:4px;box-shadow:0 12px 30px #202a4429}.reaction-control:hover .reaction-picker,.reaction-control:focus-within .reaction-picker{display:flex}.reaction-picker button{border-radius:50%;width:38px;height:38px;padding:0!important;font-size:20px!important}.reaction-picker button:hover{transform:translateY(-2px);background:#eef1f7!important}.post-management-menu button{align-items:center;gap:7px;display:flex}.post-management-menu button svg{width:15px;height:15px}.post-action-wrap>button svg{width:19px;height:19px}.comment-list p{gap:3px;display:grid}.comment-list p>a{color:var(--navy);font-weight:800}.comment-list p>small{color:#9298a5;font-size:12px}.edit-audience{border:1px solid #e0e3e9;border-radius:11px;gap:8px;margin:8px 0;padding:14px;display:grid}.edit-audience legend{color:var(--navy);padding:0 6px;font-size:14px;font-weight:800}.edit-audience label{color:#60697a;align-items:center;gap:8px;font-size:14px;display:flex}.edit-audience input{width:17px;height:17px}.feed-buttons{grid-template-columns:repeat(2,1fr)}.feed-buttons button:disabled,.comment-form button:disabled{opacity:.58;cursor:wait}@media (max-width:520px){.feed-media-grid .feed-photo,.feed-media-grid .feed-video{min-height:150px}.reaction-picker{left:0}.social-actions .circle-view-menu--desktop{display:none}}.feed-video{object-fit:cover;background:#111827;border-radius:12px;width:100%;max-height:430px;display:block}.birthday-post{background:linear-gradient(135deg,#f8e4c8,#f1d3dd);border-radius:14px;align-items:center;gap:16px;padding:20px;display:flex}.birthday-post>span{background:#ffffffb8;border-radius:16px;flex:none;place-items:center;width:52px;height:52px;font-size:25px;display:grid}.birthday-post>div{flex:1}.birthday-post small{color:#8d5b72;letter-spacing:.16em;font-size:14px;font-weight:800}.birthday-post h2{color:var(--navy);margin:4px 0 3px;font:400 22px Georgia,serif}.birthday-post p{color:#737987;margin:0;font-size:14px}.birthday-post button{color:var(--navy);cursor:pointer;background:#ffffffb3;border:1px solid #202a4424;border-radius:9px;padding:9px 11px;font-size:14px;font-weight:700}.birthday-card a{color:#fff;border:1px solid #59627a;border-radius:8px;width:100%;padding:11px;font-size:14px;font-weight:700;display:block}.collection-feed-card{min-height:222px;color:var(--navy);background:linear-gradient(135deg,#f7f8fb,#eef1f6);border:1px solid #dfe3ea;border-radius:16px;grid-template-rows:1fr auto;grid-template-columns:156px minmax(0,1fr);align-items:stretch;gap:10px 20px;padding:14px;display:grid}.collection-feed-card>span{color:#fff;background:#e7e5df;border-radius:10px;grid-row:1/3;place-items:center;width:156px;height:194px;font-size:34px;display:grid;overflow:hidden;box-shadow:6px 10px 22px #202a442e}.collection-feed-card>span img{object-fit:contain;width:100%;height:100%}.collection-feed-card.type-records{grid-template-columns:194px minmax(0,1fr)}.collection-feed-card.type-records>span{width:194px;height:194px}.collection-feed-card>div{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;display:flex}.collection-feed-card small{color:#5572ad;letter-spacing:.13em;font-size:14px;font-weight:800}.collection-feed-card strong{color:var(--navy);margin-top:10px;font-size:21px;line-height:1.2}.collection-feed-card p{color:#737b89;margin:6px 0 0;font-size:14px;line-height:1.4}.collection-feed-card b{color:#405e9c;text-transform:uppercase;background:#e0e6f2;border-radius:6px;margin-top:12px;padding:6px 8px;font-size:14px}.collection-feed-card>i{color:#5572ad;white-space:nowrap;align-self:end;font-size:14px;font-style:normal;font-weight:750}@media (max-width:520px){.birthday-post{flex-wrap:wrap;align-items:flex-start}.birthday-post button{width:100%}.collection-feed-card{grid-template-columns:112px minmax(0,1fr);gap:8px 13px;min-height:172px;padding:11px}.collection-feed-card>span{width:112px;height:148px}.collection-feed-card.type-records{grid-template-columns:132px minmax(0,1fr)}.collection-feed-card.type-records>span{width:132px;height:132px}.collection-feed-card strong{font-size:17px}.collection-feed-card p{font-size:14px}.collection-feed-card>i{display:none}}