.likes-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.likes-container{width:100%;max-width:400px;background-color:var(--sw-color-surface);border-radius:10px;display:flex;flex-direction:column;box-shadow:0 4px 8px #0000001a}.likes-header{display:flex;align-items:center;justify-content:center;padding:5px;background-color:var(--sw-color-surface);border-bottom:1px solid var(--sw-color-border);position:relative;border-radius:10px 10px 0 0}.likes-header h2{margin:15px;font-size:16px}.back-button{background:none;border:none;font-size:16px;cursor:pointer;position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--sw-color-text)}.likes-list{padding:0 20px 5px;overflow-y:auto}.likes-item{display:flex;align-items:center;padding:10px 0;cursor:pointer;border-bottom:1px solid var(--sw-color-border)}.likes-item:last-child{border-bottom:none}.user-avatar-likes{width:40px;height:40px;border-radius:50%;margin-right:10px}.post-component{display:flex;border:none;padding:10px;position:relative;width:100%;margin:0;box-sizing:border-box;max-width:100%;overflow-x:hidden}.post-component:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background-color:var(--sw-color-border)}.post-component.anonymous-preview-post{background:var(--sw-color-preview);border-left:3px solid #f2c94c}.post-component.anonymous-preview-post:after{background-color:var(--sw-color-preview-border)}.user-avatar-container{width:60px;margin-right:10px}.user-avatar{width:100%;height:auto;border-radius:50%;cursor:pointer}.anonymous-preview-avatar{background:var(--sw-color-preview-avatar);border:1px solid var(--sw-color-preview-avatar-border);cursor:default}.post-content-wrapper{flex:1;display:flex;flex-direction:column}.post-header{display:flex;align-items:center;justify-content:space-between;width:100%;position:relative}.user-info{display:flex;align-items:center;flex-grow:1;justify-content:flex-start}.user-name{font-weight:700;cursor:pointer;margin-right:2px}.anonymous-preview-post .user-name{cursor:default}.anonymous-preview-post .user-info{padding-right:48px}.user-info .separator{margin:0 3px}.user-visits{margin:0;color:var(--sw-color-text-strong);font-size:14px}.anonymous-preview-badge{display:inline-flex;align-items:center;gap:3px;margin-left:8px;padding:2px 6px;border-radius:999px;background:rgba(var(--sw-color-surface-rgb),.62);color:var(--sw-color-text-muted);font-size:12px;line-height:1;white-space:nowrap}.anonymous-preview-eye{width:14px!important;height:14px!important;color:var(--sw-color-text-subtle)}.time{font-size:10px;color:var(--sw-color-text-secondary);margin-left:15px;position:absolute;right:0;margin-right:5px}.wordle-grid{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.wordle-grid p{width:100%;display:flex;flex-direction:column;align-items:left;margin-right:300px}.wordle-row{display:flex;gap:2px;width:100%;justify-content:left}.wordle-cell{width:15px;height:13px;background-color:var(--sw-color-wordle-grey);box-sizing:border-box}.wordle-cell.green{background-color:var(--sw-color-wordle-green)}.wordle-cell.yellow{background-color:var(--sw-color-wordle-yellow)}.wordle-cell.grey{background-color:var(--sw-color-wordle-grey)}.post-footer{display:flex;align-items:center;margin-top:10px;flex-wrap:wrap}.anonymous-preview-footer{justify-content:flex-start}.anonymous-preview-signin-button{position:relative;min-height:36px;max-width:100%;padding:8px 16px;border:1px solid #d7b93d;border-radius:6px;background:linear-gradient(110deg,#f1c232,#f7d960 36%,#fff5bd 48%,#f1c232 62%,#dfac20);background-size:220% 100%;color:#2d2500;font-size:14px;font-weight:700;line-height:1.2;cursor:pointer;box-shadow:0 1px 4px #84660738;animation:anonymousPreviewGlimmer 2.4s ease-in-out infinite}.anonymous-preview-signin-button:hover,.anonymous-preview-signin-button:focus-visible{border-color:#b58c10;box-shadow:0 2px 7px #84660752}@keyframes anonymousPreviewGlimmer{0%{background-position:180% 0}55%,to{background-position:-40% 0}}.heart-icon{cursor:pointer;color:var(--sw-color-text-secondary);flex-shrink:0}.heart-icon.liked{color:red}.likes-count{margin-left:4px;cursor:pointer;color:var(--sw-color-text-secondary);font-size:14px}.comment-icon{cursor:pointer;font-size:21px;transform:scaleX(-.95);margin-left:16px;stroke-width:0;color:var(--sw-color-text-secondary);flex-shrink:0}.comments-count{margin-left:4px;font-size:14px;color:var(--sw-color-text-secondary);cursor:pointer}.delete-icon{margin-left:auto;color:#f08080;cursor:pointer;flex-shrink:0}.delete-dialog{background-color:var(--sw-color-surface);width:300px;text-align:center;display:flex;flex-direction:column;align-items:center;padding:20px;border-radius:8px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 8px #0003;z-index:1000}.delete-dialog h2{margin-bottom:20px;font-size:20px}.feed-container .delete-dialog p{margin-bottom:20px;font-size:16px;text-align:center}.delete-dialog-buttons{display:flex;gap:20px}.delete-dialog button{background-color:var(--sw-color-surface);padding:10px 20px;font-size:14px;border:none;border-radius:4px;cursor:pointer}.delete-dialog button.cancel-button{background-color:var(--sw-color-surface);color:var(--sw-color-text-strong);border:1px solid var(--sw-color-text-strong)}.delete-dialog button.delete-button{color:red;border:1px solid var(--sw-color-text-strong)}@media(min-width:500px){.post-header{display:flex;align-items:center;justify-content:space-between;width:100%}.user-info{display:flex;align-items:center;flex-grow:1;justify-content:flex-start}.user-avatar{margin-right:10px}.user-name{font-weight:700;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-visits{margin:0}.time{font-size:14px}}@media(max-width:500px){.post-component{flex-direction:row}.user-avatar-container{width:40px;margin-right:10px}.post-content-wrapper{width:calc(100% - 50px)}.post-header{display:flex;align-items:left;justify-content:left;position:relative;width:100%}.user-info{display:flex;align-items:center;flex-grow:1;justify-content:flex-start}.user-avatar{width:100%;height:auto}.user-name{font-weight:700;cursor:pointer;white-space:normal;overflow:hidden;text-overflow:ellipsis;word-break:break-word;text-align:center}.user-visits{margin:0}.time{position:absolute;font-size:14px}.anonymous-preview-badge{margin-left:6px;padding:2px 5px;font-size:11px}.anonymous-preview-signin-button{width:100%}}.comment{display:flex;align-items:flex-start;margin-bottom:10px}.comment .user-avatar{width:40px;height:40px;border-radius:50%;margin-right:10px}.comment-content{flex:1}.comment-header{display:flex;align-items:center;justify-content:space-between}.comment-footer{display:flex;align-items:center;margin-top:5px}.battle-icon{cursor:pointer;margin-right:5px;margin-left:16px;width:20px;height:20px;color:var(--sw-color-text-secondary)}.battle-icon.challenger_won{color:#4fb24f;fill:#5ac85a}.battle-icon.defender_won{color:#f08080;fill:#f08080}.battle-icon.in_progress{color:#ceba5d;fill:#f5de77}.feed-date-header{position:sticky;top:0;z-index:100;background-color:var(--sw-color-surface-sunken);padding:8px 16px;font-size:14px;font-weight:700;border-bottom:1px solid var(--sw-color-border-strong);text-align:center;width:100%;box-sizing:border-box}.delete-dialog button.play-now{background-color:#4caf50}.battle-signin-dialog{padding:24px 20px 20px}.delete-dialog button.battle-signin-close{position:absolute;top:8px;right:8px;display:flex;padding:6px;border-radius:50%;background:transparent;color:var(--sw-color-text-muted)}.delete-dialog button.battle-signin-close:hover{background:var(--sw-color-surface-hover)}.battle-signin-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;margin-bottom:10px}.battle-signin-dialog h3{margin:0 0 12px;font-size:19px;font-weight:700;color:var(--sw-color-text-strong)}.battle-signin-mystery-row{display:flex;gap:5px;margin-bottom:12px}.battle-signin-tile{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:2px;background-color:var(--sw-color-wordle-grey);color:#fff;font-size:20px;font-weight:700}.battle-signin-tile.green{background-color:var(--sw-color-wordle-green)}.battle-signin-tile.yellow{background-color:var(--sw-color-wordle-yellow)}.feed-container .delete-dialog p.battle-signin-hint,.battle-signin-hint{margin:0 0 18px;font-size:16px;color:var(--sw-color-text-secondary)}.delete-dialog button.battle-signin-cta{width:100%;padding:13px 20px;border-radius:6px;background-color:var(--sw-color-wordle-green);color:#10250f;font-size:16px;font-weight:700}.delete-dialog button.battle-signin-cta:hover{filter:brightness(1.05)}.post-message{margin-bottom:10px;white-space:pre-wrap;word-wrap:break-word;font-size:14px;line-height:1.4}@keyframes wiggle{0%,to{transform:rotate(0) scale(1);color:var(--sw-color-text-secondary)}25%{transform:rotate(-10deg) scale(1.5);color:#4caf50}50%{transform:rotate(0) scale(1);color:var(--sw-color-text-secondary)}75%{transform:rotate(10deg) scale(1.5);color:#f08080}}@keyframes wiggleWithGap{0%,50%{transform:rotate(0) scale(1);color:var(--sw-color-text-secondary)}12.5%{transform:rotate(-10deg) scale(2);color:#4caf50}25%{transform:rotate(0) scale(1);color:var(--sw-color-text-secondary)}37.5%{transform:rotate(10deg) scale(2);color:#f08080}}.battle-icon-animate{animation:wiggleWithGap 2s ease-in-out;animation-iteration-count:3;animation-delay:1s;animation-direction:normal;animation-fill-mode:both;animation-play-state:running;animation-timing-function:ease-in-out}.battle-icon-container{position:relative;display:inline-flex;align-items:center}.battle-text-bubble{position:absolute;color:#fff;font-size:12px;white-space:nowrap;left:calc(100% + 5px);top:50%;transform:translateY(-50%);opacity:0;pointer-events:none;clip-path:polygon(20% 0%,20% 10%,100% 10%,100% 90%,20% 90%,20% 100%,0% 50%,20% 0%);background:#4caf50;padding:6px 12px 6px 16px}.battle-icon-animate+.battle-text-bubble{opacity:1;animation:slideLeftRight 2s ease-in-out infinite}@keyframes slideLeftRight{0%,to{transform:translateY(-50%) translate(0);opacity:1}50%{transform:translateY(-50%) translate(10px);opacity:.8}}@media(prefers-reduced-motion:reduce){.anonymous-preview-signin-button{animation:none}}
