.category-section{background-color:var(--card-bg-color);border-bottom:.0625rem solid var(--border-color);white-space:nowrap;-webkit-overflow-scrolling:touch;padding:.625rem 0;display:flex;overflow-x:auto}.category-item{background-color:var(--input-bg);color:var(--text-color);cursor:pointer;border-radius:1.25rem;flex:none;margin:0 .3125rem;padding:.5rem .9375rem;font-size:.875rem;transition:background-color .2s}.category-item:hover{background-color:var(--border-color)}.stories-section{border-bottom:.0625rem solid var(--border-color);background-color:var(--card-bg-color);white-space:nowrap;padding:.9375rem 0;display:flex;overflow-x:auto}.story-item{cursor:pointer;flex-direction:column;flex:none;align-items:center;margin:0 .625rem;display:flex}.story-img{object-fit:cover;border:.125rem solid var(--accent-color);border-radius:50%;width:3.75rem;height:3.75rem;padding:.125rem}.story-name{color:var(--text-color);margin-top:.3125rem;font-size:.75rem}.reels-section{padding-bottom:3.75rem}.reel-post-container{background-color:var(--card-bg-color);border-radius:.625rem;max-width:31.25rem;margin:0 auto .5rem;overflow:hidden;box-shadow:0 .125rem .625rem #0000001a}.reel-card{aspect-ratio:9/16;background-color:var(--card-bg-color);width:100%;position:relative;overflow:hidden}.reel-thumb{object-fit:cover;width:100%;height:100%;display:block}.reel-thumb.placeholder{background-color:var(--input-bg);color:var(--placeholder-text);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.reel-post-actions{border-bottom:.0625rem solid var(--border-color);justify-content:space-around;align-items:center;padding:.5rem .75rem;display:flex}.reel-post-info{text-align:left;padding:.75rem 1rem}.reel-post-info .reel-title{color:var(--text-color);margin-bottom:.25rem;font-size:1.1rem;font-weight:600}.reel-post-info .reel-user-info{color:var(--text-color);margin-bottom:.5rem;font-size:.85rem}.reel-post-info .reel-user-info a{color:var(--text-color);font-weight:600;text-decoration:none}.reel-post-info .reel-user-info a:hover{text-decoration:underline}.reel-post-info .reel-user-info .verified-badge{margin-left:.2rem;font-size:.75em}.reel-post-info .reel-caption{color:var(--text-color);font-size:.9rem;line-height:1.4}.reel-card-overlay,.reel-info-overlay,.reel-actions-overlay,.reel-info,.reel-actions-home{display:none}.comments-section{border-top:.0625rem solid var(--border-color);background-color:var(--card-bg-color);padding:.625rem .9375rem}.comments-list{max-height:6.25rem;margin-bottom:.625rem;overflow-y:auto}.comment-item{margin-bottom:.3125rem;font-size:.875rem;line-height:1.4}.comment-user{color:var(--text-color);margin-right:.3125rem;font-weight:700}.comment-text{color:var(--text-color)}.comment-input-section{gap:.3125rem;display:flex}.comment-input{border:.0625rem solid var(--input-border);background-color:var(--input-bg);color:var(--text-color);border-radius:1.25rem;flex-grow:1;padding:.5rem .75rem;font-size:.875rem}[data-theme=dark] .comment-input{color:#fff;background-color:#333;border-color:#444}.comment-input::placeholder{color:var(--placeholder-text)}.comment-submit-btn{background-color:var(--button-bg);color:var(--button-text);cursor:pointer;border:none;border-radius:1.25rem;padding:.5rem .9375rem;font-size:.875rem;transition:background-color .2s}.comment-submit-btn:hover{background-color:var(--accent-color);filter:brightness(.9)}.skeleton-card{aspect-ratio:9/16;background-color:var(--card-bg-color);border-radius:.625rem;width:100%;max-width:31.25rem;margin:0 auto 1rem;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.skeleton-shim{background:linear-gradient(90deg,var(--card-bg-color)0%,var(--input-bg)50%,var(--card-bg-color)100%);background-size:200% 100%;width:100%;height:100%;animation:.5s infinite loading;position:absolute;top:0;left:0}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.reel-post-container{width:100%;max-width:100%;box-shadow:none;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);border-radius:0;margin:0 0 .5rem}.category-section{padding:.5rem 0}.category-item{margin:0 .25rem;padding:.4rem .75rem;font-size:.8rem}.stories-section{padding:.75rem 0}.story-img{border:.1rem solid var(--accent-color);width:3.2rem;height:3.2rem}.story-name{font-size:.7rem}.reels-section{padding-bottom:3rem}.reel-card{margin:0 auto .75rem}.reel-thumb{height:16rem}.reel-post-info{padding:.5rem .75rem}.reel-title{font-size:1rem}.reel-post-actions button{padding:.25rem .5rem;font-size:1rem}.comments-section{padding:.5rem .75rem}.comments-list{max-height:5rem;margin-bottom:.5rem}.comment-item{font-size:.8rem}.comment-input{padding:.4rem .6rem;font-size:.8rem}.comment-submit-btn{padding:.4rem .75rem;font-size:.8rem}}@media (max-width:480px){.category-section{padding:.4rem 0}.category-item{margin:0 .2rem;padding:.3rem .6rem;font-size:.75rem}.stories-section{padding:.6rem 0}.story-img{border:.08rem solid var(--accent-color);width:2.8rem;height:2.8rem}.story-name{font-size:.65rem}.reels-section{padding-bottom:2.5rem}.reel-card{margin:0 auto .6rem}.reel-thumb{height:14rem}.reel-post-info{padding:.4rem .6rem}.reel-title{font-size:.9rem}.reel-post-actions button{padding:.2rem .4rem;font-size:.9rem}.comments-section{padding:.4rem .6rem}.comments-list{max-height:4rem;margin-bottom:.4rem}.comment-item{font-size:.75rem}.comment-input{padding:.3rem .5rem;font-size:.75rem}.comment-submit-btn{padding:.3rem .6rem;font-size:.75rem}}