@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}body{color:#fff;background-color:#000;background-image:radial-gradient(circle at 20% 20%,#fff 1px,#0000 1px),radial-gradient(circle at 80% 40%,#fff 1px,#0000 1px),radial-gradient(circle at 40% 80%,#fff 1px,#0000 1px),radial-gradient(circle at 60% 10%,#fff 1px,#0000 1px);background-size:200px 200px;min-height:100vh;display:flex}.sidebar{flex-direction:column;width:245px;height:100vh;padding:20px 12px;display:flex;position:fixed}.logo{margin-bottom:50px;padding:12px;font-family:cursive;font-size:24px;font-style:normal;font-weight:700}.nav-item{color:#fff;border-radius:12px;align-items:center;gap:30px;padding:16px;font-size:17.6px;text-decoration:none;transition:background .2s;display:flex}.nav-item:hover{background-color:#121212}.nav-item i{width:28px;height:28px}.container-principal{justify-content:center;width:calc(100% - 245px);padding:30px 20px;display:flex}.feed{width:100%;max-width:630px}.post{margin-bottom:40px}.post-image{border-radius:8px;width:100%;height:580px;overflow:hidden}.post-image img{object-fit:cover;width:100%;height:100%;display:block}.post-date{color:#8e8e8e;font-size:.75rem}.post-footer{padding:14px}.actions{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.right-actions{gap:16px;display:flex}.icon-btn{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.fav{color:#fff}.fav.active{color:red}.icon-btn:hover{opacity:.7}.post-title{margin-bottom:8px;font-size:1rem;font-weight:600}.caption{color:#d0d0d0;line-height:1.6}.read-more{color:#0ff;cursor:pointer;margin-left:4px;font-weight:600}.read-more:hover{color:#fff}.search-bar{width:100%;margin-bottom:24px}.search-bar label{color:#d0d0d0;margin-bottom:10px;font-size:.95rem;display:block}.search-controls{align-items:center;gap:12px;display:flex}#dateInput{color:#fff;background:#121212;border:1px solid #2a2a2a;border-radius:10px;outline:none;flex:1;height:46px;padding:0 14px;font-size:15px}#dateInput:focus{border-color:#0ff}#dateInput::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer}#searchBtn{color:#000;cursor:pointer;white-space:nowrap;background:#0ff;border:none;border-radius:10px;height:46px;padding:0 22px;font-weight:600;transition:all .2s}#searchBtn:hover{background:#6fffff}