.vr-feed-container{height:100vh;overflow:auto}.vr-page-container{background-color:#0f1116;color:#fff;padding-bottom:50px}.hero-section{text-align:center;margin:3rem auto;max-width:900px}.hero-title{font-size:48px;font-weight:700}.hero-subtitle{font-size:18px;color:#aaa;margin-top:10px}.search-bar-container{display:flex;justify-content:center;gap:10px;margin-top:25px}.search-bar-input{width:400px;padding:10px;border-radius:6px;border:none}.upload-btn{background:#2563eb;color:#fff;padding:10px 20px;border-radius:6px;border:none;cursor:pointer}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem;max-width:1200px;margin:auto}.video-card{background:#1b1f27;border-radius:12px;overflow:hidden;transition:transform .3s ease}.video-thumb{width:100%;height:180px;object-fit:cover}.video-info{padding:15px}.video-info h3{margin:0;font-size:18px}.channel-name{color:#9ca3af;margin:5px 0}.video-stats{margin-top:10px;color:#ccc}.time-text{display:block;margin-top:8px;font-size:12px;color:#999}.vr-video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));grid-gap:2rem;gap:2rem;padding:2rem 0;position:relative;z-index:1}.vr-video-card{background-color:var(--new-ui-black);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px rgba(0,0,0,.25)}.thumbnail-container{width:100%;height:180px;overflow:hidden}.thumbnail{width:100%;height:100%;object-fit:cover}.card-body{padding:16px}.video-title{font-weight:600;font-size:17px;margin-bottom:6px;color:#fff}.video-meta{display:flex;align-items:center;margin-bottom:10px;color:#aaa;font-size:14px}.creator-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(45deg,#6d6dff,#00c3ff);margin-right:8px}.creator-name{font-weight:500;color:#d1d5db}.video-description{position:relative;color:#a5a5a5;font-size:14px;line-height:1.4;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em;max-height:2.8em}.video-description:after{content:"";position:absolute;bottom:0;right:0;width:30%;height:1.4em;background:linear-gradient(to right,transparent,var(--new-ui-black))}.video-stats{display:flex;justify-content:space-between;align-items:center;color:#b0b0b0;font-size:14px;margin-bottom:8px}.video-footer{color:#8a8a8a;font-size:13px;border-top:1px solid #2a2a2a;padding-top:8px;margin-top:6px}.video-stats span{display:flex;align-items:center;gap:6px;cursor:pointer;transition:color .2s ease}.video-stats span:hover{color:var(--new-ui-blue)}.liked{color:#ff477e}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.75);display:flex;justify-content:center;align-items:center;z-index:999}.modal-content{background:#1a1d23;color:#fff;padding:20px;border-radius:10px;width:90%;max-width:400px}.modal-content h3{margin-bottom:10px}.comment-input{display:flex;gap:10px;margin-top:10px}.comment-input input{flex:1 1;background:#111319;border:1px solid #333;border-radius:6px;padding:8px;color:#fff}.comment-input button{background:#2563eb;color:white;border:none;border-radius:6px;padding:8px 12px;cursor:pointer}.comments-list{max-height:200px;overflow-y:auto;margin-bottom:10px}.comment-line{background:#111319;border-radius:6px;padding:6px 10px;margin-bottom:6px}.copy-toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#4CAF50;color:white;padding:10px 20px;border-radius:6px;animation:fadeInOut 2s ease}@keyframes fadeInOut{0%,to{opacity:0;bottom:20px}10%,90%{opacity:1;bottom:30px}}