.feed-container{max-width:480px;margin:0 auto;padding:0;display:flex;flex-direction:column;align-items:center;box-shadow:0 0 10px #0000001a;width:100%;overflow-x:hidden;position:relative}.feed-posts{width:100%;display:flex;flex-direction:column;align-items:center}.feed-posts--above-footer{min-height:100vh}.feed-post-item{width:100%}.feed-post-item-enter{animation-delay:var(--feed-enter-delay, 0ms);will-change:transform,opacity}.feed-post-item-enter--initial{animation:feed-post-slide-in-initial .52s cubic-bezier(.16,1,.3,1) both}.feed-post-item-enter--append{animation:feed-post-slide-in-append .34s cubic-bezier(.22,1,.36,1) both}@keyframes feed-post-slide-in-initial{0%{transform:translateY(36px) rotate(var(--feed-enter-tilt, 0deg)) scale(.96);opacity:0}72%{transform:translateY(-4px) rotate(0) scale(1.005);opacity:1}to{transform:translateY(0) rotate(0) scale(1);opacity:1}}@keyframes feed-post-slide-in-append{0%{transform:translateY(22px) rotate(var(--feed-enter-tilt, 0deg)) scale(.985);opacity:0}80%{transform:translateY(-1px) rotate(0) scale(1);opacity:1}to{transform:translateY(0) rotate(0) scale(1);opacity:1}}.feed-post-placeholder{width:calc(100% - 20px);min-height:72px;margin:8px 10px;border-radius:10px;background:linear-gradient(90deg,var(--sw-color-skeleton) 0%,var(--sw-color-skeleton-highlight) 50%,var(--sw-color-skeleton) 100%)}.feed-loading-item{width:100%}.feed-loading-card{width:calc(100% - 20px);min-height:88px;margin:8px 10px;border-radius:10px;border:1px solid var(--sw-color-border);background:var(--sw-color-surface);display:flex;align-items:center;justify-content:center}.feed-loading-wordle-icon{width:28px;height:28px;object-fit:contain;animation:feedWordleIconSpin .92s linear infinite}.feed-error-item{width:100%}.feed-error-card{width:calc(100% - 20px);min-height:176px;margin:8px 10px;border-radius:10px;border:1px solid var(--sw-color-border);background:var(--sw-color-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:0;text-align:center;overflow:hidden}.feed-error-wordle-icon{width:100%;height:auto;display:block;object-fit:contain}.feed-error-card .feed-error-text{margin:0;padding:12px 14px 14px;font-size:18px;line-height:1.4;color:var(--sw-color-text);white-space:pre-line;text-align:center}@keyframes feedWordleIconSpin{to{transform:rotate(360deg)}}@media(max-width:768px){.feed-container{padding-bottom:60px}}@media(prefers-reduced-motion:reduce){.feed-post-item-enter,.feed-post-item-enter--initial,.feed-post-item-enter--append,.feed-loading-wordle-icon{animation:none}}.feed-container p{text-align:left;font-size:14px;color:var(--sw-color-text-secondary);margin:10px 0}.load-more-button{display:block;margin:20px auto;padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;position:relative}.load-more-button:disabled{background-color:#ccc}.feed-component{position:relative}.group-tabs-container{position:sticky;top:0;z-index:1;background:var(--sw-color-page);border-bottom:1px solid var(--sw-color-border-strong);margin-bottom:8px}.today-completion-card{width:calc(100% - 20px);margin:8px 10px;padding:12px 16px 14px;box-sizing:border-box;border:1px solid var(--sw-color-border);border-radius:14px;background:var(--sw-color-surface);color:var(--sw-color-text);text-align:center}.today-completion-avatars{position:relative;isolation:isolate;width:min(100%,218px);height:58px;margin:0 auto 5px;overflow:hidden;perspective:360px;transform-style:preserve-3d;-webkit-mask-image:linear-gradient(to right,transparent,#000 11%,#000 89%,transparent);mask-image:linear-gradient(to right,transparent,#000 11%,#000 89%,transparent)}.today-completion-avatar{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:54px;height:54px;box-sizing:border-box;border:3px solid var(--sw-color-surface);border-radius:50%;overflow:hidden;background:#dce7d8;color:#3d5140;font-size:16px;font-weight:650;backface-visibility:hidden;opacity:var(--avatar-opacity);transform:translate(-50%,-50%) translate(var(--avatar-x)) translateZ(var(--avatar-depth)) rotateY(var(--avatar-turn)) scale(var(--avatar-scale));transition:transform .65s cubic-bezier(.2,.75,.25,1),opacity .65s ease}.today-completion-avatar--tone-1{background:#e7ddcf;color:#584c3c}.today-completion-avatar--tone-2{background:#d9e3e6;color:#3b5057}.today-completion-avatar--tone-3{background:#e8dce2;color:#56414d}.today-completion-avatar--center{box-shadow:0 3px 10px #00000024}.today-completion-avatar img{width:100%;height:100%;object-fit:cover}.today-completion-headline{max-width:350px;margin:0 auto 2px;font-size:16px;line-height:1.27;letter-spacing:-.25px;font-weight:650}.feed-container .today-completion-card .today-completion-subcopy{margin:0 0 8px;color:var(--sw-color-text-muted);font-size:13px;line-height:1.3;text-align:center}.today-completion-cta{min-height:36px;padding:7px 16px;border:0;border-radius:8px;background:var(--sw-color-cta-background);color:var(--sw-color-cta-text);font:inherit;font-size:13px;font-weight:650;white-space:nowrap;cursor:pointer}.today-completion-cta:hover{filter:brightness(.96)}.today-completion-cta:focus-visible{outline:3px solid var(--sw-color-focus);outline-offset:3px}@media(max-width:360px){.today-completion-card{padding-inline:12px}}@media(prefers-reduced-motion:reduce){.today-completion-avatar{transition:none}}.guest-play-hero{margin:8px 0 16px;padding:24px 16px 20px;text-align:center;border-bottom:1px solid var(--sw-color-border)}.guest-play-hero-title{margin:0;padding:0;border-bottom:none;font-size:24px;font-weight:800;color:var(--sw-color-text-strong)}.guest-play-hero-copy{margin:6px 0 16px;font-size:15px;color:var(--sw-color-text-muted)}.guest-play-hero-row{display:flex;justify-content:center;gap:5px;margin-bottom:18px}.guest-play-hero-tile{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:2px;background-color:var(--sw-color-wordle-grey);color:#fff;font-size:22px;font-weight:700}.guest-play-hero-tile.green{background-color:var(--sw-color-wordle-green)}.guest-play-hero-cta{width:min(100%,320px);padding:14px 20px;border:none;border-radius:var(--sw-radius-md);background-color:var(--sw-color-wordle-green);color:#10250f;font-size:17px;font-weight:700;cursor:pointer}