:root{--xf-bg:#080808;--xf-s1:#111;--xf-s2:#1a1a1a;--xf-s3:#222;--xf-border:rgba(255, 255, 255, 0.07);--xf-t1:var(--color-text);--xf-t2:rgba(255, 255, 255, 0.55);--xf-t3:rgba(255, 255, 255, 0.28);--xf-acc:var(--color-accent);--xf-gold:#f5c518;--xf-green:#22c55e;--xf-r:12px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--xf-bg);color:var(--xf-t1);font-family:Satoshi,-apple-system,system-ui,sans-serif}.xf-wrap{max-width:680px;margin:0 auto;padding:0 var(--xot-pad) 4rem}.xf-header{padding:2rem 0 0;border-bottom:1px solid var(--xf-border);margin-bottom:0}.xf-header__top{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.xf-header__icon{display:flex;align-items:center;line-height:1}.xf-live-dot{display:inline-flex;align-items:center;gap:.3rem;font-size:.44rem;font-weight:900;text-transform:uppercase;letter-spacing:1.5px;color:color-mix(in srgb,var(--color-accent) 70%,transparent)}.xf-live-dot::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--color-accent);display:inline-block;animation:xf-pulse 1.4s ease-in-out infinite}@keyframes xf-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.xf-header__title{font-size:1.5rem;font-weight:900;letter-spacing:-1px;color:var(--xf-t1)}.xf-header__sub{font-size:.72rem;color:var(--xf-t3);margin-top:.1rem}.xf-header__stats{display:flex;gap:1.5rem;font-size:.68rem;color:var(--xf-t3);padding-bottom:1rem}.xf-header__stats strong{color:var(--xf-t1);font-weight:700}.xf-compose{background:var(--xf-s1);border:1px solid var(--xf-border);border-radius:var(--xf-r);padding:1rem;margin:1rem 0}.xf-compose__top{display:flex;gap:.75rem;align-items:flex-start}.xf-compose__avatar{width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--color-accent) 15%,transparent);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;color:var(--xf-acc);flex-shrink:0}.xf-compose__field{flex:1}.xf-compose__textarea{width:100%;background:transparent!important;border:none;outline:none;color:var(--xf-t1);font-size:.95rem;font-family:inherit;resize:none;line-height:1.55;min-height:52px;max-height:200px;appearance:none;border-radius:0}.xf-compose__textarea::placeholder{color:var(--xf-t3)}.xf-compose__bottom{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--xf-border)}.xf-compose__emojis{display:flex;gap:.3rem}.xf-compose__emo{background:none;border:1.5px solid #fff0;border-radius:8px;padding:.25rem .4rem;font-size:.95rem;cursor:pointer;transition:all 0.12s;line-height:1}.xf-compose__emo:hover{background:rgb(255 255 255 / .06);border-color:rgb(255 255 255 / .1)}.xf-compose__emo.active{background:color-mix(in srgb,var(--color-accent) 12%,transparent);border-color:color-mix(in srgb,var(--color-accent) 30%,transparent)}.xf-compose__right{display:flex;align-items:center;gap:.75rem}.xf-compose__chars{font-size:.65rem;color:var(--xf-t3)}.xf-compose__chars.warn{color:#f59e0b}.xf-compose__chars.over{color:var(--xf-acc)}.xf-compose__submit{background:var(--xf-acc);color:#fff;border:none;border-radius:100px;padding:.45rem 1.1rem;font-size:.78rem;font-weight:800;cursor:pointer;transition:opacity 0.15s;font-family:inherit}.xf-compose__submit:hover{opacity:.85}.xf-compose__submit:disabled{opacity:.35;cursor:default}.xf-compose__login{font-size:.78rem;color:var(--xf-t3);text-align:center;padding:.5rem 0}.xf-compose__login a{color:var(--xf-acc);text-decoration:none;font-weight:700}.xf-bar{display:flex;flex-direction:column;gap:0;border-bottom:1px solid var(--xf-border);margin-bottom:0}.xf-bar::-webkit-scrollbar{display:none}.xf-bar__sort{display:flex;gap:.35rem;padding:.65rem 0;border-bottom:1px solid var(--xf-border)}.xf-bar__filters{display:flex;gap:.35rem;padding:.6rem 0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.xf-bar__filters::-webkit-scrollbar{display:none}.xf-sort-btn{background:none;border:1.5px solid var(--xf-border);border-radius:100px;padding:.35rem .9rem;font-size:.7rem;font-weight:700;color:var(--xf-t2);cursor:pointer;transition:all 0.12s;font-family:inherit;white-space:nowrap}.xf-sort-btn:hover{border-color:rgb(255 255 255 / .18);color:var(--xf-t1)}.xf-sort-btn.active{background:var(--xf-t1);color:#000;border-color:var(--xf-t1)}.xf-filter-btn{background:none;border:1.5px solid var(--xf-border);border-radius:100px;padding:.3rem .75rem;font-size:.75rem;cursor:pointer;transition:all 0.12s;color:var(--xf-t2);font-family:inherit;white-space:nowrap;flex-shrink:0}.xf-filter-btn:hover{border-color:rgb(255 255 255 / .18)}.xf-filter-btn.active{border-color:color-mix(in srgb,var(--color-accent) 40%,transparent);background:color-mix(in srgb,var(--color-accent) 10%,transparent);color:var(--xf-t1)}.xf-feed{outline:none}.xf-card{display:flex;gap:.85rem;padding:1.1rem 0;border-bottom:1px solid var(--xf-border);animation:xf-slide-in 0.2s ease-out both}@keyframes xf-slide-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.xf-card__emo{font-size:1.5rem;line-height:1;flex-shrink:0;margin-top:.1rem;width:28px;text-align:center}.xf-card__body{flex:1;min-width:0}.xf-card__meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.xf-card__avatar{width:24px;height:24px;border-radius:50%;background:color-mix(in srgb,var(--color-accent) 15%,transparent);display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:800;color:var(--xf-acc);flex-shrink:0}.xf-card__name{font-size:.78rem;font-weight:700;color:var(--xf-t1)}.xf-card__ago{font-size:.68rem;color:var(--xf-t3)}.xf-card__source{font-size:.65rem;color:var(--xf-t3);text-decoration:none;background:rgb(255 255 255 / .05);padding:.1rem .45rem;border-radius:100px;margin-left:.15rem}.xf-card__source:hover{color:var(--xf-t2)}.xf-card__source em{font-style:normal;color:var(--xf-acc)}.xf-premium{font-size:.4rem;background:linear-gradient(90deg,var(--color-gold),#ffdb6b);color:#000;padding:.1rem .35rem;border-radius:100px;font-weight:900;margin-left:.2rem;vertical-align:middle}.xf-card__text{font-size:.95rem;line-height:1.55;color:var(--xf-t1);word-break:break-word;margin-bottom:.75rem}.xf-card__actions{display:flex;align-items:center;gap:.15rem}.xf-action{display:flex;align-items:center;gap:.35rem;background:none;border:none;color:var(--xf-t3);font-size:.72rem;font-weight:600;cursor:pointer;padding:.35rem .6rem;border-radius:100px;transition:all 0.12s;font-family:inherit;line-height:1}.xf-action:hover{background:rgb(255 255 255 / .05);color:var(--xf-t2)}.xf-like.liked{color:var(--xf-acc)}.xf-like.liked svg{fill:var(--xf-acc)}.xf-like:hover{color:var(--xf-acc)!important}.xf-report:hover{color:#f59e0b!important}.xf-report.reported{color:var(--xf-t3)!important;opacity:.5;pointer-events:none}.xf-replies{margin-top:.75rem;border-left:2px solid var(--xf-border);padding-left:.85rem}.xf-reply{display:flex;gap:.6rem;padding:.65rem 0;border-bottom:1px solid rgb(255 255 255 / .04)}.xf-reply:last-child{border-bottom:none}.xf-reply__avatar{width:20px;height:20px;border-radius:50%;background:rgb(255 255 255 / .08);display:flex;align-items:center;justify-content:center;font-size:.5rem;font-weight:800;color:var(--xf-t3);flex-shrink:0;margin-top:2px}.xf-reply__body{flex:1;min-width:0}.xf-reply__meta{display:flex;align-items:center;gap:.4rem;margin-bottom:.25rem}.xf-reply__name{font-size:.72rem;font-weight:700;color:var(--xf-t2)}.xf-reply__ago{font-size:.62rem;color:var(--xf-t3)}.xf-reply__text{font-size:.82rem;line-height:1.5;color:var(--xf-t2)}.xf-reply-form{display:flex;gap:.5rem;align-items:flex-start;margin-top:.75rem}.xf-reply-form textarea{flex:1;background:rgb(255 255 255 / .04);border:1px solid var(--xf-border);border-radius:8px;padding:.5rem .65rem;color:var(--xf-t1);font-size:.8rem;font-family:inherit;resize:none;outline:none;min-height:36px;max-height:100px;line-height:1.4}.xf-reply-form textarea::placeholder{color:var(--xf-t3)}.xf-reply-form textarea:focus{border-color:rgb(255 255 255 / .15)}.xf-reply-form button{background:var(--xf-s3);border:1px solid var(--xf-border);color:var(--xf-t2);border-radius:8px;padding:.4rem .8rem;font-size:.72rem;font-weight:700;cursor:pointer;font-family:inherit;white-space:nowrap;transition:all 0.12s}.xf-reply-form button:hover{background:var(--xf-acc);color:#fff;border-color:var(--xf-acc)}.xf-load-more{display:flex;justify-content:center;padding:1.5rem 0}.xf-load-btn{background:var(--xf-s2);border:1px solid var(--xf-border);color:var(--xf-t2);border-radius:100px;padding:.6rem 1.8rem;font-size:.78rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all 0.15s}.xf-load-btn:hover{background:var(--xf-s3);color:var(--xf-t1)}.xf-empty{text-align:center;padding:3rem 1rem;color:var(--xf-t3);font-size:.85rem}.xf-empty strong{display:block;font-size:1.75rem;margin-bottom:.5rem}.xf-spinner{display:flex;justify-content:center;padding:2rem;color:var(--xf-t3)}.xf-spinner::after{content:"";width:20px;height:20px;border:2px solid var(--xf-s3);border-top-color:var(--xf-acc);border-radius:50%;animation:xf-spin 0.7s linear infinite}@keyframes xf-spin{to{transform:rotate(360deg)}}.xf-toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%) translateY(12px);background:#1a1a1a;border:1px solid var(--xf-border);color:var(--xf-t1);font-size:.78rem;font-weight:600;padding:.6rem 1.25rem;border-radius:100px;opacity:0;transition:all 0.2s;z-index:9999;pointer-events:none;white-space:nowrap}.xf-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media (max-width:480px){.xf-card__text{font-size:.88rem}.xf-header__title{font-size:1.25rem}}