*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-black:#080808;--color-black-2:#0f0f0f;--color-black-3:#161616;--color-black-4:#1e1e1e;--color-black-5:#2a2a2a;--color-gold:#c9a84c;--color-gold-light:#e8c96a;--color-gold-dim:#7a6030;--color-gold-bg:#c9a84c0f;--color-gold-border:#c9a84c2e;--color-white:#f5f0e8;--color-white-dim:#f5f0e88c;--color-white-faint:#f5f0e82e;--color-red-live:#e03030;--surface-base:var(--color-black);--surface-card:var(--color-black-2);--surface-raised:var(--color-black-3);--surface-overlay:var(--color-black-4);--border-subtle:#ffffff0a;--border-gold:#c9a84c1f;--border-gold-strong:#c9a84c40;--font-display:"Playfair Display", Georgia, serif;--font-ui:"Syne", sans-serif;--font-body:"DM Sans", sans-serif;--topbar-height:60px;--topbar-bg:#080808eb;--sidebar-left-width:240px;--sidebar-right-width:300px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s cubic-bezier(.4, 0, .2, 1);--z-topbar:100;--z-overlay:150;--z-drawer:160;--z-toast:200;--z-grain:-1}html{scroll-behavior:smooth;font-size:16px}body{background:var(--surface-base);color:var(--color-white);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-weight:400;line-height:1.6;overflow-x:clip}body:before{content:"";pointer-events:none;z-index:-1;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:0;isolation:isolate;position:relative}*{scrollbar-width:none}::-webkit-scrollbar{display:none}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=768px){main{margin-left:0!important}}@media (width<=1024px){main{margin-right:0!important}}.navbar{z-index:var(--z-topbar);height:var(--topbar-height);background:var(--topbar-bg);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-gold);padding:0 var(--space-7);isolation:isolate;align-items:center;gap:0;display:flex;position:fixed;top:0;left:0;right:0}.navbar__logo{font-family:var(--font-display);letter-spacing:.08em;color:var(--color-gold);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;min-width:0;font-size:18px;font-weight:900;line-height:1;text-decoration:none;overflow:hidden}.navbar__logo em{color:var(--color-white);font-style:italic}.navbar__divider{width:1px;height:22px;margin:0 var(--space-6);background:#c9a84c33;flex-shrink:0}.navbar__search{flex:1;max-width:320px;position:relative}.navbar__search-icon{color:var(--color-white-faint);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.navbar__search-input{background:var(--surface-overlay);border:1px solid var(--color-black-5);border-radius:var(--radius-md);width:100%;color:var(--color-white);font-family:var(--font-body);transition:border-color var(--transition-normal);outline:none;padding:7px 14px 7px 36px;font-size:13px}.navbar__search-input::placeholder{color:var(--color-white-faint)}.navbar__search-input:focus{border-color:var(--color-gold-dim)}.navbar__actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.navbar__icon-btn{border-radius:var(--radius-md);width:38px;height:38px;color:var(--color-white-dim);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex;position:relative}.navbar__icon-btn:hover{background:var(--surface-overlay);border-color:var(--color-black-5);color:var(--color-white)}.navbar__badge{background:var(--color-gold);border:1.5px solid var(--color-black);border-radius:50%;width:8px;height:8px;position:absolute;top:5px;right:5px}.navbar__avatar{background:linear-gradient(135deg, var(--color-gold) 0%, var(--color-gold-dim) 100%);border:2px solid var(--color-gold-dim);cursor:pointer;width:34px;height:34px;margin-left:var(--space-2);font-family:var(--font-ui);color:var(--color-black);transition:border-color var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.navbar__avatar:hover{border-color:var(--color-gold)}.navbar__hamburger{border-radius:var(--radius-md);width:38px;height:38px;color:var(--color-white-dim);cursor:pointer;margin-right:var(--space-2);transition:all var(--transition-fast);background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;display:none}.navbar__hamburger:hover{background:var(--surface-overlay);border-color:var(--color-black-5);color:var(--color-white)}@media (width<=1024px){.navbar__actions{gap:var(--space-1)}}@media (width<=768px){.navbar{padding:0 var(--space-3);min-width:0}.navbar__hamburger{display:flex}.navbar__divider{display:none}.navbar__search{min-width:0;max-width:160px}.navbar__icon-btn{width:34px;height:34px}}@media (width<=480px){.navbar__logo{font-size:15px}.navbar__search{max-width:110px}.navbar__search-input{padding:6px 8px 6px 28px;font-size:12px}.navbar__icon-btn{width:32px;height:32px}.navbar__avatar{width:30px;height:30px;margin-left:var(--space-1);flex-shrink:0;font-size:11px}.navbar__actions{gap:var(--space-1);flex-shrink:0}}@media (width<=380px){.navbar__search,.navbar__divider{display:none}.navbar__logo{font-size:12px}.navbar__icon-btn{display:none}.navbar__icon-btn--overflow{display:flex}.navbar__avatar{width:28px;height:28px;margin-left:var(--space-1);flex-shrink:0;font-size:10px}.navbar__actions{gap:var(--space-1);flex-shrink:0;position:relative}}.navbar__overflow-menu{top:var(--topbar-height);right:var(--space-3);background:var(--surface-raised);border:1px solid var(--border-gold-strong);border-radius:var(--radius-md);padding:var(--space-1);min-width:44px;z-index:var(--z-drawer);flex-direction:column;gap:2px;display:flex;position:fixed;box-shadow:0 8px 32px #000c}.navbar__overflow-menu .navbar__icon-btn{width:36px;height:36px;display:flex!important}.sidebar{top:var(--topbar-height);width:var(--sidebar-left-width);height:calc(100vh - var(--topbar-height));padding:var(--space-6) var(--space-4);border-right:1px solid var(--border-subtle);background:var(--surface-base);z-index:var(--z-drawer);transition:transform var(--transition-slow);flex-direction:column;gap:0;display:flex;position:fixed;left:0;overflow-y:auto}.sidebar__label{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--color-gold-dim);padding:0 var(--space-3);margin-bottom:var(--space-2);margin-top:var(--space-5);font-size:10px;font-weight:700}.sidebar__label:first-child{margin-top:0}.sidebar__nav-item{align-items:center;gap:var(--space-3);padding:9px var(--space-3);border-radius:var(--radius-md);cursor:pointer;color:var(--color-white-dim);font-family:var(--font-body);transition:all var(--transition-fast);text-align:left;background:0 0;border:1px solid #0000;width:100%;font-size:14px;font-weight:400;text-decoration:none;display:flex;position:relative}.sidebar__nav-item:hover{background:var(--surface-raised);color:var(--color-white);border-color:var(--color-gold-border)}.sidebar__nav-item svg{opacity:.55;transition:opacity var(--transition-fast);flex-shrink:0}.sidebar__nav-item:hover svg{opacity:.85}.sidebar__nav-item--active{background:var(--color-gold-bg);color:var(--color-gold-light);border-color:var(--color-gold-border);font-weight:500}.sidebar__nav-item--active svg{opacity:1;color:var(--color-gold)}.sidebar__badge{background:var(--color-gold);color:var(--color-black);font-size:10px;font-weight:700;font-family:var(--font-ui);border-radius:var(--radius-pill);margin-left:auto;padding:2px 7px;line-height:1.4}.sidebar__go-live{margin-top:var(--space-6);background:linear-gradient(135deg, var(--color-gold) 0%, var(--color-gold-dim) 100%);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);cursor:pointer;align-items:center;gap:var(--space-3);width:100%;font-family:var(--font-ui);color:var(--color-black);letter-spacing:.04em;transition:opacity var(--transition-fast), transform var(--transition-fast);border:none;font-size:13px;font-weight:700;display:flex}.sidebar__go-live:hover{opacity:.9;transform:translateY(-1px)}.sidebar__live-dot{background:var(--color-black);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.4s ease-in-out infinite livePulse}.sidebar__friends-header{padding:0 var(--space-3);margin-top:var(--space-5);margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.sidebar__friend{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);display:flex}.sidebar__friend:hover{background:var(--surface-raised)}.sidebar__friend-avatar{width:32px;height:32px;font-family:var(--font-ui);color:var(--color-black);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:relative}.sidebar__friend-avatar--online:after{content:"";border:2px solid var(--color-black);background:#3dca6e;border-radius:50%;width:9px;height:9px;position:absolute;bottom:0;right:0}.sidebar__friend-name{color:var(--color-white-dim);font-size:13px;font-family:var(--font-body)}.sidebar__friend-sub{color:var(--color-white-faint);font-size:11px;font-family:var(--font-body)}.sidebar__overlay{z-index:calc(var(--z-drawer) - 1);opacity:0;transition:opacity var(--transition-slow);pointer-events:none;background:#000000a6;display:none;position:fixed;inset:0}.sidebar__overlay--open{opacity:1;pointer-events:all}@media (width<=768px){.sidebar{padding-top:var(--space-2);border-right:1px solid var(--color-gold-border);background:var(--color-black-2);width:280px;height:100vh;z-index:var(--z-drawer);top:0;transform:translate(-100%);box-shadow:4px 0 32px #000c}.sidebar--open{transform:translate(0)}}@media (width>=769px){.sidebar{transform:none!important}.sidebar__overlay{display:block!important}}.sidebar__close{margin-left:auto;margin-bottom:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-subtle);width:34px;height:34px;color:var(--color-white-dim);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:none}.sidebar__close:hover{background:var(--surface-overlay);color:var(--color-white)}@media (width<=768px){.sidebar__close{display:flex}}.right-sidebar{top:var(--topbar-height);width:var(--sidebar-right-width);height:calc(100vh - var(--topbar-height));padding:var(--space-6) var(--space-4) var(--space-6) var(--space-5);border-left:1px solid var(--border-subtle);background:var(--surface-base);z-index:calc(var(--z-topbar) - 1);flex-direction:column;gap:0;display:flex;position:fixed;right:0;overflow-y:auto}.right-sidebar__section{margin-bottom:var(--space-7)}.right-sidebar__title{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--color-gold-dim);margin-bottom:14px;font-size:10px;font-weight:700}.right-sidebar__gold-line{background:linear-gradient(to right, transparent, var(--color-gold-dim), transparent);opacity:.5;height:1px;margin:4px 0 20px}.live-now-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);margin-bottom:var(--space-1);border:1px solid #0000;display:flex}.live-now-item:hover{background:#e030300f;border-color:#e0303026}.live-now-avatar{border:2px solid var(--color-red-live);width:38px;height:38px;font-family:var(--font-ui);color:var(--color-black);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.live-now-info{flex:1;min-width:0}.live-now-name{font-family:var(--font-ui);color:var(--color-white);font-size:13px;font-weight:600}.live-now-viewers{color:#f5f0e866;font-size:11px;font-family:var(--font-body);align-items:center;gap:var(--space-1);margin-top:1px;display:flex}.live-now-dot{background:var(--color-red-live);border-radius:50%;flex-shrink:0;width:5px;height:5px;animation:1.2s ease-in-out infinite livePulse}.live-now-pill{color:#ff6060;font-family:var(--font-ui);letter-spacing:.1em;border-radius:var(--radius-sm);text-transform:uppercase;background:#e0303026;flex-shrink:0;padding:2px 6px;font-size:9px;font-weight:800}.trending-item{gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:opacity var(--transition-fast);align-items:flex-start;display:flex}.trending-item:hover{opacity:.8}.trending-item:last-child{border-bottom:none}.trending-thumb{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:72px;height:48px;display:flex;position:relative;overflow:hidden}.trending-info{flex:1;min-width:0}.trending-title{font-family:var(--font-body);color:var(--color-white);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.trending-meta{color:#f5f0e859;font-size:11px;font-family:var(--font-body);margin-top:3px}.suggested-item{align-items:center;gap:var(--space-3);padding:7px 0;display:flex}.suggested-avatar{width:36px;height:36px;font-family:var(--font-ui);color:var(--color-black);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.suggested-info{flex:1;min-width:0}.suggested-name{color:var(--color-white);font-size:13px;font-weight:500;font-family:var(--font-body)}.suggested-mutual{color:#f5f0e859;font-size:11px;font-family:var(--font-body)}.suggested-add-btn{border-radius:var(--radius-sm);background:var(--color-gold-bg);border:1px solid var(--color-gold-border);color:var(--color-gold-light);font-family:var(--font-ui);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;padding:5px 12px;font-size:11px;font-weight:700}.suggested-add-btn:hover{border-color:var(--color-gold);background:#c9a84c24}@media (width<=1024px){.right-sidebar{display:none}}.feed{padding:var(--space-6) var(--space-7);margin-left:var(--sidebar-left-width);margin-right:var(--sidebar-right-width);min-height:100vh;padding-top:calc(var(--topbar-height) + var(--space-6))}.feed__live-banner{border-radius:var(--radius-xl);margin-bottom:var(--space-8);cursor:pointer;border:1px solid #c9a84c33;animation:.6s both fadeSlideUp;position:relative;overflow:hidden}.feed__live-banner-bg{aspect-ratio:16/7;background:linear-gradient(135deg,#0a0a0a 0%,#1a1200 50%,#0d0900 100%);justify-content:center;align-items:center;width:100%;display:flex;position:relative}.feed__live-banner-bg:before{content:"";background:radial-gradient(at 60%,#c9a84c38 0%,#0000 70%);position:absolute;inset:0}.feed__live-banner-bg:after{content:"";background:linear-gradient(#0000,#080808f2);height:60%;position:absolute;bottom:0;left:0;right:0}.feed__live-banner-play{width:64px;height:64px;transition:all var(--transition-normal);z-index:1;background:#c9a84c2e;border:2px solid #c9a84c80;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.feed__live-banner:hover .feed__live-banner-play{background:#c9a84c52;transform:scale(1.06)}.feed__live-banner-info{padding:var(--space-5) var(--space-5) var(--space-4);z-index:2;position:absolute;bottom:0;left:0;right:0}.feed__live-pill{align-items:center;gap:var(--space-2);background:var(--color-red-live);color:#fff;font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-sm);margin-bottom:var(--space-2);padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.feed__live-pill-dot{background:#fff;border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite livePulse}.feed__live-banner-title{font-family:var(--font-display);color:var(--color-white);margin-bottom:var(--space-2);font-size:22px;font-weight:700;line-height:1.25}.feed__live-banner-meta{color:var(--color-white-dim);font-size:12px;font-family:var(--font-body);align-items:center;gap:14px;display:flex}.feed__live-banner-meta span{align-items:center;gap:5px;display:flex}.feed__stories{gap:var(--space-3);padding-bottom:var(--space-1);margin-bottom:var(--space-7);animation:.6s .1s both fadeSlideUp;display:flex;overflow-x:auto}.feed__story{cursor:pointer;align-items:center;gap:var(--space-2);flex-direction:column;flex-shrink:0;width:70px;display:flex}.feed__story-ring{background:linear-gradient(135deg, var(--color-gold) 0%, var(--color-gold-dim) 100%);border-radius:50%;width:60px;height:60px;padding:2.5px}.feed__story-ring--seen{background:var(--color-black-5)}.feed__story-inner{border:2px solid var(--color-black);background:var(--color-black-4);width:100%;height:100%;font-family:var(--font-ui);color:var(--color-gold);border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:flex}.feed__story-name{color:var(--color-white-dim);font-size:11px;font-family:var(--font-body);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:70px;overflow:hidden}.feed__filters{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;animation:.6s .15s both fadeSlideUp;display:flex}.feed__filter-btn{border-radius:var(--radius-pill);font-family:var(--font-ui);letter-spacing:.04em;cursor:pointer;border:1px solid var(--color-black-5);color:var(--color-white-dim);transition:all var(--transition-fast);background:0 0;padding:7px 16px;font-size:12px;font-weight:600}.feed__filter-btn:hover{border-color:var(--color-gold-dim);color:var(--color-white)}.feed__filter-btn--active{background:var(--color-gold);border-color:var(--color-gold);color:var(--color-black)}.feed__card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-5);transition:border-color var(--transition-normal), transform var(--transition-normal);animation:.6s both fadeSlideUp;overflow:hidden}.feed__card:hover{border-color:#c9a84c26;transform:translateY(-2px)}.feed__card-header{align-items:center;gap:var(--space-3);padding:14px var(--space-4) var(--space-3);display:flex}.feed__card-avatar{width:40px;height:40px;font-family:var(--font-ui);color:var(--color-black);border:2px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.feed__card-avatar--admin{border-color:var(--color-gold-dim);background:linear-gradient(135deg,#c9a84c,#7a6030)}.feed__card-meta{flex:1}.feed__card-author{font-family:var(--font-ui);color:var(--color-white);align-items:center;gap:var(--space-2);font-size:14px;font-weight:700;display:flex}.feed__card-verified{background:var(--color-gold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:15px;height:15px;display:inline-flex}.feed__card-time{color:#f5f0e84d;font-size:12px;font-family:var(--font-body);margin-top:1px}.feed__card-more{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--color-white-faint);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.feed__card-more:hover{background:var(--surface-overlay);color:var(--color-white-dim)}.feed__card-caption{padding:0 var(--space-4) var(--space-3);color:var(--color-white-dim);font-size:14px;line-height:1.5}.feed__card-caption strong{color:var(--color-white);font-weight:500}.feed__card-thumb{cursor:pointer;position:relative;overflow:hidden}.feed__card-thumb-bg{aspect-ratio:16/9;justify-content:center;align-items:center;width:100%;display:flex}.feed__card-thumb-overlay{transition:opacity var(--transition-normal);background:linear-gradient(135deg,#0000 40%,#0a080080 100%);position:absolute;inset:0}.feed__card-thumb:hover .feed__card-thumb-overlay{opacity:.6}.feed__card-play{opacity:0;transition:opacity var(--transition-normal);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.feed__card-thumb:hover .feed__card-play{opacity:1}.feed__card-play-circle{background:#c9a84cd9;border:2px solid #e8c96acc;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.feed__card-duration{color:var(--color-white);font-family:var(--font-ui);border-radius:var(--radius-sm);background:#000000bf;padding:3px 7px;font-size:11px;font-weight:600;position:absolute;bottom:10px;right:10px}.feed__card-admin-tag{color:var(--color-black);font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-sm);background:#c9a84ce6;padding:3px 8px;font-size:10px;font-weight:800;position:absolute;top:10px;left:10px}.feed__card-actions{padding:var(--space-3) var(--space-4) 14px;align-items:center;gap:var(--space-1);border-top:1px solid var(--border-subtle);margin-top:var(--space-1);display:flex}.feed__action-btn{align-items:center;gap:var(--space-2);padding:7px var(--space-3);border-radius:var(--radius-md);color:var(--color-white-dim);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-size:13px;display:flex}.feed__action-btn:hover{background:var(--surface-overlay);color:var(--color-white)}.feed__action-btn--liked{color:var(--color-gold)}.feed__action-btn--liked svg{fill:var(--color-gold)}.feed__action-spacer{flex:1}.feed__share-btn{align-items:center;gap:var(--space-2);padding:7px var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-black-5);color:var(--color-white-dim);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);background:0 0;font-size:13px;display:flex}.feed__share-btn:hover{border-color:var(--color-gold-dim);color:var(--color-gold)}.feed__divider{text-align:center;margin:var(--space-7) 0;position:relative}.feed__divider:before{content:"";background:linear-gradient(90deg,#0000,#c9a84c26,#0000);height:1px;position:absolute;top:50%;left:0;right:0}.feed__divider span{background:var(--surface-base);font-family:var(--font-ui);letter-spacing:.1em;color:var(--color-gold-dim);text-transform:uppercase;padding:0 14px;font-size:11px;position:relative}.feed__mobile-section{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-5);display:none}.feed__mobile-section-title{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--color-gold-dim);margin-bottom:var(--space-4);font-size:10px;font-weight:700}.feed__watermark{font-family:var(--font-display);color:#c9a84c2e;text-align:center;padding:var(--space-8) 0 var(--space-6);letter-spacing:.06em;font-size:11px;font-style:italic}@media (width<=1024px){.feed{margin-right:0}}@media (width<=768px){.feed{padding:var(--space-3);padding-top:calc(var(--topbar-height) + var(--space-3));margin-left:0;padding-bottom:80px}.feed__live-banner-title{font-size:17px}.feed__card-actions{gap:var(--space-1);flex-wrap:wrap}.feed__mobile-section{display:block}}@media (width<=480px){.feed__live-banner-title{font-size:15px}.feed__live-banner-meta{gap:var(--space-1);flex-direction:column}.feed__filter-btn{padding:6px 12px;font-size:11px}}.feed__new-posts-badge{top:calc(var(--topbar-height) + 12px);z-index:var(--z-overlay);background:var(--color-gold);color:var(--color-black);border-radius:var(--radius-pill);font-family:var(--font-ui);letter-spacing:.04em;cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:800;animation:.3s cubic-bezier(.34,1.56,.64,1) badgeIn;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #c9a84c66}.feed__new-posts-badge:hover{background:var(--color-gold-light);box-shadow:0 6px 28px #c9a84c8c}@keyframes badgeIn{0%{opacity:0;transform:translate(-50%)translateY(-12px)scale(.9)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.feed__sentinel{justify-content:center;align-items:center;width:100%;height:60px;display:flex}.feed__loader{align-items:center;gap:6px;display:flex}.feed__loader-dot{background:var(--color-gold-dim);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite dotPulse}.feed__loader-dot:nth-child(2){animation-delay:.2s}.feed__loader-dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.4;transform:scale(.7)}40%{opacity:1;background:var(--color-gold);transform:scale(1)}}